@media only screen and (max-width: 768px) {
	
	.header{
		
		/*height:190px !important;*/
	}

	
	.header .header-slider{
		height:260px !important;
	}
	/*
	.header .pagelogo{
		width:170px !important;
		height:30px !important;
		margin-top:15px !important;
		background-size:170px !important;
	}
	*/
	.header .pagelogo{
		width:100% !important;
		height:30px !important;
		margin:0px;
		margin-top:15px !important;		
		text-align:center;
		float:left;
	}	
	.header .pagelogo img{	
		width:150px !important;		
		
	}
	
	.header .header_top_buttons{
		width:35% !important;
		font-size:20px !important;
	}
	
	
	.mobilemenu-btn{
		display:block!important;	
	}

	.header .menu{
		background:#fff;
		background: transparent url(../img/hatter.jpg) no-repeat fixed;
		position:absolute;
		z-index:5000;
		top:85px;
		left:0px;
		width:100% !important;		
		margin-left:0px !important;
		display: none;
		padding-bottom:25px;
		border-bottom:1px solid #ccc;
	}
	.header .menu ul{
		width:100% !important;		
	}
	
	.header .menu ul li{
		float:left;
		clear:left !important;		
		width:100% !important;		
	}
	
	.header .menu ul li:hover{
			background:#CAB38A;
			color: #553E30 !important;
	}
	.header .menu ul li a {
		padding: 20px 10px 15px 10px;
		width:90%;
	}
	
	.header .menu ul li .submenu{	
		width:98%;
		left:0;
		/*display:block !important;*/
	}
	.header .menu ul li .submenu ul{	
		padding-left:2%;
		width:98%;
	}
	.header .menu ul li .submenu ul li{
		font-size:15px !important;
	}		
	

	
	.icon-line-cont .icon-line{
		width:100% !important;
		float:left;
	}

	
	.footer .footer-box-item{
		float:left;
		clear:left;
		width:100% !important;
	}


	.fr-ulist .u-item{	
		width:94%  !important;
	}
	
	.content h1, .content h2, .content h3 {
		text-align:center;
	}
	
	.tt-shift-btns{
		width:100% !important;
	}
	.tt-times-cont{	
		width:10% !important;
		font-size:10px !important;
	}
	.tt-day-col{
		width:25% !important;
	}
	
	.tt-events .tt-event {
		font-size:9px !important;
		line-height:9px  !important;
		overflow:hidden;
	}
	
	

/*modal box*/

	.modal-box-wrapper .modal-box{
		width:80% !important;
		margin:10% 10% 0% 10%  !important;		
	}
/*modal box*/	
}