.responsive body
{
   min-width: 240px;
}

.responsive img
{
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .gss-content-layout img,
.responsive .gss-content-layout video
{
   height: auto !important;
}

.responsive.responsive-phone .gss-content-layout img
{
   margin: 1%;
}

.responsive.responsive-phone .gss-collage,
.responsive.responsive-tablet .gss-collage {
   margin: 0 !important;
}

.responsive .gss-content-layout .gss-sidebar0,
.responsive .gss-content-layout .gss-sidebar1,
.responsive .gss-content-layout .gss-sidebar2
{
   width: auto !important;
}

.responsive .gss-content-layout,
.responsive .gss-content-layout-row,
.responsive .gss-layout-cell
{
   display: block;
}

.responsive .gss-content-layout,
.responsive .gss-content-layout-row
{
   padding: 0;
}

.responsive .image-caption-wrapper
{
   width: auto;
}

.responsive.responsive-tablet .gss-vmenublock,
.responsive.responsive-tablet .gss-block
{
   margin-left: 1%;
   margin-right: 1%;
   width: 48%;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .gss-responsive-embed
{
   height: 0;
   padding-bottom: 56.25%;
   /* 16:9 */
    position: relative;
}

.responsive .gss-responsive-embed iframe,
.responsive .gss-responsive-embed object,
.responsive .gss-responsive-embed embed
{
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}

.responsive .gss-header
{
   width: auto !important;
   max-width: none !important;
   min-height: 100px !important;
   min-width: 0 !important;
   text-align: center;
}

.default-responsive .gss-header
{
   height: auto;
}

.default-responsive .gss-header *
{
   position: relative;
   -webkit-transform: none !important;
   -moz-transform: none !important;
   -o-transform: none !important;
   -ms-transform: none !important;
   transform: none !important;
}

.default-responsive .gss-header .gss-headline,
.default-responsive .gss-header .gss-slogan
{
   display: block !important;
   top: 0 !important;
   left: 0 !important;
   margin: 2% !important;
   text-align: center !important;
}

.default-responsive .gss-header .gss-headline a,
.default-responsive .gss-header .gss-slogan
{
   white-space: normal !important;
}

.default-responsive
{
   display: inline-block;
   margin: auto !important;
   left: auto;
   top: auto !important;
   height: auto;
}

.responsive .gss-header .gss-slidenavigator
{
   position: absolute;
}

.default-responsive .gss-header .gss-positioncontrol
{
   display: block !important;
   position: relative !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
   margin: 2% auto !important;
   width: auto !important;
   height: auto !important;
}

.responsive .gss-header #gss-flash-area
{
   display: none;
}

/* Search and other elements in header element directly */
.default-responsive .gss-header>.gss-textblock
{
   position: relative !important;
   display: block !important;
   margin: 1% auto !important;
   width: 75% !important;
   top: auto !important;
   right: auto !important;
   bottom: auto !important;
   left: auto !important;
}

.default-responsive .gss-header .gss-textblock
{
   position: relative !important;
   display: block !important;
   margin: auto !important;
   left: 0 !important;
   right: 0 !important;
   top: auto !important;
   height: auto !important;
   width: auto;
   background-image: none;
}

/* '.gss-header *' used noram align, but for '.gss-textblock *' we must force align because of preview */
.responsive .gss-header .gss-textblock *
{
   text-align: center !important;
}

.default-responsive .gss-header .gss-shapes > .gss-textblock,
.default-responsive .gss-header .gss-slide-item > .gss-textblock
{
   display: none !important;
}

.default-responsive .gss-header .gss-shapes > .gss-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

.default-responsive .gss-header .gss-slider .gss-textblock *
{
   text-align: center !important;
   width: auto !important;
   height: auto !important;
   display: block;
}

/* For icons like facebook, rss, etc. */
.responsive .gss-header>.gss-textblock>div
{
   width: 100%;
}
/* dynamic width nav */
.responsive nav.gss-nav,
.responsive .gss-nav-inner
{
    position: absolute;
    top: auto;
    width: 100%;
    background: #fff;
    height: 4rem;
}

.responsive nav.gss-nav
{
   min-width: 1%;
}

.responsive .gss-nav
{
   padding-left: 0;
   padding-right: 0;
}

/* full width hmenu, instead of inline-block */
.responsive .gss-nav ul.gss-hmenu
{
   float: none;
   text-align: center;
   display: none;
}

/* elements on different lines */
.responsive .gss-nav ul.gss-hmenu li,
.responsive .gss-hmenu-extra1,
.responsive .gss-hmenu-extra2
{
   float: none;
}

/* horizontal margins */
.responsive .gss-nav ul.gss-hmenu>li:first-child,
.responsive .gss-nav ul.gss-hmenu>li:last-child,
.responsive .gss-nav ul.gss-hmenu>li
{
   margin-left: 0;
   margin-right: 0;
}

/* separator */
.responsive .gss-nav ul.gss-hmenu>li:before
{
   display: none;
}

/* vertical distance between items */
.responsive .gss-nav ul.gss-hmenu a
{
   margin-top: 1px !important;
   margin-bottom: 1px !important;
   height: auto;
   white-space: normal;
}

.responsive .gss-nav ul.gss-hmenu>li:first-child>a
{
   margin-top: 0 !important;
}

.responsive .gss-nav ul.gss-hmenu>li:last-child>a
{
   margin-bottom: 0 !important;
}

/* fixes for extended menu */
.responsive .gss-nav .ext,
.responsive .gss-nav ul.gss-hmenu>li>ul,
.responsive .gss-nav ul.gss-hmenu>li>ul>li,
.responsive .gss-nav ul.gss-hmenu>li>ul>li a
{
   width: auto !important;
}

/* submenu position on hover */
.responsive .gss-nav ul.gss-hmenu ul
{
   left: auto !important;
   right: auto !important;
   top: auto !important;
   bottom: auto !important;
   display: none !important;
   position: relative !important;
   visibility: visible !important;
}

.responsive .gss-nav ul.gss-hmenu li.active>ul
{
   display: block !important;
}
.responsive .gss-nav ul.gss-hmenu ul li.active>a
{
   font-weight: bold;
}

.gss-nav .gss-menu-btn {
    display: none;
    margin: 7px 0 0 14px;
    margin: .7rem 0 0 1rem;
    outline: none;
    position: relative;
    width: 36px;
    min-height: 36px;
    clear: both;
}

.gss-nav .gss-menu-btn span
{
   background: #fff;
   display: block;
   height: 2px;
   margin: 5px 1px;
   position: relative;
   -moz-transition: background .2s;
   -o-transition: background .2s;
   -webkit-transition: background .2s;
   transition: background .2s;
}
.gss-menu-btn.openMenuBtn span:nth-child(1) {
    transform: rotate(45deg);
    top: 9px;
}
.gss-menu-btn.openMenuBtn span:nth-child(2) {
    display:none;
}
.gss-menu-btn.openMenuBtn span:nth-child(3) {
    transform: rotate(-45deg);
}
.gss-nav .gss-menu-btn span {
    background: #4d4d4d;
    display: block;
    height: 2px;
    margin: 7px 0 0 0;
    position: relative;
    display: block;
    transition: all 0.3s ease;
}

.gss-nav .gss-menu-btn:hover span
{
   background: #4d4d4d;
}

.responsive .gss-nav .gss-menu-btn
{
   display: inline-block;
}

.responsive .gss-nav .gss-hmenu.visible
{
   display: block;
   background: #fff;
}

.responsive .gss-nav ul.gss-hmenu>li>ul>li:first-child:after
{
   display: none;
}
.responsive .gss-nav ul.gss-hmenu ul a
{
   padding-left: 4% !important;
}
.responsive .gss-nav ul.gss-hmenu ul ul a
{
   padding-left: 6% !important;
}
.responsive .gss-nav ul.gss-hmenu ul ul ul a
{
   padding-left: 8% !important;
}
.responsive .gss-nav ul.gss-hmenu ul ul ul ul a
{
   padding-left: 10% !important;
}
.responsive .gss-nav ul.gss-hmenu ul ul ul ul ul a
{
   padding-left: 12% !important;
}

.responsive .gss-nav ul.gss-hmenu>li>ul
{
   padding: 0;
}

.responsive .gss-nav ul.gss-hmenu>li>ul:before
{
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

.responsive .gss-sheet
{
   width: auto !important;
   min-width: 240px !important;
   max-width: none !important;
}

#gss-resp {
   display: none;
}

@media all and (max-width: 1600px)
{}

@media all and (max-width: 1366px){
  .topBannerMod .modInner {
    background: #2a8c4de8;
    padding: 42px 14px;
  }
	.gss-nostyle.topBannerMod{
    background: #fff;
    padding: 42px 14px;
    padding: 3rem 1rem;
  }
  .standartBlock {
    margin: 0;
  }
    .freeCons a {margin-right: 5px;}
    .gss-nav-inner {box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.5);}
    .allInItem {width: 46%;}
    .allInItem4 {width: 46%;}
    .modInner {}
    .gss-nostyle {
    padding: 14px 0;
    }
    .custom.topBannerMod {}
    .topBannerMod.modInner {
    padding: 42px 14px;
    padding: 3rem 1rem;
    background: #2a8c4de8 !important;
    }
    .gss-nostyle.whoMod {
    padding: 42px 14px;
    padding: 3rem 1rem;
    }
    .gss-nostyle.allInMod {
    padding: 42px 14px;
    padding: 3rem 1rem;
    }
    .gss-nostyle.stepMod {
    padding: 42px 14px;
    padding: 3rem 1rem;
    }
    .gss-nostyle.questionMod {
    padding: 14px;
    padding: 1rem;
    background: #fff;
    }
    .custom.questionMod .modInner {
    margin: 0 auto;
    padding: 42px 14px;
    padding: 3rem 1rem;
    background: #2a8c4de8 !important;
    }
    .modHeading {
    font-size: 28px;
    font-size: 2rem;
    text-align: center;
    }
}
@media all and (max-width:1280px) {
    .gss-header-inner {width: 100%;}
    .desktop .gss-nav-inner {width: 100%;}
    .modInner {width:100%;}
}
@media all and (max-width: 1200px) {
    .gss-logo {width: 40%;}
    .gss-nostyle.sloganMod {width: 20%;}
    .gss-nostyle.phoneMod {width: 40%; padding: 15px;}
    .tiIcon {width: 20%;}
    .freeCons a {margin-right: 0;}
    .gss-layout-wrapper {width: 100%;}
    .gss-post {padding: 0;}
    .gss-layout-cell {
    padding: 0 14px;
    padding: 0 1rem;
    }
    .videoBlock {
    padding: 42px 14px;
    padding: 3rem 1rem;
    }
    .videoItem {
    display: block;
    width: 100%;
    padding: 0 14px;
    padding: 0 1rem;
    }
    .companyItem {
    display: block;
    width: 100%;
    padding: 0 14px;
    padding: 0 1rem;
    }
}
@media all and (max-width: 800px) {
    .land_but {width: 100%;text-align: center}
    .fbPhonesNum a {font-size: 1.2rem}
    .modHeadingW {font-size: 2rem}
    .mainBannerPromoTextW {
        font-size: 1.2rem;
        margin: 2rem 0;
    }
    .gss-nostyle.whyMod {
        padding: 3rem 0;
    }
    .grandBlock {
    margin: 3rem 0;
}
    ul.gss-hmenu>li>a {line-height: 2}
    .gss-hmenu ul a:link, .gss-hmenu ul a:visited, .gss-hmenu ul a.active, .gss-hmenu ul a:hover {padding: .5rem 1rem}
    #gss-resp, #gss-resp-t { display: block; }
    #gss-resp-m { display: none; }
    .gss-nostyle.topBannerMod {}
    .gss-nostyle.sloganMod {
	    width: 20%;
	    margin: 20px 0;
	    padding: 0 15px;
      font-size: 12px;
	}
  .homePage {
    padding: 42px 0;
    padding: 3rem 0;
  }
  .mcTitle {font-size: 18px;}
	.gss-nostyle.phoneMod {
	    width: 40%;
	    padding: 0 15px;
	}
    .gss-logo {width:40%;}
    .gss-nostyle.feedBackMod {width: 20%; padding: 5px; margin-bottom: 10px;}
	.fbText {
	    width: 100%;
	}
	.fbForm {
	    width: 100%;
	}
	#fixOrder::after {
	    transform: rotate(45deg);
	    left: 50%;
	    top: 0;
	    margin-top: -8px;
	    margin-left: -8px;
	}
	.custom.freeConsMod {
	    float: right;
      margin-right: 7px;
      margin-right: .5rem;
	}
	.gss-nav.desktop-nav.fixed {
	    position: fixed;
	    top: 0 !important;
	}
	.rfItem {width: 32%;}
	.eiTitle {font-size: 16px;}
	.whyItem {width: 100%;margin: 5px 0;}
	.stepItem {
	    width: 49%;
	    position: relative;
	    margin-bottom: 15px;
	}
	.fbItemPhones {
	    width: 100%;
	    text-align: center;
	    padding: 15px;
	}
	.fbItemForm {
	    width: 100%;
	    border-top: 1px solid rgba(255,255,255,.3);
	    padding: 15px;
	    border-left: none;
	}
	.staffItem {
    width: 100%;}
    .staffImg {
	    max-width: 200px;
	}
	.slogan::before {
	    transform: rotate(-45deg);
	    left: 90%;
	    top: -1px;
	    margin-top: -7px;
	}
    .phones {justify-content: flex-end;}
    .custom.sloganMod {justify-content: flex-start;}
    .mcItem {width: 46%;}
    .mcItem4 {width: 46%;}
    .allInItem {width: 46%;}
    .allInItem4 {width: 46%;}
    .homeLink {max-width: 100%;width: 100%;}
    .tiIcon {width: 30%;}
    .tiText {font-size: 16px;}
  	.PvhImg {
    width: 100%;
	}
    .PvhText {
    width: 100%;
    margin: 0;
    padding: 20px;
    }
    .PvhFlex {
    display: block;
  	}
    table.Karta {
    font-size: 13px;
	}
    tr.KartaHead {
    background: #ce0000;
    color: #fff;
    font-size: 14px;
    }
    .modal-dialog {
    max-width: 360px;
    width: 360px;
    top: 0;
    }
}

@media all and (max-width: 480px)
{
    html {
    font-size: 15px;
    }
    table {
      display: flex;
      overflow-x: auto;
     }
     td, th {
      padding: 7px;
      padding: .5rem;
      font-size: 10px;
    }
    .modal-dialog {
    max-width: 320px;
    width: 320px;
    top: 0;
    }
    .gss-nav .gss-menu-btn {
    margin: 5px 0 0 14px;
    margin: 0.4rem 0 0 1rem;
    }
    .videoItem {
    padding: 20px;
    }
    .gss-logo {
    width: 100%;
    }
    #gss-resp, #gss-resp-m { display: block; }
    #gss-resp-t { display: none; }
    .gss-nostyle.sloganMod {width: 40%; margin: 0;padding: 0 10px; font-size: 10px; text-align: left;}
    .gss-nostyle.phoneMod {width: 100%;}
    .phones {
	    justify-content: center;
	    padding-bottom: 15px;
      width: 100%;
	}
    .gss-footer .gss-layout-cell {
        padding: 20px;
    }
	.fbText li {font-size: 16px;}
	.rfItem {width: 48%;}
	.rfTitle {font-size: 14px;font-size: 1rem}
	.priceFlex {font-size: 16px;	}
	.serviceTitle {width: 70%;}
	.servicePrice {width: 30%;}
	.extraItem {width: 100%;}
	.whyItem {flex-wrap:wrap;}
	.whyItemFull {flex-wrap:wrap;}
	.wiImg {max-width: 100%; width: 100%;}
    .wiImg img { max-width: 60px;}
	.whyText {
	    border-left: none;
        border-top: 1px solid #ce0000;
        width: 100%;
        padding: 15px;
	}
	.gss-postcontent h1 {
    font-size: 24px;
    font-size: 2.5rem;
    }
	.gss-postcontent h2 {
    font-size: 20px;
    font-size: 1.8rem;
    }
    .wiTitle {
        padding: 15px 0;
    }
    .whyText::after {
        transform: rotate(135deg);
        left: 50%;
        top: -5px;
        margin-left: -8px;
    }
	.stepItem {
	    width: 100%;
	    border-radius: 4px;
	}
  .stepItem2 {
	    width: 100%;
	    border-radius: 4px;
	}
	.stepTitle {border-radius: 4px 4px 0 0;}
	.stepNumber::before {
	    transform: initial;
	    border-radius: 4px;
	    border: 2px solid #122c82;
	}
	.inputWrapFlex {
	    flex-wrap: wrap;
	}
	.input-wrap.inputWrapFlex input {
	    width: 100%;
	}
	.inputDivider {
	    width: 100%;
	    height: 7px;
	}
	.slogan::before {
	    left: 50%;
	    top: -1px;
	    margin-top: -7px;
	    margin-left: -7px;
	}
  .gss-nostyle.adressMod {
      border-right: none;
      border-top: 1px solid #959595;
      width: 100%;
  }
    .saleText {
      font-size: 9px;
  }
    .gss-nostyle.feedBackMod {
      border-right: none;
      width: 100%;
      padding: 14px 0;
      padding: 1rem 0;
    }
    .mcItem {width: 100%;}
    .mcItem4 {width: 100%;}
    .allInItem {
      width: 100%;
      margin: 14px 0;
    	margin: 1rem 0;
    }
    .allInItem4 {
      width: 100%;
      margin: 14px 0;
    	margin: 1rem 0;
    }
    .mainBannerPromoText {font-size: 18px;}
    .typicalItem {
      width: 100%;
      margin: 7px 0;
    }
    .gss-postheader {font-size: 24px;}
}

#gss-resp-desktop {
   display: none;
}
#gss-resp-tablet-landscape {
   display: none;
}
#gss-resp-tablet-portrait {
   display: none;
}
#gss-resp-phone-landscape {
   display: none;
}
#gss-resp-phone-portrait {
   display: none;
}

@media (min-width: 1200px)
{
    #gss-resp-desktop { display: block; }
}

@media (min-width: 980px) and (max-width: 1199px)
{
    #gss-resp-tablet-landscape { display: block; }
}

@media (min-width: 768px) and (max-width: 979px)
{
    #gss-resp-tablet-portrait { display: block; }
}

@media (min-width: 480px) and (max-width: 767px)
{
    #gss-resp-phone-landscape { display: block; }
}

@media (max-width: 479px)
{
    #gss-resp-phone-portrait { display: block; }
}
.responsive .gss-content-layout,
.responsive .gss-content-layout-row,
.responsive .gss-layout-cell
{
   display: block;
}

.responsive .gss-layout-cell
{
   width: auto !important;
   height: auto !important;
}

.responsive .gss-content-layout:after,
.responsive .gss-content-layout-row:after,
.responsive .gss-layout-cell:after
{
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.responsive .responsive-tablet-layout-cell,
.responsive.responsive-tablet .gss-footer .gss-content-layout .gss-layout-cell
{
   margin: 1%;
   width: 98% !important;
   float: left;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.responsive .responsive-layout-row-2 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .gss-footer .gss-content-layout .responsive-layout-row-2 .gss-layout-cell
{
   width: 48% !important;
}

.responsive .responsive-layout-row-3 .responsive-tablet-layout-cell,
.responsive.responsive-tablet .gss-footer .gss-content-layout .responsive-layout-row-3 .gss-layout-cell
{
   width: 31% !important;
}
.responsive .gss-post
{
   border-radius: 0;
}

.responsive .gss-footer-inner
{
   width: auto;
   padding: 2% !important;
   min-width: 0;
}

.responsive.responsive-tablet .items-row .item ,
.responsive.responsive-phone .items-row .item
{
    width: auto;
    display: block;
}