/* Coffee Cafe HTML Template*/

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

@media only screen and (max-width: 1600px){
	
	.hm4-header-style-four .main-menu .navigation > li {
		margin-right: 40px;
	}
	.hm4-header-style-four .header-upper .outer-box .hm4-search-box-outer, .hm4-header-style-four .header-upper .outer-box .user-box {
		display:none;
	}
	
}

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

	.page-wrapper{
		overflow:hidden;	
	}
	
}

@media only screen and (max-width: 1140px){
	
	.page-wrapper{
		overflow:hidden;	
	}
	
	.hm4-about-section .side-image,
	.hm4-featured-section .side-image,
	.hm4-products-section .right-side-image,
	.hm4-news-section .side-image-one,
	.hm4-header-style-four .outer-box .cart-box{
		display:none;
	}
	
	.hm4-header-style-four .main-menu .navigation > li{
		margin-right:var(--margin-right-20);
	}
	
	.hm4-header-style-four .header-upper .outer-box{
		margin-left:var(--margin-left-30);
		margin-right:var(--margin-right-20);
	}
	
	.hm4-banner-section .content-column .owl-nav{
		left:-100px;
		bottom:-100px;
	}
	
	.hm4-menu-section .menu-tabs .tabs-content .content{
		padding-left:40px;
		padding-right:40px;
	}
	
	.hm4-recipe-block .inner-box .overlay-inner .content{
		padding-top:20px;
	}
	
	.hm4-recipe-block .inner-box .overlay-box{
		bottom:70px;
	}
	
	.hm4-testimonial-section .carousel-column .carousel-box .owl-nav{
		left:0px;
		right:0px;
	}
	
	.hm4-testimonial-section .title-column .time-list li{
		padding-left:120px;
		font-size:var(--font-18);
	}
	
	.hm4-testimonial-section .title-column .upper-box{
		padding-left:30px;
		padding-right:30px;
	}
	
	.hm4-clients-section,
	.hm4-clients-section .sponsors-outer{
		margin:0px;
	}
	
	.hm4-testimonial-section .title-column .lower-box strong{
		font-size:var(--font-24);
	}
	
	.newsletter-widget h3{
		font-size:var(--font-24) !important;
	}
	
	.hm4-header-style-four .outer-container{
		padding-left:15px;
	}
	
	.hm4-clients-section{
		background-color:#f4f4f4;
	}
	
}

@media only screen and (min-width: 768px){
	
	.hm4-header-style-four .main-menu .navigation > li > ul,
	.hm4-header-style-four .main-menu .navigation > li > ul > li > ul{
		display:block !important;
		visibility:hidden;
		opacity:0;
	}
	
}

@media (min-width: 768px) and (max-width: 819px){
	
	.hm4-header-style-four .main-menu .navigation > li > a {  
		padding: 33px 10px;
	}
	nav.main-menu.navbar-expand-md {
		padding: 0 35px 0 0;
	}
	
}

@media only screen and (max-width: 1023px){
	
	.hm4-header-style-four .main-box .logo-box {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		margin:0px;
		text-align:left;
	}
	
	.hm4-header-style-four .outer-box{
		display:block;
	}
	
	.hm4-header-style-four .options-box{
		margin-top:0px;
		position:absolute;
		left:0px;
		top:25px;
		z-index:12;
		display:none;
		right:auto;
	}
	
	.hm4-header-style-four .header-upper .logo-box{
		margin: 0px;
		padding-bottom:0px;
		text-align:center;
	}
	
	.hm4-header-style-four .main-menu .navigation > li{
		float:none;
		display:inline-block;
		margin-right:var(--margin-right-15);
	}
	
	.hm4-header-style-four{
		position:relative;
	}
	
	.hm4-header-style-four .nav-outer{
		padding-top:0px;
	}
	
	.hm4-header-style-four .main-menu,
	.hm4-header-style-four .main-menu .navbar-collapse{
		
	}
	
	.hm4-header-style-four .sticky-header .logo{
		
	}
	
	.hm4-header-style-four .sticky-header .pull-right{
		
	}
	
	.hm4-header-style-four .inner-container{
		margin-left:0px;
	}
	
	.hm4-header-style-four .header-upper .logo-box{
		margin-top:0px;
		padding:20px 0px 0px;
	}
	
	.hm4-header-style-four .sticky-header .logo{
		padding-bottom:0px;
	}
	
	.hm4-products-section .left-side-image,
	.hm4-header-style-four .header-upper .outer-box{
		display:none;
	}
	
	.hm4-header-style-four .main-menu .navigation > li > a{
		font-size:var(--font-18);
	}
	
	.hm4-header-style-four .outer-container{
		padding-right:15px;
	}
	
	.hm4-featured-section .featured-column{
		order:1;
	}
	
	.hm4-featured-section .image-column{
		order:2;
	}
	
	.hm4-menu-section .menu-tabs .tab-btns{
		padding:0px 10px;
	}
	
	.hm4-recipe-block .inner-box .overlay-box{
		top:15px;
		left:15px;
		right:15px;
		bottom:15px;
	}
	
	.hm4-recipe-block .inner-box .overlay-inner{
		padding-top:0px;
	}
	
	.hm4-testimonial-section{
		padding-bottom:70px;
	}
	
	.hm4-testimonial-section .image-layer{
		height:100%;
	}
	
	.hm4-testimonial-section .title-column{
		margin-bottom:var(--margin-left-30);
	}
	
}

@media only screen and (max-width: 1200px){
	
	.hm4-header-style-four .outer-box .cart-box{
		display:none;
	}
	
	.hm4-header-style-four .header-upper .logo-outer {
		position:relative;
		left:0px;
		top:0px;
		right:0px;
		bottom:0px;
		width:100%;
		margin:0px;
	}
	
	.hm4-header-style-four .header-upper .logo-box{
		padding:10px 0px;
	}
	
	.hm4-header-style-four .sticky-header .outer-box{
		display:block;
		right: 15px;
		left: auto;
		top:0px;
	}
	
	.hm4-header-style-four .main-menu{
		width:100%;
		display:none;
	}
	
	.hm4-header-style-four .main-box .logo-box{
		float:none;
		text-align:center;
		padding-bottom:10px;
	}
	
	.hm4-header-style-four .header-lower .outer-box{
		position:absolute;
		z-index:12;
		display:block;
	}
	
	.hm4-header-style-four .main-menu .navbar-header .navbar-toggler{
		display: inline-block;
		z-index: 12;
		width: 50px;
		height: 40px;
		float: none;
		padding: 0px;
		text-align: center;
		border-radius: 0px;
		background: none;
		border: 1px solid #ffffff;
	}
	
	.hm4-header-style-four .main-menu .navbar-header .navbar-toggler .icon-bar{
		position: relative;
		background: #ffffff;
		height: 2px;
		width: 26px;
		display: block;
		margin:0 auto;
		margin:5px 11px;
	}
	
	.hm4-header-style-four .nav-outer .hm4-mobile-nav-toggler{
		display: block;
		margin: 0px;
		width:100%;
		padding: 17.5px 0px;
		margin-left: 0px;
		text-align:center;
	}
	
	.hm4-header-style-four #navbarSupportedContent{
		display:block;
	}
	
	.hm4-header-style-four .mCSB_inside > .mCSB_container{
		margin-right:0px;
	}
	
	.hm4-header-style-four .outer-box{
		position:relative;
		left:0px;
		margin-left:0px;
		padding:0px 0px;
	}

	.hm4-header-style-four .inner-container{
		padding-left:0px;
		text-align:center;
	}
	
	.hm4-header-style-four .inner-container::before{
		transform:skewX(0deg);
	}
	
	.hm4-header-style-four .btn-box{
		padding:0px 0px 0px;
	}
	
	.hm4-header-style-four .btn-box .theme-btn{
		width:100%;
		text-align:center;
		border-radius:0px;
	}
	
	.hm4-header-style-four .outer-box{
		width:100%;
		margin:var(--margin-0);
	}
	
	.hm4-header-style-four .sticky-header{
		position:relative;
		display:none;
	}
	
	.hm4-banner-section .content-column .inner-column{
		padding:50px 50px;
	}
	
	.hm4-sec-title .text br,
	.hm4-featured-section .featured-column .features-outer::before,
	.hm4-featured-section .featured-column .features-outer::after,
	.hm4-banner-section .left-image-layer{
		display:none;
	}
	
	.hm4-banner-section .right-image-layer{
		width:100%;
	}
	
	.hm4-banner-section .content-column .owl-nav{
		position:relative;
		left:0px;
		bottom:0px;
		width:auto;
		margin-top:var(--margin-top-20);
	}
	
	h2,
	.hm4-delivery-section .title-box h2{
		font-size:var(--font-44);
	}
	
	.hm4-feature-block .inner-box{
		padding:0px;
		text-align:center;
	}
	
	.hm4-menu-section .menu-tabs .tabs-content .content{
		margin-top:0px;
		padding:30px 30px 1px;
	}
	
	.hm4-banner-section .content-column .text{
		font-size:var(--font-18);
	}
	
}

@media only screen and (max-width: 599px){
	
	h1{
		font-size:var(--font-50);
	}
	
	.hm4-banner-section .content-column .text{
		font-size:var(--font-16);
	}
	
	.hm4-banner-section .content-column .inner-column{
		padding:30px 30px;
	}
	
	.hm4-banner-section .phone-box{
		position:relative;
		bottom:0px;
		display:inline-block;
	}
	
	.hm4-banner-section .social-box{
		left:15px;
		right:auto;
	}
	
	.hm4-sec-title .title-outer .title,
	.hm4-delivery-section .title-box .title{
		letter-spacing:0px;
	}
	
	h2,
	.hm4-recipe-block .inner-box .overlay-box h2,
	.hm4-delivery-section .title-box h2{
		font-size:var(--font-36);
	}
	
	.hm4-sec-title .text,
	.hm4-testimonial-block .inner-box .text,
	.hm4-about-section .content .text p{
		font-size:var(--font-16);
	}
	
	.hm4-delivery-section .title-box .text{
		font-size:var(--font-18);
	}
	
	.hm4-menu-section .menu-tabs .tab-btns .tab-btn{
		margin:0px 2px;
	}
	
	.hm4-testimonial-section .carousel-column .carousel-box .owl-nav{
		position:relative;
		text-align:right;
		bottom:0px;
		margin-top:var(--margin-top-20);
	}
	
	.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-prev,
	.hm4-testimonial-section .carousel-column .carousel-box .owl-nav .owl-next{
		position:relative;
		margin:0px 4px;
		display:inline-block;
		width:50px;
		height:50px;
		line-height:50px;
	}
	
	
	
}

@media only screen and (max-width: 479px) {
	
	h1{
		font-size:32px;
	}
	
	h2{
		font-size:var(--font-26);
	}
	
	h3{
		font-size:var(--font-22);
	}
	
	h4{
		font-size:var(--font-20);
	}
	
	h2,
	.hm4-recipe-block .inner-box .overlay-box h2,
	.hm4-delivery-section .title-box h2{
		font-size:var(--font-30);
	}
	
	.hm4-delivery-section .title-box .title{
		font-size:var(--font-20);
		margin-bottom:var(--margin-bottom-10);
	}
	
	.hm4-delivery-section .delivery-tabs .tab-btns .tab-btn{
		font-size:var(--font-20);
		margin:0px 1px;
	}
	
	.hm4-delivery-section .delivery-tabs .tabs-content{
		padding:12px 12px;
	}
	
	.delivery-search-box .form-group button{
		position:relative;
		right:0px;
		top:0px;
		width:100%;
	}
	
	.hm4-menu-block .inner-box{
		padding-left:0px;
		min-height:auto;
	}
	
	.hm4-menu-block .inner-box .menu-icon{
		position:relative;
		margin-bottom:var(--margin-bottom-10);
	}
	
	.hm4-menu-block .inner-box .menu-title .price{
		position:relative;
		border:0px;
	}
	
	.hm4-recipe-block .inner-box .overlay-box .title,
	.hm4-menu-block .inner-box .menu-title:before{
		display:none;
	}
	
	.hm4-menu-block .inner-box .menu-title strong{
		display:block;
		margin-bottom:var(--margin-bottom-10);
	}
	
	.hm4-menu-section .menu-tabs .tab-btns .tab-btn{
		padding:10px 15px 10px;
		font-size:var(--font-18);
	}
	
	.hm4-recipe-block .inner-box .learn-more{
		padding:10px 22px;
	}
	
	.hm4-recipe-block .inner-box .overlay-box h2{
		margin-bottom:var(--margin-bottom-10);
	}
	
	.hm4-recipe-block .inner-box .overlay-inner .content{
		padding-top:0px;
	}
	
	.hm4-testimonial-section .title-column .inner-column{
		border-width:10px;
	}
	
	.hm4-testimonial-section .title-column .upper-box{
		padding:30px 20px;
	}
	
	.hm4-testimonial-section .title-column .time-list li{
		padding-left:0px;
	}
	
	.hm4-testimonial-section .title-column .time-list li span{
		position:relative;
		display:block;
		margin-bottom:var(--margin-bottom-10);
	}
	
	.hm4-testimonial-section .title-column .lower-box .lower-inner{
		padding-left:0px;
		padding-bottom:20px;
	}
	
	.hm4-testimonial-section .title-column .lower-box .lower-inner .icon{
		position:relative;
		display:block;
		margin-bottom:var(--margin-bottom-20);
	}
	
	.hm4-testimonial-block .inner-box .author-info .info-inner{
		padding:0px 0px;
	}
	
	.hm4-testimonial-block .inner-box .author-info .info-inner .author-image{
		position:relative;
		margin-bottom:var(--margin-bottom-20);
	}
	
	.hm4-banner-section .phone-box .box-inner{
		letter-spacing:0px;
	}
	
	.hm4-news-section .lower-text,
	.hm4-products-section .lower-text{
		font-size:var(--font-18);
		line-height:1.6em;
	}

	.hm4-banner-section .content-column .text{
		font-size:var(--font-16);
		line-height:1.6em;
	}
	
	.hm4-banner-section .phone-box{
		padding:25px 25px;
	}
	
}