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

div.header a.logo { left: 10px; }
div.header div.x2 { display: none; }

}

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

div.bannner { display: none; }

}

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

div.header a.logo { width: calc(406px * 0.9); height: calc(148px * 0.9); position: absolute; left: 10px; top: 65px; }

div.col { width: calc(50% - 16px); margin: 0 8px; }

}

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

div.header div.x1 { position: absolute; left: 0; top: 0; margin-left: 60px; }

div.a1 { background: url('/images/a1.jpg') no-repeat -240px 0; }

}

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

div.a3 div.contacts span { display: block; }
div.a3 div.contacts img { margin-left: 0; }

a.main-photo{width:100%;}
.text-part {width:100%;}
}

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


div.a1 { background: url('/images/a1.jpg') no-repeat -240px -50px; }

div.header { height: 170px; }

div.header div.x1 { display: none; }

div.header div.ins { padding: 65px 0 0 0; }
div.header a.logo { width: calc(406px * 0.8); height: calc(148px * 0.8); top: 20px; }

div.col { width: calc(100% - 16px); margin: 0 8px; }

div.a2 div.ins { height: 220px; }
div.a2 a.bookmark { width: calc(356px * 0.6); height: calc(102px * 0.6); left: 20px; bottom: 50px; }
}

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

div.header a.logo { width: calc(406px * 0.7); height: calc(148px * 0.7); }

div.banner div.ins img { width: calc(100% - 20px); }

}