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

.wrapper{width:95%;}

/* header */
header{height:auto;}
header .topHdr{display:none}
header .botHdr{height:210px;top:0;}
header .logo,.devices header .logo{float:right;position:relative;top:0;right:0}
header .logoRb,.devices header .logoRb{position:relative;top:0px;left:-5px}
header .logoWrap{width:185px;margin:0 auto 20px}
header .txtWrap{position:relative;top:0;left:0;text-align:center}
header .mainTitle{font-size:128.6%;}
header .subTitle{font-size:100%;width:250px;left:50%;margin-left:-125px;line-height:1.5em;}

.mobHdr{display:block;height:50px;width:100%;background:#fff;z-index:8}
.mobHdr .menuBtn{display:block;float:left;background:#b2b2b2;width:49px;height:50px;position:fixed;top:0;left:0}
.mobHdr .menuBtn .icon-menumobile{color:#fff;top:14px;left:15px}
.windowsPhone .mobHdr .menuBtn .icon-menumobile{background:url(../images/public/mobile-icons/menu.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 20px;height: 20px;position: absolute;}
.windowsPhone .menuBtn .iconMob{background:url(../images/public/mobile-icons/menu.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 20px;height: 20px;position: absolute;right: 18px;}
.windowsPhone .icon-srch{background:url(../images/public/mobile-icons/search.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 20px;height: 20px;position: absolute;}
.windowsPhone .leftMenu .iconBigL{background:url(../images/public/mobile-icons/increase.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 33px;height: 20px;position: absolute;}
.windowsPhone .leftMenu .iconSmallL{background:url(../images/public/mobile-icons/decrease.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 25px;height: 15px;position: absolute;top: 18px;left: 10px;}
.windowsPhone .leftMenu .icon-plus{display:none;}
.windowsPhone .leftMenu .icon-minus{display:none;}
.windowsPhone .leftMenu .icon-globe{background:url(../images/public/mobile-icons/world.png);text-indent:-9999px;background-size:100% 100%;background-repeat:no-repeat;width: 22px;height: 22px;position: absolute;top:14px;}

/* nav */
header .topNav{display:none}
header .mainNav{display:none}

/*preloader*/
.preloader{display:none;position:fixed;background: url(../images/public/source/pattern-popup.png);width:300px;height:50px;border-radius:10px;z-index:100;top: 30%;}
.preloader span{font-size:19px;width:165px;color:#fff;text-align:center;margin:0 auto;position: absolute;top:12px;}
.preloaderTxt{left: 70px;}
.dots{left: 152px;}

.leftMenu{display:none;width:93%;position:absolute;left:0;top:0;z-index:1;}
.leftMenu .navCntnr{height:50px;background:#000;padding-right:0px;z-index:6}
.leftMenu .menuBtn{float:right;height:50px;padding:14px 12px 0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.leftMenu .topNav{float:left;position:relative;top:0;left:6px;right:auto;}
.leftMenu .topNav li a{padding:15px 13px 12px}
.leftMenu .topNav li a.dropDown{padding:15px 0 12px;width:42px}
.leftMenu .icon-srch{font-size:22px}
.leftMenu .iconMob{font-size:20px}
.devices .srchBox{display: none;background: #e5e5e5;position: absolute;top: 50px;right: -218px;}

.leftMenu .srchMobF{position:relative;top:8px;height:33px;border:2px solid #666;border-radius:20px;width:100px;padding-left:38px;margin-right:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.leftMenu .srchMobF .icon-srch{position:absolute;top:3px;left:10px;}
.leftMenu .srchMobF .txt{border:none;background:none;height:27px;top:1px;width:90%;color:#666}
.leftMenu .srchMobF .subm{border:none;background:none;height:25px;width:26px;position:absolute;left:8px;top:2px;}

.leftMenu .mainNav{position:relative;top:auto;right:auto;width:100%;}
.leftMenu .mainNav li{float:none;margin:0}
.leftMenu .mainNav li a{display:block;color:#000;padding:11px 32px;font-size: 100%;}
.leftMenu .mainNav li a:hover{color:#333333;background:#f2f2f2}

.mainDiv{left:0}
.menuOn .mainDiv{left:93%;}
.menuOn .mobHdr{position:relative}
.menuOn .mobHdr .menuBtn,.menuOn .mobHdr .welcome{display:none}
.menuOn .leftMenu{display:block;}
.menuOn .allCntnr{overflow:hidden;}

/* categories */
.catgrs{height:auto;min-height:0}
.catgrs li{border-right:0}
.catgrs li .iconCat{height:66px;line-height:66px;left:50%;position:absolute}
.catgrs li .icon-think{font-size:53px;top:3px}
.catgrs li .icon-folder{font-size:44px;}
.catgrs li .icon-keyboard{font-size:54px;top:-8px}
.catgrs .infoBox{padding-top:58px;margin:17px auto 0}
.catgrs .infoBox strong{font-size:13px;}
.catgrs .infoBox .txt{display:none}
.catgrs .line{display:none}
.catgrs li.offerJob a.link_to_form{font-size:13px}

.menuOn .catgrs .infoBox{width:100%}

/* mainCntnr */
.mainCntnr{padding-bottom:35px}
.mainCntnrShift{margin-top:0;padding-top:9px}
.content{margin-right:0;margin-bottom:20px}
.sidebar{width:100%;display:none}
.sidebarm{width:100%;float:none;display:block}

/* widgBox - offices */
#googleMapWidg{display:none}
#googleMap{height:370px}
.gMapImg{display:block}

/* NewsBox */
.newsBox .newsList li{padding-bottom:17px}
.newsBox .newsList li .imgNews{float:none;margin:22px auto 0;width:300px;height:225px;}
.newsBox .newsList li .txtNews{margin-top:15px;height:auto;margin-left:0}
.newsBox .newsList li .txt{height:auto}
.newsBox .newsList li .viewMore{position:relative;bottom:0;left:0}

.newsBoxDet h1{line-height:1.1em;margin-top:10px}
.newsBoxDet .newsList li .imgCntnr{width:300px;}
.newsBoxDet .newsList li .imgNews{margin:0 0 10px 0;}
.newsBoxDet .newsList li .txtNews{margin-top:25px;}

/* advBox */
.advBox .newsList li{padding-bottom:17px}
.advBox .newsList li .imgNews{float:none;margin:22px auto 0;width:300px;height:225px;}
.advBox .newsList li .txtNews{margin-top:15px;height:auto;}
.advBox .newsList li .txt{height:auto}
.advBox .newsList li .viewMore{position:relative;bottom:0;left:0}

/* FormFlds */
.formFlds h3{margin-top:0}

/* Profile */
.profile h2{margin:12px 0 17px;line-height:1.1em}
.profile .top{margin-top:20px}
.profile .userProfile{padding-bottom:0}
.profile .imgProfile{float:none;width:100%}
.profile .infoProfile{margin:20px 0 0 0}

/* Obqvi */
.obqviBox .descrBox{display:none}
.obqviBoxDet h1{line-height:1.1em;margin-top:17px}

/* Contacts */
.contTxt{margin-top:20px}
.contInfo{margin-top:20px}
.contactForm{margin:20px 0 0 0}

/* F.A.Q */
.faq .faqNav{margin-top:20px}

/* Paging */
.paging li{padding:0 8px}
.paging li.points{padding:0}

/* popUp */
.popUp{width:95%;z-index:50}
.cntnrPopUp{margin-top:20px}
.regForm .cntnrFlds .fldBox{width:100%}
.regForm .imgCaptcha{margin-top:0}

.regBox .colorBox{font-size:114.3%;margin-top:0;padding:16px 5px 0 5px;text-align:center}

/* 404 */
.cntnr404{margin-top:17px}

/* Footer */
footer .topFtr{display:none}
}

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

.leftMenu .menuBtn{padding:14px 10px 0}
.leftMenu .topNav li a.dropDown{width:50px}
.newsBoxDet .newsList li .imgCntnr{float:none;margin:0 auto 23px}
.formFlds .suffix{float:left;width:15%}
.formFlds .cntnrInpSalary{width:85%}

.list_head h1{float:none}
.list_head h2{float:left}
}

@media only screen and (max-width: 660px) and (orientation:landscape) {
.leftMenu .topNav{width:89%}
.leftMenu .topNav li.frm{width:67%}
.leftMenu .srchMobF{width:99%}

.formFlds .suffix{float:left;width:12%}
.formFlds .cntnrInpSalary{width:88%}

.obqviBox .table{margin-top:25px;}
.obqviBox .table .tr .td{float:left;padding-right:2%;padding-bottom:0;display:block;overflow:hidden;text-overflow:ellipsis;}
.table.trlTable .tr .td{width:16.5% !important;}
.table.trlTable .tr .td.wdth1{width:25.5% !important;}
.table.trlTable .tr .td.wdth2{width:12% !important;}
.table.prlTable .tr .td{width:20% !important;}
.table.prlTable .tr .td.wdth1{width:36% !important}
.table.prlTable .tr .td.wdth2{width:12% !important}
.obqviBox .tr.head .td{display:block}
.obqviBox .table .tr .td{white-space:nowrap;}

.obqviBoxDet .table .tr .td{padding-right:5%;width:50% !important;overflow:visible;text-overflow:clip;white-space:normal;}
}