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

@media only screen and (max-width: 1280px) {
    div.main {
        margin-left: 0;
    }
    div.layout {
        min-width: 1152px !important;
        max-width: 1152px !important;
    }
    .header {
        border-bottom: 1px solid #e3e3e3;
        z-index: 600 !important;
        width: 100%;
    }
    .top_line {

        height: 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0;
    }
    .article {
        
    }
    div.aside {
        left: -100%;
    }
    .top_line .header_logo {
        width: 170px;
    }
    .top_line .header_logo img {
        width: 100%;
    }
    .top_menu {
        text-align: center;
        display: block;
    }
    .top_menu .aside-multimenu {
        margin-bottom: 0;
    }
    .top_menu .aside-multimenu ul.multimenu {
        border-top: 1px solid #e3e3e3;
        border-bottom: none;
    }
    .top_menu .aside-multimenu ul li {
        display: inline-block;
        margin: 0 -4px;
        line-height: 60px;
    }
    .top_menu .aside-multimenu ul li a {

        color: #151515;
        position: relative;
        padding: 0 20px;
    }
    .top_menu .aside-multimenu ul li a:hover::before {

        content: "";

        height: 3px;
        position: absolute;
        left: 10px;
        bottom: 7px;
        background: #20a052;
        width: calc(100% - 20px);

    }
    .top_menu .aside-multimenu ul li a:hover {
        color: #20a052;
        background: none;

    }
    .header_logo,
    .head-phone,
    .head-email {
        display: block;
    }
    .header_logo,
    .head-phone,
    .head-city {
        margin-right: 20px;
    }

}

/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {
    .first_section,
    .page-bl,
    .mainslider,
    .rooms,
    .video_section,
    .tips,
    .our-uslugi,
    .price-rabot,
    .our-works,
    .individ-price_wrap,
    .obomne,
    .reviews,
    .shagi,
    .faq,
    .contact-info,
    .footer {
        padding-left: 60px;
        padding-right: 60px;
    }
    .subline {
        padding: 0 60px;
    }
}

/* Medium Devices, Desktops */

@media only screen and (max-width: 1024px) {
    div.layout {
        min-width: 1000px !important;
        max-width: 1000px !important;
    }

    .head-contact {
        margin-left: 15px;
    }
    .breadcrums {
        display: none;

    }

    .subline {
        padding: 0 37px;
    }
    .nash-metod {
        width: auto;
    }
    .nm-left {
        width: 548px;
    }

    .first_section,
    .page-bl,
    .mainslider,
    .rooms,
    .video_section,
    .tips,
    .our-uslugi,
    .price-rabot,
    .our-works,
    .individ-price_wrap,
    .obomne,
    .reviews,
    .shagi,
    .faq,
    .contact-info,
    .footer {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {
    .slider-img {
        display: none;

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

}

/* Extra Small Devices, Phones */

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

/* Custom, iPhone Retina */

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


/*==========  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) {}