.mobile-menu{display:none;width:100%;height: 56px;background:#fff;color:#ffffff;text-transform:uppercase;font-weight:600;}
.mobile-only {display:none;}

@media only screen and (max-width : 1300px) {
.container{width: 100%;min-width: 90%;}
.left {width: 28%;margin-left: 2%;}
.menu{width: 96%;}
.right{width: 68%;}
.info .col1{width: 28%;margin-left: 2%;}
.info .col3{width: 30%;}
.footer{width: 98%;margin-left: 2%;min-width:90%;}
.copyright{left: 45%;}
.content img{max-width:100%;}
ul.marked li{margin-right: 30px;}
div.photolist a{margin: 0 5px 10px 0;}

}

@media only screen and (max-width : 960px) {
.logo{height: auto;width: 80%;margin: 15px 0px 15px 0px;}
.logo img{position: static;width: 100%;}
.menu{font: 1.2em arial;}
.right embed {height: 300px;}
.copyright {left: 40%;}
.projects{width:100%}
.projects .col1{left: 0px;}
.projects .col2{left: 70px;}
.projects .col3{left: 100px;}
.projects .col4{left: 58px;}
.projects .col5{left: 128px;}
.projects .col6{left: 190px;}
body > div.container > div.right > div.content > img{margin-left: 0px;}
.photolist span{margin: 0 10px 10px 0;}
li.mobile-only {display:list-item;}
.insta{display:none;}
}

@media only screen and (max-width : 768px) {
.container{padding-top: 44px;}
.menu{display:none;background: #fff;position: fixed;top: 44px;left: 0px;width: 100%;z-index: 1;}
.mobile-menu{display: block;position: fixed;top: 0px;left: 0px;z-index: 1;}
.icon-reorder {display: block;position: absolute;top: 20px;left: 18px;height: 3px;background: #0075ab;width: 44px;}
.icon-reorder:before,
.icon-reorder:after {position: absolute;display: block;left: 0;width: 100%;height: 3px;background-color: #0075ab;content: "";}
.icon-reorder:before {top: 8px;}
.icon-reorder:after {bottom: 8px;}
.menu ul li{margin: 0 0 13px 0;}
.menu ul li div a, .menu a:visited{color:#0075ab;font-size: 1.3em;}
.menu ul li div{background: none;padding: 13px 0 0 18px;}
.right .nav, .right .swf, .galery, .right .top, p.crumbs{display: none;}
.left{width: 100%;margin-left: 0%;}
.logo{width: 100%;margin: 10px 0;}
.logo img{margin: 0px auto;display: block;}
.info .col1{width: 30%;margin-left: 1%;}
.info .col1 .image{margin: 0 10px 10px 0;}
.info .col1 .inner{width: 94%;}
.info .col1 .inner li, .info .col2 .inner {font-size: 1.2em;}
.info .col2 .inner{padding: 0 14px 0 14px;}
.info .col2{padding: 0;}
.info .col3{width: 31%;margin-left: 2%;padding-top: 8px;font: 1.4em tahoma;}
.copyright{left: 43%;}
.menu ul li.in div, .menu ul li.sel div, .menu ul li li.sel{background: none;}
.menu ul li.in div strong, .menu ul li.sel div strong a, .menu ul li li.in strong{/*color: #fff;*/font-size: 1.4em;}
.menu ul li li.in{background: url(/images/t/li_menu2.gif) no-repeat 2px 6px;}
.right {width: 98%;float: none;padding: 0 1%;}
.before_content, #photo p{font-size: 1.4em;}
.headers{padding-top: 20px;}
.men_woman .d1{min-height: auto;margin-right: 0px;}
.men_woman p.p1{padding-top: 30px;}
.content{margin-right: 0;font-size: 1.4em;}
#photo{padding-right: 0px;width: 100%;}
#photo .body{padding-left: 78px;}
#photo > div.body > div{width: 100% !important;}
#photo > div.body > div > div{float: none !important;margin-right: 20px !important;margin-top: 20px;}
li.mobile-only {display:list-item;}
.insta{display:block;}
.mobile-only{display:block;}
}

@media only screen and (max-width : 480px) {
.logo{width: 39%;margin: 10px 0 0;position: fixed;top: 0px;right: 10px;z-index: 9;}
.container{padding: 44px 2% 0px 2%;width: 96%;}
.info .col1{width: 100%;margin-left: 0;float: none;}
.info .col1 .image{margin: 0 0px 28px 0;}
.info .text{width: 90%;left: 14px;}
.info .col1 .inner{width:100%;}
.info .col2{width: 100%;float: none;}
.info .col2 .inner{padding: 10px;}
.info .col3{width:98%;float:none;}
.developer{display: none;}
.copyright {left: 0;width: 96%;padding: 2%;position: static;text-align: center;}
.menu{overflow-y: scroll;max-height: 92%;}
.right{width: 100%;padding: 0;}
.headers{margin-right: 0;}
.men_woman .d1{background: none;padding-right: 0px;}
.men_woman .d2{background: none;min-height: auto;padding: 0px;}
.footer{min-height: auto;margin-top: 20px;}
.copyright{background: none;height: auto;float: none;}
.photolist span{margin: 0 0px 10px 0;padding: 0;width: 50%;}
.insta{float:left; position:relative; left:0; height:50px; padding:2%; display:block;}

div.photolist a{margin: 0 0px 10px 0;padding: 0;width: 50%;}
body > div.container > div.right > div.content > img{margin-right: 20px;}
.board{float: none;width: 94%;height: auto;padding: 4%;background-size: 100%;min-height: 270px;}
.board h2{margin-bottom:0px;}
.board img{margin: 0 auto 0px !important;}
.board_around{float: none;position: static;left: 0;width: 100%;}
.board_around .quality {background: url(/images/c/quality.gif) center no-repeat;margin-bottom: 20px;}
.board_around .books{background: url(/images/c/books.gif) center no-repeat;}
.board_around .quality a, .board_around .books a{text-align: center;}
p.arrow{background: none;padding-left: 0px;}
.projects p{word-wrap: break-word;}
.projects .col1, .projects .col4{width: 100%;left:0;float: none;}
.projects .col2, .projects .col5{left: 140px;float: none;width: 50%;}
.projects .col3, .projects .col6{left: 270px;float: none;width: 32%;}
.sks .col1 {font-size:80%; width:33%; left:5%; float:left}
.sks .col4 {font-size:80%; width:33%; left:10%; float:left}
.sks .col2, .sks .col5 {font-size:80%; width:33%; left:10%; float:left}
.sks .col3 {font-size:80%; width:33%; left:10%; float:left}
.sks .col6 {font-size:80%; width:33%; left:15%; float:left}
table.photolist tr{float: left;}
table.photolist td{display: block;height: 100px;width: 100px;}
.content{overflow-x: auto;-webkit-overflow-scrolling: touch;overflow-y: hidden;}
.content table{width: 100%;min-width: 700px;} 
.news{float: none;width: 100%;}
.archive{float: none;width: 100%;margin-left: 0;}
.archive ul{float: left; width: 40%;margin-left: 10%; margin-top:0;}
.archive li{width: 40%;display: inline-block;}
.news img.project{float: none;max-width: 100%;margin: 0 auto 20px;}
.news .descr{margin-left: 0px;}
.news div.reference{padding-right: 0;}
img.l{margin-bottom: 20px !important;margin-right: 20px !important;}
.news div.incut{margin-right: 0px;}
div.incut div.t{padding: 16px 16px 14px 16px;}

/*
div.response_photo {position:relative; top:0px; left:20px;}
div.response_text {position:relative; top:0px; left:0px; width:auto; margin-left: 0px !important;}
*/

body > div.container > div.right > div.content > div.news > div.incut > div > div > div:nth-child(3){margin-left: 115px !important;}
.news div.incut_no_bg{margin-right: 0;}
body div.smallincut_no_bg div.t{padding: 7px 10px 7px 10px;}
.prevnext div.larr, .prevnext div.larrna{float: none;padding-right: 0;}
.prevnext div.rarr, .prevnext div.rarrna{float: none;padding-left: 0;}
.block img{float: none;position: static;}
.block div{padding-left: 0px;}
ol.gallary{padding-left: 0px;}
div.img{float: none;}
div.descr{margin-left: 0px !important;}
div.photolist_proj{text-align: center;}
div.photolist_proj a{margin: 0px;}
.useful{width: 100%;padding-bottom: 10px;}
.useful .col1{float: none;width: 100%;}
.useful .col2{float: none;width: 100%;margin-left: 0;}
.kodak {height: 56px;padding: 11px 11px 11px 4px; position: relative;}
.content .kodak img {display:inline; margin:0; padding:0 !important;}
/*.kodak .goto{float: none;right: 20px;bottom: -35px;}*/
table.catalog td{padding: 0 20px 0px 0;vertical-align: top;} 
h2{text-align: center;}
.dict td.book{vertical-align: middle;}
#std{padding-left: 0px;}
#std .info1 h2, #std .info2 h2{position: static;float: none;margin: 0;}
#std .info1 p, #std .info3 p{width: 100%;position: static;margin-left: 0px;}
#std .info1, #std .info2{height: auto;}
#std{background: url(/images/c/std.jpg) no-repeat 0 100px;}
#std .info2{padding-top: 220px;}
li.mobile-only {display:list-item;}

.res_wrap {padding-left:0px; position: relative; border: 0px dashed #645a4e;}
.res_white {position: relative; width: 100%;}

.content img{margin: 0 auto 20px !important;height: auto;display: block;}
.content .board img{margin: 0 0 0 0 !important;height: auto;display: block;}

}