/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 769px) and (max-width: 1217px){
	.header, .img_page, .info, .footer, .carousel, ul.steklo, .fon_page img, div.contact_bottom{
		width: 98%;
	}
	
	.info{
		padding: 10px;
	}
	
	.carousel-wrapper{
		width: 666px;
	}
	
	div.plus_spisok{
		max-height: 460px;
	}
	
	div.plus_spisok div{
		width: 32%;
	}
	
	div.ser_spisok div{
		width: 23.66666%;	
	}
	
	ul.menu{
		font-size: 23px;
		line-height: 23px;
		margin-top: 40px;
	}
	
	ul.steklo img{
		height: 130px;
	}
	
	#block_lob, #block_zad{
		width: 100%;
		height: 133px;
	}
	
	#block_bok{
		width: 100%;
		height: 133px;
	}
	#block_lob ul, #block_bok ul, #block_zad ul {
		margin: 8px 0px 4px;
		color: #FFF;
		font-size: 22px;
		line-height: 24px;
	}
}
@media (min-width: 769px) and (max-width: 1000px){
	/*___________form____________*/

	div.contact{
		width: 30%;
	}
	.contact h2, h2.contact{
	font-size: 26px;
line-height: 26px;
	}
	
	#velcom, #mts, #life, #mail, #times_bud, #times_uik{
		font-size: 22px;
		margin-top: 10px;
	}
	div.contact_top{
		height: 490px;
		padding-bottom: 10px;
	}

	div.cart{
		display: block;
		width: 68.5%;
		float: left;
		margin: 0 3px;
	}
	
	.subform .label {
	  width: 20%;
	}

	.subform input[type="text"], .subform textarea {
		width: 48%;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 1154px) and (max-width: 1217px){
	div.plus_spisok div{
		height: 280px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 939px) and (max-width: 1153px){
	div.plus_spisok div{
		height: 325px;
	}

}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 769px) and (max-width: 1153px){
	
	div.ser_spisok ul {
		margin: 5px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 1127px) and (max-width: 1157px){
	
	div.ser_spisok{
		height: 315px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 1070px) and (max-width: 1126px){
	
	div.ser_spisok{
		height: 345px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 1010px) and (max-width: 1069px){
	
	div.ser_spisok{
		height: 385px;
	}

}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 869px) and (max-width: 1009px){	
	div.ser_spisok{
		height: 435px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 826px) and (max-width: 868px){	
	div.ser_spisok{
		height: 465px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 800px) and (max-width: 825px){	
	div.ser_spisok{
		height: 490px;
	}
}

/*___________(min-width: 769px) and (max-width: 1217px)____________*/
@media (min-width: 769px) and (max-width: 799px){	
	div.ser_spisok{
		height: 510px;
	}
}

@media (min-width: 769px) and (max-width: 782px){
	div.plus_spisok div{
		width: 31.5%;
	}
}

@media (min-width: 769px) and (max-width: 803px){
	.carousel-wrapper {
		width: 444px;
	}
}

@media (min-width: 769px) and (max-width:827px){
	ul.menu{
		font-size: 22px;
		line-height: 22px;
		margin-top: 42px;
	}
	
	ul.menu li{
		margin-right: 5px;
	}

	ul.steklo img{
		height: 100px;
	}
	
	div.plus_spisok div{
		height: 430px;
	}
	
	div.ser_spisok div {
		width: 23%;
	}
	
	#block_lob, #block_zad{
		width: 100%;
		height: 103px;
	}
	
	#block_bok{
		width: 100%;
		height: 103px;
	}
	
	#block_lob ul, #block_bok ul, #block_zad ul {
		margin: 5px 0px 3px;
		color: #FFF;
		font-size: 18px;
		line-height: 20px;
	}
}
/*___________(min-width: 481px) and (max-width: 768px)____________*/
@media (min-width: 828px) and (max-width: 938px){
	div.plus_spisok div{
		height: 380px;
	}
}


/*___________(min-width: 481px) and (max-width: 768px)____________*/
@media (min-width: 481px) and (max-width: 768px){
	.header, .img_page, .info, .footer, .carousel, ul.steklo, .fon_page img, div.contact_bottom{
		width: 98%;
	}
	
	.info{
		padding: 5px;
	}
	
/*___________header____________*/		
	.header{
		height: 92px;
	}	
	
	.mini_logo{
		width: 310px;
		margin: 0 auto;
	}

	ul.menu{
		font-size: 22px;
		line-height: 24px;
		width: 431px;
		margin: 0 auto;
		float: none;
		display:block;
		clear: left;

	}
	
	ul.menu li{
		margin-right: 10px;
	}
	
	div.compon{
		display: none;
	}
			
/*___________info____________*/	
	div.plus_spisok div{
		width: 99%;
	}
	
	div.ser_spisok div{
		width: 48%;
		height: 50%;	
	}
	
	div.ser_spisok{
		height: 500px;
	}
	
	div.ser_spisok div{
		margin: 0 0px 10px 5px;
	}
	
	div#service_up_1, div#service_up_2{
		height: 50%;
	}
	
/*___________font____________*/		
	h1.info_title{
		font-size: 38px;
		line-height: 40px;
		margin-bottom: 5px;	
	}
	
	h2.att_serv_1, h2.att_serv_2, h2.att_serv_3, h2.att_serv_4, h2.att_serv_5{
		height: 44px;
		font-size: 24px;
		line-height: 24px;
		padding: 2px 50px 2px 3px;
		margin: 15px 0px;	
	}
	
	h2.attant_1, h2.attant_2, h2.attant_3{
		height: 20px;
		font-size: 26px;
		padding: 15px 50px 10px 3px;
		margin: 15px 0px;
	}
	
	h2.service_title, .plus_spisok h3{
		height: 50px;
		padding: 5px 10px;
	}
	
	.spisok h2{
		padding: 5px 0px;
		font-size: 30px;
	}
	
	.plus_spisok h3{
		height: 27px;
		padding: 5px 10px;
	}
	
	div.plus_spisok div{
		height: 100%;
	}
	
	div.plus_spisok h4{
		font-size: 24px;
		line-height: 24px
	}
	
	div.ser_spisok ul, .info p {
		font-size: 22px;
		line-height: 26px;
		margin: 5px;
	}
	
/*___________carousel____________*/		
	.carousel-wrapper{
		width: 444px;
	}
	/*___________form____________*/

	div.contact{
		width: 100%;
	}
	
	div.contact_top{
		height: 100%;
		padding-bottom: 10px;
		background: url(../img/fon_logo.png) no-repeat 90% 30%;
		background-size: 20%;
	}
	
	div.cart{
		display: block;
		width: 98.5%;
		float: none;
		margin: 0 3px;
	}
	
	.subform .label {
	  width: 30%;
	}
	.contact h2, h2.contact{
		font-size: 26px;
		line-height: 26px;
	}
	
	#velcom, #mts, #life, #mail, #times_bud, #times_uik{
		font-size: 22px;
		margin-top: 10px;
	}
	.subform input[type="text"], .subform textarea {
		width: 63%;
	}
	div.contact_bottom{
		background: none;
	}
	
	.footer{
		height: 40px;
	}
	.prava, .aut {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
}



@media (min-width: 568px) and (max-width:700px){
	div.ser_spisok{
		height: 550px;
	}
	
	div#service_up_1, div#service_up_2{
		height: 55%;
	}
	
	div.ser_spisok div{
		height: 45%;	
	}
}

@media (min-width: 481px) and (max-width:567px){
	div.ser_spisok{
		height: 620px;
	}
	
	div#service_up_1, div#service_up_2{
		height: 58%;
	}
	
	div.ser_spisok div{
		height: 42%;	
	}
}

/*___________(min-width: 481px) and (max-width: 600px)____________*/
@media (min-width: 481px) and (max-width: 600px){
	.carousel-wrapper{
		width: 222px;
	}
}


/*___________max-width: 480px____________*/
@media (max-width: 480px){
	.header, .img_page, .info, .footer, .carousel, ul.steklo, .fon_page img, div.contact_bottom{
		width: 100%;
	}
	
	.info{
		padding: 5px 0px;
	}
	
/*___________header____________*/	
	.header{
		height: 79px;
	}
	
	.mini_logo{
		width: 310px;
		margin: 0 auto;
	}
	
	h1.logo{
		margin-top: 0px;
		padding-left: 60px;
		clear: right;
	}
		
	ul.m_menu{
		display: inline-block;
	}

	ul.menu{
		font-size: 17px;
		line-height: 20px;
		padding-top: 64px;
		float: none;
		width: 273px;
		margin: 0 auto;
		display: flex;
		display: block;
	
	}
	
	ul.menu li{
		margin-right: 6px;
	}
	
	#gallery{
		display: none;
	}
	
	div.compon{
		display: none;
	}
	
	li.center{
		margin: 0 100px;
	}

	#velcom, #mts, #life, #mail, #times_bud, #times_uik{
		margin-top: 10px;
		font-size: 22px;
		line-height: 24px;
	}

	.contact_mini{
		top: 55px;
	}
	
	.contact h2{

		font-size: 28px;
		line-height: 28px;
		padding-bottom: 5px;
	}
	
/*___________info____________*/	
	.info{
		padding: 5px 0;
	}
	
	div.ser_spisok div, div.plus_spisok div, div#service_up_1, div#service_up_2{
		width: 97.555%;
		float: none;
	}
		
	div.ser_spisok{
		height: 25%;
		margin: 15px 0;
	}
	
	.attant_1, .attant_2, .attant_3{
		padding: 15px 2px;
	}

/*___________font____________*/		
	h1.info_title{
		font-size: 34px;
		line-height: 36px;
		margin-bottom: 5px;	
	}
	
	h2.att_serv_1, h2.att_serv_2, h2.att_serv_3, h2.att_serv_4, h2.att_serv_5{
		height: 44px;
		font-size: 18px;
		line-height: 22px;
		padding: 2px 50px 2px 3px;
		margin: 15px 0px;	
	}
	
	h2.attant_1, h2.attant_2, h2.attant_3{
		height: 23px;
		font-size: 24px;
		padding: 15px 50px 10px 3px;
		margin: 15px 0px;
	}
	
	h2.service_title, .plus_spisok h3{
		height: 27px;
		padding: 5px 10px;
	}
	
	.spisok h2{
		padding: 5px 0px;
		font-size: 28px;
	}
	
	.plus_spisok h3{
		height: 25px;
		padding: 5px 10px;
	}
	
	div.plus_spisok div{
		height: 100%;
	}
	
	div.plus_spisok h4{
		font-size: 22px;
		line-height: 24px
	}
	
	div.ser_spisok ul, .info p {
		font-size: 20px;
		line-height: 26px;
		margin: 5px;
	}	
	
/*___________corusel____________*/	
	.carousel-wrapper{
		width: 222px;
	}
	
	h2.info_corusel{
		font-size: 26px;
		line-height: 28px;
		margin: 10px 0 10px;	
	}
	
/*___________form____________*/

	div.contact{
		width: 100%;
	}
	
	div.contact_top{
		height: 100%;
		padding-bottom: 10px;
	}
	
	div.cart{
		display: block;
		width: 98.5%;
		float: none;
		margin: 0 3px;
	}
	
	.subform .label {
	  width: 30%;
	}

	.subform input[type="text"], .subform textarea {
		width: 63%;
	}
	.contact h2, h2.contact{
		font-size: 24px;
		line-height: 24px;
	}
	
	#velcom, #mts, #life, #mail, #times_bud, #times_uik{
		font-size: 20px;
		margin-top: 10px;
	}
	
	div.contact_bottom{
		background: none;
	}
	
	.footer{
		height: 40px;
	}
	.prava, .aut {
		float: none;
		width: 100%;
		margin: 0 auto;
		text-align: center;
	}
	
	.subform select {
	font-size: 0.6em;
}
}