@media(max-width: 1444px){

}
@media(max-width: 1399px){
    .banner-content{
        top: 50%;
    }
    .banner-full-sec .owl-theme .owl-nav {
        bottom: 34%;
    }
    .aboutmenu {
        padding: 30px 0 ;
    }
	.head-menu ul li {
		margin-right: 20px;}
	.head-logo {
    width: 17%;
    margin-right: 3px;
}
	.rightb {
    gap: 8px;
}
.slide-img img{
        height: 661px;
}
.menucont h6 {
	font-size: 26px;}
	
	.abcont h3{
    font-size: 21px;
}
.cta {
    background-position: center center;
}
	
}


@media (max-width: 1199px){
    .banner-sec .ban-shape {
        top: 137px;
        left: 67px;
    }
    .banner-full-sec .owl-theme .owl-nav {
        right: 20px;
    }
    .banner-full-sec .owl-theme .owl-nav .owl-prev, .banner-full-sec .owl-theme .owl-nav .owl-next {
        height: 60px;
        width: 60px;
    }
    .banner-full-sec .owl-theme .owl-prev:before {
        width: 30px;
        height: 30px;
    }
    .head-but {
        padding: 9px 25px;
    }
    .banner-content-inside h1 {
        font-size: 65px;
        line-height: 82px;
      margin-bottom: 20px;
    }
    .ctitle h2 {
        font-size: 45px;
    }
    .menubtn{
        padding: 5px 13px;
    }
    .menucont h6 {
        font-size: 21px;
    }
    .tmimg{
        width: 40%;
    }
   
    .abi img {
        width: 50px;
    }
    .aboutmenu {
        padding: 12px 0;
    }
    .bleafimg {
        bottom: -107px;
    }
    .bleafimg {
        position: absolute;
        left: -239px;
        bottom: -107px;
    }
    
    .blogcont h3 a,.reccont h3 a,.abcont h3,.fotcol h3,.peoplecont h3{
        font-size: 23px;
    }
    footer {
        margin-top: -84px;
    }
    .fotcol form input {
        font-size: 16px;
    }
    .offercont h3 {
        font-size: 19px;
    }
    p,.terms ul li a,.fotcol ul li a{
        font-size: 16px;
    }
    .in-ban-img img{
        height: 341px;
    object-fit: cover;
    }
    
    .vegreceipe .reccont .recbot p{
        font-size: 15px;
    }
    .vegreceipe .reccont{
        padding: 30px 25px 30px;
    }
    .footbot{
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
    text-align: center;
    }
    .vegreceipe .reccard{
        margin-bottom: 20px;
    }
	.header-in-full-sec .head-menu,
    .menu-outer .mobile-nav-toggler,.menu-outer .dropdown 
    .fi-rr-angle-small-down  {
		display: none;
	}	
		.menu-outer .head-menu ul li.dropdown:hover .drop-menu{
		opacity: 0;
		visibility: hidden;
	}
	.head-in .mobile-nav-toggler,.menu-outer .head-menu {
		display: block;
        position: absolute;
        right: 20px;
	}
	 .rightb{
        position: absolute;
    right: 97px;
    }
    .head-in-full .head-but{
        display: none;
    }
	.blogincont ul li{
		font-size: 16px;
	}
	.blogimg img, .portimg img, .reccardimg img{
		height: 346px;
	}

	.head-logo {
		width: 17%;}
	.contform {
    margin-top: 0;
}
.lefttopheader ul li a,.righttopheader span {
    font-size: 16px;
}
    .slide-img img {
        height: 540px;
    }
    .aboutin .row{
            align-items: center;
    }
    .portfolio .tom1{
            width: 26%
    }
    .portfolio .bugimg{
        width: 35%;
    }
    .popular-recepies .bug{
        width: 18%;
    }
    .popular-recepies .tom1{
        width: 20%;
    }
    .mb-60 {
    margin-bottom: 20px;
}
}
@media (max-width: 1023px){
    footer {
        margin-top: -77px;
    }
}
@media (max-width: 991px){
    
    .slide-img img{
          
        object-fit: cover;
    }
    .banner-content-inside h1 {
        font-size: 58px;
        line-height: 72px;
    }
    .banner-full-sec .owl-theme .owl-nav{
        bottom: 0;
    }
    .banner-full-sec .owl-theme .owl-nav .owl-prev, .banner-full-sec .owl-theme .owl-nav .owl-next {
        height: 50px;
        width: 50px;
    }
    .banner-full-sec .owl-theme .owl-prev:before,.banner-full-sec .owl-theme .owl-next:before {
        width: 20px;
        height: 20px;
    }
   
    .righttopheader{
            display: none;
    }
    .menu-card{
        margin-bottom: 15px;
    }
    .ctitle h2 {
        font-size: 41px;
    }
    .cta {
        background-size: cover;
    }
    .aboutmenu:before{
        display: none;
    }
    .aboutmenu {
        padding: 26px 0;
    }
    
    .drinkimg{
        margin-bottom: 20px;
    }
    .contimg {
        margin-left: 0; 
         margin-right: 0; 
         margin-bottom: 20px;
    }
/*     .contact {
        padding: 50px 0;
    } */
    .blogcard {
        margin-bottom: 20px;
    }
    .footbot{
        flex-wrap: wrap;
       justify-content: center;
       text-align: center;
    }

    .footbot p {
        margin-bottom: 0px;
    }
    .drinkin{
        text-align: center;
    }
    .contwrite{
        text-align: center;
    }
    .aboutcont .ctitle{
        text-align: center;
    }
    .offercard{
        margin-bottom: 20px;
    }
    .inban-content h2 {
        font-size: 49px;
    }
	.aboutcont{
		text-align: center;
	}
	.abmenubox{
		justify-content: center;
	}
	.head-logo {
		width: 23%;}
	.offercont p {
		-webkit-line-clamp: 2;}
		.jk{
		    margin-top: 10px;
		}
		    .portfolio .tom1 {
        width: 19%;
    }
}
@media (max-width: 767px){
    .banner-content-inside h1 {
        font-size: 50px;
        line-height: 61px;
    }
    .banner-content-inside h4 {
        font-size: 20px;
    }
    .banner-sec .ban-shape {
        left: 38px;
    }
    .offercont{
        text-align: center;
    }
    .rightservimg{
        margin: 0 auto;
    }
    .peoplecont {
        padding: 40px 70px;
    }
    footer .footlogo ul li {
        width: 40px;
        height: 40px;
    }
	.head-logo {
		        width: 37%;}
		    .lefttopheader ul li a, .righttopheader span {
        font-size: 13px;
    }
    .lefttopheader ul li i, .righttopheader i {
    font-size: 13px;
}
    .rightb {
        right: 84px;
    }
   
        .popular-recepies .tom1 {
        width: 30%;
    }
        .popular-recepies .bug {
        width: 25%;
    }
        .portfolio .bugimg {
            
                left: -91px;
        }
            .blog .tom1 {
        z-index: -1;
        width: 22%;
    }
        .fotcol {
    flex-wrap: wrap;
    justify-content: center;
}
 .footup {
    padding-bottom: 13px;
}
.footsec {
    padding: 61px 0 0px 0;
}
section{
    padding: 50px 0;
}
.about {
    padding-top: 50px;
}
    .ctitle h2 {
        font-size: 37px;
    }
    .bans {
    top: -60px;
    width: 57%;
}
    .aboutcont {
        text-align: center;
        margin-top: 50px;
    }
        .portfolio .tom1 {
        width: 12%;
    }
}
@media (max-width: 575px){
	.inban-content {
    position: absolute;
    top: 62%;
	}
    .banner-content-inside h1 {
        font-size: 41px;
        line-height: 42px;
    }
  
    .head-but {
        padding: 4px 14px;
    }
    .coffee{
        z-index: -1;
    }
    .ctitle h2 {
        font-size: 35px;
    }
    .menucont h6 {
        font-size: 20px;
    }
    .img-box6:before {
        width: 173px;
    }
    .inban-content h2 {
        font-size: 35px;
    }
    .blogcont h3 a, .reccont h3 a, .abcont h3, .fotcol h3, .peoplecont h3 {
        font-size: 20px;
    }
    .peoplecont {
        padding: 30px 20px;
    }
    .teamcard .footlogo ul li {
        width: 30px;
        height: 30px;
    }
    .loccontact ul li {
        gap: 12px;
    }
    .coninform {
        padding: 20px;
    }
    .coninform .footlogo ul li{
        width: 40px;
        height: 40px;
    }
    .getintouchform {
        padding: 10px;
        margin-top: 10px;
    }
	.rightb .searchitem form{
		display: none;
	}
	.rightb form, .search{
		display: none !important;
	}

	.leaf3img, .leaf4img{
		width: 30%;
	}
	.fotcol{
		    flex-wrap: wrap;
    justify-content: center;
		text-align: center;
	}
	.inban-content{
		transform: translate(0, -50%);
	}
	.footbot{
	    gap:0
	}
	    .blog .tom1 {
        width: 23%;
    
}
.contact form input, .contact form textarea {
    padding: 3px 12px;
}

.subfont h5 {
    font-size: 17px;
}
  
    .tophone {
    padding: 0 7px;
    margin: 0 11px;
}
.head-but {
    font-size: 16px;
}
.menu-inside .ctitle h2 {
        font-size: 35px;
        z-index: 2;
        position: relative;
    }
    .terms ul{
        flex-wrap: wrap;
        justify-content: center;
    }
	.terms ul li{
		margin-bottom:15px;
	}
	    .head-logo {
        width: 23%;
    }
}
@media (max-width: 479px){
    .reccont {
        padding: 30px 9px 30px;
    }
    .recbot p,.recbot p a{
        font-size: 15px;
    }
    .tom1 {
       
        width: 50%;
    }
        .tophone {
        padding: 0 7px;
        margin: 0 7px;
    }
    
        .ctitle h2 {
        font-size: 32px;
    }
    .ctitle h5 {
    display: inline-block;
    font-size: 20px;
    
}
       .aboutcont {
        margin-top: 78px;
    }
}
 
@media (max-width: 424px){
    
    .fotcol p br{
        display: none;
    }
    .head-logo {
        width: 35%;
    }
    .portfolio .bugimg {
        left: -35px;
    }
    .abcont h3, .reccont h3, .portcont h3, .class-testicont h4, .blogcont h3, .fotcol h3 {
    font-size: 20px;
}
.blogcont h3 {
    margin: 3px 0;
}
.category-name{
    font-size: 16px;
}
.blogbtn {
    font-size: 16px;
}
.blogcont {
    padding: 20px;
}
   
    .tophone{
        display: none;
    }
    header .fa-envelope{
        margin-left: 10px;
    }
        .bans {
        top: -21px;
        width: 77%;
    }
    .shape4 {
    width: 124%;
}
    .aboutcont {
        margin-top: 32px;
    }
}