@charset "utf-8";
/* CSS Document */



@media (max-width: 980px) 
{
	#bannerCntr #slider .photo{
		position:relative;
		z-index: 0;
		left: 0px;
		width:100% !important;
		opacity:.4;	
		margin-left:-13px ;
	}
	#bannerCntr #slider .text{
		position:absolute;
		z-index: 2;
		right:0px;
		left:15px;
		width:100% !important;
	}
	#bannerCntr , #bannerCntr #slider, #slideshow, #bannerCntr li{
		width: auto !important;
		height:270px !important;
		min-height: 270px !important;
	}
	#slideshow li {
		padding-left:15px !important;	
	}
	#bannerCntr h3 {
		padding-top:25px !important;	
	}
}

@media (max-width: 939px) 
{
	.facebook-action {
		padding-left:15px !important;	
	}
	.menuBox i {
		color: #ffff00;
		position:relaive;
		float:left;
		margin-right:10px;
		margin-left:15px;
		margin-top:18px;
		font-size:25px;	
		cursor:pointer;
	}
		.menuBox i:hover {
			color:#fff;	
		}
	.mobile-icon {
		display: block;	
	}
	.ui-main-menu {
		background:none;
		height:auto;	
	}
	.navigation {
		position:relative;
		z-index:9;
		background:#111;
		width:100%;
		margin-top: 60px;
	}
	.expand {
			display:inline-block;	
	}
	.menuBox {
		display:none;	
	}
	.navigation ul li {
		display: block;
		background:none;
		text-align:left;
		height:auto;
		border-bottom: solid 1px #383838
	}
	.navigation a {
		padding-left: 15px;
		
	}	
	.navigation ul li a {
		font-weight:normal;
	}
		.navigation ul li ul {
			display:none;
			position:relative;
		 	margin-left: 42px; 
			margin-top:0px;
			font-size:17px;
			border: solid 0px #fff;
		}
		.navigation ul li ul li i {
			margin-right: 10px;	
		}
			.navigation ul li ul li a {
				padding-left: 0px;
				font-size:17px;
			}
			.navigation ul li ul li {
				border: solid 0px #fff;
			}
	
	.ui-main-content-boxes {
		background:none;
	}
	.ui-main-content-boxes ul li {
		display:block;	
	}
	.ui-main-content-boxes ul {
		width:100%;
		padding: 0px;
	}
	.ui-main-content-boxes .box {
		padding-right:0px;		
		height: auto;
		background:none #111 !important ;
		border: 1px solid #383838;
		border-radius: 2px;
		padding: 14px 0 14px 15px;
		margin-bottom:10px;
	}
	
	.ui-main-content-boxes .box h3 {
		padding:0px;
	}
	.ui-main-content-boxes .box div:first-child{
		text-align:left;
		
	}
}

@media (max-width: 900px) 
{
	.ui-main-facebook-car {
		float:none;
		position:absolute;
		right:30px;	
	}
}

@media (max-width: 942px) 
{
	.ui-main-footer-list h3 {
		padding-left:15px;	
	}
	.ui-main-footer-links ul li, .ui-main-footer-contact ul li {
		padding-left:15px;	
	}
}
@media (max-width: 765px) 
{
	.prices li {
		display: block;
		width:96%;
	}
	.prices li ul{
		padding-bottom: 20px;
	}
}
@media (max-width: 710px) 
{
	.tel {
		display:none;
	}
	.ui-main-facebook-car {
		background-size: 50% 50%;
	}
}
@media (max-width: 650px) 
{
	
	.ui-main-facebook-car {
		margin-top: 0px;
	}
	.ui-main-facebook {
		display:none !important;	
	}
	.ui-main-facebook-small {
		display:block;
		height:auto;
	}
}

@media (max-width: 570px) 
{
	.ui-main-content .headingBox img {
		width:100%;
		padding-bottom:20px;
	}
	.ui-main-content .headingBox h2 {
		padding-top:20px;
	}
	.logo {
		height: 100px;
		line-height: 100px;
		padding:0px;
		vertical-align: middle;
		background:url(../images/logo.png) no-repeat left 25px;
		background-size:100%;
	}
	.logo h1 {
		height: 100px;
		line-height: 100px;
		vertical-align: middle;
	}
	.logo img {
		display:none;	
	}
	
	#bannerCntr #slider .photo{
		position:absolute;
		z-index: -1 !important;
		left: 0px;
		width: 100% !important;
		height:100%;
		opacity:.4;	
		margin-left:-13px ;
		overflow:hidden;
		
	}
		#bannerCntr #slider .photo img {
			width:100%;
			height:100%;
		}
	#bannerCntr #slider .text{
		position:relative;
		z-index: 2;
		left:0px;
		width:100% !important;
	}
}

@media (max-width: 455px) 
{
	#bannerCntr #slider .photo{
		width: 100% !important;
	}
	#bannerCntr #slider .photo img{
		width: 100% !important;
	}
	.ui-main-facebook-car {
		margin-top: 0px;
	}
}
@media (max-width: 400px) 
{
	.ui-main-facebook-car {
		display:none;	
	}
}

@media (max-width: 380px) 
{
	.ui-main-footer-links ul {
		width:100%;
		margin-top:10px;
	}
		.ui-main-footer-list h3 {
			padding-left:15px;	
		}
		.ui-main-footer-links ul li, .ui-main-footer-contact ul li {
			padding-left:15px;	
		}
		.ui-main-footer-contact ul li span {
			display:block;
			width:100%;
		}
		.ui-main-footer-contact ul li {
			line-height: 25px;
		}
		  
	.ui-main-footer {
		height:auto;	
	}
}