/* Responsive Css */


@media only screen and (max-width: 1200px) {
.header .menu { padding: 0; }
.nav-sec ul li { margin-right: 5px; }
.nav-sec ul li a { padding:0 6px !important; }
.service-grid .inner-wrap:hover .header-wrap h5 { transform: translateY(-88px); } 
h2{ font-size:70px; line-height: 82px }

.section-four .patteren-bg { padding: 50px 35px; }
.section-four .patteren-bg h2{ font-size: 50px; line-height: 1.2em; margin-bottom:10px; }
.section-four .patteren-bg .heading-title { margin-bottom: 10px; }
.section-four .patteren-bg ul li a { font-size:20px; }
.section-three .content { background: #826A45; padding: 29px 40px 15px; }
.section-three .content .heading-title { margin-bottom: 10px; }
.section-three .content ul { padding-bottom: 10px; }
.section-three .my-img .img { position: absolute; left: -99px; bottom: auto; top: 0; }
.section-three { padding: 0px; }

.about-page-section { width: 100%; }
.about-page-section .about-content { width: 55%; padding: 20px; position: static; }
.middle-container .about-second .about-content { float: right; }
.middle-container .about-second .about-images { float: left; margin-left: 0; }

.paralax-bg{ padding: 80px 0; }

.menu-section .white-box::before { content: none; }
.menu-section .white-box { padding:25px; }
.menu-section .white-box .food-menu-content { padding: 12px 0; }

.enquiry-page-section .white-box{ width:100%; }
.enquiry-page-section .white-box .wpcf7-form .btns { width: 32%; }




}


 

@media only screen and (max-width: 991px) {
body.home .header { padding: 15px 0; background: #261717; }	
.header .menu{ display:none; }
.slider_container{ top:0px; }
.section-one { margin-top: 0; z-index: initial; }
.page-gapping { padding: 60px 0px; }
.section-one h3{ font-size:30px;  }
.section-one h3 br{ display:none; }
.section-one .box-three { margin-top: 25px; }
.service-grid .inner-wrap:hover .header-wrap h5 { transform: translateY(-65px); } 
.section-three .my-img .img{ position:static; }
.section-three .blank { padding: 0 0.7rem; }
.section-three .content .heading-title { margin-bottom: 25px; }
.section-three .content ul { padding-bottom: 20px; }
.footer-top ul.social li { margin: 0 10px 0 0; }


.about-page-section .about-content { width: 100%; margin-bottom: 30px; }
.about-page-section .about-images { width: 100%; }
.middle-container .about-page-section .mobile{ display:block; }
.middle-container .about-page-section .desktop{ display:none; }
.middle-container .about-second{ padding-bottom:0px; padding-top: 40px; }


.inner-blue-header{ padding-top: 120px; }
.inner-blue-header h1 { font-size: 60px; line-height: 70px; }

.paralax-bg{ min-height: 70px; padding: 60px 0; }
.paralax-bg .paralax-bg-content h2 { font-size: 45px; line-height: 60px; }
.menu-section .last{ margin-top:35px; }

.menu-section .white-box .heading-title { margin-bottom: 0; }

.enquiry-page-section .white-box .wpcf7-form .btns { width: 100%; margin: 10px auto 0; }


.contact-page-sec .contact-info { position: static; }
.map-section .map iframe { height: 300px; }
.contact-page-sec .contact-info .white { padding: 30px 15px; background: #fff; }
.contact-page-sec .contact-info .white h3 { font-size: 40px; }
.contact-page-sec .contact-form { width: 95%; padding: 30px 40px; }




}




	

@media only screen and (max-width: 767px) {
.slider_container .desktop{ display: none; }
.slider_container .mobile { display: block; }
.section-one .box-two { margin: 30px 0; } 
.section-one .box-three { margin-top: 0px; }
.section-one h3 { font-size: 26px; line-height: 1.4em; }
.section-two .black-bg h2{ font-size: 45px; line-height: 1.2em; text-align: center; }

.section-four .img-four { display: none; height: auto; }
.section-four .patteren-bg { padding: 40px 35px; height: auto; }
.section-four .patteren-bg .heading-title{ text-align:center; }
.section-four .patteren-bg h2{ font-size: 40px; line-height: 1.2em; }
.section-four .patteren-bg h2 br{ display:none; }

.footer-sec .footer-top { padding: 30px 45px; }
.footer-top-sec .top-list { text-align:center; padding-bottom: 35px; }
.footer-top ul.menu li{ font-size:28px; }
.footer-top-sec .menu-clm { width: 45%; }
.footer-copy{ padding: 230px 0px 0px 0px; }

.contact-page-sec .border-left { margin-top: 40px; }

.inner-blue-header h1 { font-size: 55px; line-height: 65px; }
.page-gapping { padding: 40px 0px; }

.paralax-bg .paralax-bg-content h2 { font-size: 40px; line-height: 54px; }
.menu-section .white-box h3 { line-height: 55px; font-size: 40px; }

.menu-section .white-box .food-menu-top h3{ width:100%: }
.menu-section .white-box .food-menu-top span.price { float: left; width: 100%; padding: 8px 0; font-weight: 800; }

.menu-section .white-box { padding: 22px; }



.map-section .map iframe { height: 270px; }
.contact-info .white .item { padding: 10px 0; }
.contact-page-sec .contact-form { width: 100%; padding: 30px; }
textarea{ height: 110px; }
.contact-page-sec .contact-info .white h3 { font-size: 32px; line-height: 45px; }
h3{ font-size: 32px; line-height: 45px;}





}





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



}




@media only screen and (max-width: 575px) {	
.header .logo { text-align: center; }	
.header .top-right { text-align: center; }	
.section-two .black-bg { padding: 20px 20px 30px 20px; }
.section-three .content h3 { font-size: 40px; line-height: 1.2em; }
.service-grid .inner-wrap:hover .header-wrap h5 { transform: translateY(-90px); } 

	
.footer-sec .footer-top { padding: 30px 20px; }
.footer-top-sec .menu-clm { width: 100%; }
.footer-top .box { padding-bottom: 18px; }

.contact-page-sec .border-left .contact-page-social-link { gap:10px; }
.contact-page-social-link li a { width: 55px; height: 55px; }
.inner-blue-header { top: -149px; min-height: 240px; padding-top: 160px; }
.inner-blue-header h1 { font-size: 40px; line-height: 55px; padding: 0 15px 10px; }

.middle-container { margin-top: -149px; }

.paralax-bg { min-height: 60px; padding: 45px 0; }
.paralax-bg .paralax-bg-content h2 { font-size: 33px; line-height: 44px; }


.menu-section .white-box h3 { line-height: 50px; font-size: 34px; }


.contact-info .white .item .icon .fa-solid { height: 50px; width: 50px; line-height: 50px; margin-right: 10px; }
.contact-info .white .item .content-wrap h4 { font-size: 22px; line-height: 32px; margin-bottom: 0; }
.contact-info .white .item .content-wrap p { margin: 0; font-size: 15px; }
.contact-page-sec .contact-form { padding: 22px; }

.about-page-section { margin-top: 0; margin-bottom: 10px; }	

	
}