/* Responsive Css */

@media only screen and (max-width: 1400px) {
.container { max-width: 100%; }
}	


@media only screen and (max-width: 1200px) {
.page-gapping { padding: 45px 0px; }
.section-two .img { padding-right: 7px; }
.hero-banner .content { padding-top: 10px; width: 600px; }
.section-two .cont h4 { word-break: break-all; font-size: 23px; }
.section-three .content .cont h3 { margin-bottom: 20px; font-size: 30px; line-height: 35px; min-height: 71px; }
.section-four .cont { padding-top: 20px; }



}


 

@media only screen and (max-width: 991px) {
.logo-white { float: left; padding: 32px 0; }
.nav-sec .navbar { float: right; width:100%; }
.nav-sec .navbar-collapse { margin-top:0px; }
.nav-sec .navbar-nav { margin: 30px 0 0 0; }
.nav-sec .navbar .navbar-toggler { background: #4a170b; padding: 7px 10px; float: none; text-align: center; position: absolute; right: 0; top: -20px; border: 2px solid #fff; 
left: 0; width: 55px; margin: 0 auto; line-height:18px; }
.nav-sec .navbar .navbar-toggler .navbar-toggler-icon { background:url(../images/toggle-icon.png); width:24px; height:18px; }
.nav-sec .navbar-nav{ margin:30px 0; background: #fff; }
.nav-sec ul li { width:100%; margin:0; border-bottom:1px solid #8A8A8A; }
.nav-sec ul li a { font-size: 16px; padding: 0 10px !important; text-align: left; line-height: 40px; font-weight: 400; color: #2d0b03 !important; }
.nav-sec ul li a span{ border:0px; padding:0px; }
.nav-sec ul li.current-menu-item a span { border-bottom:0; padding-bottom:0; }
.nav-sec ul li a span::before{ position:static; }
.nav-sec ul li a:hover, .nav-sec ul li a:focus {  }
.nav-sec ul li.active a span { border-bottom: 0; padding-bottom: 0; }


.hero-banner{ padding-top:32px; }
.hero-banner .desktop{ display:block; }
.hero-banner .mobile{ display:none; }
.hero-banner .img { width: 60%; margin: 0 auto; }
.hero-banner .content { padding-top: 0; width: auto; position: static; padding-bottom: 40px; }
.hero-banner .content h1 { border-bottom: 1px solid #966a52; padding-bottom: 20px; margin-bottom: 20px; color: #fff; text-shadow: 2px 2px 4px #271102; font-size: 50px; line-height: 62px; }
.hero-banner .content .btnas { padding-top: 20px; }

.page-gapping { padding: 40px 0px; }
p { margin-bottom: 0.5rem; }
.section-two .icons { margin-bottom: 30px; }
.section-two .cont p { font-size: 20px; line-height: 32px; }
.section-three .last { margin-top: 30px; }
.section-three .content .cont h3 { min-height: initial; }
.section-four .white { text-align: center; }
.section-four .white .img { width: 65%; margin: 0 auto; }



}

	

@media only screen and (max-width: 767px) {
.hero-banner .content h1 { font-size: 45px; line-height: 58px; }
h2 { font-size: 40px; line-height: 53px; }
.page-gapping { padding: 30px 0px; }

.section-three .last { margin-top: 0; }
.section-three .heading-title { margin-bottom: 20px; }
.section-three .content { margin: 15px 0; }






}





@media only screen and (max-width: 576px) {


}




@media only screen and (max-width: 575px) {	
.hero-banner .img { width: 90%; }
.hero-banner .content h1 { font-size: 40px; line-height: 55px; }
.hero-banner .content .btnas .btn:first-child { margin-right: 0; margin-bottom: 15px; }
.section-two .cont h4 { font-size: 22px; }
.section-four .cont ul { font-size: 23px; margin-bottom: 15px; text-shadow: 1px 1px 4px #1c0e08; }
.section-four .white .img { width: 95%; }
.footer-sec h5 { border-right: 0; padding-right: 0; margin-right: 0; width: 100%; margin-bottom: 20px; }
 h2 { font-size: 35px; line-height: 48px; }
.section-three .content .cont h3 { font-size: 28px; line-height: 33px; }





}