@media (max-width:768px) {.iframeVK {width: 100%;
height: 250px}}

@media (max-width:768px) {.iframeVK2 {width: 100%;
height: 350px}}

@media (max-width:768px) {.navbar {text-align: center}}
@media (max-width:768px) {.header-head{padding-top: 100px}}

@media (max-width:768px) {.hh2{padding-top: 230px}}

@media (max-width:768px) {.heading{margin-bottom: 20px}

   .home_video{
    padding-bottom: 16.25%  
}

}


@media (min-width:768px){.li-img{position: absolute;
left:42%;width: 120px;height: 120px}}
@media (min-width:768px){.about-ul li{margin-bottom: 70px}}
@media (min-width:768px){.about-ul:before{left: 50%}}
@media (min-width:768px){.li2{padding: 0 10px 30px 10px;width: 42%;
text-align: right;
}}

@media (min-width:768px){.li2 {
    float: left;
    text-align: right;
    }}


@media (min-width:768px){.li-float .li2 {
    float: right;
    text-align: left;
    }}
@media (min-width:768px){.about-ul li .li-img h4{font-size: 16px; margin-top: 25px}}




@media (min-width:992px){.li-img{position: absolute;
left:42%;width: 150px;height: 150px}}
@media (min-width:992px){.about-ul li{margin-bottom: 90px}}
@media (min-width:992px){.about-ul li .li-img h4{font-size: 18px; margin-top: 35px}}
@media (min-width:768px){.li2{padding: 20px 10px 30px 
}}


@media (min-width:1200px){.li-img{position: absolute;
left:42%;width: 180px;height: 180px}}
@media (min-width:1200px){.about-ul:before{left: 50%}}
@media (min-width:1200px){.about-ul li{margin-bottom: 90px}}
@media (min-width:1200px){.about-ul li .li-img h4{font-size: 21px; margin-top: 42px}}
@media (min-width:1200px){.li2{padding: 30px 10px 30px 
}}


@media (max-width:992px) {.socials {text-align: center; padding: 0}

    @media (max-width:992px) {form{padding: 18px;
        height: 700px}}

}



@media (max-width:768px){
    .uslugi-h{font-size: 12px}
    .uslugi-text{    font-size: 9px;
    line-height: 12px;
    padding: 0}
}





  



@media (max-width:1200px){
    
    
    
     header {background-color: white;
    background-position: center;
    background-attachment: scroll;
    }
    
    .hh6{margin-top: 65px}
    
    .header-food{
    background-image:  url(../images/i/food-background-m.jpg);
    background-position: top center;
    background-attachment: scroll;}
    
      .header-interior{
    background-image:  url(../images/i/interior-background-mob.jpg);
    background-position: top center;
    background-attachment: scroll;}
    
      .header-fotosession{
    background-image:  url(../images/i/fotosession-background-m.jpg);
    background-position: top center;
    background-attachment: scroll;}
    
    
    .header-about{
    background-image:  url(../images/i/background-mob.jpg);
    background-position: top center;
    background-attachment: scroll;}
    
   .header-wear{
    background-image:  url(../images/i/wear-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
    .header-cat{
    background-image:  url(../images/i/catalog-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
    
     .header_video{
    background-image:  url(../images/i/video-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
    .header-item{
    background-image:  url(../images/i/item-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
    
    .header-product{
    background-image:  url(../images/i/product-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
    
    .header-blog{
    background-image:  url(../images/i/about-background-m.jpg);
    background-position: top center;
    background-attachment: scroll}
    
   .navbar-brand img {
    width: 130px;
    top: -4px;
    left: -16px;}
    
  .subhead, .uslugi-head {
    font-size: 26px;
      line-height: 40px;}  
    
    .heading {
    font-size: 16px;
        line-height: 23px;
    margin-bottom: 24px}
    
    
    h2 {
    font-size: 16px;
        line-height: 23px;
    margin: 5px 0}
    
    .form-control {
    width: 280px;
    height: 50px;
        font-size: 13px;}
    
    .btn-xl {
    width: 280px;
    height: 50px;
        font-size: 13px;}
    
 
    
    .caption-p {
    
        font-size: 19px;
    line-height: 22px;
    width: 147px;
        margin-top: 115px;
  
}
    
    .portfolio-hover-content p{      font-size: 15px;
    line-height: 18px;
    margin-bottom: 71px;}
    
    .price{margin-top: 25px;
    font-size: 24px}
    
    .cp2{  width: 240px;
    margin-top: 70px;
    font-size: 22px;}
    
    .gor-p{font-size: 15px;line-height: 18px}
    
    .portfolio .portfolio-item .portfolio-caption{padding: 0}
    
    .pr2{margin-top: 25px}
    
    .ppp{font-size: 16px;
    line-height: 18px}
    
    
    .ppp2 {
    font-size: 19px;
    line-height: 22px;
    margin: 18px 0 0 0;}
    
    .cp2{max-width: 500px;
    margin-top: 110px}
    
  
}


@media (max-width:1200px){
    body{font-size: 10px}

@media (max-width:992px){
    body{font-size: 8px}
    .motivator img{width: 500px}
    
    .call a img{width: 210px;}
    
    .price {margin-top: 20px}
    
    
.presentation{width: 100%; height: 400px
   
}
    
    .uslugi-h {font-size: 15px;
    margin-bottom: 11px;}
    
    .caption-p {margin-top: 130px;}
    
    
    .subhead, .uslugi-head{width: 650px}
    
    .navbar-brand img {
    width: 122px;
    top: -5px;
    left: -32px;}
    
    .navbar-default .navbar-nav>li>a{letter-spacing: 0}    
    
    .subhead, .uslugi-head {
    font-size: 22px;
        line-height: 33px;}
    
    .form-control, .form-group {
    width: 230px;
    height: 40px;
        font-size: 12px;
    margin: 0 10px}
    
    .btn-xl {
    width: 230px;
    height: 40px;
        font-size: 12px;
    margin-left: 20px}
    
    textarea.form-control{height: 40px}
    
    .contact-p {width: 694px}
    
    .akcia {
    margin: 50px 0 13px 0;
    font-size: 24px;}
    
    .sale10 {
    width: 275px;}
    
    .akcia2 {
    font-size: 20px}
    
      .ppp{font-size: 14px;
    line-height: 16px}
    
    .ppp2 {
    font-size: 17px;
    line-height: 20px;
    margin: 30px 0 0 0;}
    
    .ppp3{font-size: 18px}
    
    .heading {font-size: 14px;
    line-height: 20px;
    margin-top: 300px}
    
     h2 {font-size: 16px;
    line-height: 19px}

    .portfolio-hover-content p {
    font-size: 15px;
    margin-bottom: 20px}
    
    
   .gor-p {font-size: 16px;
    line-height: 20px;
    margin-bottom: 135px;
    margin-top: 125px}
    
    .pr2{font-size: 30px}
    
    .ct3 {
    font-size: 13px;
    line-height: 11px;}
    
    .zayavka{margin-bottom: 5px}
}





@media (max-width:768px){
    
 .prices-h {
    padding-bottom: 5px;
     font-size: 18px;}   
.presentation{width: 420px; height: 240px
   
}
    
  
    .call a img{width: 300px}
    
    .portfolio-item {
    padding-bottom: 15px;
}
    
    .head2 h2{line-height: 16px}
    
    
    .navbar-nav>li>a{padding: 0}
    
    
    .uslugi{
        
    background-attachment: scroll}
    
   
    
    .motivator img {width: 370px;
    margin-top: 10px}
    
    .navbar-brand img {
    width: 92px;
    top: -7px;
    left: 7px;}
    
   .subhead {
    font-size: 17px;
    line-height: 27px;
    width: 300px;
    margin-top: 10px;
    margin-bottom: 10px;
}
    
   
    
 
    
    
    .heading {    font-size: 11px;
    line-height: 13px;
    width: 261px;
    margin: 45px auto;
    letter-spacing: 0px;}

    
    h2 {font-size: 18px;
    line-height: 13px;
    letter-spacing: 0px;}
    
    .form-group{margin: 5px auto;
    padding-left: 0;
    padding-right: 0}
    
    .form-control{margin: 0}
    
    .btn-xl{margin: 0}
    
    .uslugi-head{width: 300px;
    font-size: 20px;
    line-height: 28px;
        margin: 30px auto;}
    
    .akcia {
    margin: 40px 0 9px 0;
    font-size: 17px}
    
    .sale10 {
    width: 200px}
    
    .akcia2 {
    font-size: 15px}
    
    .uslugi {
    padding: 34px 0 34px 0}
    
    .uslugi-blocks {
    margin-top: 10px;}
    
    .portfolio-item{padding-left: 15px;
    padding-right: 15px}
    
      .ppp{font-size: 14px;
    line-height: 16px;
    width: 300px}
    
    .ppp2 {
    font-size: 12px;
    line-height: 16px;
    margin: auto;
    padding: 0 10px;
    width: 300px;
}

    
    .portfolio .portfolio-item .portfolio-link .portfolio-hover {opacity: 1;
    background: none;}
    
    .portfolio-hover-content p{display: none}
    
    .cp2 {
    width: 264px;
    margin-bottom: 60%;
    margin-top: 6px;
    font-size: 15px;
    line-height: 16px;}
    
    .price {display: none}
    
    .caption-p {display: none}
    
   .pr2 {
    margin-top: 169px;
    font-size: 17px}
    
    .header-head {
    padding-bottom: 66px}
    
    .ct3 {
    font-size: 11px;
    line-height: 12px;
    width: 250px}
    
    .zayavka{font-size: 12px}
    
    .uslugi-h{margin: 7px auto;
    font-size: 12px;}
    
    .uslugi-blocks img {
    margin-bottom: 4px;
    width: 22px;}
    
    
    .ppp3{font-size: 12px}
    
    .gor-p{display: none}
    
    .contact-p{font-size: 14px;
    width: 300px}
    
    .contact-title {
    font-size: 16px}
    
    .contact-tel a {
    font-size: 17px;}
    
    .copyright{font-size: 13px;
    margin: 0}
    .socials{margin-top: 10px}
}
    
@media (max-width:700px){

    .table-pr {margin: 0 10px 0 10px}
}

    
@media (max-width:400px){
    
    .motivator img{width: 300px}
    .caption-p {width: 175px;}
    
    .pr2 {margin-top: 115px}
    
    .contact-p {width: 240px}
    
     .call a img{width: 180px;}
}
    
    
@media (min-width:769px){
    .mob-content{display: none}
}
    
  
  @media (max-width:500px){
    
    
.presentation{width: 300px; height: 200px
   
}  

      .u4{margin-top: 80px}  }  
      
    
    
    
    @media (max-width:768px){
    .me-mob img{display: block} 
    
.otzivy img{width: 400px}}   
    
    
    
    
    @media (max-width:768px){
        .me img {display: none}
         .call a img{width: 220px;
        margin-top: 20px}
        .more-otziv{width: 245px;
        font-size: 10px}
        .row5 {
    margin-top: 15px;
}
    .row {
    padding:0
}    
        
          .pa {
    padding-bottom: 5px
}   
        form {
    
    height: 600px;
    }
 .prices {
    
    height: 915px;
    
}
        
        
    }
    
    
    
  @media (max-width:400px){   
    
    
    
    
    input[type="text"],
input[type="tel"],
input[type="email"],
input[type="button"],
textarea {
 width: 230px;
 
      }
    
    .prices {
    
    height: 1000px;
    
}
        
        
    }
    
    }