@media only screen and (max-width: 1399px) {
    .slider-bar .centering { min-height: 600px; }
    .slider-bar .content h2 { font-size: 45px; }
    .slider-bar.no-slider .centering { min-height: 480px; }
    .value-bar h2 { font-size: 35px; }
}

@media only screen and (max-width: 1279px) {
    h2 { font-size: 40px; }
    p { padding-bottom: 15px; }
    .btn-primary { min-width: 180px; font-size: 16px; }
    .bottom-bar .logo { max-width: 223px; }
    .bottom-bar .centering { min-height: 90px; }
    .bottom-bar .menu ul li { padding: 0 18px; font-size: 18px; }
    .top-bar span, .top-bar a { font-size: 16px; }
    .slider-bar .content h2 { font-size: 40px; margin-bottom: 18px; line-height: 1.1; }
    .slider-bar .content p { font-size: 16px; }
    .slider-bar .centering { min-height: 500px; }
    .feature-bar ul li { padding: 6px 8px; font-size: 15px; }
    .quote-bar .form-control { height: 50px; }
    .quote-bar textarea.form-control { height: 150px; }
    .quote-bar .right h3 { font-size: 27px; }
    .slider-bar.no-slider h1 { font-size: 45px; }
    .slider-bar.no-slider .content p { padding-bottom: 24px; }
    .slider-bar.no-slider .centering { min-height: 420px; }
    .about-bar .intro { padding-bottom: 20px; }
    .about-bar { margin-bottom: 50px; }
    .value-bar { margin: 60px 0; padding: 60px 0; }
    .value-bar ul li { padding-bottom: 25px; }
    .contact-bar .form-control { height: 64px; }
    .contact-bar textarea.form-control { height: 175px; }
    .contact-bar .btn-secondary { min-width: 228px; height: 55px; }
    .map-bar iframe { height: 590px; }
    .map-bar { padding: 60px 0; }
    #wrapper { padding-top: 126px; }
   .solution-bar .item figure { position: absolute; right: -5px; top: 16px; }
}

@media only screen and (max-width: 1023px) {
     h2 { font-size: 35px; }
    .slider-bar .centering { min-height: 430px; }
    .slider-bar .content h2 { font-size: 35px; margin-bottom: 15px; }
    .feature-bar .intro { margin-bottom: 35px; }
    .feature-bar .item { width: 50%; }
    .feature-bar .image span { padding: 3px 28px; font-size: 18px; }
    .finance-bar { min-height: 335px; }
    .finance-bar p { font-size: 18px; }
    .finance-bar h2 { font-size: 35px; }
    .quote-bar { padding: 50px 0; }
    .quote-bar .left { width: 55%; }
    .quote-bar .left p { padding-right: 20px; }
    .quote-bar .left { padding-top: 20px; }
    .footer-bar .right { padding-left: 20px; }
    .footer-bar .left { padding-right: 20px; width: 38%; }
    .footer-bar .center {  padding-left: 25px; }
    .footer-bar address { font-size: 16px; }
    .footer-bar h3 { font-size: 28px; }
    .about-bar .left, .about-bar .image, .about-bar .image img { width: 100%; }
    .slider-bar.no-slider h1 { font-size: 40px; }
    .solution-bar .item { width: 48.5%; }
    .solution-bar { padding: 55px 0; }
    .map-bar iframe { height: 500px; }
    .map-bar h3 { font-size: 32px; }
    .map-bar address, .map-bar ul li { font-size: 17px; }
}

@media only screen and (max-width: 767px) {
     h2 { font-size: 30px; }
     .btn-primary { min-width: 150px; height: 42px; font-size: 15px; }
    .bottom-bar .menu { padding: 10px 0; display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 99; animation: inherit; transform: inherit; opacity: 1; background-color: #fff; }
    .bottom-bar .menu ul li { padding: 5px 18px; text-align: center; width: 100%; }
    .bottom-bar .menu-toggle { display: block; }
    .bottom-bar .menu_trigger { display: block; }
    .feature-bar .item, .quote-bar .left, .quote-bar .right, .footer-bar .left, .footer-bar .right, .contact-bar .column, .map-bar .left, .map-bar .right { width: 100%; }
    .slider-bar .slick-dots li button { width: 12px; height: 12px; }
    .slider-bar .slick-dots { bottom: 20px; }
    .slider-bar .content h2 br { display: none; }
    .slider-bar .content h2 { font-size: 30px; }
    .slider-bar .content p { font-size: 15px; }
    .slider-bar .content span { font-size: 18px; }
    .slider-bar .centering { min-height: 370px; }
    .feature-bar h3 { font-size: 20px; }
    .finance-bar h2 { font-size: 32px; }
    .finance-bar { min-height: 298px; }
    .finance-bar p { font-size: 16px; }
    .quote-bar .left { margin-bottom: 20px; padding-top: 0; }
    .quote-bar { padding: 45px 0; }
    .quote-bar .right h3 { padding: 12px; font-size: 23px; }
    .footer-bar .center { display: none; }
    .footer-bar .right { padding-left: 0; }
    .footer-bar .left { margin-bottom: 15px; padding-right: 0; border: 0; }
    .slider-bar.no-slider .centering { padding-bottom: 45px; min-height: 370px; }
    .slider-bar.no-slider .content p {padding-bottom: 15px; }
    .value-bar { margin: 40px 0; padding: 40px 0; }
    .value-bar h2 { font-size: 30px; }
    .value-bar .content { padding: 40px 30px; max-width: 100%; }
    .about-bar.service .image { padding-top: 0; }
    .solution-bar { padding: 35px 0; }
    .solution-bar h2 { margin-bottom: 28px; }
    .solution-bar .item { width: 100%; }
    .contact-bar .form-control { margin-bottom: 15px; height: 56px; font-size: 16px; }
    .contact-bar { padding: 40px 0 50px; }
    .map-bar { padding: 45px 0; }
    .map-bar .left { margin-bottom: 25px; }
    .map-bar iframe { height: 400px; }
    .map-bar h3 { font-size: 30px; }
    .solution-bar .item figure { margin-bottom: 20px; position: relative; right: 0; top: 0; }
    .solution-bar p { padding-right: 0; }

}

@media only screen and (max-width: 479px) {
    html, body { font-size: 15px; }
    .bottom-bar .logo { max-width: 204px; margin-left: -18px; }
    .bottom-bar .centering { min-height: 78px; }
    .feature-bar .intro { margin-bottom: 25px; }
    .footer-bar address strong { font-size: 18px; }
    .copyright-bar span, .copyright-bar span a { display: inline-block; line-height: 1.3; }
    .footer-bar address { font-size: 15px; }
    .quote-bar { padding: 40px 0; }
    .map-bar iframe { height: 350px; }
    #wrapper { padding-top: 113px; }
}


@media only screen and (min-width: 768px) {
.mm-menu.mm-current { display: none !important; }
html.mm-opening .mm-slideout { transform: translate(0px, 0px) !important; -webkit-transform: translate(0px, 0px) !important; }
html.mm-opened { overflow: visible !important; }
html.mm-opened body { overflow: visible !important; }
#mm-blocker { display: none !important; }
}