@media screen and (max-width: 1500px) {
    #section17 .block2a {
        background-position-x: 45%;
    }
        .block4 .slider4 label {
          width: 23.6%;
     }


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

    #section17 .block222d {
        width: 80%;
        margin: 40px 10% 20px 0;
    }

    #section17 .block21b, #section17 .block21e {
        width: 60%;
        position: relative;
        left: 20%;
    }

    #section17 .block21b img {
          width: 100%;
          height: auto;
    }

    #section17 .block222e {
        width: 100%;
        
    }

    .section17 iframe {
        cursor: pointer;
        width: 100%;
        height: 670px;
    }
	
	.section17 block_rolik iframe {
        cursor: pointer;
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 1300px) {
    #section17 .block2a {
        background-position-x: 42%;
    }


}

@media screen and (max-width: 1200px) {
    #slide1_title {
        top: 36%;
        left: 18%;
    }

        #slide1_title p {
            font-size: 2.4em;
        }

        #slide1_title div {
            padding-top: 5%;
        }

            #slide1_title div p {
                font-size: 0.8em;
            }

    .section14 .block1 {
        width: 80%;
    }

    .section15 .image-container a .name {
        font-size: 1.3em;
    }

    .section15 .image-container a .obj {
        font-size: 0.8em;
    }

    .section15 .image-container a .ttt1 {
        font-size: 1.2em;
    }

    .section15 .block2 .block-inner {
        width: 25%;
    }
  

    #section17 .block2a {
        background-position-x: 39%;
    }
    
    #rotatedBlock {
   
  /*      padding-top:0px;
        z-index:1; 
        padding-left:1px; 
*/
}


    .section17 iframe {
        cursor: pointer;
        width: 100%;
        height: 640px;
    }




}

@media screen and (max-width: 1100px) {
    #section17 .block2a {
        background-position-x: 38%;
    }

    .section11 .block2 .block21 {
          width:100%;
          min-height:250px;
        }
    .section11 .block2 .block22 {
          width:100%;
          min-height:250px;
        }

        #section17 .block21b{
            padding-top: 60px;
            width: 74%;
            position: relative;
            left: 14%;
        }
    .section17 iframe {
        cursor: pointer;
        width: 100%;
        height: 600px;
    }
	.section17 block_rolik iframe {
        cursor: pointer;
        width: 100%;
        height: auto;
    }
}
@media (orientation: portrait) and (max-width: 1000px) {

    .section2 .fff span {
        font-size: 1em;
    }

        .section14 .block1 {
            padding: 230px 0 30px 0;
        }
        .section14  .text_osnovi {
            font-size: 1.3em;
            font-family: Century Gothic;
}
             #rotatedBlock {
          /*  padding-top:90px;
            
            padding-left:230px; */
			z-index:720; 
        }

               .section17 .block21 {
                width: 80%;
                float: left;
                padding-left:10%;
            }

                .section17 .block222a {
                    width: 100%;
                    float: right;
                    margin: 20px 0% 20px 0;
                }
                .block4 .slider4 .sl_menu {
                    float: left;
                    width: 100%;
                    padding-bottom:50px;
                    max-height: 400px;
                    margin-bottom: 100px;

                }
                .block4 .slider4 label {
                    border: none;
                    float: left;
                    cursor: pointer;
                    transition: all 0.5s;
                    opacity: 0.6;
                    width: 16.6%;
                    box-shadow: 0 20px 20px -5px rgba(0, 0, 0, 0.75);
                }
                .block4 .slider4 .sl_img {
                    width: 90%;
                    float: left;
                    margin: 4% 0% 8% 5%;
                    position: relative;
                }

                .block_first{
                    padding: 240px 0 50px 0;
                    width:70%;
                }
                    .block_first p:first-child {
                        padding-bottom: 25px;
                        font-size: 2.4em;
                    }
                    .block_first p:last-child {
                        font-size:1.6em;
                    }
                .section15 .block1 {
                     padding:40px 0px 20px 0px;
                     font-size:1.6em;
                }

                .d_name_pv{
                    font-size:1.9em;
                 }
                .d_obj_pv{
                    font-size:1.3em;
                }
                    .d_opis_pv p:nth-child(odd){
                        font-size:1.6em;
                    }
                    .d_opis_pv p:nth-child(even){
                        font-size:1.3em;
                    }
                    .d_kollich_pv p{
                        font-size:1.6em;
                    }
                    .kollich_pv{
                        font-size:1.9em;
                    }
                  .section17  .block23 a{
                      font-size:1.6em;
                    }
                  .block4 .slider4 .sl_img .sl_text{
                        font-size:1.2em;
                    }

    .section17 iframe {
        cursor: pointer;
        width: 100%;
        height: 600px;
    }
	.section17 block_rolik iframe {
        cursor: pointer;
        width: 100%;
        height: auto;
    }

} 


@media screen and (max-width: 900px) {
        .base .cell11 {
            width: 84%;
        }

        .base .cell12 {
            width: 100%;
            padding-top: 10px;
            padding-bottom: 30px;
        }

        .container {
            margin-left: 8%;
            margin-right: 8%;
            width: 84%;
        }



        #slide1_title {
            top: 36%;
            left: 18%;
        }

            #slide1_title p {
                font-size: 1.8em;
            }

            #slide1_title div {
                padding-top: 5%;
            }

                #slide1_title div p {
                    font-size: 0.8em;
                }

        .section7 .block1 .block11 p, .section7 .block1 .block11 ul li {
            font-size: 0.9em;
        }


        .item_kompany {
            width: 500px;
        }

            .item_kompany img {
                width: 100%;
                height: auto;
            }

        .section15 .block2 .block-inner {
            width: 25%;
        }

        .section15 .image-container a .name {
            font-size: 1.3em;
        }

        .section15 .image-container a .obj {
            font-size: 0.9em;
        }

        .section15 .image-container a .ttt1 {
            font-size: 1.1em;
        }

        .section15 .block2 .block-inner {
            width: 33.3%;
        }

        .section2 h3 {
            padding: 25px 0 0 0;
        }

        .section2 .kub .fff {
            font-size: 0.8em;
            height: 45px;
        }


    .section17 iframe {
        cursor: pointer;
        width: 100%;
        height: 480px;
    }

	.section17 block_rolik iframe {
        cursor: pointer;
        width: 100%;
        height: auto;
    }






}


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


	#logo {
        width: 180px; 
        margin-top:-4px;
    }
    #slide1_title {
        top:30%;
        left:15%;
        width:35%;
}

    #slide1_title p {
        font-size:1.3em;
    }
    #slide1_title div {
        padding-top:5%;
    }
    #slide1_title div p {
        font-size: 0.7em;
   }
        .glavnaya_section5_block {
        width:48%;
    }
    .cell1 .cell11  div{
    width:60%;
    }
    .whidte100 {
        width:100%;
        border-top :40px solid #000;
        min-height :240px;
    }
    #kontakt_vizitka {
        top:-68px;
        right:130px;
    }


     .section7 .block1 .block11 img{
        margin: 0 auto;
        width:40%;
        height:40%;
        padding-left:30%;
        float:unset;
    }  
    .section7 .block1 .block11 div{
        width:90%;
        height:auto;
        margin:0px auto 20px auto;
    } 
      .section7 .block1 .block11 h3{
        color: red;
        font-size:1.4em;
        padding:0px 0 10px 50px;
        font-weight:bold;
    } 

    .item_kompany {
        width:90%;
    }
    .item_kompany img {
        width:100%;
        height:auto;
    }

    .old_site {
            float:left;
    }

            #section17 .block21b img {
            margin: 28% 0 0 32%;
            width: 100%;
            height: auto;
    }


}

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




}



@media screen and (max-width: 600px) {
    #slide1_title {
        top: 25%;
        left: 17%;
        width: 40%;
    }

    .block_oziv {
        width: 90%;
    }

    .block_oziv2 {
        width: 90%;
    }

    .kontakt_otziv2 {
        height: auto;
    }

    #slide1_title p {
        font-size: 1.1em;
        margin-top: 3px;
    }

    #slide1_title div {
        padding-top: 3%;
    }

        #slide1_title div p {
            font-size: 0.7em;
        }


    .section6 h1, .section6 h2, .section6 h3 {
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .section6 h2 {
        padding: 20px 0 0 0;
        font-size: 1em;
    }

    .obomne_img {
        width: 60%;
        margin-left: 20%;
        max-height: none;
        max-width: none;
    }

    .obomne_text {
        width: 100%;
        float: left;
    }

    .section6 h1 {
        padding: 30px 0 0 0;
        font-size: 1.3em;
    }

    .section6 h3 {
        padding: 20px 0 30px 0;
        font-size: 0.9em;
        text-align: left;
    }

    .section7 .block1 .block11 {
        margin: 5%;
        width: 90%;
        float: left;
    }

        .section7 .block1 .block11 h3 {
            padding: 10px 0;
            margin: 0;
            font-size: 1.4em;
            text-align: center;
        }

        .section7 .block1 .block11 div {
            margin: 0 10% 10% 10%;
            width: 80%;
            float: left;
        }


    .section7 .block1 .block11 p, .section7 .block1 .block11 ul li{
        font-size:1.2em;
    } 

           .section7 .block1 .block12{
            margin:0 auto;
            width:100%;
            float:right;
        } 

           .section7 .block1 .block13{
            padding:5%;
            margin-bottom:3%;
            width:90%;
            float:left;
            background: url(../images/fon/fon11.jpg) repeat;
            -moz-box-shadow: 3px 2px 2px #808080;
            -webkit-box-shadow: 3px 2px 2px #808080;
            box-shadow: 3px 2px 2px #808080;
            min-height:285px;
        }

    .section8 .kub {
        width: 40%;
    }
}

@media screen and (max-width: 500px) {
    #slide1_title {
    top:22%;
    left:22%;
    width:40%;
    }

    #slide1_title p {
        font-size:1em;
    }
    #slide1_title div {
        padding-top:3%;
    }
    #slide1_title div p {
        font-size: 0.6em;
   }
        .glavnaya_section5_block {
            width:98%;
            border-bottom:1px dotted #000;
            height:auto;
    }

    .whidte100 {
        min-height :240px;
    }

}


@media screen and (max-width: 400px) {
	#logo {
    width: 160px; 
    margin-top:0px;
    padding-left:20px;
    }
    .section8 .kub {
        width: 70%;
    }


}