@media screen and (max-width: 767px) {
.slider {
margin-top: 48px;
}	
	.main-nav{
	margin-top: -50px !important;
	margin-left: 275px !important;
	margin-bottom: inherit !important;
	height: 50px !important;
}

	.navbar-nav {
z-index: 2;
margin-left:inherit !important;
margin-right:inherit !important;

}
.navbar-nav > li > a {
border-bottom-width: 1px !important;
border-bottom-color: rgba(255,255,255,.3) !important;
}
.navbar-toggle {
margin-top: 8px !important;
}
.navbar-collapse{

padding-left:15px;
padding-right:15px;
	}

	.arrow{
	visibility: visible;
}
.logo img{
	max-width:280px !important;
	}
.call {
top: 98px!important;
width: 100%!important;
right: 0px!important;
z-index:1;
}
.call span {
padding: 10px 10px 10px 94px !important;
width: 100%;
background-color:#2B2320 !important;
color:#FFF;
margin-top: 13px!important;
line-height: 29px!important;
border-radius: 0 !important;}
.call .phone {
margin-left: inherit !important;
margin-top: 0px !important;
position: absolute;
bottom: 1px;
left: 5px;
}
.logo {
top: 0px;
position: relative;
}

.banner-rt{
	position: relative !important;
	}
img.banner-rt , img.banner-ltbt {
	width:100% !important;
	margin-top: 20px;
	max-width:500px;
	}	
	
}
@media screen and (max-width: 525px) {
	.custom-col .col-xs-4, .custom-col .col-xs-8{
		width: 100%;}
	
		

}
@media screen and (max-width: 480px) {
	.arrow{
	visibility: hidden;
}	
.details-beforeimg:before{

	display:none !important;
	}
.details-beforeimg:after{

	left:92% !important;

	}
.details-afterimg:before{

	display:none !important;

	}
.details-afterimg:after{

	right: 92% !important;
	}	
}
@media screen and (max-width: 360px) {
	.logo img{
	max-width:240px !important;
	}
		.main-nav{
	margin-left: 231px !important;

}
.main-nav:before{
	display:none;}
	.call {
top: 82px!important;

}
}