@media screen and (max-width: 1200px) {
	.totop { width: 40px; height: 40px; bottom: 20px; right: 10px }		
}    

@media screen and (max-width: 1100px) {
	.form .line.captcha { width: 35% }
    .form-bottom img { margin: 0 0 10px 5px; }
}    


@media screen and (min-width: 901px) and (max-width: 1090px) {
    .head-in { padding-left: 40px }
    .head-in .mmenu { margin-right: 0 }
    .head .contacts .pw { display: block }
    
    .carousel li span { width: 99%; }
    
    .idmap .mapleft, 
    .idmap .mapright { display: none }	
	.toggle-blocks { margin: 0 30px 0 30px; }
	
    .portfolio-list .item { width: 50%; }
    .portfolio-list .item .title { font-size: 20px }
    .portfolio-list .item .image .hover-title { font-size: 18px; }
    .portfolio-footer.type2 .comment-list .comment-text { border-left: 0 }
    .portfolio-footer.type2 .menu-mini { padding-left: 20px } 
    .portfolio-footer.type2 .menu-mini-in { padding-right: 30px }
    .award { width: 230px }
}

@media screen and (max-width: 900px) {
    
	.idmap-ymap { height: 500px !important }
	.toggle-blocks { height: 500px; margin: 0 20px 20px 20px; }
	
    .portfolio-img img {
        margin-top: -15px;
    }
    ul li,
    ol li ul li { background: none; position: relative; }
    ul li:before,
    ol li ul li:before { display: block; content: ""; position: absolute; top: 9px; left: 0; width: 14px; height: 14px; background: url('../img/icons_large.png') no-repeat -46px -5px; background-size: 500px auto; }

    .mmenu { display: none }
    .head .contacts .phone { margin-top: 0 }
    .head .contacts .pw { display: none }
    .head .contacts .pw { display: none }
    .contacts .link, 
    .contacts .drop-menu-button { display: inline-block; }
	/*
    #left_scroll,
    #right_scroll,
    .client-slider-prev, .client-slider-next { background-image: url(../img/arrsw.png); background-size: 100% auto; }
    */
    .carousel li span { width: 99%; }
    
    .link-block-in .more b,
    .link-block-left .iblock .more b { background-image: url(../img/more_m.png); background-size: 100%; }
    
    .link-block .text { height: auto; min-height: 100px }
    .plus-list .item { font-size: 18px  }
    .plus-list .item.odd span { margin-left: 0; }
    .plus-list .item span { background: none; position: relative; }
    .plus-list .item span:before { display: block; content: ""; position: absolute; top: 4px; left: 0; width: 15px; height: 15px; background: url('../img/icons_large.png') no-repeat -66px -5px; background-size: 500px auto; }
    
    .preferences table { position: absolute; left: -100000px; }
    .preferences .alt { position: static; left: 0 }
    
    .preferences .menu-ico { display: block; }
    .menu-ico { background-size: contain; background-position: 50% 50%; }
	
    /*.menu-ico_award { background-image: url('../img/menu-ico_award_m.png'); }
	.menu-ico_award { background-image: url('../img/svg/icon_awards_mini.svg'); background-size: contain }	
	*/
	
	/*.menu-ico_review { background-image: url('../img/menu-ico_review_m.png'); }
	.menu-ico_review { background-image: url('../img/svg/icon_otziv_mini.svg'); background-size: contain }
	*/
	
    /*.menu-ico_client { background-image: url('../img/menu-ico_client_m.png'); }	
	*/
	.menu-ico_client { background-image: url('../img/svg/icon_clients_mini.svg'); background-size: contain }
	
    /*.menu-ico_portfolio { background-image: url('../img/menu-ico_portfolio_m.png'); }*/    
    
	.preferences td:hover .menu-ico, .menu-mini a:hover .menu-ico { background-position: 50% 50%; }
	
    .drop-menu { position: relative; /*max-width: 578px;*/ margin: 0 auto; z-index: 100; top: 0; left: 0 }
    .link-block-right { position: absolute; left: -10000px; }
    .link-block-left { position: relative; width: auto }    
    .type1 .link-block-left .active { background: #599d01 !important; height: auto !important } 
    .type2 .link-block-left .active { background: #088eaf !important; height: auto !important } 

    .photoblocks .item { width: 46%; margin: 0 5px 0 5px }
    .photoblocks .item:first-child { display: none }
    .portfolio-text img { }

    .sub-menu { display: none }
    .head { height: 60px }
    .text-col { float: none; width: auto; }
    .text-col .text-col-in, 
    .text-col:first-child .text-col-in { padding: 0 0 0 0; }
    .path .home { background: url('../img/home_m.png') no-repeat 0 0; background-size: 100% auto; }
    .sub-menu-short { display: block }
    .vacanses .item { float: none; width: auto; margin: 0 0 15px 0 }
    .vacanses .item.even { margin-left: 0; }
    .vacanses .item .text { display: none; height: auto !important; }
    .vacanses .item .vac-title { display: none; }
    .vacanses .item .vac-title_mobile { display: block; }
    .vacanses .item .vac-title { background: #ccc url(../img/drop-down.png) no-repeat 95% 50%; color: #111; cursor: pointer; padding-right: 40px; font-size: 18px }
    .vacanses .item .vac-title.active { background: #599d01 url(../img/drop-up.png) no-repeat 95% 50%; color: #fff; cursor: pointer }
    .partners td.logo { position: absolute; left: -20000px }
    .partners div.logo { display: block }
    .partners .text { padding-left: 0 }
    
    .client_one { width: 50%; }	
    .client_one:nth-child(2n) { background: none }
	
    .idmap .mapleft, 
    .idmap .mapright { display: none }
    .addres-block .title { font-size: 26px }
    .addres-block .text { font-size: 20px }
    .addres-block .ad-email .title, 
    .addres-block .ad-phone .title { font-size: 20px; }
    .addres-block .ad-email strong, 
    .addres-block .ad-phone strong { font-size: 26px }
    .portfolio-list .item { width: 100%; display: block; }
    .portfolio-list .item .image .hover-title { font-size: 18px; }
    .award-list { width: auto; float: none; margin-bottom: 20px }
    .comment-list { width: auto; float: none }
    .comment-list .comment-text { border: 0; }
    .portfolio-one-part .monitor { background: none; width: auto; height: auto }
    .portfolio-one-part .monitor img { width: 100% }
    .struktur .lcol, 
    .struktur .tcol  { width: auto; float: none; margin-bottom: 30px }
    .d-steps-body .subtitle { display: block; position: relative; top: -23px; text-align: center; color: #818181; margin-bottom: 10px }
    .struktur .restart a { float: none; display: block; margin: 0 0 20px 0; position: relative; left: 70% }
    .order-site .rightc { float: none; width: auto; }
    .order-site {}
    .order-site .leftc { float: none; width: auto; }
    .order-site-header { display: block; }
    .order-site-header-title { float: left; }
    .order-site-header-img { float: right; max-width: 150px; }

    .portfolio-footer.type2 .award-list { width: auto; margin: 0 0 30px 35px; float: none }
    .portfolio-footer.type2 .comment-list { width: auto; float: none }
    .developing-column { width: 100%; float: none; }
	.developing-type .text { height: auto !important }
	
    .panels { margin-bottom: 20px }
    .panel { float: none; width: auto; margin-bottom: 20px }
    .panel-in { padding: 17px 20px 20px 20px; height: auto !important } 
    .panel-in .title { font-size: 23px }
    .panel-in .title b.type1 { background: url(../img/panel-ico-mini.png) no-repeat 0 0; width: 39px; height: 34px }
    .panel-in .title b.type2 { background: url(../img/panel-ico-mini.png) no-repeat 0 -45px; width: 34px; height: 35px }
    .panel .price { font-size: 20px; padding-bottom: 8px }
    .panel .price strong { font-size: 24px }
    .panel .price-block { position: relative; bottom: 0; left: 0; padding-top: 15px }
    
    .grid-item-info { width: 70%; }
    .grid-item-items { width: 30%; }
    .grid-item-info-title,
    .grid-item-info-img,
    .grid-item-item { float: none; width: 100%; }
    .grid-item-info-title { text-align: left; }
    .grid-item-info-title-number { display: inline; }
    .grid-item-items-header { max-width: 110px; }
    .grid-item-item { border-top-width: 0; }
    .grid-item-item-img { padding-bottom: 50px; }
    .grid-item-item.first { border-top-width: 1px; }
    .grid-item-item-title { bottom: 12px; }
    
    .portfolio-filter { display: none; }
    .portfolio-filter-mobile { display: block; }
	
	.link-block-right { position: absolute; left: -10000px; }
	.link-block-left { position: relative; width: auto }
	.link-block table { height: auto }
	.link-block table td.active { height: 1%  }
	.apart .link-block table td.active .clink { position: relative; height: auto }
	.link-block-left .iblock { position: relative; left: 0 }
	.link-block-left .active .iblock { display: block; }
	
	.apart.type1 .link-block-left .active { background: #599d01 !important; } 
	.apart.type2 .link-block-left .active { background: #088eaf !important; } 
	
	.form .double .line { display: block; width: auto }
	.form .double .line:first-child { margin-right: 0 }		
	
	.form-bottom .button { float: none; width: 100%; margin-bottom: 20px }	
	.form .line.captcha { width: 50% }
    .form-bottom img { margin: 0 0 10px 5px; }
	
	.button + .privacy { padding: 0px 0px 0px 0px; }
}

@media screen and (max-width: 800px) {
	.fancybox-prev, .fancybox-next { display: none !important }	 	
	
	.portfolio-list { margin-bottom: 0 }
	.abs-navigation .pager { position: relative }
	.pager .more-button { display: block; width: 160px; margin: 40px auto 15px auto }
	.showblock-abs .show-all { position: relative; top: 0; right: 0; padding-top: 20px }
	
}

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

	.form_footer { float: none; width: auto; }
    .form-block .addres { float: none; width: auto;  }
    .form-block .addres strong { font-size: 24px }
    .form-block .addres-in { border: none; min-height: 0 }	
	
}

@media screen and (max-width: 470px) {
	
    .shadowAll { position: absolute; }
    .text-block { padding-left: 10px; padding-right: 10px; }    
    .carousel li span { width: 99%; height: 120px; }    
    .news-short { display: none }
    .news-mobile-cont { display: block }
    
    .partners div.logo { border: none; padding-bottom: 0; margin-bottom: 10px }
    .partners { border-bottom: 1px dashed #e2e2e2 !important; padding-bottom: 30px !important }
    .partners .details, 
    .partners .info { display: none }
    .partners { padding-bottom: 0; margin-top: 10px; border-bottom: none }
    .partners .text .title { font-size: 18px; font-weight: normal; font-style: italic; text-align: center }
    
    .client_one { width: 50%; }
    .client_one .det { display: none; }
    .client_one table td { height: 120px; }
	.client_one div { height: 120px; }
    .client_one table td img { max-width: 120px; }	
    
	.client-popup .client_one table td { height: 100%; }
	.client-popup .client_one img { max-width: 100% }
	
	.abs-navigation { margin-left: 0 }
	.pager a { width: 22px; height: 20px; padding: 7px 0 0 0; font: 12px Arial, sans-serif !important; margin: 0 3px; }
	
    .awardcyclecont { position: relative; left: 0 }
    .awards { display: none }
    .awards.commentslist { display: block; margin-bottom: 0 }
    .awtext { display: none }
    .commentslist .award { }
    .commentslist .award img { } 
    .commentslist .award .image { margin: 23px 7px 0; padding: 0; background: none }
    .commentslist .award .details { display: none }
    .portfolio-arrs .rightlink { right: -10px } 
    .portfolio-arrs .leftlink { left: -10px }
    .order-site-brd { display: none }
    .portfolio-footer.type2 { display: none }
    .developing-columns-wrapper { margin-left: -10px; margin-right: -10px; }
    .developing-columns { padding: 0; }
    .developing-type { margin-bottom: 15px; }
    .developing-type .title { font-size: 22px }
    .developing-type .price-number { font-size: 26px }
    .panels { padding: 0 }
    
    .more { display: none }
    .more.more-s { display: block }	
    
	#ajax-teaser { min-height: 225px }
	.gallery { margin-bottom: 16px; height: 225px }
	.gallery .owl-carousel .item { width: 370px }
	.gallery .owl-prev { width: 30px; height: 30px; top: 90px; background-size: contain }
	.gallery .owl-next { width: 30px; height: 30px; top: 90px; background-size: contain }

	
    .mob-contacts { display: block }
    .contacts .link { display: none }
    .head .contacts .phone { display: none }
    
    .apart { padding: 0; max-width: 1200px; }
    .apart .title { font-size: 18px }
    .apart .text img { display: none }
    .more { font-size: 0em !important; }
    .more b {  margin: 0 !important }

    .plus-list .item { width: auto; float: none; font-size: 17px; margin: 0 0 5px 0; display: block }
    .plus-list .title { font-size: 19px; margin-bottom: 20px }
    .preferences-in { margin: 0 }
    .preferences td { font-size: 15px; height: 150px; }
    .preferences td strong { font-size: 24px }

    .preferences .menu-ico { margin: 0 auto; height: 50px; }
    .menu-ico_award { width: 34px; }
    .menu-ico_client { width: 35px; }
    .menu-ico_portfolio { width: 67px; }
    .menu-ico_review { width: 44px; }

    .client .title { font-size: 19px }
    .about-in { padding-top: 35px }
    .about .title { font-size: 19px }    
	
    .softmajor { display: none }
    .footer .map { display: none } 

    .addres-block .title { font-size: 15px; color: #636161; font-style: italic; text-align: left; padding-bottom: 6px  }
    .addres-block .text { font-size: 18px; color: #000 }
    .addres-block .text span { text-align: left }
    .addres-block .ad-phone, 
    .addres-block .ad-email { float: none; width: auto }
    .addres-block .ad-email .title, 
    .addres-block .ad-phone .title { font-size: 15px; padding-bottom: 1px }
    .addres-block .ad-phone strong { font-size: 30px; text-align: left; font-weight: bold; padding-bottom: 20px }
    .addres-block .ad-email strong { font-size: 18px; text-align: left }
    .addres-block .buttons { display: none }
    .cmap { display: none }
	.office-gallery { display: none }
    .idmap { position: relative; left: 0 }
    .portfolio-list .item .image .hover-title { font-size: 16px; }
    .portfolio-footer { display: none; }
    
    .apart .link-block .clink.active { font-size: 21px; }
    .apart .link-block .clink.active b { top: 9px; }
    
    .grid-slider-arrow_abs { display: block; }
    .grid-item-info-title { text-align: center; font-size: 14px; }
    .grid-item-info-title-in { padding: 0 0 15px; }
    .grid-item-info-title-number { font-size: 24px; }
    .grid-item-info,
    .grid-item-items { width: 100%; float: none; }
    .grid-item-info { width: 95%; margin: 0 auto; position: relative; z-index: 1; }
    .grid-item-items-header { max-width: 100%; margin: 0 0 -30px; padding: 10px 0 0; text-align: center; font-size: 14px; line-height: 1.2em; }
    .grid-item-item { border-left-width: 1px; }		
	
	.form-bottom img.refresh { margin: 10px 0 0 5px; cursor: pointer; width: 20px; height: 20px }

}
@media screen and (max-width: 420px) {
	.ipad-wrapper  { display: none !important }	
}