@media only screen and (max-width: 320px) {
	.tel_top3, .tel_top3 span	{font-size:17px}
}

@media only screen and (max-width: 499px) {
	
	
	.photo_slider .slick-prev {   right: calc(100% - 30px);}
	.photo_slider .slick-next {    right: 50px;}
	
	.index_slider .slick-prev {   right: calc(100% - 30px);}
	.index_slider .slick-next {    right: 50px;}
	
	
.block_ul_footer {text-align:center}	
.tel_top3	{margin-right:20px;top:-2px;position:relative;margin-left:0px}
.slide_img_text {padding:20px}	
.slide_img_text span {background:#fff}
.slide_img_text h1 {padding:10px 0px 0px 0px;color:#fff;font-size:31px;line-height: 31px;}	
	
	.slide_img {
background-position:top left;


}
	

.kak_div {width:100%}	
.out_zakaz {text-align:center;}
#cssmenu {display:none}
#menu_top2 {text-align:center;width:100%}
#menu_top {height:38px;}
.header_metad {text-align:center}
.header_metak {text-align:center}
.vopros_a_div {float:none;}
#logo img {width:100%}
#logo {display:inline-block;width:120px}
.header_ramka {padding:0px 20px 0px 20px;}

.block_ul {}
#udodov {margin:0;width:100%}

#chto_right {width:100%;float:none}
.chto_left {float:left;margin:0px 0px 30px 0px;width:100%}
#toTop { bottom:5px; right:5px;width:30px;
height:30px;}
.monitor frame {width:100%}
#video_rolik {display:none}

#nav_str {display:none}
h1, h2 {font-size:45px;padding:0px 20px}
.icon_div {margin:0px 0px 0px 0px;width:100%;}
.slide_img_out {padding:0px 0px 0px 0px;}
.input_button2 {display:none}
.add_cat3 {width:100%} 
.kolonki1 li {width:100%;padding:0px 0px 0px 0px}
.logo3 {margin-left:20px}

}


@media only screen and (min-width: 500px) {
	
	
.out_zakaz {text-align:center;}
.header_metad {text-align:center}
.header_metak {text-align:center}
#cssmenu {display:none}
#menu_top2 {text-align:center;width:100%}
#menu_top {height:38px;}
.vopros_a_div {float:none;}

.header_ramka {padding:0px 20px 0px 20px;}

.block_ul {margin-top:0px;text-align: center;}
#chto_right {width:100%;float:none}
.chto_left {float:left;margin:0px 0px 30px 0px;width:100%}
#toTop { bottom:20px; right:20px;}
#video_rolik {display:none}
}

@media only screen and (max-width: 640px) {
	
.input_button22 {width:100%}

.input_button22_out {margin:4px 0px}
	 .input_new_out {margin:4px 0px}
	 
	 .luks_index_portf {width:100%} 
	
	.slide1 {position:relative;top:-50px}
.vidy_out {	width:100%;margin-bottom:30px}	

	
	h2 {font-size:27px}
	
	.slide_img_text {padding:70px 20px 0px 20px}	
.slide_img_text_right {display:none}	
	.index_icon_out_kak {width:100%;height:200px;}
.index_icon_out_kak_strelka {background: url(/content/icon/index_kak/str_btn.png) no-repeat center center;height:50px;display:inline-block;width:100%}
	
	
.out_zakaz {text-align:center;width:100%}
.header_metad {text-align:left;padding:0px 20px 0px 20px}
.header_metak {text-align:left;padding:0px 20px 0px 20px}
#logo {text-align:center}
#cssmenu {display:none}
#logo3 {text-align:center}
#menu_top2 {text-align:center;width:100%}
#menu_top {height:38px;}
.vopros_a_div {float:none;}

.header_ramka {padding:0px 20px 0px 20px}
.block_ul {margin-top:0px;text-align: center}

#chto_right {width:100%;float:none}
.chto_left {float:left;width:100%;margin:0px 0px 30px 0px;width:100%}
#toTop { bottom:20px; right:20px;}
#video_rolik {display:inline-block}
}   
@media only screen and (min-width : 500px) and (max-width : 938px) {

	
.slide_img_text {padding:50px 20px 0px 20px}	
.slide_img_text span {background:#fff}
.slide_img_text h1 {padding:10px 0px 0px 0px;color:#fff;font-size:31px;line-height: 31px;}	
	
	.slide_img {
background-position:top center;


}
	
	
.kak_div {width:calc(50% - 4px)}		
	
	
	
#chto_right {width:60%;float:left}
.chto_left {float:left;margin-right:30px;width:230px;}
#toTop { bottom:30px; right:30px;}
.monitor {margin: 0 auto; display: inline-block; background: url('content/monitor.png') no-repeat; background-size: contain; padding: 28px 28px 200px 28px;}
#logo3 {text-align:left;padding-left:20px}
.block_ul {margin-top:0px;text-align: justify;}
}


@media only screen and (min-width : 940px) and (max-width : 1170px) {	
	
.block_ul {margin-top:0px;text-align: justify;padding:0px 20px}	
.slide_img_text {padding:20px}	
.slide_img_text span {background:#fff}
.slide_img_text h1 {padding:10px 0px 0px 0px;color:#fff;font-size:31px;line-height: 31px;}	
	
ul#cssmenu a{margin:0px 0px 0px 15px;}	
	
	
#cssmenu {display:inline-block;float:left}
#logo3 {text-align:left}
.header_metad {text-align:left;padding:0px 0px 0px 0px}
.header_metak {text-align:left;padding:0px 0px 0px 0px}
#menu_top2 {}
#menu_top {height:none;}
.vopros_a_div {float:right;}
.header_ramka {padding:0px}
.block_ul {margin-top:0px;text-align: justify}
#chto_right {width:70%;float:left}
.chto_left {float:left;margin-right:30px;width:230px;}
#toTop { bottom:100px; right:100px;}

}

@media only screen and (min-width: 1170px) {
#cssmenu {display:inline-block;float:left}
#chto_right {width:730px;float:left}
.chto_left {float:left;margin-right:30px;width:230px;}
.monitor {margin: 0 auto; display: inline-block; background: url('content/monitor.png') no-repeat; background-size: contain; padding: 28px 28px 200px 28px;}
.block_ul {margin-top:0px;text-align: justify}
}