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

.back_slides{
height:620px;
}

.slides ul li div {
top:100%;
}

.slides ul li span {
    display: block;
    height: 60%;
    position: absolute;
  left: 84px;
   bottom: 20px;
    width: 386px;
}

.slides ul li div {
top:100%;
}
}

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

.slides ul li span {
    height: 57%;

}



.back_slides{
height:600px;
}

.slides ul li div {
top:98%;
}





.let {
    top: -15px;
}

}




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



.slides ul li div img {
    width: 200%;
}



.titles .quest{
display:none;
}


.text1 #prima li{
width:100%;
margin-right: 0 ! important;
}

.sliders2 {
    left: 32px;
    top: 259px;
}

.slides ul li div{
top:67%;
}

.grid10 {
	width:100%;
}


.grid10 ul li{
left:32px;

}


.back_slides{
height:500px;
}

.slides ul li div {
top:80%;
}

.slides ul li span {
    display: block;
    height: 44%;
    position: absolute;
    left: 90px;
    top: 15%;
    width: 386px;
}


@-webkit-keyframes anim_titles {
    0% {
        left:20%;
        opacity:0;
    }
    1% {
        left:42px;
        opacity:1;
    }
    13% {
        left:42px;
        opacity:1;
    }
    14% {
        left:20%;
        opacity:0;
    }
    100% {
        left:20%;
        opacity:0;
    }
}
@-moz-keyframes anim_titles {
    0% {
        left:20%;
        opacity:0;
    }
    1% {
        left:42px;
        opacity:1;
    }
    13% {
        left:42px;
        opacity:1;
    }
    14% {
        left:20%;
        opacity:0;
    }
    100% {
        left:20%;
        opacity:0;
    }
}

@keyframes anim_titles {
    0% {
        left:20%;
        opacity:0;
    }
    1% {
        left:42px;
        opacity:1;
    }
    13% {
        left:42px;
        opacity:1;
    }
    14% {
        left:20%;
        opacity:0;
    }
    100% {
        left:20%;
        opacity:0;
    }
}


.logo{
width:50%;
}


}

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

aside > ul > li {
    font-size: 16px;
    line-height: 18px;
}


.back_slides{
height:510px;
}

.slides ul li div {
top:89%;
}




.femida{
display:none;
}

.leftfooter .span1 ul li{

font-size:16px;	
	
}

.contimgs:hover .soc_vert{
display:none;	
	
}


.kazakov{
width:40% ! important;
}

.kazakov img{
width:100%;
}

.text1 .namekazakov {
    bottom: -3px;
    left: 47%;
    position: absolute;
}

.text1 .dop{
    top: 9px;
    left: 47%;
    position: absolute;
}




.grid2{
display:block !important;

}

.grid2 section{
display:block !important;
width:100% ! important;
border:none ! important;
}
.grid2 section .more{
display:none;
}

.grid2 section .images .img img{
display:none !important;
}

.grid2 section .images .img{
border-top:2px dotted #d5cdc8;
background-color:transparent;
padding:0 !important; 
padding-top:10px ! important;
}

.grid2 section .images {
    padding: 0 0 10px 0 ! important;
}



.sf-menu .norm:after, .sf-menu .active:after {
    background: none;
    content: "";
    display: block;
	width:1px;
	height:1px;
}

nav ul li a {
	font-size:15px;
}



nav > .sf-menu  > li > a > span {
    display: inline-block;
    padding: 14px 0 0 10%;
}


.prime_atr{
margin-right:24px;
}

.slides .sliceimage{
width:120% ! important;
position:relative;
right:10px;
}

.slides ul li span {
    display: block;
    height: 40%;
    position: absolute;
    left: 86px;
    top: 19%;
    width: 200px;
}
}

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


.art {
    margin: 0 20px;
}

.back_slides{
height:460px;
}

.slides ul li div {
top:78%;
}




	.activ:before{
   display:none
   }


footer{
padding-top:175px;

}

.rightfooter .span1{
height:210px;

}



figure img{
width:90%;
max-width:450px;
}

figure .exx_cap{
margin-left:0 ! important;
}

.text1 figure figcaption{
position:relative;
left:0;
top:0;
}



.imgs{
overflow:hidden;
width:93% ! important;
}
.imgs img{
width:100%! important;
}


.img22 span {
    width:80%;
}






.grid4 .leftfooter{
clear:both;
width:100%;
margin-left:0 ! important;
}

.grid4 .rightfooter{
clear:both;
width:100%;
margin-bottom:20px;
}

.contact1{

height:500px;
}

}



@media only screen and (max-width: 660px) {
	
	
footer .spanm {
    padding: 10px 0 0 0;
}



.slides ul li span {
    top: 27%;

}



.back_slides {
    height: 537px;
}


.slides ul li div {
top:86%;
}


.slides ul li div img {
    width: 211%;
}

h1{
	margin-top:20px;
font-size:25px;
line-height:26px;
}



.left_menu, #uppoint, .titles span b{
display:none;
}

article .left_menu{
display:block;
}

.moscow .a{
background-image: url(/images/bgfons.jpg);

}

.moscow .aa{ 

display:none;	
	
}

.piter .a{
background-image: url(/images/bgfons_p.jpg);

}


.name_form{
width:100%;
padding-bottom:7px;
}
.forms{
width:100%;
margin-left:0;
}



.rightfooter .span1 li span:nth-child(2n+1) {
    color: #faebd7 !important;
    font-size: 16px;
    padding: 4px 0 6px;
    text-shadow: 0 1px 1px #4a2b15;
}






.logo{
background-position:top;
}


nav {
    margin-top: -27px;
}

.contact1{

height:400px;
}


footer span {
width:80%;
}







footer .icon {
width:20%;
}


footer .down {
display:none;
}



article{
width:100% ! important;
margin-bottom:20px;
}

.titles{
margin-right:0 ! important;
}


.let .ph1 {
    font-size: 16px;
}


aside{
clear:both;
margin:0 0 20px 0 ! important;
width: 100%;
background-color:#fff;
box-shadow:none;
}

.soc2{
width: 100%;
margin:0 0 20px 0 ! important;
}
article .text1{

padding:0;


}


.prime_atr{
margin-right:0;
}

.slides .sliceimage{
width:100% ! important;
}



.let{
left:0;
top:119px
}

.logo{
width:300px;
}



.a0 {
    padding: 6px 0 0;
}

.sf-menu{
display:none ! important;
}


.menustrim{
display:block;
z-index: 1111111111;
}

.dp_menu{
background-color:#fff;
list-style:none;
}

.dp_menu li .active{
background-color:#eee ! important;
}


.dp_menu li a{
display:block;
padding:8px 20px;
font-size:15px;
}

.dp_menu  li a:hover{
background-color:#eee;
}

.dp_menu .wrap  li a:hover{
background-color:#eee;
}


.dp_menu .wrap li a{
padding:8px 6px 8px 25px;
}

.dp_menu .wrap li:first-child{
border-top:none;
}

.dp_menu  li:last-child{
border-bottom:none;
}


.dp_menu .wrap li a {
    border-top:1px solid #ccc;
    background: rgba(0, 0, 0, 0) url("../images/s1.png") no-repeat scroll 7px center;
}



.dp_menu li:first-child{
border-top:1px solid #ccc;
}

.dp_menu li{
border-bottom:1px solid #ccc;
}

.dp_menu .wrap{
display:block;
background-color:#fff;
margin-left:20px;
list-style:none;
}

.dp_menu .wrap li{
border-bottom:none;
}

header { 
    height: 100px;

}

}

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

article .text1 .fulltext p{
padding-left:0;	
	
}

article .text1 .fulltext h3{
padding-left:0;	
	
}	

article .text1 .fulltext, article .text1 .fullnews {
    font-size: 16px;
    line-height: 22px;
}

article .text1 .lid {
    color: #000;
    font-size: 15pt;
    line-height: 17pt;
    margin: 0 0 20px;
}


article .text1 {
    font-size: 16px;
    line-height: 19px;
}

article .text1 .fulltext ul, article .text1 .fulltext ol {
    padding-left: 15px;
}

article .text1 .fulltext u{

padding-left:0;		
 font-size: 18px;
    line-height: 22px;
	
}


article .text1 .fulltext u::before {


	
}
	
footer .qr{ 
padding:10px 15px 0 0;	
} 

footer .codcr{

padding-top:10px;	
	
}

.text1 #prima2 li{
width:100%;
margin-right: 0 ! important;
}

.comm_text{
float:none;
width:100%;
margin-right:0;
font-size:16px;
border-top:4px solid #999;
box-sizing:border-box;
margin-top:5px;
font-style:italic;

border-bottom:1px solid #999;
}



.slides ul li span {
    top: 27%;
}
.slides ul li span {
    height: 35%;

}



.back_slides {
    height: 500px;
}


.slides ul li div {
    top: 86%;
}


.text1 .namekazakov {
    bottom:0;
    left:0;
    position:relative;
}



.slides .sliceimage{
width:125% ! important;
right:10px;
}


.kazakov img{
border:5px solid #fff ! important;
}

.text1 .namekazakov h1 {
margin-top:15px;
    color: #663300;
	font-size:22px;
	line-height:22px;
}




.titles .quest{
display:none;
}


article .titles span{
width:65%;
}

.slides .sliceimage{
width:125% ! important;
right:10px;
}

}



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







footer{
padding-top:285px;

}

.rightfooter .span1{
height:300px;

}


.text1 #prima li img {
    vertical-align: top;
}

.text1 #prima li a{
position:relative;
left:0;
top:10px;
margin:0;
padding-bottom:10px;
clear:both;
}

.text1 #prima li a span {
    padding-top: 8px;
	

}


.up_head {
    right: 15px;
}


.foto_p{
width:100%;
}

article h2 {

clear: both;

}

.foto_p:after{
display:block;
content:"";
clear:both;
margin-bottom:5px;
}




.call{
display:none;
}


article .titles span{
margin-bottom:20px;

}



footer .icon {
clear:both;
width:100%;
}

.slides, .grid10{
display:none;
}


.logo {
    width: 100%;
	max-width:330px;
}

.let .ph1 {
    font-size: 15px;
}
}