@media(min-width:1600px) {

}

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

}

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

}

@media (min-width:1200px) {

}

@media(max-width:1199px) {

}

@media(min-width:992px) and (max-width:1199px) {

}

@media(min-width:992px) {

}

@media(max-width:991px) {
    #touchMenu {
        position: fixed;
        z-index: 8;
        background: #15222A;
        width: 100%;
        min-height: 100vh;
        -webkit-transition: .6s ease-in-out;
        -moz-transition: .6s ease-in-out;
        -o-transition: .6s ease-in-out;
        transition: .6s ease-in-out;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
        top: 0;
    }
    #touchMenu.show {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }
    .touch-menu-container {
        align-items: center;

    }
    #touchMenu.show .touch-menu-container {
        animation: menu-opacity 1.2s ease-in forwards;
    }
    .featherlight .featherlight-content {
        max-width: 95%!important;
    }
}

@media(min-width:768px) and (max-width:991px) {
    .container-padding {
        padding-left: 30px;
        padding-right: 30px;
    }
    #touchMenu {
        left: 30%;
        width: 70%;
        padding: 80px 60px 60px;
    }
    #touchMenu .close-btn {
        right: 60px;
    }
    .main-banner h1:before {
        margin-bottom: 20px;
    }
    h1 {
        font-size: 55px;
        line-height: 70px;
    }

    h2 {
        font-size: 44px;
        line-height: 55px;
        margin-bottom: 30px;
    }

    h3 {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    h4 {
        font-size: 18px;
        line-height: 31px;
    }
    h5 {
        font-size: 16px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    p.quote {
        font-size: 20px;
        line-height: 35px;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }
    .testimonials-slider .slick-prev, .testimonials-slider .slick-next {
        display: none!important;
    }
    .nav-tabs li a {
        font-size: 16px;
        padding: 15px 10px;
    }
    #menu-services_menu li a,
    #menu-about_menu li a,
    p.contact-info {
        font-size: 14px;
        line-height: 25px;
    }
    .add-negative-margin-40 {
        margin-left: -20px;
        margin-right: -20px;
    }
    .secondary-banner-container {
        padding-top: 130px;
    }
    .secondary-banner.contains-image .secondary-banner-container {
        padding-bottom: 170px;
    }
}

@media(min-width:768px) {

}

@media(max-width: 767px) {
    .add-negative-margin-40 {
        margin-left: 0px;
        margin-right: 0px;
    }
    img.logo {
        width: 70px;
    }
    .container-padding {
        padding-left: 15px;
        padding-right: 15px;
    }
    #touchMenu {
        left: 0;
        width: 100%;
        padding: 50px 40px 40px;
    }
    #touchMenu .close-btn {
        right: 40px;
    }
    #menu-main_menu li a {
        font-size: 23px;
        line-height: 26px;
    }
    .main-banner h1:before {
        margin-bottom: 20px;
    }
    h1 {
        font-size: 38px;
        line-height: 50px;
    }

    h2 {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 30px;
    }

    h3 {
        font-size: 27px;
        line-height: 36px;
        margin-bottom: 20;
    }

    h4 {
        font-size: 18px;
        line-height: 31px;
    }
    h5 {
        font-size: 16px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    h6 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 16px;
    }
    p.quote {
        font-size: 18px;
        line-height: 33px;
        padding-bottom: 30px;
        margin-bottom: 10px;
    }
    .testimonials-slider .slick-prev, .testimonials-slider .slick-next {
        display: none!important;
    }
    .nav-tabs li a {
        font-size: 16px;
        padding: 15px 10px;
    }
    #menu-services_menu li a,
    #menu-about_menu li a,
    p.contact-info {
        font-size: 14px;
        line-height: 25px;
    }
    .footer-bottom .nav a {
        margin-left: 0;
    }
    .secondary-banner.contains-image .secondary-banner-container {
        padding-bottom: 150px;
    }
    .secondary-banner-container {
        padding-top: 120px;
    }
    .main-banner h1:before,
    .secondary-banner h1:before {
        margin-bottom: 10px;
    }
    .secondary-banner p {
        font-size: 16px;
        line-height: 28px;
    }
    .block-3-columns-dynamic h5 {
        margin-top: 40px;
    }
    .image-wide.video a.fill:after {
        background-size: 60px;
    }
    body.single-post .block {
        margin-top: -20px;
        margin-bottom: -20px;
    }

}

@media(min-width:576px) {

}

@media(max-width:575px) {

}

@media(max-width: 575px) {

}

#xs-indicator,
#sm-indicator,
#md-indicator,
#lg-indicator,
#xl-indicator {
    display: none;
}


@media(max-width: 575px) {
    #xs-indicator {
        display: block;
    }
}

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

    #sm-indicator {
        display: block;
    }

}

@media(max-width: 767px) {

}

@media(min-width: 768px) and (max-width: 991px) {
    #md-indicator {
        display: block;
    }
}

@media(max-width: 991px) {
}

@media(min-width: 992px) and (max-width: 1199px) {
    #lg-indicator {
        display: block;
    }
}

@media(min-width: 768px) and (max-width: 1199px) {

}

@media(max-width: 1199px) {

}

@media(min-width: 1200px) {
    #xl-indicator {
        display: block;
    }
}


@keyframes menu-opacity {
    0%      {

        opacity:0;
    }
    60%     {

        opacity:0;
    }
    100%    {

        opacity:1;
    }
}