/* MOBILE */

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

    .navigation a{ font-size: 12px;}

}

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

    .home li{ width:30%;}

}

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

    body.overflow{ overflow-y:hidden;}

    #header{ padding:0;}
    #header .wrap{ padding:10px 0 0; height: 56px;}
    #header .brand{ width:111px; max-height: 35px; margin: 0 auto; display: block;}
    #header .brand img{ width:auto; height: 35px;}

    .navigation li{ width:100%; margin:0;}
    .navigation li a{ color:#FFF !important; text-align: center; font-size: 16px; padding:15px 0;}
    .navigation li a:hover{ color:#FFF;}
    .navigation .phone-block .icon-phone{ background:url('../img/2017/icons/footer/phone.png') no-repeat center; background-size:70% auto;}

    .navigation{ display: none;}
    .navigation.active{ display: block; position:fixed; top:0px; left:0; background-color:#004184; z-index: 2; height:100vh; padding-top:56px; overflow-y:auto;}
    .control{ display: block; width:56px; height: 56px; background:url('../img/2017/icons/control.png') no-repeat center; z-index: 2; position:absolute; top:0; left:0;}
    .control.active{ background:url('../img/2017/icons/close.png') no-repeat center; left:inherit; right:0; position:fixed;}

    .wrap h1,
    .wrap h2{
        font-size: 26px;
        line-height: 25px;
        text-align: center;
        margin-bottom: 30px;
    }

    .services h2{ padding-left:0; padding-right: 0;}
    .box.box .photo{ max-width:100%; width:100%; text-align: center;}
    .box.box .text{ text-align: center; max-width:none; width:100%; padding-left:0; margin-bottom: 0;}

    .banner .slick-list{ width:100%;}
    .banner .arrow{ display: none !important;}
    .banner .ctrl{ bottom:15px;}

    .banner .slides .slide .text{ top:40%;}
    .banner .slides .slide .phrase{ font-size:26px; padding:0 7.5px; margin-bottom: 15px; font-family: 'Heebo-Medium';}
    .banner .slides .slide a{ width:170px; height: 29px; line-height: 29px; font-size:12px;}

    .home{ padding-top: 15px;}
    .home h1 { font-size: 18px; margin-bottom: 15px;}
    .home p{ font-size: 12px; line-height: 18px; margin-bottom: 15px !important;}
    .home li button{ text-align: left; padding-left:15px;}
    .home li .text h2{ margin-bottom: 15px;}
    .home li:nth-child(2){ margin:0 0 !important;}

}

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

    .banner img{ width:auto; max-height: 200px;}

    .home{ padding-bottom: 30px;}

    .home p{ margin-bottom: 30px;}

    .home ul{ padding:0 15px;}
    .home li{ width:100%; height: auto !important; margin:0;}
    .home li:last-child{ margin-bottom:0 !important;}

    .mobile-slick .slick-dots{ display: block; margin-top: 15px;}
    .mobile-slick .slick-dots li{ width:12px; height: 12px !important; border-radius:50%; display: inline-block; margin:0 5px !important; background-color:#dfdfdf;}
    .mobile-slick .slick-dots li.slick-active { background-color:#728495;}
    .mobile-slick .slick-dots li button{ display: none;}

    .inner-wrap .banner h1{ font-size: 38px;}
    .wrap > img { margin-bottom: 15px;}

    .busca form input{ width:89.7369436%; padding-left: 15px; padding-right: 15px;}
    .busca form button{ width:10.2630564%;}

    .resultado li:first-child{ display: none;}

    .resultado span{ display: block; width:100%;}
    .resultado .codigo:before{ content:'Código '; display: inline-block;}

    .map{ height: 280px;}

    .inner-wrap{ margin-bottom: 15px;}
    .inner-wrap .banner{ width:auto; height: 100px; margin-bottom: 15px;}
    .inner-wrap .banner img{ width:auto; max-height: 100px;}
    .inner-wrap .banner h1{ font-size: 28px !important;}

    .inner-wrap h1, h2{ font-size: 18px !important; margin-bottom: 15px !important;}
    .inner-wrap p{ font-size: 12px; margin-bottom: 15px; line-height: 18px;}
    .inner-wrap .button{ font-size: 12px;}

    .box.box{ margin-bottom: 15px;}
    .box.box h3{ font-size: 18px; margin-bottom: 15px;}
    .box.box p,
    .box.box li{ font-size: 12px;}
    .box.box .text p{ padding-bottom: 15px;}

    .busca{ margin-bottom: 15px;}
    .busca form input{ font-size: 14px;}
    .resultado{ margin-bottom: 15px;}
    .resultado .callback{ font-size: 12px; margin-bottom: 15px;}
    .resultado span{ font-size: 12px !important;}

    address .title,
    address span{ font-size: 12px;}

    .services{ margin-bottom: 15px;}

    .contact{ margin-bottom: 15px;}
    .contact p{ margin-bottom: 0;}
    .contact p + p { margin-bottom: 15px;}

    .contact form{ margin-top:0;}
    .contact form label,
    .contact form input{ font-size: 12px;}
    .contact button{ width:100%;}

    .content p,
    .content div{ font-size:12px;}

    #footer{ padding:30px 0px;}
    #footer address{ width:100%; max-width: 100% !important; font-size: 12px; margin-bottom: 0px;}
    #footer address span{ text-align: center; font-size:12px;}

    #footer .phone-block{ width:100%; max-width: 100% !important; text-align: center;}
    #footer .phone-block a{ font-size: 14px;}
    #footer .phone-block .icon-phone { display: none;}

}

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

    #footer .phone-block a{ font-size: 12px;}

}