@media (max-width: 992px) {
    .navbar-collapse {
        position: fixed;
        top: 80px;
        left: 0;
        height: calc(100% - 80px) !important;
        width: 100%;
        background-color: #f9f9fa;
        opacity: 0;
        visibility: hidden;
        font-size: 22px;
        transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -ms-transition: all 0.3s;
        -o-transition: all 0.3s;
    }
    .navbar-collapse.show {
        opacity: 1;
        visibility: visible;    
    }
    .navbar .nav-link {
        margin: 5px 20px;
    }
    .navbar-collapse .dropdown {
        display: flex;
        flex-direction: column;
    }
    .navbar-collapse .dropdown a {
        width: 100%;
    }
    .navbar .nav-link.btn-primary {
        margin-left: 20px;
        margin-right: 20px;
        font-size: 22px;
        height: 56px;
    }
    .navbar-nav .dropdown-menu {
        margin-top: 0;
        font-size: 22px;
        width: 100%;
        text-align: center;
    }
    .gf-installationhdfilter-heading {
        font-size: 32px;
    }
    .gf-featurehdfilter-info,
    .gf-zoomhdfilter-heading {
        font-size: 24px;
    }
    .gf-spechdfilter-label,
    .gf-spechdfilter-info {
        font-size: 20px;
    }
    .gf-installationhdfilter-info {
        /* font-size: 18px; */
    }
    .gf-zoomhdfilter-desc {
        font-size: 16px;
    }
    .gf-zoomhdfilter-en {
        font-size: 16px;
        line-height: 1.78;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .gf-footer-group .btn {
        margin-right: 0;
        margin-left: 32px;
    }
    .gf-footer-group {
        font-size: 20px;
    }
    .gf-footer-group .gf-footer-title {
        font-size: 24px;
    }
    .gf-footer-img {
        max-width: 150px;
    }
}

/* mobile */
@media (max-width: 767px) {
    .container {
        padding-left: 25px;
        padding-right: 25px;
    }
    .gf-footer-group {
        flex-direction: column;
        text-align: center;
    }
    .gf-footer-group .gf-footer-title {
        font-size: 24px;
    }
    .gf-footer-desc {
        font-size: 16px;
    }
    .gf-footer-img {
        margin: 16px auto;
        margin-top: 0;
        max-width: 150px;
    }
    .gf-footer-group .btn {
        margin: 32px auto;
        margin-bottom: 0;
    }

    .gf-sec-main {
        padding-top: 130px !important;
    }

    .gf-product-main-heading {
        flex-direction: column;
        padding-bottom: 0;
    }

    .gf-product-highlightfeature-box {
        padding-bottom: 32px;
    }

    .gf-product-main-tabs .nav {
        flex-wrap: nowrap;
        white-space: normal;
        overflow: auto;
    }
    .gf-product-main-tabs .nav-link {
        white-space: nowrap;
        padding-left: 0;
        padding-right: 0;
        margin-right: 32px;
    }
    .gf-product-main-tabs .nav-item:last-child .nav-link {
        margin-right: 0;
    }

    .gf-product-main-highlight {
        font-size: 28px;
    }
    .gf-product-main-suphighlight {
        font-size: 48px;
    }
    .gf-product-main-content {
        margin-top: 50px;
    }

    .gf-sec-product-airflow {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .gf-product-airflow-heading {
        font-size: 24px;
    }

    .gf-sec-stepfilter {
        padding-bottom: 50px;
    }
    .gf-stepfilter-heading {
        font-size: 32px;
    }

    .gf-sec-product-zoomin  {
        height: 37vh;
    }

    .gf-product-color-item {
        padding: 80px 0;
        padding-bottom: 0;
    }
    .gf-product-color-heading {
        font-size: 16px;
        margin-bottom: 16px;
    }
    .gf-product-color-name {
        font-size: 32px;
    }
    .gf-product-color-img {
        margin-top: 32px;
    }

    .gf-stepfilter-title {
        line-height: 1.25;
    }
    .gf-stepfilter-desc {
        font-size: 16px;
    }
    .gf-sec-slgfilter {
        padding: 80px 0;
    }
    .gf-slgfilter-heading {
        font-size: 24px;
    }
    .gf-slgfilter-desc {
        font-size: 16px;
    }
    .gf-slgfilter-desc br {
        display: none;
    }
    .gf-sec-product-ionizer {
        padding: 80px 0;
    }
    .gf-sec-product-ionizer::before {
        visibility: hidden;
    }
    .gf-sec-product-ionizer::after {
        visibility: hidden;
    }

    .gf-product-ionizer-heading {
        font-size: 28px;
    }
    .gf-product-ionizer-desc {
        letter-spacing: normal;
        width: 100%;
        font-size: 16px;
    }
    .gf-product-ionizer-desc br {
        display: none;
    }

    .gf-product-techinfo-item {
        padding: 16px 0;
    }
    .gf-product-techinfo-label {
        line-height: 1.25;
        font-size: 20px;
    }
    .gf-product-techinfo-info {
        font-size: 16px;
        line-height: 1.35;
    }
    .gf-product-testingvideo-play {
        /* width: 40px; */
    }

    #hac219 .gf-sec-product-main,
    #hac199 .gf-sec-product-main,
    #cac945 .gf-sec-product-main,
    #bac747 .gf-sec-product-main {
        background-size: auto 780px;
        padding-bottom: 430px;
        min-height: auto;
    }
    /* #cac945 .gf-sec-product-main  {
        background-size: auto 780px;
        padding-bottom: 430px;
        min-height: auto;
    } */
    .gf-sec-stepfilter {
        padding-bottom: 0;
    }

    .gf-sec-product-zoomin {
        min-height: inherit;
        height: auto;
    }

    .gf-product-highlightfeature-title br {
        display: none;
    }

    .gf-sec-product-zoomin-img {
        display: block;
    }

    .gf-product-main-name {
        font-size: 32px;
    }

    .gf-sec-product-color .row {
        flex-direction: column-reverse;
    }

    .gf-product-filterhighlight-heading {
        font-size: 32px;
    }
    .gf-product-filterhighlight-desc {
        font-size: 40px;
    }
    .gf-sec-product-filterhighlight {
        padding-top: 80px;
        height: auto;
        background-color: #edeef0;
        padding-bottom: 250px;
        background-size: auto 250px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }

    .gf-customer-slider {
        margin: 0 -25px;
        margin-top: 40px;
    }

    .gf-sec-main {
        background-size: auto 520px;
        padding-bottom: 430px;
        min-height: auto;
        background-position: 67% bottom;
    }
    .gf-sec-main .btn {
        margin-bottom: 20px;
        margin-right: 20px;
        /* min-width: 125px; */
        max-width: 170px;
        min-width: 1px;
        width: calc(50% - 12px);
    }
    .gf-main-heading {
        font-size: 32px;
    }
    .gf-main-subheading {
        font-size: 48px;
    }
    .gf-sec-zoomfilter {
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .gf-zoomfilter-item .gf-zoomfilter-title {
        font-size: 24px;
    }
    .gf-zoomfilter-item .gf-zoomfilter-desc {
        font-size: 16px;
    }
    .gf-zoomfilter-item img {
        width: 48px;
        margin-right: 20px;
    }
    .gf-page-filter .gf-sec-main {
        background-size: auto 280px;
        padding-bottom: 230px;
        min-height: auto;
        background-position: 71% bottom;
        background-color: #ffffff;
    }

    .gf-sec-carbonfilter .gf-carbonfilter-heading {
        font-size: 24px;
    }

    .gf-sec-carbonfilter .gf-carbonfilter-desc {
        font-size: 16px;
    }

    .gf-sec-contact-solgan {
        font-size: 24px;
    }

    .gf-product-review-title {
        font-size: 32px;
    }



    .gf-sec-main.gf-sec-main-hdfilter {
        /* background-size: auto 350px;
        padding-bottom: 300px;
        min-height: auto;
        background-position: 73% bottom; */
        background-image: none;
        padding-bottom: 0;
        min-height: auto;
        /* background-color: #ececec; */
        background: rgb(156,168,181);
        background: linear-gradient(0deg, rgba(156,168,181,1) 0%, rgba(236,236,236,1) 100%);
        overflow: hidden;
    }
    .gf-sec-main.gf-sec-main-hdfilter img {
        margin-top: 40px;
        margin-bottom: -40px;
    }

    .gf-featurehdfilter-item {
        font-size: 24px;
        line-height: 1.25;
        margin-bottom: 24px;
    }
    .gf-featurehdfilter-bullet {
        min-width: 40px;
        max-width: 40px;
    }

    .gf-zoomhdfilter-heading {
        font-size: 24px;
    }
    .gf-zoomhdfilter-desc {
        font-size: 16px;
    }
    .gf-zoomhdfilter-en {
        font-size: 16px;
        line-height: 1.67;
        margin-bottom: 40px;
    }

    .gf-installationhdfilter-heading {
        font-size: 32px;
    }
    .gf-installationhdfilter-info {
        /* font-size: 16px; */
    }

    .gf-installationhdfilter-highlight {
        font-size: 16px;
    }

    .gf-spechdfilter-label {
        font-size: 16px;
    }
    .gf-spechdfilter-info {
        font-size: 16px;
    }


    .gf-sec-zoomhdfilter {
        padding-top: 40px;
        padding-bottom: 70px;
    }

    .gf-sec-main-slider .slick-prev,
    .gf-sec-main-slider .slick-next {
        display: none !important;
    }

    .gf-sec-videohdfilters.gf-sec-pfmfilter {
        padding-top: 50px;
    }
}