@media screen and (max-width: 1279px) {
    .view-site img {
        width: 100%;
    }
}

@media screen and (max-width: 999px) {
    .umodal {
        width: calc(100% - 20px);
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        padding: 25px;
        left: 0px;
        margin-left: 10px;
        z-index: 100500;
    }
	
	
	.item-page img{
	max-width:100% !important;
height: auto !important;	
		
	}
	
	.wide-blocks.wyg .wide-block .wide-block-text{
		
	max-width:100%;	
	}
	
	
	.peredelka{
	max-width:100% !important;
float:none !important;	
	}
	
	.company-work{
	width: auto;	
	    display: block;
    text-align: center;	
	}

    .umodal h3 {
        font-size: 22px !important;
        font-family: 'Roboto Condensed', sans-serif;
        font-weight: 900 !important;
        text-transform: uppercase;
        margin: 5px 0px 20px;
    }

    .close {
        width: 25px;
        height: 25px;
        position: fixed;
        margin-left: calc(100% - 85px);
        margin-top: -8px;
        cursor: pointer;
    }

    body {
        font-size: 13px;
      
        min-width: 320px;
    }

    body,
    .header,
    .nav,
    .footer,
    .uform {
        width: auto;
    }

    .header,
    .nav,
    .footer,
    .content {
        padding: 0px 20px;
    }

    .header {
        height: auto;
        padding: 15px 0px 20px;
    }

    .company-info {
        display: block;
        width: 300px;
        margin: 0px auto;
        text-align: center;
    }

    .company-profile {
        margin-left: 7px;
    }

    .company-logo,
    .company-logo svg {
        width: 50px;
        height: 50px;
        vertical-align: top;
    }

    .company-name {
        font-size: 31px;
        line-height: 31px;
        text-align: left;
    }

 
    .company-social {
        display: none;
    }

    .company-tagline {
        margin-top: 3px;
        font-size: 11px;
    }

    .company-contacts {
        display: block;
        width: 300px;
        text-align: center;
        margin: 20px auto 0px;
    }

    .company-phone {
        font-size: 20px;
    }

    .company-address {
        margin-top: 7px;
        font-size: 13px;
    }

    .burger {
        display: block;
        text-align: center;
        padding: 15px;
        font-size: 20px;
        color: #FFFFFF;
    }

    .burger-button,
    .burger-button-text {
        display: inline-block;
        vertical-align: top;
    }

    .burger-button {
        width: 20px;
        margin-right: 5px;
        margin-top: -1px;
		    cursor: pointer;
    }

    .burger-button span {
        display: block;
        background: #FFFFFF;
        height: 2px;
        margin: 4px 0px;
        border-radius: 2px;
    }

    .menu {
        height: 0px;
        padding: 0px 20px;
        overflow: hidden;
        position: relative;
    }

    .menu-active {
        height: auto;
        padding: 0px 20px 5px;
    }

    .nav>li {
        padding: 0px 0px !important;
    }

    .nav li {
        display: block;
        text-align: center;
        margin: 0px;
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, 0.2);
    }

    .nav li a,
    .nav li span {
        padding: 12px 0px;
        margin: 0px;
        width: 100%;
    }

    .nav-child {
        display: none !important;
        position: static;
        margin: 0px;
        padding: 0px;
    }

    .nav>li:hover .nav-child,
    .nav-child-active {
        height: auto;
        padding: 0px 20px;
        border-radius: 6px;
        margin-bottom: 10px;
    }

    .nav li:first-child {
        border-top: none;
    }

    .nav-child-active {
        display: block !important;
    }

    .nav>li:hover ul:before {
        display: none;
    }

    .nav-child li {
        padding: 4px 0px;
    }

    .nav li a:before,
    .nav li span:before {
        display: none;
    }

    h1 {
        font-size: 26px;
        margin: 0px 0px 15px;
        text-align: center;
    }

    h2 {
        font-size: 22px;
        margin: 10px 0px;
        line-height: 125%;
    }

    h3 {
        font-size: 18px;
        margin: 10px 0px;
    }

    h4 {
        font-size: 16px;
        margin: 10px 0px;
    }

    .top {
        height: auto;
    }

    .top-block {
        text-align: center;
    }

    .top-block h1 {
        line-height: 125%;
        max-width: 100%;
        font-size: 24px;
        margin: 0px 0px 20px;
    }

    .top-block .v-trigger {
        width: 64px;
        height: 64px;
        padding-top: 10px;
    }

    .top-block .v-trigger+.v-trigger {
        margin-left: 8px;
    }

    .top-block .v-trigger-img svg {
        width: 36px;
        height: 36px;
        margin: 4px 0px;
    }

    .top-block .v-trigger-text {
        margin: 12px 0px 0px;
        font-size: 11px;
        margin-left: 0px;
        padding-left: 0px;
        border-left: none;
        text-align: center;
    }

    .top-block .button {
        margin-top: 120px;
        font-size: 13px;
        padding: 15px 25px;
    }

    .top-block p {
        max-width: 100%;
    }

    .content {
        width: 100%;
        margin: auto;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .section {
        padding: 30px 0px;
    }

    .faq {
        background-image: none;
    }

    .caption {
        font-size: 20px;
        line-height: 125%;
        margin: 0px 0px 10px;
    }

    .caption h1,
    .caption h2 {
        font-size: 20px;
        line-height: 125%;
    }

    .feedback {
        background-image: none;
    }

    .h-triggers,
    .h-inline-blocks,
    .v-triggers,
    .v-inline-blocks,
    .wide-blocks {
        text-align: center;
        margin-bottom: 0px;
    }

    .h-trigger {
        text-align: left;
        margin: 10px 0px;
    }

    .v-triggers {
        margin-top: 0px;
    }

    .top .v-triggers {
        margin-bottom: 20px;
    }

    .v-trigger {
        text-align: left;
        margin: 10px 0px;
        width: 100%;
    }

    .v-trigger-img {
        display: inline-block;
        vertical-align: top;
        width: 50px;
    }

    .v-trigger-text {
        display: inline-block;
        vertical-align: top;
        width: calc(100% - 85px);
        text-align: left;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
       margin-left: 15px;
    padding-left: 15px;
       
    }

    .triggers .v-trigger-img svg {
        border-bottom: none;
        padding-bottom: 0px;
        margin-bottom: 0px;
        margin-top: 3px;
    }

    .v-inline-block {
        max-width: 300px;
        overflow: hidden;
        margin: 10px 0px;
		    width: auto !important;
    min-height: inherit !important;
    margin-right: 0px;
	margin-bottom:20px !important;
    }

    .v-inline-block-img {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
        line-height: 0%;
        padding: 20px 20px 10px;
    }

    .v-inline-block-img img {
        margin: 0px 0px;
        width: 100%;
        border-radius: 5px;
    }

    .h-inline-block,
    .h-inline-block:nth-child(2n) {
        max-width: 317px;
        width: 100%;
        overflow: hidden;
        margin: 10px 0px;
    }

    .h-inline-block-img {
        display: none;
    }

    .h-inline-block-text .button {
        text-align: center;
        display: inline-block;
    }

    .feedback .uform {
        margin-top: 20px;
        width: 100%;
    }

    .wide-block-img {
        width: auto;
        display: none;
    }

    .wide-block-text {
        width: auto;
    }

    .wyg .wide-block-text {
        text-align: left;
    }

    .wide-block-text button {
        display: inline-block;
    }

    footer {
        padding: 15px 0px 0px;
    }

    .error-block {
        padding: 100px 40px;
        width: auto;
        margin: auto;
        background-size: 600px;
        background-position: center bottom -50px;
    }

    .wide-block {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .prices .wide-block-text {
        width: 100%;
        padding-bottom: 20px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }

    .inline-block-two,
    .questions,
    .otzyv-text,
    .line-text {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0px;
    }

    .copyright p {
        width: 100%;
    }

    .before-caption {
        margin-bottom: 5px;
        font-size: 12px;
        color: #999999;
    }

    .v-inline-block-text h2 {
        font-size: 20px;
    }

    .time-work {
        line-height: 175%;
        font-size: 12px;
        margin-top: 5px;
        top: 31.5%;
    }

    .v-inline-block-text {
        padding: 5px 20px 0px;
    }

    .v-inline-block-button .button {
        margin: 15px 0px 0px 0px;
        padding: 13px 20px;
        font-size: 14px;
        width: 220px;
    }

    .price {
        font-size: 18px;
    }

    .v-inline-block-button {
        padding: 0px 15px 20px;
    }

    .prices .wide-block-text .button {
        margin: 10px 0px 0px;
        width: 180px;
        text-align: center;
    }

    input,
    textarea {
        font-size: 13px !important;
        max-height: 80px;
    }

    .inline-block-one {
        display: none;
    }

    .inline-block-two {
        padding: 0px;
    }

    .hide {
        height: auto !important;
    }

    .hide p+p {
        display: none;
    }

    .nohide p+p {
        display: inline;
    }

    .inline-block-one img {
        display: none;
    }

    .number {
        display: none;
    }

    .line {
        text-align: center;
    }

    .line-text {
        font-size: 14px;
        margin: 20px 0px;
        padding: 0px;
    }

    .h-inline-block-text .button {
        float: none;
    }

    .h-inline-block-text h3 {
        font-size: 18px;
    }

    .v-inline-block-text h3 {
        font-size: 18px;
        margin: 0px;
    }

    .portfolios {
        text-align: center;
    }

    .portfolio {
        margin: 5px !important;
        width: 140px;
    }

    .portfolio img {
        width: 100%;
    }

    #hide-portfolio {
        margin: 10px auto;
        font-size: 14px;
        padding: 14px 35px;
        display: inline-block;
        width: auto;
    }

    .nohide-portfolio {
        height: auto;
        margin-bottom: 0px;
    }

    .portfolio:nth-child(9) {
        display: none;
    }

    .question-text {
        width: calc(100% - 90px);
        line-height: 125%
    }

    .stocks .v-inline-block-text p {
        margin: 10px 0px 0px;
    }

    .otzyv {
        text-align: center;
    }

    .otzyv-img {
        width: 120px;
        height: 120px;
        border-radius: 50%;
        margin-top: 0px;
        margin-bottom: 10px;
    }

    .otzyv-img img {
        width: 100%;
    }

    .otzyv-img svg {
        width: 80%;
        margin: 0px;
    }

    .otzyv-caption:after {
        width: 80px;
        margin: 12px auto;
    }

    .contacts {
        height: auto;
        margin-top: 20px;
    }

    .contacts-text {
        display: block;
        padding: 20px;
        width: 100%;
    }

    .contacts-map {
        display: block;
        float: none;
        width: 100%;
        height: 300px;
    }

    .contacts-map>ymaps {
        width: 100% !important;
        height: 300px !important;
    }

    p+.contacts-caption {
        margin-top: 20px;
    }

    .contacts-caption {
        font-size: 18px;
    }

    .footer-menu ul {
        -webkit-column-count: 1;
        column-count: 1;
        padding: 0px;
    }

    .footer-menu ul li {
        margin-bottom: 7px;
        font-size: 14px;
    }

    .copyright p {
        width: auto;
        padding: 20px;
        font-size: 12px;
    }

    .answer-content {
        line-height: 135%;
    }

    .answer {
        padding: 10px 5px 10px 15px;
    }

    .answer-close {
        right: -10px;
        top: -10px;
    }

    .intro {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
    }

    .h-triggers {
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: block;
        margin: 0px;
    }

    .h-trigger {
        max-width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 15px 0px 0px;
    }

    .h-trigger-text {
        width: calc(100% - 50px);
    }

    .tariffs .v-inline-block-img {
        -webkit-clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
        clip-path: polygon(0 0, 0 100%, 100% 85%, 100% 0);
    }

    .logotips {
        text-align: center;
    }

    .logotip {
        margin: 5px !important;
        width: 120px !important;
    }

    .logotip img {
        max-width: 100%;
    }

    .logotip:nth-child(9) {
        display: none;
    }

    .logotips+p {
        text-align: center;
    }

    .blog-image {
        width: 100% !important;
        max-width: 360px;
    }

    .blog-img,
    .blog-text {
        display: block;
        width: 100%;
        padding: 0px;
        margin: 0px;
    }

    .blog-text h2 {
        max-width: 100%;
        font-size: 18px;
        margin-top: 15px
    }

    .blog,
    article {
        width: 100%;
    }

    article {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0px 15px;
    }

    aside {
        display: block;
        width: 100%;
        padding: 12px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .blog h1 {
        font-size: 20px;
    }

    .blog-image {
        margin-bottom: 0px;
    }

    .blog p {
        font-size: 14px;
        color: #333333;
     
        font-family: 'PT Serif', sans-serif;
    }

    .share-fixed {
        position: relative;
        left: 0%;
        margin-left: 0px;
        top: 0px;
    }

    .ya-share2__item {
        display: inline-block !important;
        text-align: right !important;
        margin: 0px 3px 0px !important;
    }

    .ya-share2 {
        text-align: left;
    }

    .ya-share2__icon {
        width: 30px !important;
        height: 30px !important;
    }

    .umodal .caption {
        font-size: 18px;
        margin: 0px 0px 15px;
    }

    .separator:after {
        display: none;
    }

    .modal-portfolio {
        width: 90vw;
        height: 80vh;
        padding: 10px;
        left: 50%;
        margin-left: 0px;
    }

    .click-portfolio {
        margin-top: -40vh;
    }

    .view-site {
        height: 100%;
        display: block;
    }

    .view-site img {
        max-width: 100%;
    }

    .close-portfolio {
        margin-top: -23px;
        margin-right: -13px;
    }

    .fz152 {
        font-size: 10px;
      
    }

    .oplata form {
        width: 100%;
    }

    .block-oplata {
        background: none;
    }

    .radiobtn p {
        font-size: 11px;
        margin: 9px 0px 0px;
        vertical-align: top;
    }

    .secret-text {
        font-size: 12px;
        line-height: 140%;
        text-align: left;
    }

    .secretzakaz.click {
        height: auto;
        margin-top: -250px;
    }
}

@media screen and (min-width: 768px) and (max-width: 999px) {

    .top-block {
        width: 370px;
        text-align: left;
    }

    .top-block h1 {
        text-align: left;
    }

    .top-block .v-triggers {
        text-align: left;
    }

 





    .v-inline-block {
        max-width: calc(33.33% - 15px);
    }

    .v-inline-block:nth-child(2) {
        margin: 10px 15px;
    }

    .v-inline-block-text h2 {
        font-size: 18px;
    }

    .time-work {
        margin-top: -15px;
        right: 30px;
        top: 140px;
    }

    .v-inline-block-button .button {
        max-width: calc(100% - 6px);
        margin: 15px 3px 0px;
    }

    .wide-block {
        text-align: left;
    }

    .wide-block-img {
        display: inline-block;
        width: 250px;
    }

    .wide-block-text,
    .prices .wide-block-text {
        display: inline-block;
        width: calc(100% - 255px);
    }

    .h-inline-block {
        max-width: calc(50% - 17px) !important;
    }

    .h-inline-block:nth-child(2n) {
        margin-left: 20px;
    }

    .v-inline-block-button .button {
        line-height: 140%;
    }

    .otzyv {
        text-align: left;
    }

    .otzyv-img {
        display: inline-block;
        text-align: center;
    }

    .otzyv-text {
        display: inline-block;
        width: calc(100% - 150px);
        margin-left: 20px;
    }

    .otzyv-caption:after {
        width: 80px;
        margin: 12px 0px;
    }

    .contacts {
        height: 400px;
    }

    .contacts-text {
        display: inline-block;
        width: 240px;
    }

    .contacts-map {
        display: block;
        float: right;
        width: calc(100% - 280px);
        height: 400px;
    }

    .contacts-map>ymaps {
        height: 400px !important;
    }

    .footer-menu ul {
        -webkit-column-count: 3;
        column-count: 3;
    }

    .portfolio {
        margin: 5px !important;
        width: calc(25% - 13px);
    }

    .tariffs .v-inline-block-text {
        padding: 10px 15px
    }

    .blog-img,
    .blog-text {
        display: inline-block;
        vertical-align: middle;
    }

    .blog-img {
        width: 280px;
        height: 186px;
    }

    .blog-text {
        width: calc(100% - 300px);
        padding-left: 20px;
    }

    .blog-text h2 {
        margin-top: 0px;
    }
}

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


.contacts {
display:block !important;	
	
}

.video .columns-3>* {
    flex-basis: calc(100%/2);
}


.ph {
  
    margin-bottom: 10px;
}

    .contacts-map {
        background-size: cover;
    }

    main li:before {
        width: 13px;
        height: 13px;
        margin-top: 4px;
    }
	
	.top {
  height: auto;
    box-sizing: border-box;
   background: url(/images/banner-mobile.png) !important;
  
    background-repeat: no-repeat;
    background-position: center !important;
    background-color: #e3e3e380 !important;
      background-size: cover !important;
}
	
}


@media (max-width: 575px){
.video .columns-3>* {
    flex-basis: calc(100%/1);
}
}