.w125, .w475, .w320, .w768, .w992, .w1200 { display: none !important; }
.w320, .w125 { display: block !important; }

h1 { margin: 17px 0 0 0; line-height: 26px; font-size: 24px; }
h2 { margin: 10px 0 19px 0; font-size: 16px; line-height: 19px; }
h3 { margin: 12px 0 2px 0; font-size: 18px; line-height: 30px; }
h4.area-title { margin: 32px 0 0 0; line-height: 16px; font-size: 16px; }
p { margin: 0 0 13px 0; font-size: 12px; line-height: 15px; }

.dropdown-menu { padding: 0; }


a.btn { text-decoration: none; }
.btn:hover, .btn:focus, .btn.focus { color: #fff; }

.navbar { border: none; margin: 0; z-index: 1000; min-height: 25px; }

.navbar-header { float: none; }
.navbar-toggle { padding: 0; margin: 0; border: none; }
    .navbar-toggle .icon-bar { background: #26BDEF; width: 40px; height: 2px; -webkit-transition: all 0.2s; transition: all 0.2s; }
        .navbar-toggle .icon-bar + .icon-bar { margin-top: 12px; }

        .navbar-toggle .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; }
        .navbar-toggle .icon-bar:nth-of-type(2) { opacity: 0; filter: alpha(opacity=0); }
        .navbar-toggle .icon-bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100%; }
        .navbar-toggle.collapsed .icon-bar:nth-of-type(1) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
        .navbar-toggle.collapsed .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100); }
        .navbar-toggle.collapsed .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }

.navbar-collapse { background: #fff; position: absolute; top: 40px; padding: 0; margin-top: 0; box-shadow: none; -webkit-box-shadow: none; border: none; }
    .navbar-collapse.in { background: #fff; padding: 0; margin-top: 0; box-shadow: none; -webkit-box-shadow: none; }

.collapse.in { display: block !important; }
.navbar-nav { padding: 10px 15px; margin: 0; }
.navbar-nav > li { float: none; text-align: center; }
    .navbar-nav > li.open { height: auto; }
    .navbar-nav > li > a { margin: 0; padding: 0 15px; border-bottom: 1px solid #fff; font-family: 'Open Sans'; font-size: 16px; font-weight: 700; line-height: 30px; color: #323239; text-decoration: none; font-style: normal; text-align: left; outline: none; white-space: nowrap; }
        .navbar-nav li > a.dropdown-toggle {  }
            .navbar-nav li.dropdown.open > a.dropdown-toggle {  }
    .navbar-nav > li > a:hover,
    .navbar-nav > li.active > a { color: #323239; }
    .nav > li > a:hover, .nav > li > a:focus { background-color: transparent; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background: transparent; border-color: #fff; }
    .navbar-nav .open .dropdown-menu { position: relative; margin: 0 0 0 15px; }
        .navbar-nav .open .dropdown-menu > li > a { background-color: transparent; float: none; margin: 0; padding: 0 15px 0 0; border-bottom: 1px solid #fff; font-size: 14px; font-family: "Open Sans"; font-weight: 400; line-height: 30px; font-style: normal; text-decoration: none; color: #fff; text-transform: none; white-space: nowrap; }
            .navbar-nav > li:last-child > a { border-bottom: none; }
            .navbar-nav .open .dropdown-menu li.dropdown a {}
            .navbar-nav .open .dropdown-menu > li > a:hover,
            .navbar-nav .open .dropdown-menu > li > a:focus,
            .navbar-nav .open .dropdown-menu > li.active > a,
            .navbar-nav .open .dropdown-menu > li.active > a:hover,
            .navbar-nav .open .dropdown-menu > li.active > a:focus { color: #fff; }


/**
 * HEADER
 */
.top-line .soc-bar-wrap { width: 100%; }
    .top-line .soc-bar { margin: 0 auto; }
    .header .contacts-block .contacts { margin-left: 50px; margin-bottom: 8px; }
        .header .contacts-block .contacts li { margin-bottom: 22px; padding: 0 15px 0 45px; }
    .soc-bar { width: 100%; }

/* Slider */
.owl-controls { width: 100%; }
.da-slider { height: 300px; }
.owl-carousel .owl-wrapper-outer { height: 300px; }
.da-slider .nx-slider .da-img { height: 300px; }
.nx-slider-container { padding: 265px 15px 0 15px; }
.da-slider h1 { width: 290px; margin-top: 40px; margin-bottom: 50px; line-height: 45px; font-size: 30px; }
.da-slider h2 { width: 320px; margin-bottom: 60px; }
.da-slider .owl-dots { bottom: 55px; right: 15px; }

/**
* MP Services-area
*/
.services-area { padding-bottom: 45px; }
    .services-area li { margin-top: 43px; }
        .services-area li .title { word-break: break-all; }
    .services-area .post-text { margin-top: 30px; padding: 0 15px; line-height: 18px; font-size: 14px; }


/**
* MP About-area
*/
.about-area {  }
    .about-area .parallax-area { height: 350px; }
    .about-area .image-wrap { margin: 15px 0 5px 0; }
    .about-area .text { margin: 30px 0 25px 0; }

/**
* MP Compare-area
*/
.compare-area table { background-position: 5% 0; background-size: 45% 100%; }
    .compare-area th:first-child { display: none; }
    .compare-area td:first-child { display: none; }
    .compare-area th { font-size: 16px; line-height: 30px; }
    .compare-area td { padding: 0 15px; font-size: 12px; line-height: 30px; }


/**
* MP Banner-area
*/
.banner-area { height: 205px; }
    .banner-area h2 { font-size: 20px; line-height: 30px; }
    .banner-area .description { font-size: 12px; line-height: 16px; }
    .banner-area .btn { margin: 25px auto 0 auto; }
.ban3 .item-work { width: 100%; }
.banner-area.ban3 { height: auto; }
    .banner-area.ban3 .work-wrap { padding-bottom: 25px; }
    .ban3 .item-work { background-size: 152px 152px; padding: 190px 15px 15px; }
    .ban3 .item-arrow { background-image: url("../../images/mp/works_arr_320.svg"); background-position: center center; background-size: 10px 100px; width: 100%; height: 125px; }

#footer .footer-menu-area,
#footer .footer-contacts,
#footer .footer-form { margin-top: 25px; max-width: 320px; margin-left: auto; margin-right: auto; }
#footer .copyright { font-size: 12px; }

/**
* Modal
*/
.modal-content .modal-body { padding: 15px 15px 25px 20px; }