/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
/* Vars ----------------------------------------------------*//* Mixins ----------------------------------------------------*/
#comboNav {
  display: none;
}

.sss{
    position:absolute;
    background-color:aquamarine;
    margin-left:200px;
}
.s320{    display:none;}
.s480{     display:none;}
.s768{     display:none;}
.s1024{     display:block;}







/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 768px) and (max-width: 991px) {
   .s768{         display:block;    }
   .s1024{     display:none;}
   
   /*.content{width:744px;}*/
}




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

    /* Planshet --320x480-------------------------------------------------*/

    .s480 {
        display: block;
    }

    .s1024 {
        display: none;
    }


    #logo a {
        width: 436px;
        margin: 0 auto;
    }

    .content {
        width: 436px;
    }

     #main{
         padding-left:0px;
         width:436px
     }
     /*main*/
    .main-2butons {
        margin: 0 0 0 1px;
        width: 436px;
        text-align: center;
    }

        .main-2butons a {
            width: 422px;
        }
    /*end main*/

    /*===========TEST-DRIVE======*/
    .headerLabel{
    height:255px;
}

    .headerLabelh1{
  padding-left:30px;
}
    .headerLabel2{ float:left; padding: 0 0 20px 110px; }
    .headerLabel3{ font-size:12px; padding:100px 0 0 10px;}

    .QntIzm{
    width:100%;
   font-size:23px;
   padding:50px 0 10px 0;
}

    .infoblock{width:100%;}

      /*====END==TEST-DRIVE======*/
    .RightBlock {
        display: none;
    }

    #spectial {
        display: none;
    }
    .menuMobileHide {
        display: block;
    }
      #menuMobileHide a img {
            height: 28px;
        }
  .menu-display-none {
        display: none;
    }
    .menu1 {
        width: 436px;
        margin-left: 0px;
    }
        .menu1 div {
            width: 216px;
            height: 113px;
        }

        .menu1 a img {
            width: 217px;
        }
    .submenuVertikal div a {
             width: 417px;
                     
        }

     #x{
          top: 671px;
         margin-left:1px;
     }

     #xPlace{
         position:relative;
         width:434px;
         height:163px;
         background-color: rgba(0, 0, 0, 0.7);
     }
      #m{
          top: 786px;
         margin-left:1px;
     }
       #mPlace{
         position:relative;

         width:434px;
         height:262px;
         background-color: rgba(0, 0, 0, 0.7);
     }


    .submenu {
        top: 0px;
    }

    .submenuLeft {
        position: relative;
        margin-left: 1px;
    }

        .submenuLeft div a {
            width: 417px;
        }

    #menuPage {
        display: none;
    }

    #news {
        width: 436px;
    }

     .News{
         margin:1px;
         padding:6px;
     }
     .NewsCont{
         padding-left:10px;
     }

     .NewsImgPrev{
         float:none;
         text-align: center;
     }
     /*соц кнопки*/
     .at-resp-share-element{
         text-align: center;
     }

     .footerBlock{
         width:436px;
     }

      
     .footerBlock1{
         width:436px;
          text-align:center;
     }

     .socnetfooter{float: none;}
     .socnet{text-align:center;}

     .footerBlock2 ul{
         float:none;
     }

     .footerBlock2{
          width:436px;
          margin-top:10px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
     }
    .footerBlock3 {
        width: 436px;
        text-align: center;
         margin-top:5px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
    }
    .footertel {
        display: none;
    }

     .footerBlock4{
          text-align:center;
     }

      #main_container{
         width: 436px;
         margin-left: 0px;
         padding-top: 1px;
     }

     .AccName{
         width: 434px;
         /*height: 38px;*/
         padding:20px 0;
         margin:0 1px 0 0;
         text-align:center;
         background-color: rgba(0, 0, 0, 0.6);
     }
     /*Новости*/
     .ModelListButton{
         width: 400px;
     }

     img{ max-width:392px;}
     .NewsImg{max-width:392px;}

     /*О компании*/
    .textAbout {
        display: block;
        width: 420px;
        float: none;
    }
    /*копмлекты*/
    /*#ContentPlaceHolder1_PanelPerformance, #ContentPlaceHolder1_PanelExhaust, #ContentPlaceHolder1_PanelSus{
         display:none;
    }*/

    /*контакты*/
    .ContactMap {
        margin-top: 4px;
        width: 424px;
        height: 330px;
    }

     .ContactMapD{
           width: 420px;
           height: 330px;
        }
     .ContactText {
            width: 330px;
            display: block;
        }

    .contactBlock1{
        width: 421px;
    }

     .recvB {
        margin-left: 0px;
    }

    .contactBlock2 {
        margin-left: 0px;
    }
    .contactfloat {
        float: none;
    }
    .contactBlock4 {
         margin-left: 0px;
    }

    /*---Partners----*/
    .in{
        margin-left: 55px;
    }

     .in11{
       margin-left: 55px;
    }
    
    .compressor_read_text{
        width: 422px;
    }

     /*manh*/
    .MarginManh{
           margin-left: 0px;    
    }

    /*---series---*/
    .tuningImgPrev {
        float: none;
        text-align: center;
    }
    .TuningCont {
        padding: 0px;
        text-align: center;
    }
    .tuningHaeder {
        text-align: center;
    }

    /*--Page--*/
    #main_page_container {
         width: 436px;
        padding-top: 3px;
        margin-left: 0px;
    }
      /*sub page menu*/
    #menu-top-almost-fixed ul li {
        display: block;
        float:left;
        width: 120px;
        padding: 5px 5px;
        height: 30px;
        background-color: #808080;
        margin: 5px 4px;
    }

    #menu-top-almost-fixed {
        height: 150px;
        margin: 1px 1px 0 1px;
   
    }

     /*--slader--*/
    #slider-0, #slider-1, #slider-2, #slider-3, #slider-4, #slider-5, #slider-6,
    #slider-7, #slider-8, #slider-9, #slider-10, #slider-11, #slider-12, #slider-13,
    #slider-14, #slider-15, #slider-16, #slider-17, #slider-18, #slider-19, #slider-20,
    #slider-21, #slider-22, #slider-23, #slider-24, #slider-25, #slider-26, #slider-27,
    #slider-28, #slider-29, #slider-30, #slider-31, #slider-32, #slider-33, #slider-34,
    #slider-35, #slider-36, #slider-37, #slider-38, #slider-39, #slider-40, #slider-41,
    #slider-42, #slider-43, #slider-44, #slider-45, #slider-46, #slider-47, #slider-48,
    #slider-49, #slider-50 {
        width: 322px;
        height: 140px;
        margin: 0px 0px 0px 50px;
        position: relative;
    }

   /*---tuning-dvigatelya-x---*/
    .paddingLeft270 {
        padding-left: 0px;
        clear: both;
    }

    .image_main {
    margin: 13px 3px 5px 75px;
}

    .compressor_read_text span {
    font-size: 12px;
}
.ValueCorpStyleGray {
    color: #777777;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
}

.mediaScreen{
    display:none;
}

/*-End tuning-dvigatelya-x-*/
.News{
    text-align: left;
}

 .SeriesBlock {
        float: none;
    }

}


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

   


      .s1024{     display:none;}  
    .s320{    display:block;}
}

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

    /* MOBILE --320--------------------------------------------------*/
    
     #logo a {
    margin: 0 auto;
    width: 320px;
  }

    .content {
        width: 320px;
    }
     #main{
         padding-left:0px;
         width:320px
     }

      /*===========TEST-DRIVE======*/
    .headerLabel{
    height:255px;
}

    .headerLabelh1{
  padding-left:10px;
}
    .headerLabel1{font-size:12px;
                  text-align: center;
padding-right: 0px;
    }
    .headerLabel2{ padding: 30px 0 20px 0; }
    .headerLabel3{ font-size:16px; padding:140px 0 0 20px;}

    .QntIzm{
    width:100%;
    text-align:center;
   font-size:23px;
   padding:105px 0 10px 0;
}

    .infoblock{width:100%;}

    .TextCorpStyleOrange{font-size:18px;}
      /*====END==TEST-DRIVE======*/


     /*main*/
    .main-2butons {
        margin: 0 0 0 1px;
        width: 320px;
        text-align: center;
    }

        .main-2butons a {
            width: 305px;
        }
    /*end main*/

    .RightBlock { display:none; }
    #spectial { display: none; }

    .menuMobileHide {
        display: block;
    }
     .menu-display-none {
        display: none;
    }
    #menuMobileHide {
        display: block;
    }
        #menuMobileHide a img {
            height: 22px;
        }

   .menu1 {
        width: 320px;
        margin-left: 0px;
    }
        .menu1 div {
            width: 158px;
            height: 82px;
        }
            .menu1 div div {
                width: 147px;
                height: 15px;
                padding-left: 2px;
            }

        .menu1 a img {
            width: 158px;
        }
    .submenuVertikal div a {
        width: 301px;
    }
    

     #x{
          top: 541px;
         margin-left:1px;
     }

     #xPlace{
         position:relative;
         width:318px;
         height:163px;
         background-color: rgba(0, 0, 0, 0.7);
     }
      #m{
          top: 625px;
         margin-left:1px;
     }
       #mPlace{
         position:relative;

         width:318px;
         height:262px;
         background-color: rgba(0, 0, 0, 0.7);
     }

       .submenu {
        top: 0px;
    }

    .submenuLeft {
        position: relative;
        margin-left: 1px;
    }

     .submenuLeft div a {
             width: 301px;
        }

    #menuPage {
        display: none;
    } 

      #news{
          width:320px;
      }

     .News{
         margin:1px;
         padding:6px;
     }
     .NewsCont{
         padding-left:5px;
     }
     .NewsImgPrev{
         float:none;
         text-align: center;
     }
     /*соц кнопки*/
     .at-resp-share-element{
         text-align: center;
     }

    
     .footerBlock{
         width:310px;
     }

      
     .footerBlock1{
         width:310px;
          text-align:center;
     }

     .socnetfooter{float: none;}
     .socnet{text-align:center;}

     .footerBlock2 ul{
         float:none;
     }

     .footerBlock2{
          width:310px;
          margin-top:10px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
     }
    .footerBlock3 {
        width: 310px;
        text-align: center;
         margin-top:5px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
    }
    .footertel {
        display: none;
    }

     .footerBlock4{
          text-align:center;
     }


     #main_container{
         width: 320px;
         margin-left: 0px;
         padding-top: 1px;
     }

     .AccName{
         width: 318px;
         /*height: 38px;*/
         padding:20px 0;
         margin:0 1px 0 0;
         text-align:center;
         background-color: rgba(0, 0, 0, 0.6);
     }
     /*Новости*/
     .ModelListButton{
         width: 320px;
     }

     img{ max-width:300px;}
     .NewsImg{max-width:300px;}

     /*О компании*/
    .textAbout {
        display: block;
        width: 310px;
        float: none;
    }
    /*копмлекты*/
    #ContentPlaceHolder1_PanelPerformance, #ContentPlaceHolder1_PanelExhaust, #ContentPlaceHolder1_PanelSus{
         display:none;
    }

        /*контакты*/
    .ContactMap {
        margin-top: 4px;
        width: 298px;
        height: 230px;
    }

     .ContactMapD{
           width: 293px;
           height: 230px;
        }
      .ContactText {
            width: 290px;
            display: block;
        }

    .contactBlock1{
        width: 294px;
    }

    .contactSimple {
        width: 267px;
        padding: 0px;
    }
    .recvB {
        margin-left: 0px;
    }

    .socnetkontakt {
        margin-left: 40px;
        float: none;
    }


    .contactBlock2 {
        margin-left: 0px;
    }
    .contactfloat {
        float: none;
    }
    .contactF{
        width: 255px;
    }

    .contactBlock4 {
         margin-left: 0px;
    }
    .contactsBlock{
        width: 255px;
    }

    /*---Partners----*/
     .in{
        margin-left: 0px;
        padding:  0px;
    }
     .in a{
         width: 297px;
     }

     .in11{
        margin-left: 0px;
        padding:  0px;
    }
     .in11 a{
         width: 297px;
     }

    .compressor_read_text{
        width: 310px;
    }
    

    /*manh*/
    .MarginManh{
           margin-left: 0px;    
    }

    .BlockF {
    width: 250px;
    height: 180px;
    margin: 10px;
    padding: 20px 10px;
}
    .margilLeft{
        margin-left: 15px;
    }


        /*---series---*/
    .tuningImgPrev {
        float: none;
        text-align: center;
    }
        .tuningImgPrev img {
            margin: 0px;
        }

    .TuningCont {
        padding: 0px;
        text-align: center;
    }
    .tuningHaeder {
        text-align: center;
    }
    .TuningCont div {
        width: 138px;
    }

    /*sub page menu*/
    #menu-top-almost-fixed ul li {
        display: block;
        float:left;
        width: 130px;
        padding: 5px 5px;
        height: 30px;
        background-color: #808080;
        margin: 5px 4px;
    }


       
    #main_page_container {
         width: 320px;
        padding-top: 3px;
        margin-left: 0px;
    }

    #menu-top-almost-fixed {
        height: 200px;
        margin: 1px 1px 0 1px;
    }
    /*--slader--*/
    #slider-0, #slider-1, #slider-2, #slider-3, #slider-4, #slider-5, #slider-6,
    #slider-7, #slider-8, #slider-9, #slider-10, #slider-11, #slider-12, #slider-13,
    #slider-14, #slider-15, #slider-16, #slider-17, #slider-18, #slider-19, #slider-20,
    #slider-21, #slider-22, #slider-23, #slider-24, #slider-25, #slider-26, #slider-27,
    #slider-28, #slider-29, #slider-30, #slider-31, #slider-32, #slider-33, #slider-34,
    #slider-35, #slider-36, #slider-37, #slider-38, #slider-39, #slider-40, #slider-41,
    #slider-42, #slider-43, #slider-44, #slider-45, #slider-46, #slider-47, #slider-48,
    #slider-49, #slider-50 {
        width: 206px;
        height: 140px;
        margin: 0px 0px 0px 50px;
        position: relative;
    }

    /*.thumbs-0 a, .thumbs-1 a, .thumbs-2 a, .thumbs-3 a, .thumbs-4 a, .thumbs-5 a, .thumbs-6 a, .thumbs-7 a, .thumbs-8 a, .thumbs-9 a, .thumbs-10 a, .thumbs-10 a, .thumbs-11 a, .thumbs-12 a, .thumbs-13 a, .thumbs-14 a, .thumbs-15 a, .thumbs16- a, .thumbs-17 a, .thumbs-18 a, .thumbs-19 a {
        width: 204px;
    }*/

    /*retrofit*/
    .PriceBlock{
        width: 295px;
    }

       /*---tuning-dvigatelya-*/
    .paddingLeft270 {
        padding-left: 0px;
        clear: both;
    }

    .image_main {
    margin: 13px 3px 5px 3px;
}

    .compressor_read_text span {
        font-size: 12px;
    }
    .recordVolume a {
        padding: 0;
        line-height: 23px;
        font-size: 16px;
        height: 50px;
    }


.ValueCorpStyleGray {
    color: #777777;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
}

.mediaScreen{
    display:none;
}

/*-End tuning-dvigatelya-*/
    .News {
        text-align: left;
    }

    /*displayMobile*/

    .displayMobile{
        display:none;
    }

    .smart_input{
        display:none;
    }

    /*chip-tuning.aspx*/
    .blochok ul li {
        width: 133px;
    }

     .SeriesBlock {
        float: none;
    }
}

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

    /* MOBILE small--319--------------------------------------------------*/
    
     #logo a {
    margin: 0 auto;
    width: 280px;
  }

    .content {
        width: 280px;
    }
     #main{
         padding-left:0px;
         width:280px
     }
     /*main*/
    .main-2butons {
        margin: 0 0 0 1px;
        width: 280px;
        text-align: center;
    }

        .main-2butons a {
            width: 265px;
        }
    /*end main*/

    .RightBlock { display:none; }
    #spectial { display: none; }

    .menuMobileHide {
        display: block;
    }

    #menuMobileHide {
        display: block;
    }
        #menuMobileHide a img {
            height: 22px;
        }
  .menu-display-none {
        display: none;
    }
   .menu1 {
        width: 280px;
        margin-left: 0px;
    }
        .menu1 div {
            width: 138px;
            height: 72px;
        }
            .menu1 div div {
                width: 127px;
                height: 15px;
                padding-left: 2px;
            }

        .menu1 a img {
            width: 139px;
        }
    .submenuVertikal div a {
        width: 261px;
    }

     #x{
          top: 501px;
         margin-left:1px;
     }

   
      #m{
          top: 575px;
         margin-left:1px;
     }
    
     #xPlace{
         position:relative;
         width:278px;
         height:163px;
         background-color: rgba(0, 0, 0, 0.7);
     }
     #mPlace{
         position:relative;

         width:278px;
         height:262px;
         background-color: rgba(0, 0, 0, 0.7);
     }

       .submenu {
        top: 0px;
    }

    .submenuLeft {
        position: relative;
        margin-left: 1px;
    }

     .submenuLeft div a {
             width: 261px;
        }

     #menuPage{
         display:none;
     }

      #news{
          width:280px;
      }

     .News{
         margin:1px;
         padding:6px;
     }
     .NewsCont{
         padding-left:5px;
     }
     /*соц кнопки*/
     .at-resp-share-element{
         text-align: center;
     }

    
     .footerBlock{
         width:280px;
     }

      
     .footerBlock1{
         width:280px;
          text-align:center;
     }

     .socnetfooter{float: none;}
     .socnet{text-align:center;}

     .footerBlock2 ul{
         float:none;
     }

     .footerBlock2{
          width:280px;
          margin-top:10px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
     }
    .footerBlock3 {
        width: 280px;
        text-align: center;
         margin-top:5px;
          border-top: 1px solid rgba(0, 0, 0, 0.7);
    }
    .footertel {
        display: none;
    }

     .footerBlock4{
          text-align:center;
     }

     /*sub page menu*/
    #menu-top-almost-fixed ul li {
        display: block;
        float:left;
        width: 110px;
        padding: 5px 5px;
        height: 30px;
        background-color: #808080;
        margin: 5px 4px;
    }

    #menu-top-almost-fixed {
        height: 200px;
        margin: 1px 1px 0 1px;
    }
     #main_container{
         width: 280px;
         margin-left: 0px;
         padding-top: 1px;
     }
      #main_page_container {
         width: 280px;
        margin-left: 0px;
    }

 

     .AccName{
         width: 278px;
         /*height: 38px;*/
         padding:20px 0;
         margin:0 1px 0 0;
         text-align:center;
         background-color: rgba(0, 0, 0, 0.6);
     }
     /*Новости*/
     .ModelListButton{
         width: 260px;
     }

     img{ max-width:245px;}
     .NewsImg{max-width:245px;}

     /*О компании*/
    .textAbout {
        display: block;
        width: 260px;
        float: none;
    }
    /*копмлекты*/
    #ContentPlaceHolder1_PanelPerformance, #ContentPlaceHolder1_PanelExhaust, #ContentPlaceHolder1_PanelSus{
         display:none;
    }

        /*контакты*/
    .ContactMap {
        margin-top: 4px;
        width: 268px;
        height: 230px;
    }

     .ContactMapD{
           width: 263px;
           height: 230px;
        }
      .ContactText {
            width: 260px;
            display: block;
        }

    .contactBlock1{
        width: 264px;
    }

    .contactSimple {
        width: 237px;
        padding: 0px;
    }
    .recvB {
        margin-left: 0px;
    }

    .socnetkontakt {
        margin-left: 40px;
        float: none;
    }


    .contactBlock2 {
        margin-left: 0px;
    }
    .contactfloat {
        float: none;
    }
    .contactF{
        width: 225px;
    }

    .contactBlock4 {
         margin-left: 0px;
    }
    .contactsBlock{
        width: 225px;
    }

    /*---Partners----*/
     .in{
        margin-left: 0px;
        padding:  0px;
    }
     .in a{
         width: 267px;
     }

     .in11{
        margin-left: 0px;
        padding:  0px;
    }
     .in11 a{
         width: 267px;
     }

    .compressor_read_text{
        width: 265px;
    }

    
    .compressor_read_text{
        width: 265px;
    }


    /*manh*/
    .MarginManh{
           margin-left: 0px;    
    }

    .BlockF {
    width: 220px;
    height: 180px;
    margin: 10px;
    padding: 20px 10px;
}
    .margilLeft{
        margin-left: 15px;
    }


        /*---series---*/
    .tuningImgPrev {
        float: none;
        text-align: center;
    }
        .tuningImgPrev img {
            margin: 0px;
        }

    .TuningCont {
        padding: 0px;
        text-align: center;
    }
    .tuningHaeder {
        text-align: center;
    }
    .TuningCont div {
        width: 118px;
    }

       
   
    /*--slader--*/
    #slider-0, #slider-1, #slider-2, #slider-3, #slider-4, #slider-5, #slider-6,
    #slider-7, #slider-8, #slider-9, #slider-10, #slider-11, #slider-12, #slider-13,
    #slider-14, #slider-15, #slider-16, #slider-17, #slider-18, #slider-19, #slider-20,
    #slider-21, #slider-22, #slider-23, #slider-24, #slider-25, #slider-26, #slider-27,
    #slider-28, #slider-29, #slider-30, #slider-31, #slider-32, #slider-33, #slider-34,
    #slider-35, #slider-36, #slider-37, #slider-38, #slider-39, #slider-40, #slider-41,
    #slider-42, #slider-43, #slider-44, #slider-45, #slider-46, #slider-47, #slider-48,
    #slider-49, #slider-50 {
        width: 165px;
        height: 140px;
        margin: 0px 0px 0px 50px;
        position: relative;
    }
    /*retrofit*/
    .PriceBlock{
        width: 265px;
    }
    .compressor_read_text span{
        font-size: 13px
    }

       /*---tuning-dvigatelya-*/
    .paddingLeft270 {
        padding-left: 0px;
        clear: both;
    }

    .image_main {
    margin: 13px 3px 5px 3px;
}

    .compressor_read_text span {
        font-size: 12px;
    }
    .recordVolume a {
        padding: 0;
        line-height: 23px;
        font-size: 16px;
        height: 50px;
    }


.ValueCorpStyleGray {
    color: #777777;
    font-weight: bold;
    font-size: 12px;
    margin-top: 0px;
}

.mediaScreen{
    display:none;
}

/*-End tuning-dvigatelya-*/
    .News {
        text-align: left;
    }

    /*displayMobile*/

    .displayMobile{
        display:none;
    }

    .smart_input{
        display:none;
    }

     /*chip-tuning.aspx*/
    .blochok ul li {
        width: 113px;
    }

    .SeriesBlock {
        float: none;
    }

}

   
   
/*--------------none--------------*/

/*.main-2butons{display:none;}*/

 /*#footer{
         display:none;
     }

 .menu1{
      display:none;
 }

 .submenuLeft{
     display:none;
 }

  #news{
           display:none;
      }*/

 /*.NewsImgPrev .NewsCont .NewsShotHaeder .NewsDate .NewsText .NewsNext{
           display:none;
      }*/