/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 2200px) {

.nav-burger{
    display:none !important;
}

/*.logo .fff {
    display: none;
}
*/

}
@media only screen and (min-width : 1600px) {
.fixed{
  
    height:63px !important;   top:-113px!important;

}
}


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

 
/*
.prew{
    
    margin-top:100px;
    
}*/

/*
 .container {
    width: 1170px;
  }*/

}



@media only screen and (min-width : 1520px) {

/*.descr3{
    height: 856px !important;
}
  */
  .descrbig{
    height: 1499px !important;

  }



 .descr2{

min-height: 653px !important;
   
 }

}


@media only screen and (min-width : 1700px) {


/*.descr3{
    height: 956px !important;
}
  */
/*.descr3{
    height: 856px !important;
}*/
  
  .descrbig{
    height: 1499px !important;

  }



   .descr2{

min-height: 653px !important;
   
 }


}


@media only screen and (min-width : 1950px) {


/*.descr3{
    height: 1148px !important;
}*/
  




}


@media only screen and (min-width : 2227px) {



}



                     /*Галерея*/

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

.wrapper10 .col{
    text-align: center;
    margin:0px;
    width:calc(100%/4 - 20px) !important;
}


}


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

.wrapper10 .col{
    text-align: center;
    margin:0px;
    width:calc(100%/3 - 50px) !important;
}

.wrapper11 .col{

    width:calc(100%/5) !important;
   
}


}


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

.wrapper10 .col{
    text-align: center;
    margin:0px;
    width:calc(100%/2 - 95px) !important;
}

.wrapper11 .col{

    width:calc(100%/4) !important;
     margin:10px !important;
   
}

.back,
.back2{
    display: none;
}

}

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

.wrapper10 .col{

    width:calc(100%/1) !important;
}
.wrapper11 .col{

    width:calc(100%/3) !important;
}

.bgobj
{
    height: auto !important;

}

 .ee{

margin-left: 0 !important;

 }
}


@media only screen and (max-width : 565px) {
    .wrapper11 .col{

    width:calc(100%/1) !important;
}

}


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

.pic
{
    margin:0 auto 0 auto !important;
}

.pic2{
     margin:0 20px 20px auto !important;
}

.prod .obl{
    margin:0 !important;
}

.nav-burger{
    display: block !important;
}

.sect-1{
        z-index:1;
}
.header-menu nav{
    height: 61px;
}
    .hideMenu{
        display:none;
        visibility:hidden;  
    }



    .nav-burger__checkbox{
        display:inline-block !important;
    }
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1028px) {

.pic{
        float:none !important;
        text-align: center;
        width:500px;
}

footer{
        height:260px;
}

.logo .fff {
    display: none;
}

}

/* Small Devices, Tablets *//*768*/
@media only screen and (max-width : 778px) {

    /*Disable Animation on Mobile Devices*/
    .animated {
        /*CSS transitions*/
        -o-transition-property: none !important;
        -moz-transition-property: none !important;
        -ms-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        /*CSS transforms*/
        -o-transform: none !important;
        -moz-transform: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        /*CSS animations*/
        -webkit-animation: none !important;
        -moz-animation: none !important;
        -o-animation: none !important;
        -ms-animation: none !important;
        animation: none !important;
    }

.logo .logotext{
    text-align: center;
    font-size: 60px;
    position: relative;
    top:0px;
}

    .logo .header-phone1{
    position: relative;
    top:0px;
    

}
.header-phone1 .comagic800{

    font-size: 16px;
    
    position: relative;
    top:5px;
}

.logo .ls{
    position: relative;
    top:5px;
    text-align: center;

}
}



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

.button2{
   top:13px !important;
}


    .logo .logotext{
    text-align: center;
    font-size: 60px;
    position: relative;
    top:0px;
}

    .logo .comagic800{
    position: relative;
    top:78px !important;
    left:170px;
    z-index: 100;
    

}
.header-phone1 .comagic800{

    font-size: 16px;
    
    position: relative;
    top:44px;
    right:200px;
}

.logo .ls{
    position: relative;
    top:5px;
    text-align: center;

}



}


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

.header-phone1 .comagic800{

 top:47px !important;
}

}




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

.logo .ls{

    top:-5px;

}
}


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

.logo .ls{

    top:-46px;
    

}

}


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

/*.logo .comagic800{

}*/


.button2{
   top:13px !important;
   position: absolute;
}

/*.logo .ls{

    top:-5px;

}*/


}


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


.button2{
   top:13px !important;
}



.copy,
.copy2{
    display:inline-block;
    line-height: 10px;
}


.foot2{

width: 450px;

}


.foot2 a{
font-size: 16px !important;
display: flex;
text-align: center !important;
}

.logofoot{
    margin: 0 auto !important;
    width: 300px !important;

} 

.logofoot p:last-child{
padding-left:0;
margin-left:-25px;
    width: 350px !important;
    font-size: 15px !important;
    
}

hr{
    width: 200% !important;
        right:-225px !important;
}





}




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

.call{
    top:280px !important;
    right: 0px !important;

}
.btn_up{

    right:5px !important;
    bottom:80px !important;
}



.pokr{
    margin-left:-65px !important;
}


    .pic{
width: 100% !important;
height: 100% !important;
}



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

.button2{
   top:75px !important;

}


    .logo .comagic800{
 display: inline-block;
    top:-2px !important;
    left:145px;
    font-size: 16px !important;
}


}



@media only screen and (max-width : 462px) {
.button2{
   top:47px !important;
}

.blocImg img {
    background-size: cover !important;
}

.anim{
     width: 100% !important;
}
.pic4
{
    width: 100%;
     height: 100%;
   margin:0 auto 30px auto !important;

}
.pic2{
     float:none !important;
}

}


/* Extra Small Devices, Phones */
@media only screen and (max-width : 450px) {
.button2{
   top:75px !important;
}
    hr{
    width: 85% !important;
        right:100px !important;
}

    
.foot2 a{
    display: inline-block !important;
    min-width: 450px;
    border:none !important;
    
}

.copy,
.copy2{
        width: 380px;
        margin:0 auto;
        margin-left: -80px;
}
footer{
        height: 335px !important;
}

.cop{
        margin-left: 80px;
}

.toggleForm{

   margin-top: 104px !important;
      margin-bottom: -50px !important;
      background: transparent !important;
      z-index: 9999;
}

#map-footer {

margin-bottom: -450px;
margin-top:200px;

}



.sect-1{
    background-color:none;
}

.header-menu .logotext{
    font-size:40px; 
}
    

.header-menu .ls{
    display: inline-block;
    font-size:17px;
    letter-spacing: 1px;
    text-align: center;
}

    .logo .logotext{
    
    font-size: 50px;
    
}

.logo .ls{

display: none;

}

.comagic800{


  
    left:0px!important;

}


}






/* Custom, iPhone Retina */
@media only screen and (max-width : 360px) {




.logo .button2{
   top:13px !important;
   font-size: 14px !important;
}
.logo .header-phone1{

    position: relative;
    top:40px;
    left:-10px;
    z-index: 100;

    
}
.logo .header-phone1 a{
        font-size: 20px;
}


.logo .logotext{
display: inline-block;
    font-size: 40px;
    text-align: center;
    position: relative;
    left: 20px;
    letter-spacing: 3px;
    
}

.logo .comagic800{


 display: inline-block;
    top:-40px !important;
    left:80px;
    font-size: 16px !important;



}

}




/* Custom, iPhone Retina */
@media only screen and (max-width : 300px) {


}



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

    .foot2 a{
        margin-left:-87px !important;
        display: inline-block !important;
        min-width: 480px;
}
.logofoot{
    margin: 0 54px !important;
    width: 300px !important;

} 

.logofoot p:last-child{
    font-size: 15px !important;
    width: 200px !important;
    margin-left:40px;
    letter-spacing: normal !important;
}

.copy2{
    min-width:200px;
    font-size: 13px !important;
    margin-left: -75px;
}

.copy{
        min-width:200px;
    font-size: 13px !important;
    margin-left: -165px;
}

.design{

    font-size: 14px !important;
    margin-left:190px;
    }

    .design2{

    font-size: 14px !important;
    margin-left:100px;
    }


.company,
 .descr{

    font-size: 16px !important;
}
}



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


    .button2{
   top:50px !important;}  

    .slides {

margin-bottom:-140px;

}

.foot2 a{
    
        
        min-width: 490px;
}

    .copy,
.copy2{
        min-width:180px;
            font-size: 13px !important;
            margin-left: -100px;
}


.copy{
        margin-left: -150px;
}
    .design{
        min-width: 200px;
            font-size: 13px !important;
                margin-left:170px;
    }
    .logo .comagic800{


  
    left:-5px !important;

}
}


@media only screen and (max-width : 375px) {
.foot2 a{
    
        
        min-width: 520px;
}

    .copy,
.copy2{
        min-width:180px;
            font-size: 13px !important;
            margin-left: -100px;
}


.copy{
        margin-left: -195px;
}
    .design{
        min-width: 200px;
            font-size: 13px !important;
                margin-left:145px;
    }
.design2{

    font-size: 14px !important;
    margin-left:60px;
    }
.logo .comagic800{


  
    left:50px !important;

}


}

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


    .logofoot{
    margin: 0 44px !important;
    width: 300px !important;

} 

.logofoot p:last-child{
padding-left:0;
margin-left:40px;
    width: 350px !important;
    font-size: 15px !important;
    
}
.foot2 a{
    
        
        min-width: 560px;
}


.copy2{
        min-width:180px;
            font-size: 13px !important;
            margin-left: -145px;
}

.copy{
            margin-left: -220px;
}


    .design{
        min-width: 200px;
            font-size: 13px !important;
                margin-left:95px;
    }

    .design2{

    font-size: 14px !important;
    margin-left:30px;
    }
.logo .comagic800{


  
    left:85px !important;

}
}


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

    hr{
    width: 80% !important;
        right:150px !important;
}

    .logofoot{
    margin: 0 5px !important;
    width: 300px !important;

} 

.logofoot p:last-child{
    font-size: 15px !important;
    width: 200px !important;
    margin-left:40px;
    letter-spacing: normal !important;
}

    .foot2 a{
    
        
        min-width: 585px;
}

.copy2{
        min-width:180px;
            font-size: 13px !important;
            margin-left: -180px;
}

.copy{
    margin-left: -240px;
}
    .design{
        min-width: 200px;
            font-size: 13px !important;
                margin-left:75px;
    }

        .design2{

    font-size: 14px !important;
    margin-left:5px;
    }

.slides {

margin-bottom:-180px;

}

.logo .comagic800{


  
    left:100px !important;

}

}


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

    .foot2 a{
    
        
        min-width: 630px;
}

.copy2{
        min-width:180px;
            font-size: 13px !important;
            margin-left: -200px;
}

.copy{
    margin-left: -310px;
}
    .design{
        min-width: 200px;
            font-size: 13px !important;
                margin-left:45px;
    }

        .design2{

    font-size: 14px !important;
    margin-left:-45px;
    }

    .logo .comagic800{


  
    left:-60px !important;
    top:-100px !important;

}


}
/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {


}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {


}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/* Extra Small Devices, Phones */

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





.fff{
    display:none;
}
}

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





.fff{
    display:none;
}
}




.carousel-inner h3{
font-size: 20px;
padding: 15px;
}

.carousel-inner p{
    font-size: 16px;
    padding: 10px;
}


@media all and (max-width: 768px){
.carousel-caption{
        bottom:10%;
}

.carousel-inner h3{
        font-size: 18px;
}
carousel-inner p{
    font-size: 14px;
}
}

@media all and (max-width: 600px) {
.carousel-inner h3,
.carousel-inner p{
    
display: none;

}


.cover{

margin: 0px 0px 30px 0px !important;


}
}


/*@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}*/
/*@media only screen and (max-width : 1400px)  {
  .container {
    width: 1170px;
  }
}*/





    @media screen and (max-width: 600px) {
    table {width:100%;}

    tr:nth-of-type(2n) {background-color: inherit;}
    tr td:first-child {background: #f0f0f0; font-weight:bold;font-size:1.3em;}
    tr th:first-child {font-weight:bold;font-size:1.3em;}
    tbody td, tbody th {display: block; text-align:center;}
    tbody td, tbody th:before {
    content: attr(data-th);
    display: block;
    text-align:center;
    }

    td span{
        display:block !important;
    }

    th{
        display:none !important;
    }


.carousel-inner {
    height: 47vh;   
    background-color:transparent;
}


.carousel-control{
    height: 80vh !important;
}
.carousel-indicators{
   bottom: 70px;
}

/*
.info{
   min-width: 100%;
  
    height: 165px;
 background:#D54852;
    z-index: 9999;
    position: relative;
    margin-top:170px;
    opacity: .9;
    font-family: "CuprumRegular";
}

.info p{
padding:10px;
        z-index: 9999;
  font-size:30px;   
  color:#eee;
  display: block;
 position: relative;

bottom: -30px;
  text-align: center;
  font-weight: bold;

}*/

.prew{
    
    margin-top:0!important;
    
}

.test{
    background-image: url(../mainimg/bgmain.jpg) !important; 

}

.question {
    position: absolute;
    top:70px !important;
    left:35px;
    font-size: 35px;
    color:red;
}

    }   


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

.carousel-inner .item img{
   
    height: 55vh;
    margin-top: 93px;

    
}

}

  @media screen and (max-width: 450px) {
.eexp{
      margin:9px auto 0 auto !important;
       font-size: 13px !important;
}


}