/* laptop */
@media (max-width: 1400px) {
    
}

/* tablet -> */
@media (max-width: 1200px) {

    header {--header-fixed-height: 60px;}
    header .mobile-nav-btn {display: block;}
    header .nav,
    header .locale-menu {display: none;}
    header .logo {padding: 3px 0;}
    header .contacts-btn {position: absolute; top: 50%; transform: translateY(-50%); right: 60px; padding-top: 5px; padding-bottom: 5px; font-size: 14px;}
    header:not(.sticky):not(.open) .contacts-btn {background-color: #fff; color: var(--btn-color);}
    header:not(.sticky):not(.open) .contacts-btn:hover {background-color: #fff;}
    header.sticky {--header-fixed-height: 50px;}

    .widget-boxes .box {width: 33%;}
    .widget-boxes .box .icon-wrap {padding: 15px;}
    .widget-boxes .box .title {font-size: 22px;}

    .footer-main .company-slogan {text-align: center;}

    .lg-m-10 {margin: 10px !important;}
    .lg-mt-10 {margin-top: 10px !important;}
    .lg-mb-10 {margin-bottom: 10px !important;}
    .lg-ml-10 {margin-left: 10px !important;}
    .lg-mr-10 {margin-right: 10px !important;}
    .lg-mh-10 {margin-left: 10px !important; margin-right: 10px !important;}
    .lg-mv-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
}

/* md */
@media (max-width: 992px) {

    .nm-input {padding: 10px 15px;}
    .nm-label {top: 10px;}
    .nm-label.focused {top: -22px;}

    .contacts-page .success-message {font-size: 24px;}
    .widget-faq .question.expanded {margin-left: 0;}

    .md-t-left {text-align: left !important;}
    .md-t-right {text-align: right !important;}
    .md-t-center {text-align: center !important;}
    .md-d-none {display: none !important;}
}

/* sm */
@media (max-width: 768px) {

    .footer-main .col-wrap {padding-left: 20%; padding-right: 10%;}

    .widget-boxes .box {width: 50%; padding: 15px;}
    .widget-boxes .box .icon-wrap {padding: 10px;}
    .widget-boxes .box .title {font-size: 20px;}
    
    .sm-t-left {text-align: left !important;}
    .sm-t-right {text-align: right !important;}
    .sm-t-center {text-align: center !important;}
    .sm-d-none {display: none !important;}
}

/* xs */
@media (max-width: 576px) {
    
    .xs-t-left {text-align: left !important;}
    .xs-t-right {text-align: right !important;}
    .xs-t-center {text-align: center !important;}
    .xs-d-none {display: none !important;}

    .xs-m-5 {margin: 5px !important;}
    .xs-mt-5 {margin-top: 5px !important;}
    .xs-mb-5 {margin-bottom: 5px !important;}
    .xs-ml-5 {margin-left: 5px !important;}
    .xs-mr-5 {margin-right: 5px !important;}
    .xs-mh-5 {margin-left: 5px !important; margin-right: 5px !important;}
    .xs-mv-5 {margin-top: 5px !important; margin-bottom: 5px !important;}

    .xs-m-10 {margin: 10px !important;}
    .xs-mt-10 {margin-top: 10px !important;}
    .xs-mb-10 {margin-bottom: 10px !important;}
    .xs-ml-10 {margin-left: 10px !important;}
    .xs-mr-10 {margin-right: 10px !important;}
    .xs-mh-10 {margin-left: 10px !important; margin-right: 10px !important;}
    .xs-mv-10 {margin-top: 10px !important; margin-bottom: 10px !important;}
}