/*///////////////////////////////////////////////////////////////////////// Responsive CSS Structure /////////////////////////////////////////////////////////////////////////*/


/*---------- Small Mobile , IPhone Start ----------*/

/*=== Screen Size = 240, 320, 360, 480, 568 ===*/ 

@media (min-width: 240px) and (max-width: 568px){
}
@media (min-width: 569px) and (max-width: 767px){

}
@media (max-width: 767px) {
.navbar .navbar-toggler .icon-bar {
    background-color: #252525;
    display: block;
    width: 30px;
    height: 2px;
    position: relative;
    transition: ease-in-out 0.4s;
    -webkit-transition: ease-in-out 0.4s;
    -moz-transition: ease-in-out 0.4s;
    -ms-transition: ease-in-out 0.4s;
    -o-transition: ease-in-out 0.4s;
    margin-bottom: 5px;
}


.h-menu .navbar-toggler .icon-bar { background-color: #252525; position: relative; transition: ease-in-out 0.4s; -webkit-transition: ease-in-out 0.4s; -moz-transition: ease-in-out 0.4s; -ms-transition: ease-in-out 0.4s; -o-transition: ease-in-out 0.4s; }
.h-menu .navbar-toggler.open .icon-bar { background-color: #252525; }
.h-menu .navbar-toggler.open .icon-bar:nth-child(1) { top: 2px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); }
.h-menu .navbar-toggler.open .icon-bar:nth-child(2) { display: none; }
.h-menu .navbar-toggler.open .icon-bar:nth-child(3) { top: -4px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); }
.navbar-nav.sm-collapsible .sub-arrow{ border: none !important; }


.h-right{ display: block; justify-content: inherit; position: relative;  }
.h-menu .navbar { justify-content: flex-end; }
.h-social{ position: absolute; top: 0; left:0; }

.h-logo{ text-align: center; margin: 0 0 10px; }
.h-logo img{  width: 200px; }

.btn-primary{ font-size: 16px; line-height: 16px; padding: 10px 0; width: 180px; }

.h-menu .navbar-nav .nav-item>ul{ margin-top: 0 !important; padding: 10px 0 !important; }
.h-menu .navbar-nav .nav-link{ padding: 10px 5px; font-size: 14px; line-height: 14px; }
.h-social ul li a{ width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
.h-social ul li{ padding: 0 5px; }
.h-menu .navbar-nav .nav-item .dropdown-item{ font-size: 14px !important; line-height: 14px !important; }
.h-menu .nav-item{ padding: 0 5px; }
.h-menu .navbar-nav .nav-item>ul{ max-width: 100% !important; }
.h-menu .navbar-nav .nav-item ul ul{ max-width: 100% !important; margin-left: 110px !important; }

.h-slider .slick-dots{ bottom: 10px; }
.h-slider .slick-dots li{ width: 10px; height: 10px; }

.h-video iframe{ height: 300px; }

.time-section{ padding: 30px 0; }
.time-section h1{ font-size: 26px; line-height: 26px; margin: 0 0 15px; }

.food-detail{ padding: 25px; }
.food-detail h2{ font-size: 18px; line-height: 18px; }
.food-detail p{ font-size: 14px; line-height: 25px; margin: 0 0 20px; }
.food-detail a{ font-size: 16px; line-height: 16px; }
.food-section{ padding: 40px 0 20px; }
.odd-block .food-detail{ margin-left: 0; }
.even-block .food-detail{ margin-right: 0; }

.food-img img{ height: 300px; object-fit: cover; font-family: "object-fit: cover;"; }

.category-block{ margin: 0 0 30px; }
.food-category-section{ padding: 40px 0; }
.category-desc{ padding: 20px; }
.category-desc a{ font-size: 14px; line-height: 16px; padding: 10px 0 0; }
.category-desc a:after{ width: 100px; }

.time-section p{ font-size: 15px; line-height: 26px; }


.footer{ text-align: center; }
.f-logo{ padding: 0; margin: 0 0 20px; }
.f-logo img{ width: 200px; }
.top-footer{ padding: 20px 0; }
.f-block{ margin: 0 0 20px; }
.f-block h5{ font-size: 16px; line-height: 16px; margin: 0 0 15px; }
.f-block p{ font-size: 14px; line-height: 14px; }
.f-block .f-menu ul li a{ font-size: 14px; line-height: 14px; }
.bottom-footer p{ font-size: 14px; }



.page-banner{ margin: 0 0 20px; }
.inner-page .content{ padding: 0 0 50px; }
.cat-img-block{ margin: 0 0 10px; }
.food-category{ margin: 0 0 15px; }
h1{ font-size: 23px; line-height: 23px; }
h2{ font-size: 23px; line-height: 23px; }
h3{ font-size: 20px; line-height: 20px; }
h4{ font-size: 20px; line-height: 20px; }
p{ font-size: 15px; line-height: 26px; margin: 0 0 15px; }
ul{ margin: 0 0 20px; }
ul li{ font-size: 16px; line-height: 26px; }


.float-left{ float: none !important; }
.float-right{ float: none !important; }

.top-img{ height: 20px; margin: 0 0 15px; }



}

@media (min-width: 768px) {
}
@media (min-width: 768px) and (max-width: 991px){
.btn-primary{ font-size: 18px; line-height: 18px; padding: 18px 0; width: 200px; }

.h-menu .navbar-nav .nav-item>ul{ margin-top: 0 !important; }
.h-menu .navbar-nav .nav-link{ padding: 30px 5px; font-size: 14px; line-height: 14px; }
.h-social ul li a{ width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
.h-social ul li{ padding: 0 5px; }
.h-menu .nav-item{ padding: 0 5px; }


.time-section{ padding: 50px 0; }
.time-section h1{ font-size: 28px; line-height: 28px; }

.food-detail{ padding: 25px; }
.food-detail h2{ font-size: 18px; line-height: 18px; }
.food-detail p{ font-size: 14px; line-height: 25px; margin: 0 0 20px; }
.food-detail a{ font-size: 16px; line-height: 16px; }
.food-section{ padding: 60px 0 20px; }

.food-img img{ height: 300px; object-fit: cover; font-family: "object-fit: cover;"; }

.food-category-section{ padding: 40px 0; }
.category-desc{ padding: 20px; }
.category-desc a{ font-size: 14px; line-height: 16px; padding: 10px 0 0; }
.category-desc a:after{ width: 100px; }

.time-section p{ font-size: 15px; line-height: 26px; }

.top-footer{ padding: 35px 0; }
.f-block h5{ font-size: 16px; line-height: 16px; margin: 0 0 15px; }
.f-block p{ font-size: 14px; line-height: 14px; }
.f-block .f-menu ul li a{ font-size: 14px; line-height: 14px; }
.bottom-footer p{ font-size: 16px; }

.inner-page .content{ padding: 0 0 50px; }
h1{ font-size: 26px; line-height: 26px; }
h2{ font-size: 26px; line-height: 26px; }
h3{ font-size: 20px; line-height: 20px; }
h4{ font-size: 20px; line-height: 20px; }



}

@media (min-width: 992px) and (max-width: 1199px){
.btn-primary{ font-size: 18px; line-height: 18px; padding: 18px 0; }

.h-menu .navbar-nav .nav-link{ padding: 50px 10px; font-size: 18px; line-height: 18px; }
.h-social ul li a{ width: 40px; height: 40px; line-height: 40px; font-size: 25px; }
.h-social ul li{ padding: 0 5px; }

.time-section{ padding: 50px 0; }
.time-section h1{ font-size: 28px; line-height: 28px; }

.food-detail{ padding: 40px; }
.food-detail h2{ font-size: 20px; line-height: 20px; }
.food-detail p{ font-size: 14px; line-height: 25px; margin: 0 0 25px; }
.food-detail a{ font-size: 16px; line-height: 16px; }
.food-section{ padding: 60px 0 20px; }

.food-category-section{ padding: 40px 0; }
.category-desc{ padding: 20px; }
.category-desc a{ font-size: 16px; line-height: 16px; }
.category-desc a:after{ width: 130px; }

.time-section p{ font-size: 15px; line-height: 26px; }


h1{ font-size: 28px; line-height: 28px; }
h2{ font-size: 28px; line-height: 28px; }





}

@media (min-width: 1200px) and (max-width: 1299px){
.container { max-width: 1170px; }
.inner-page .container{ max-width: 1170px; }

.h-menu .navbar-nav .nav-link{ padding: 50px 15px; }
.h-social ul li a{ width: 40px; height: 40px; line-height: 40px; font-size: 25px; }

.food-detail{ padding: 40px; }
.food-detail p{ font-size: 15px; line-height: 25px; margin: 0 0 35px; }
.food-detail a{ font-size: 18px; line-height: 18px; }

.category-desc a{ font-size: 18px; line-height: 18px; }

.time-section p{ font-size: 15px; line-height: 26px; }



}

@media (min-width: 1300px) and (max-width: 1399px){
.container { max-width: 1270px; }
.inner-page .container{ max-width: 1270px; }

.h-menu .navbar-nav .nav-link{ padding: 50px 20px; }

.food-detail{ padding: 40px; }
.food-detail p{ font-size: 15px; line-height: 25px; margin: 0 0 35px; }
.food-detail a{ font-size: 18px; line-height: 18px; }

.category-desc a{ font-size: 22px; line-height: 22px; }

.time-section p{ font-size: 15px; line-height: 26px; }

}

@media (min-width: 1400px) and (max-width: 1499px){
.container { max-width: 1370px; }

.time-section p{ font-size: 15px; line-height: 26px; }


}



@media (min-width: 1400px){
.inner-page .container{
    max-width: 1350px; 
}
}




@media (min-width: 1500px) and (max-width: 1599px){
.container { max-width: 1470px; }

.time-section p{ font-size: 16px; line-height: 28px; }

}

@media (min-width: 1600px) and (max-width: 1699px){
.container { max-width: 1570px; }
}

@media (min-width: 1700px) and (max-width: 1799px){

}

@media (min-width: 1700px){
.container { max-width: 1670px; }
}


@media (min-width: 1200px) and (max-width: 1920px){
}



/*---------- Large Desktop , Large Screen End ----------*/