@media (max-width: 980px) {

h1, .h1 {line-height: 32px;font-size: 30px;}
h2, .h2 {line-height: 32px;}

#top .moduletable {margin: 0 auto 40px;}
#top .h3 {font-size: 27px;margin: 0 0 20px;}



/* img100-30 */
#total .img100-30 {margin:0 0 20px;}
#total .img100-30 li {max-width: 31%;margin:1% !important;}
#total .img100-30 a, #total .img100-30 img {max-width: 98% !important;margin: 0 !important;height: auto;}


/* img100 */
#total .img100 {margin:0 0 20px;}
#total .img100 li {max-width: 98%;margin:1% !important;}
#total .img100 a, #total .img100 img {max-width: 98% !important;margin: 0 !important;height: auto;}

/* img50 */
#total .img50 {margin:0 0 20px;}
#total .img50 li {max-width: 48%;margin:1% !important;}
#total .img50 a, #total .img50 img {max-width: 98% !important;margin: 0 !important;height: auto;}

/* img30 */
#total .img30 {margin:0 0 20px;}
#total .img30 li {max-width: 31%;margin:1% !important;}
#total .img30 a, #total .img30 img {max-width: 98% !important;margin: 0 !important;height: auto;}

/* img50-30 */
#total .img50-30 {margin:0 0 20px;}
#total .img50-30 li {max-width: 31%;margin:1% !important;}
#total .img50-30 a, #total .img50-30 img {max-width: 98% !important;margin: 0 !important;height: auto;}


#total .sigplus-gallery ul {text-align:center;}

/* slide */
.moduletable.slide {height: 269px;background: url(../images/banner-m.jpg) top center no-repeat;}
.custom.slide {height: 269px;}

.slide a {display: block;position: absolute;color: #fff;text-decoration: none;font-size: 18px;font-weight: 400;height: 40px;line-height: 40px;padding: 0 13px;}
.slide .a1 {background: #e5372d;left: 8%;top: 14%;}
.slide .a2 {background: #1d71b8;right: 8%;bottom: 14%;}


.foot1, .foot2, .foot3, .foot4 {display:none;}
.foot1, .foot2 {background: #fff;text-align:left;width: 91%;margin: -7px auto;border-radius: 5px;padding: 20px 2% 4% 7%;}
.foot1 a, .foot2 a {color: #1d71b8;text-decoration:none;font-size: 15px;}
.foot1 li, .foot2 li {list-style:none;position:relative;display: inline-block;/* padding-left: 15px; */padding: 6px 5% 6px 3%;width: 42%;line-height: 15px;}
.foot1 {padding: 20px 0% 4% 9%;}
.foot1 li {width: 90%;}

.foot1 li:before, .foot2 li:before {content: '';position:absolute;height: 3px;width: 3px;left: -3px;top: 14px;background: #666;}

#menuha {padding: 30px 0;margin-bottom: 40px;}
#menuha_in {text-align:center;}
.dlya_doma, .dlya_biznesa {display:inline-block;margin: 0 1%;vertical-align: top;}
.dlya_doma {width: 39%;}
.dlya_biznesa {width: 54%;}
.dlya_doma_title {background: url(../images/icon/1.png) 12% 3px no-repeat #fff;height: 50px;line-height: 50px;}
.dlya_biznesa_title {background: url(../images/icon/2.png) 12% 1px no-repeat #fff;height:50px;line-height: 50px;}
.dlya_doma_title, .dlya_biznesa_title {font-size: 22px;color: #000;margin: 0px auto;display: block;text-align: center;border-radius: 5px;padding-left: 40px;}


.visible-d, .visible-v, .hidden-h {display: none!important;}

.moduletable .custom, .moduletable .h3, #component {padding:0 3%;}

.mist {display:none;}
/*--- header ---*/
#header {width: 100%;height: initial;}
#header.right_head {text-align: right;/* background: #f0f0f0; */padding: 22px 5% 20px 30px;position:relative;margin-top: 20px;}
.m_menu {float: right;margin: 18px 3% 0 0;display:block;height: 36px;border: 2px solid #1d71b8;border-radius: 25px;/* padding: 9px 8px 5px; */width: 36px;position: relative;background: #f6f6f6;}
#logo {display: inline-block;margin: 15px 0 15px 3%;}
.slogan {text-align:center;background: #1d71b8;font-size: 16px;padding: 10px 0;color: #fff;font-weight: 400;}
    
/*--- menu ---*/
.mobile_menu {display:none;position: absolute;background: #ffffff;width: 100%;top: 90px;box-shadow: 0 4px 4px #777;text-align: right;z-index: 5;}
.top_menu {height: auto;margin: 10px 0 0;}
.top_menu li {list-style:none;margin: 0 5%;display: block;float: none;text-align: left;}
.top_menu li.active a {color: #1d71b8;}
.top_menu a {font-weight: 300;font-size: 20px;border-bottom: 1px solid #a8a8a8;text-decoration: none;color: #222;text-transform:uppercase;display: block;padding: 12px 0;text-align: left;}
.adres {margin: 0;text-align: right;border-top: 1px solid #a8a8a8;padding: 19px 5% 21px 35px;font-weight: 300;display: inline-block;background-position: 15px 22px;}
.mobile_menu .right_head {display: inline-block;/* margin-top: 10px; */margin: 20px 5%;}
.mobile_menu .right_head > span {font-size: 15px;}
.mobile_menu .right_head .tel {font-size: 25px;}
.mobile_menu .right_head .adres {}
    
/*--- mobile-menu ---*/
.icon-bar {display: block;width: 22px;border-radius: 3px;height: 2px;background: #1d71b8;margin-bottom: 5px;transition: all 0.5s;position: absolute;left: 7px;}

.m_menu span:nth-child(1) {top: 11px;}
.m_menu span:nth-child(2) {top: 17px;}
.m_menu span:nth-child(3) {top: 23px;}
.m_menu.close span:nth-child(1) { transform: rotate(45deg);background:#e5372d;}
.m_menu.close span:nth-child(2) {transform: rotate(45deg);background:#e5372d;}    
.m_menu.close span:nth-child(3) { transform: rotate(-45deg); background:#e5372d;} 
.m_menu.line-close span:nth-child(1) {top: 17px;}
.m_menu.line-close span:nth-child(2) {top: 17px;}    
.m_menu.line-close span:nth-child(3) {top: 17px;} 


.slide_title {display:none;}

.poverh {padding: 32px 3% 30px;margin: 0 -3% 30px;text-align: center;}
.poverh_more {width: 100%; /* position: absolute; */ left: 0; padding: 13px 0; /*bottom: 20px; */ margin-top: 15px;}
.poverh_desc {text-align:left;}
.poverh .sigplus-gallery {float:right;width: 32%;margin-left: 10px;}
.poverh .sigplus-gallery li {width: 100%;}
.poverh .sigplus-gallery img {width: 95%;height:auto;}

.otz_name {font-size: 24px;}
.otz_more, .variant_more {position:relative;}

.variant {background: #eee;padding: 15px 3%;text-align: center;margin: 20px 0;}
.variant_title {width: 100%;margin-bottom: 15px;line-height: 1em;}
.variant .sigplus-gallery li {width: 25%;}
.variant .sigplus-gallery img {width: 95%;height:auto;}

#top .moduletable.preims {margin:0;}
.custom.preims {text-align:center;padding: 30px 0 0;}
.preim {width: 150px;margin: 0 6% 40px;font-size: 13px;}
.preim:nth-child(1) {margin: 0 0 40px;}
.preim:nth-child(3) {margin: 0 0 40px;}
.preim  img {width: 100%;}
.preim .preim_title {font-size: 17px;}

.moduletable.videos {padding: 30px 0;}
.moduletable.videos iframe {width:100%;height: 230px;}

/* forma */
.moduletable.formsr {padding: 30px 0;position: relative;}
.formsr .form_title {margin-bottom:20px;}
.formsr .rsform-input-box {width: 60%; margin-bottom:20px;}
.formsr .rsform-submit-button {width:60%;margin-bottom:10px;}
.formsr .zamok {font-size:12px;color:#555;width: 56%;}
.girlsr {bottom: 0;right: 0;width: 230px;height: 345px;background-size: 100%;background-repeat: no-repeat;}

.rsform-block.rsform-pole12, .rsform-block.rsform-pole2 {position:relative;}
.formsr .formError, .footform .formError {left: 0;top: 45px;width: 60%;text-align: center;}

/* footforma */
.moduletable.footform {padding: 30px 0;position: relative;background: url(../images/fon2.jpg);}
.footform .form_title {margin-bottom:20px;}
.footform .rsform-input-box {width: 60%; margin-bottom:20px;}
.footform .rsform-submit-button {width:60%;margin-bottom:10px;}
.footform .zamok {font-size:12px;color:#555;width: 56%;}
.footman {bottom: 0px;right: 4%;width: 145px;height: 277px;background-repeat: no-repeat;background-size: 100%;}



/* footer */
#footer #foot2_in {position:relative;}
#footer .right_head {position: absolute;right: 3%;top: 15px;text-align: right;}
#footer .zakaz {margin-top: 10px;}

#foot1 {background: url(../images/fon2.jpg);padding: 0 0 20px;}
#foot2 {width: 100%;bottom: 6px;}
#foot3 {font-size: 11px;color: #ddd;background: #000000;text-align: center;padding: 5px 3%;}
#foot3_left {margin-bottom: 5px;}


/* breadcrumb */
.breadcrumb {margin: 10px 3% -20px;}


/* price */
.grey {background: #f4f4f4;}


.portfolio .pf_left {float:none;}
.portfolio .pf_left img {width:100%; height:auto;}
.portfolio .pf_left .sigplus-gallery li, .portfolio .pf_left .sigplus-gallery li a {width:100%;}
.portfolio .pf_gallery ul {text-align:center;}
.portfolio .pf_right {float:none;margin-top:20px;text-align:center;}
.portfolio {position:relative;}
.portfolio:before {content:'';width: 90%;height:1px;background:#ddd;position: absolute;bottom: -20px;left: 5%;}
.pf_name, .pf_time, .pf_price, .pf_where {margin: 0px 5px 15px;}


.pf_desk {width:70%;margin: 10px auto 15px;}

.tovars {text-align:center;margin: 20px 0 50px;}
.tovar {margin: 0;width: 32%;}
.tovar a {width: auto;height: auto;line-height: 18px;}
.tovar img {width: 150px;}
.tovar span {font-size: 13px;}


.mat-button {margin: 30px auto 0px;padding: 10px 20px;border: solid 2px #1d71b8;text-align: center;width: 250px;border-radius: 5px;transition: background, 0.5s;}
.mat-button.active {background: #1d71b8;color: #fff;box-shadow: inset 0 0 10px #000;border-color: #fff;}
.mat-button + div {display:none;}


#toTop {position: fixed;width: 44px;height: 36px;border: 1px solid #1d71b8;box-sizing: border-box;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;cursor: pointer;z-index: 20;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;-webkit-transition-property: background, border;-moz-transition-property: background, border;-o-transition-property: background, border;transition-property: background, border;right: 2%;bottom: 10px;display: none;background: url(../images/toTop.png) center 13px no-repeat #1d71b8;}

#pop-up {width: 300px;}
#pop-up p {width:290px; font-size:19px;}


/* portfolio-cat */
.cat {width: 47%;margin: 30px 1%;vertical-align: top;}
.cat .title {font-size: 16px;}
/* portfolio-cat end */


}