/*==========  Desktop First Method  ==========*/
@media only screen and (max-width : 1510px) {

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

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

}
@media only screen and (max-width : 1199px) {
	.logo:before, .logo:after, .phone:before, .phone:after{
		display: none;
	}
	.navig{
		margin-left: 0px;
	}
	.phone{
		margin-left: 0px;
		width: 100%;
	}
	.availability-row{
		padding: 0;
	}
	.phone span{
		font-size: 18px;
	}
	.header-main h1{
		margin-top: 50px;
	    font-size: 30px;
	    line-height: 33px;
	    margin-bottom: 0px;    	
	}
	.header-main-cars{
		width: 455px;
		margin:0 auto;
		margin-top: 40px;
	}
	.header-main-form{
		margin:0 auto;
		margin-top: 40px;
		float: none;
	}
	header{
		min-height: inherit;
		padding-bottom: 50px;
		position: relative;
	}
	#sale{
		padding-bottom: 50px;
	}
	.sertificate{
		padding: 0px;
	}
	#special{
		min-height: inherit;
		padding-bottom: 60px;
		background-size: cover;
	}
	.rev-slider{
		padding: 0px 30px;
	}
	.rev-slider .slick-next{
		right: 5px;
	}
	.rev-slider .slick-prev{
		left: 5px;
	}
	.header-contacts{
	  bottom: -60px;
	  top: auto;
	  right: 0;
	  display: flex;
	}
	.viber-icon{
		margin-bottom: 0;
		margin-right: 5px;
	}
}	

@media only screen and (max-width : 991px) {
	.navig li{
		margin-right: 23px;
	}
	.navig li a{
		font-size: 14px;
	}
	.availability h3{
		padding-top: 60px;
	}
	#why{
		min-height: inherit;
		padding-bottom: 30px;
	}
	.why-item {
    	min-height: 255px;
	}
	#why h2{
		padding-bottom: 40px;
	}
	#sale h2{
		padding-top: 60px;
	}
	#sale h2+p{
		padding-bottom: 55px;
	}
	.sale-item{
		margin-bottom: 60px;
		max-width: 323px;
	}
	.sale-p{
		font-size: 21px;
		position: static;
		top: 0;
	}
	.grades-other{
		display: block;
		margin:0 auto;
	}
	.grades-item{
		float: left;
	}
	#grades{
		min-height: inherit;
		padding-bottom: 60px;
		background-size: cover;
	}
	#grades h2{
		font-size: 32px;
		padding-top: 60px;
		padding-bottom: 40px;
	}
	.install-img, .repairs-img, .proff-img, .polishing-img{
		margin-bottom: 20px;
	}
	#install h2{
		padding-bottom: 40px;
	}
	.install-txt{
		padding-left: 0px;
	}
	#install, #proff, #polishing{
		min-height: inherit;
		padding-bottom: 60px;
	}
	#repairs{
		padding-bottom: 60px;
		min-height: inherit;
	}
	.result-img img{
		max-width: 100%;
	}
	.result-t{
		padding-top: 35px;
	}
	#result{
		min-height: inherit;
		padding-bottom: 60px;
	}
	.video-img{
		height: 198px;
	}
	footer{
		padding-bottom: 20px;
		text-align: center;
	}
	.polytic{
		text-align: center;
	}
	.inn{
		margin-bottom: 10px;
	}
	.header-contacts{
		bottom: -65px;
	}
}
@media only screen and (max-width : 767px) {
	.navig{
		display: none;
	    background: #fff;
	    top: 60px;
	    padding: 20px;
	    position: absolute;
	    right: 0px;
	    border: 1px solid #d8d8d8;
	    z-index: 10;
	    width: 170px;
	}
	.navig li{
		float: none;
		margin-bottom: 5px;
	}
	.header-main-cars{
		display: none;
	}
	.colapse-menu-button{
		display: inline-block;
		float: right;
	    margin-top: 7px;	
	}
	.c-hamburger span::before, .c-hamburger span::after {
    	background-color: #1c1c1c;
    	height: 3px;
	}
	.c-hamburger span{
		background-color: #1c1c1c;
    	height: 3px;
	}
	.availability-item{
		margin-bottom: 15px;
	}
	.header-main h1{
		font-size: 24px;
		line-height: 27px;
		margin-top: 30px;
	}
	.header-main-form{
		margin-top: 20px;
		height: auto;
	    padding-bottom: 30px;	
	}
	.header-main-form h3{
		font-size: 20px;
		padding-top: 15px;
		height: auto;
		padding-bottom: 15px;
	}
	.availability h3{
		font-size: 27px;
	}
	#why h2{
		font-size: 30px;
	}
	.sale-item{
		margin:0 auto;
		margin-bottom: 30px;
	}
	#sale h2{
		font-size: 27px;
	}
	#sale h2+p{
		font-size: 18px;
		padding-bottom: 30px;
	}
	#sale h2{
		padding-bottom: 30px;
	}
	.sale-p {
    	font-size: 18px;
    	line-height: 25px;
	}
	#grades h2, #install h2{
		font-size: 27px;
		padding-bottom: 30px;
	}
	#install h2{
		padding-top: 60px;
	}
	#install{
		text-align: center;
	}
	.install-img img{
		max-width: 100%;
	}
	.install-txt li{
		font-size: 16px;
	}
	.install-txt li:before{
		display: none;
	}
	.install-txt h3{
		font-size: 27px;
		line-height: 29px;
		padding-bottom: 20px;
	}
	.install-form{
		margin:0 auto;
	}
	.pr-0{
		padding-right: 15px;
	}
	.pl-0{
		padding-left: 15px;
	}
	#repairs h2, #proff h2, #polishing h2{
		font-size: 27px;
		padding-bottom: 15px;
	}
	#repairs h2+p, #proff h2+p, #polishing h2+p{
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 30px;
	}
	#repairs, #proff, #polishing{
		text-align: center;
	}
	.repairs-txt li:before, .proff-txt li:before, .polishing-txt li:before{
		display: none;
	}
	.repairs-img img, .proff-img img, .polishing-img img{
		max-width: 100%;
	}
	#proff h2{
		padding-top: 60px;
	}
	.proff-txt li{
		padding-left: 0px;
	}
	.polishing-txt .proff-price{
		padding-top: 10px;
	}
	#special h2, .sertificate h3{
		font-size: 27px;
		padding-top: 60px;
		padding-bottom: 30px;
	}
	#result{
		text-align: center;
	}
	.result-img{
		margin-bottom: 15px;
	}
	.result-txt{
		padding-top: 20px;
		padding-bottom: 30px;
	}
	#result h2{
		padding-top: 60px;
		font-size: 27px;
		padding-bottom: 40px;
	}
	.maps-txt{
		position: static;
		margin:0 auto;
		margin-bottom: 20px;
	}
	.maps-item{
		height: 300px;
	}
	#maps{
		padding-bottom: 60px;
	}
	.video-img{
		height: 220px;
		margin:0 auto;
		margin-bottom: 30px;
	}
	#polytic {
    	width: 100%;
    	padding: 20px;
	}
	.header-contacts{
		bottom: 10px;
  	right: 95px;
	}
	.viber-icon{
		margin-right: 10px;
	}
	.header-contacts a{
		width: 30px;
		height: 30px;
	}
	.phone-ico{
		margin-right: 5px;
	}
}
@media only screen and (max-width : 480px) {
	.header-main-form-other{
		width: 100%;
		padding: 0px 20px;
	}
	.availability h3{
		font-size: 24px;
		padding-top: 30px;
	}
	.availability-item p{
		font-size: 14px;
	}
	#sale h2+p br{
		display: none;
	}
	#sale h2 {
    	padding-bottom: 20px;
    	padding-top: 60px;
	}
	.repairs-price div, .proff-price div, .proff-price div{
		float: none;
		margin-bottom: 15px;
	}
	.repairs-price a, .proff-price a, .proff-price a{
		float: none;
	}
	.maps-txt-part {
    	padding: 0px 15px 30px 15px;
	}
	.tel span{
		display: block;
	}
	.tel b{
		display: block;
	}
	.maps-txt{
		height: auto;
	}
	.maps-txt p{
		padding: 10px 15px;
	}
}

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

}


/*custom*/

@media only screen and (max-width : 1340px) {
	
}
@media only screen and (max-width : 420px) {
	
}
@media only screen and (max-width : 415px) {
	
}
@media only screen and (max-width : 328px) {
	.height-style .col-xs-8{
		padding-right: 0;
	}
}
@media only screen and (max-width : 600px) {
	
}

{@media only screen and (max-width : 550px) {
	.popup-main-form{
		width: 100%;
	}
	.popup-main-form h3{
		font-size: 24px;
	}
	.popup-main-form h3:after{
		display: none;
	}
	.popup-main-form{
		padding: 0px 15px;
		padding-bottom: 30px;
		background: #fff;
	}
	.popup-main-form h3+p{
		padding-top: 0px;
		padding-bottom: 20px;
	}
	.popup-main-form-other{
		width: 100%;
	}
	.checkbox label br{
		display: none;
	}
	.popup-main-form-other button{
		font-size: 19px;
	}
	.popup-main-form h3{
		padding-bottom: 15px;
		height: auto;
	}
}