/* Tablets */


.header-container-mobile{
	display: none;
}
@media (min-width: 768px) {
  .parallax-desktop{
    display: block;
  }
    .parallax-mobile{
      display: none;
    }
	
}



/*mobile xs*/
@media (max-width: 768px) {
	main{overflow-x:hidden;}
	.header-container{display:none !important;}
	
	.container, .frame-boxed{
		width: 100%;
	}
	.frame-boxed{padding-left:10px;padding-right:10px;}
	.parallax-desktop{
    display: none;
    }
    .parallax-mobile{
      display: block;
    }
	.cat-box-inner .cat-box-inner-action .btn-primary{
		margin-bottom: 30px;
	}
	.slider-inner-content{
		width: 100%;
		position: relative;
		margin-bottom: 0px;
	}
	footer {	    
	    padding: 35px 15px 45px 15px;
	}
	.yellow-bar-outer{
		padding: 15px 20px;
	}
	.content-section{
		padding: 90px 0 90px 0;
	}
	h1 {
	    font-size: 33px;	    
	}
	.slider-outer .yellow-bar-outer{
		display: none;
	}
	.header-container-mobile{
		display: block;
	}
	/*.header-container-mobile ul.top-header{
		width: 100%;
	}*/
	.header-container-mobile ul.top-header li{
		float: left;		
	}
	.header-container-mobile ul.top-header li.img-outer{
		width: 30%;
    	float: right;
    	margin-top: 0px;
	}
	.header-container-mobile ul.top-header li.hours-outer{
			
	}
	.header-container-mobile ul.top-header li.hours-outer p{
		font-size:16px;	
	}
	.header-container-mobile ul.top-header li.cal-outer,
	.header-container-mobile ul.top-header li.tel-outer,
	.header-container-mobile ul.top-header li.hours-outer{		
		width: 20%;
    	margin-top: 17px;
		padding-left: 10px;
	}

	.header-container-mobile ul.top-header li.tel-outer img{		
		width: 100%;    	
	}
	.header-container-mobile ul.top-header li.cal-outer img{		
		width: 100%;    	
	}
	.header-container-mobile ul.top-header li.img-outer img{
		width: 100%; height:auto;
	}
	.header-container-mobile i.far, .header-container-mobile i.fas{color:#E70620 !important; font-size:24px !important;}
	.far{cursor:pointer !important;}
	.navbar{
		padding: 10px 10px;
	}
	.header-container-mobile ul.top-header{
		padding: 0px;
	}
	.navbar-light .navbar-toggler{
		border: none;
	}
	
	button:focus{
		outline: none;
	}
	.close-wrapper{
		display: none;
	}
	img.menu-close{
		display: block;
	}
	.mobile-wrapper p{
		padding: 0px 7px;
	}
	.category-boxes .row{
		margin-right: 0px;
    	margin-left: 0px;
	}
	.category-boxes .col-md-4{
		padding-right: 7px;
    	padding-left: 7px;
	}
	.navbar-toggler-icon.menu-close{
		background-image: url('/img/icons8-delete-32.png');
	}

	.owl-carousel .owl-stage-outer {
	  width: 100%;
	  max-height:540px;
	}

	.teaser-box-more {
    background: #fcb41c;
    max-width: 80% !important;
    font-size: 20px;
	line-height:0.8em;
    font-family: "rokkittmedium", sans-serif;
    margin: 30px auto 0 auto;
    border-radius: 9px;
    border:none;
	text-align: center !important;
	height: 100%;
    padding:  1.25% 0 0.1% 0;
}
	.owl-nav [class*="owl-"] {
    height: 40px;
    width: 40px;
    position: absolute;
    top: calc(35% + 30px);
	
    display: inline-block;
    background-size: cover;
    cursor: pointer;
    opacity: 0.7;
	}
  	.owl-carousel .ce-bodytext{
    	position: initial;
    	width: 100%;
    	max-width: 100%;
  	}
  	.owl-carousel .owl-stage-outer{
   		/*overflow: visible;*/
   		max-height: 100%;
  	}
  	.owl-image-outer{
    	max-height: 540px;
  	}
	ul.dailymenu{display:inline-grid !important;width:100%; text-align:center;}
	ul.dailymenu li{ background:#FCB41C;padding:10px; margin:1px 5%; }
	ul.dailymenu li a:hover{color:#fff;}
	.owl-carousel .teaser-box-more {
    background: #fff;
    max-width: 80% !important;
    font-size: 20px;
	line-height:0.8em;
    font-family: "rokkittmedium", sans-serif;
    margin: 30px auto 0 auto;
    border-radius: 9px;
    border:none;
	text-align: center !important;
	height: 45px;
    padding:  7px 0 0.1% 0;
}
	

}	
/*tablet sm*/
@media (min-width: 768px) and (max-width: 991px) {
.container,.frame-boxed{
		width: 100%;
	}
.frame-boxed{padding-left:10px;padding-right:10px;}
	.yellow-bar-outer{
		padding: 15px 10px;
	}
	.mobile-wrapper p{
		padding: 0px 10px;
	}
	.slider-outer .yellow-bar-outer{
		display: none;
	}
	/*.content-section{
		padding: 0px;
	}*/
	.header-container-mobile{
		display: block;
	}
	.header-container-mobile ul.top-header li{
		float: left;		
	}
	.header-container-mobile ul.top-header li.img-outer{
		width: 40%;
    	float: right;
    	margin-top: 0px;
	}
	.header-container-mobile ul.top-header li.cal-outer{		
		width: 13%;
    	margin-top: 30px;
	}
	.header-container-mobile ul.top-header li.tel-outer{		
		width: 20%;
    	margin-top: 30px;
    	padding-left: 20px;
	}
	.header-container-mobile ul.top-header li.hours-outer{		
		width: 20%;
    	margin-top: 30px;
		padding-left: 10px;
	}
	.header-container-mobile ul.top-header li.tel-outer img{		
		width: 100%;    	
	}
	.header-container-mobile ul.top-header li.cal-outer img{		
		width: 100%;    	
	}
	.header-container-mobile ul.top-header li.img-outer img{
		width: 100%; height:auto;
	}
	.header-container{
		display: none;
	}
	
	.header-container-mobile i.far, .header-container-mobile i.fas{color:#E70620 !important; font-size:30px !important;}
	.slider-inner-content{
		margin: auto auto;
		padding: 11px 11px 11px 11px;
		width: 365px;
	}	
	.coll-sm-4{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 33.33%;
	    flex: 0 0 33.33%;
	    max-width: 33.33%;
	}
	.category-boxes .row{
		margin-right: 0px;
    	margin-left: 0px;
	}
	footer {	    
	    padding: 35px 15px 45px 15px;
	}
	.coll-12{
		-webkit-box-flex: 0;
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	    margin-top: 20px;
	}
	.content-section{
		padding-top: 50px;
	}
	.navbar-toggler-icon.menu-close{
		background-image: url('/img/icons8-delete-32.png');
	}
	.owl-carousel .teaser-box-more {
    background: #fff;
	}
	
}	
/*desktop md*/
@media (min-width: 992px) and (max-width: 1199px) {
	.container,.frame-boxed{width: 1000px;max-width: 1000px;}
	.header-nav ul.level1 li a { font-size: 18px;}
	.top-header {padding: 20px 10px;}
	.header-nav {  padding: 60px 0 20px 10px;}
	.frame-boxed{padding-left:10px;padding-right:10px;}
	.mobile-open{display:none;}
	.owl-carousel h1{font-size:24px; margin-bottom:15px;}
	.owl-carousel p{font-size:18px; line-height:24px;}
	.owl-carousel .ce-bodytext {bottom: -35%; max-height:300px;}
	.owl-carousel .teaser-box-more{margin:-15px auto;  height:40px; background: rgba(255,255,255,1);}
	.dropdown-menu{background: rgba(255,255,255,0.8) !important; }
	.header-nav ul.nav > li {margin-right: 25px;}
	.nav i.fa-home.fas {float: left; margin: 0px 25px 0 0; font-size: 120%;}
}
	
/*desktop xl*/
@media (min-width: 1200px){
	.mobile-open{display:none;}
	.nav i.fa-home.fas {float: left; margin: 0px 40px 0 0; font-size: 120%;}
	.owl-carousel .ce-bodytext {bottom: -10%;}
	.owl-carousel .ce-bodytext .teaser-box-more{
	max-width: 60% !important;
	font-size: 20px;
	font-family: "rokkittmedium", sans-serif;
	margin: 30px auto 0 auto;
	border-radius: 9px;
	border: none;
	text-align: center !important;
	height: 50px;
	padding: 8px 0 0 0;
	background: rgba(255,255,255,1);
	margin-top:35px;
	}
	.dropdown-menu{background: rgba(255,255,255,0.8) !important; }
		
}

}
@media (min-width: 1200px) and (max-width: 1531px){
		.owl-carousel .ce-bodytext {bottom: -22%; max-height:430px;}
		
}



@media (min-width: 320px) and (max-width: 380px){
	.slider-inner-content{
		height: 514px;
	}
}


.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 555;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow-y: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 5%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}

.overlay a {
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
    position: absolute;
    top: 20px;
    /*right: 45px;*/
    left: 10px;
    font-size: 60px;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
  }
}
@supports (-webkit-overflow-scrolling: touch) {
.parallax{
    background-attachment: initial;
}
}

@media (min-width: 576px) {
	html.ie .content-section.mobile-wrapper .col-sm-4{
		width: 33.33%;
		flex: none;
	}
	html.ie .content-section.mobile-wrapper .col-sm-4 img{
		width: 100%;
		height: auto;
	}
}
@media (max-width: 575px){
	html.ie .content-section.mobile-wrapper .col-sm-4{
		width: 100%;
		flex: none;
		max-width: 100%;
	}
	html.ie .content-section.mobile-wrapper .col-sm-4 img{
		width: 100%;
		height: auto;
	}
}