@media (max-width: 1550px) and (min-width: 1451px) {
    .deal-wrap .deal-product-img {
        max-width: 200px;
    }
}

@media (max-width: 1450px) and (min-width: 1200px) {
    .header-search-form input[type=search] {
        width: 350px !important;
    }

    .deal-wrap .deal-product-img {
        max-width: 120px;
    }

    .deal-wrap .deal-product-content {
        padding: 15px 30px 15px 0;
    }

    .nav.nav-faq .nav-link {
        padding: 20px 15px;
    }

    .sales-countdown-title {
        font-size: 26px;
        margin-right: 35px;
    }

    .counter-img-area.productimg-1 {
        left: 25%;
    }

    .counter-img-area.productimg-3 {
        left: 63%;
    }
}

@media (min-width: 1200px) {
    .pl-100 {
        padding-left: 100px;
    }

    .pr-100 {
        padding-right: 100px;
    }

    .plr-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .container,
    .slide-content .container {
        max-width: 1280px !important;
    }
}

@media (max-width: 1199px) {
    .navbar-nav > .nav-item {
        margin-left: 15px;
    }

    .header-search-form, .header-wishlist, .header-account {
        margin-right: 0px;
    }

    .header-cart.header-links {
        margin-right: 15px !important;
    }

    header .minicart-area.header-cart.header-links {
        margin-right: 0px !important;
    }

    .top-bar-info li:first-child {
        display: none;
    }
}

@media (max-width: 991px) {
    .draw-right {
        display: none;
    }
    .header.header .navbar-toggler {
        display: block !important;
    }

    .product-search-form {
        max-width: 100%;
    }

    .header-search {
        display: block;
    }

    .header-account .btn-account, .header-cart .btn-cart {
        padding: 25px 0;
    }
    /*.overlay:after {
        content: '';
        display: block;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        z-index: 1000;
        background: rgba(0,0,0,0.7);
    }*/
    .main-menu {
        overflow: auto;
        transform: translateX(-200%);
        top: 70px;
        left: -110%;
        bottom: 0;
        width: 45%;
        height: calc(100vh - 71px);
        position: fixed;
        background-color: #fff;
        z-index: 9999;
        margin: 0;
        -webkit-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        -moz-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        -ms-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        -o-transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
        transition: all 0.2s cubic-bezier(0.77, 0, 0.175, 1);
    }

        .main-menu.show {
            transform: translateX(0);
            left: 0;
            width: 100%;
        }

        .main-menu .mobilenav-header {
            position: relative;
            display: block;
            text-align: left;
            padding: 15px 15px 15px 15px;
        }

            .main-menu .mobilenav-header .mobilenav-logo img {
                width: 190px;
            }

            .main-menu .mobilenav-header .mobilenav-toggler {
                position: absolute;
                top: 30px;
                right: 15px;
                border: 1px solid #000000;
                background-color: transparent;
                border-radius: 50%;
                color: #000000;
                padding: 0px;
                width: 25px;
                height: 25px;
                line-height: 25px;
                font-size: 10px;
            }

                .main-menu .mobilenav-header .mobilenav-toggler:hover {
                    background-color: #cc0000;
                    border: 1px solid #cc0000;
                    color: #ffffff;
                }

        .main-menu .navbar-nav > .nav-item > .nav-link {
            color: #000;
            padding: 10px 20px 10px 20px;
            border-bottom: 1px solid #e6e6e6;
        }

        .main-menu .navbar-nav > .nav-item .dropdown-toggle:after {
            float: right;
            margin-right: -25px;
            margin-left: 0px;
            margin-top: 2px;
        }

        .main-menu .navbar-nav > .nav-item .nav-link .sub-arrow {
            font-weight: 400;
            font-size: 14px;
            width: 32px;
            height: 27px;
            line-height: 25px;
            right: 0;
            top: 0;
            z-index: 2;
            background: #efefef;
            color: #000;
            border-radius: 3px;
            margin-top: 8px;
        }

            .main-menu .navbar-nav > .nav-item .nav-link .sub-arrow::before {
                font-size: 22px;
            }

        .main-menu .navbar-nav > .nav-item > .nav-link:hover {
            background-color: #e6e6e6;
        }

        .main-menu .navbar-nav > .nav-item .dropdown-menu {
            padding: 0px;
        }

            .main-menu .navbar-nav > .nav-item .dropdown-menu .dropdown-item {
                border-bottom: #e6e6e6 1px solid;
                font-size: 14px;
            }

        .main-menu .navbar-nav > .nav-item .dropdown-item {
            padding: 6px 15px 6px 30px;
        }

    .mb-md-20 {
        margin-bottom: 20px;
    }

    .mb-md-30 {
        margin-bottom: 30px !important;
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 990px;
    }

    .navbar .navbar-nav li .nav-link ~ .dropdown-menu:before {
        display: none;
        content: "";
        position: absolute;
        top: -8px;
        left: 20%;
        width: 20px;
        height: 20px;
        -webkit-transform: translate(-50%, 0) rotate( -315deg );
        transform: translate(-50%, 0) rotate( -315deg );
        border-radius: 3px;
        background-color: #fff;
    }

    .navbar .navbar-nav li:hover > .dropdown-menu {
        display: block;
        opacity: 1;
        visibility: visible;
        margin-top: 0px;
        pointer-events: auto;
        border-radius: 0px;
        padding: 0px 0px;
        -webkit-box-shadow: 0 12px 20px 0 rgb(23 28 33 / 16%);
        box-shadow: 0 12px 20px 0 rgb(23 28 33 / 16%);
        border-top: 4px solid #005693;
    }

    .navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
        display: none;
    }

    .main-menu .nav-link.has-submenu:after {
        content: '\f078';
        font-family: "Font Awesome 5 Pro";
        top: 50%;
        height: auto;
        left: 100%;
        right: 14px;
        margin-top: 0px;
        margin-left: 5px;
        font-size: 11px;
        border: 0px !important;
        vertical-align: 1px;
    }

    .navbar .navbar-nav li > .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease-in-out;
        margin-top: 20px;
        pointer-events: none;
    }

    .header-search.header-account {
        position: relative;
        max-width: 600px;
        width: 100%;
    }

        .header-search.header-account .btn {
            display: none;
        }

        .header-search.header-account .dropdown-menu {
            min-width: 300px !important;
            padding: 20px;
            display: block;
            position: relative !important;
            transform: none !important;
            visibility: initial !important;
            box-shadow: none;
            margin: 0px !important;
            padding: 0px !important;
            border: 0px !important;
            width: 100% !important;
            transition: none !important;
            background-color: transparent;
        }
}

@media (max-width: 991px) {
    body {
        padding-top: 70px;
    }

    .navbar {
        padding: 0px 15px;
    }

    .navbar-brand {
        padding: 0px 0px;
    }

        .navbar-brand img {
            height: 70px;
            padding: 10px 0px;
        }

    .header-search.header-account.dropdown {
        margin-left: auto;
        padding-right: 30px;
    }

    .header-account .btn-account > i, .header-cart .btn-cart > i {
        margin-bottom: 0px;
        padding-bottom: 0px !important;
    }

    .header-search-form input[type=search] {
        width: 100% !important;
    }

    .header-right .header-account,
    .header .minicart-area.header-cart.header-links {
        margin-right: 30px !important;
    }

    .header-links .mini-cart .mini-cart-item {
        top: 20px;
        right: -5px;
    }

    .dropdown.show .md-show {
        display: block !important;
    }

    .dropdown.show .md-open-hide {
        display: none !important;
    }

    .navbar-toggler[aria-expanded=true] .icon-bar {
        display: none !important;
    }

    .navbar-toggler[aria-expanded=false] .icon-bar {
        display: block !important;
    }

    .navbar-toggler[aria-expanded=true] .md-show {
        display: block !important;
    }

    .navbar-light .navbar-toggler {
        color: #3d3d3d;
    }

    .navbar-nav > .nav-item {
        margin-left: 0px;
    }

        .navbar-nav > .nav-item > .nav-link {
            padding: 10px 0px 10px;
            border-bottom: 1px solid rgb(128 171 201 / 48%);
        }

        .navbar-nav > .nav-item .dropdown-toggle:after {
            float: right;
            margin-right: 5px;
        }

        .navbar-nav > .nav-item.last .nav-link {
            border-bottom: 0px;
        }

    .header-links .header-link-title, .btn-account .header-link-title,
    .header-account .btn-account .header-link-title,
    .header-account .btn-account.dropdown-toggle:after {
        display: none;
    }

    .header.header .navbar-toggler {
        padding: .25rem 0rem;
    }

    .top-bar {
        display: none !important;
    }

    .product-industry-row {
        margin-bottom: 30px;
    }

        .product-industry-row:last-child {
            margin-bottom: 0px;
        }

    ul.contact-home-list {
        margin-bottom: 30px;
    }

    .widget-newsletter .newsletter-info {
        max-width: 230px;
    }

    .navbar .navbar-nav .dropdown-menu {
        background-color: transparent;
    }

    .form-wrapper.form-wrapper-inline {
        margin-top: 20px;
    }

    .parallax {
        background-position: center;
    }

    .md-width-80 {
        width: 80% !important;
    }

    .nofound-section .main-page-title {
        font-size: 80px;
        line-height: 80px;
    }

    .full-screen {
        height: 650px !important;
        min-height: 650px !important;
    }
}

@media (min-width: 1200px) {
    .xl-ml-50 {
        margin-left: 50px;
    }

    .hero-slider .slick-dots {
        bottom: 1.5rem;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .navbar-brand img {
        height: 45px;
    }

    .header-links .mini-cart .mini-cart-item {
        right: 15px;
    }

    .hero-slider .slick-slide .slide-content h2 {
        font-size: 45px;
        margin-bottom: 15px;
    }

    .sales-countdown-title {
        margin-bottom: 22px;
        line-height: 1.1;
    }

    .counter-section .h2-headding {
        color: #333;
    }

    .counter-img-area.productimg-1 {
        top: 55%;
        left: 24%;
        max-width: 250px;
    }

    .counter-img-area.productimg-2 {
        top: 70%;
        left: 52%;
        max-width: 80px;
    }

    .counter-img-area.productimg-3 {
        top: 62%;
        left: 69%;
        max-width: 100px;
    }

    .counter-img-area.productimg-4 {
        top: 70%;
        left: 88%;
        max-width: 110px;
    }

    .industrty-box .industrty-icon > img {
        width: 70px;
    }

    .combodeals-box {
        margin-bottom: 15px;
    }

    .guaranteed-box {
        padding: 20px;
    }

        .guaranteed-box .guaranteed-title {
            padding: 0px 0px;
        }

    .Wishlist .no-more-tables table a.btn {
        margin-bottom: 10px;
    }

    .industrty-box {
        padding: 30px 6px;
    }

    .portfolio-grid.work-6col li {
        width: 25%;
    }

    .widget-newsletter .newsletter-info {
        max-width: 300px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .md-mb-30 {
        margin-bottom: 30px;
    }

    .hero-slider .slick-slide .slide-content h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .inner-banner {
        padding: 50px 0 50px;
    }

    .sales-countdown-title {
        margin-bottom: 22px;
        line-height: 1.1;
    }

    .counter-section .h2-headding {
        color: #333;
    }

    .counter-img-area.productimg-1 {
        top: 55%;
        left: 24%;
        max-width: 250px;
    }

    .counter-img-area.productimg-2 {
        top: 70%;
        left: 52%;
        max-width: 80px;
    }

    .counter-img-area.productimg-3 {
        top: 62%;
        left: 69%;
        max-width: 100px;
    }

    .counter-img-area.productimg-4 {
        top: 70%;
        left: 88%;
        max-width: 110px;
    }

    .industrty-box .industrty-icon > img {
        width: 150px;
    }

    .guaranteed-box {
        padding: 20px;
    }

        .guaranteed-box .guaranteed-title {
            padding: 0px 0px;
        }

    .product-image {
        text-align: center;
    }

    .product_gallery_item {
        align-content: center;
        justify-content: center;
    }

    .Wishlist .no-more-tables table a.btn {
        margin-bottom: 10px;
    }

    form.form-estimate {
        margin-bottom: 20px;
    }

    .portfolio-grid.work-6col li {
        width: 33.33%;
    }
}

@media (max-width:991px) {
    .md-hide-box {
        display: none;
    }

    .md-modal-pad {
        padding-right: 15px !important;
    }

    .supportform-box {
        padding: 20px;
    }

    .logo-footer, .logo-footer img {
        height: 50px;
        margin: 0px auto;
    }

    .inner-box-img {
        margin-bottom: 20px;
    }

    .product-nav-box.affix {
        top: 70px;
    }

    .billingdetails-section .address-info-details {
        min-height: auto;
    }

    .md-text-left {
        text-align: left !important;
    }

    .md-mt-20 {
        margin-top: 20px !important;
    }

    .modal.quote-modal .modal-header .close {
        top: 20px;
        right: 20px;
    }
}

@media (min-width:768px) {
    .short-account {
        display: none !important;
    }
}

@media (max-width:767px) {
    .sm-pl-15 {
        padding-left: 15px !important;
    }

    .sm-pr-15 {
        padding-right: 15px !important;
    }

    .sm-mb-15 {
        margin-bottom: 15px !important;
    }

    .product-box .product-img img {
        max-width: 120px;
    }

    .single-product .title-t1 {
        font-size: 24px;
    }

    .single-product .single-product-price .single-product-newprice {
        font-size: 22px;
    }

    .checkout-stages ul li .step-title {
        font-size: 10px;
        line-height: 1.2;
    }

    .draw-right {
        top: 85px;
        z-index: 999;
    }

    .header-search.header-account {
        padding-right: 20px !important;
    }

    .saveamount-box {
        display: block;
        margin-bottom: 10px;
    }

    .paymentmethod-section {
        margin-bottom: 20px;
    }

    .single-product-price .devider {
        display: none;
    }

    .header-right .header-account,
    .header .minicart-area.header-cart.header-links {
        margin-right: 15px !important;
    }

    .one-third-screen .inner-banner-title {
        font-size: 30px;
    }

    .pb-80 {
        padding-bottom: 50px !important;
    }

    .pt-80 {
        padding-top: 50px !important;
    }

    .main-inner .pr-5 {
        padding-right: 15px !important;
    }

    .main-inner .pl-5 {
        padding-left: 15px !important;
    }

    .sm-mb-30 {
        margin-bottom: 30px;
    }

    .sm-mb-20 {
        margin-bottom: 20px;
    }

    .main-title {
        margin-bottom: 20px;
    }

    .sm-text-center {
        text-align: center !important;
    }

    .inner-header-menu.ml-auto {
        max-width: 1200px;
        white-space: nowrap;
        overflow: auto;
    }

    .innerbanner-title {
        font-size: 25px;
    }

    .slider-content {
        text-align: center !important;
    }

    .hero-slider .slick-slide .slide-content h5 {
        padding: 8px 10px;
        font-size: 20px;
    }

    .hero-slider .slick-slide .slide-content h2 {
        font-size: 28px;
    }

    .deals-area .deals-content .deals-content-title1 {
        font-size: 35px;
    }

    .deals-area .deals-content .deals-content-title2 {
        margin-bottom: 30px;
    }

    .counter-section .h2-headding {
        font-size: 22px;
    }

    h2.h2-headding {
        font-size: 24px;
    }

    .top-footer {
        padding: 30px 0;
    }

        .top-footer .form-wrapper.form-wrapper-inline {
            display: block;
            text-align: center;
        }

        .top-footer .widget-newsletter .newsletter-info {
            margin-bottom: 20px;
        }

    .outer-footer .site-info {
        text-align: center;
    }

    .outer-footer .accepted-payment-methods {
        text-align: center;
        margin-top: 20px;
    }

    .sidebar-area {
        margin-bottom: 30px;
    }

    .page-content .row.mb-40 {
        margin-bottom: 0px !important;
    }

    .fetaure-stats-section .stats-area {
        justify-content: flex-start;
        padding: 20px 15px;
    }

    footer .inner-footer {
        padding: 0px 0px;
        padding-bottom: 30px;
    }

        footer .inner-footer .foot-title {
            margin-top: 30px;
            margin-bottom: 15px;
        }

    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }

        .no-more-tables thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }

    .no-more-tables tr {
        border: 1px solid #ccc;
    }

    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align: left !important;
    }

        .no-more-tables td:before {
            position: absolute;
            top: 6px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            text-align: left;
            font-weight: bold;
        }

        .no-more-tables td:before {
            content: attr(data-title);
        }

    form.form-estimate {
        margin-bottom: 20px;
    }

    .industrty-box .industrty-icon > img {
        width: 80px;
    }

    .main-title .title-alt {
        font-size: 13px;
    }

    .main-title .main-title-t1 {
        font-size: 20px;
        line-height: 1.4;
    }

    .product-industry-box .product-industry-content .product-industry-title {
        font-size: 19px;
    }

    .product-industry-box .product-industry-content {
        padding: 25px 15px 25px 15px;
    }

    .portfolio-grid.work-6col li {
        width: 100%;
    }

    .portfolio-filter-tab-1.nav-tabs {
        text-align: center;
        display: block;
        margin-bottom: 10px !important;
    }

    .portfolio-filter-tab-1 li {
        padding: 5px 13px;
        text-align: center;
        margin: 0px;
    }

    .hover-option7 .grid-item figure figcaption {
        bottom: 0;
        opacity: 1;
        padding: 20px 20px 20px 20px;
        background-color: rgb(255 255 255 / 90%);
        transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -ms-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
    }

    .product-industry-text p {
        font-size: 16px;
    }

    .product-industry-box .product-industry-points {
        width: auto;
    }

    .product-menu-list .product-menu-link > i {
        padding-right: 0px;
        display: block;
        text-align: center;
        margin-bottom: 5px;
    }

    .product_gallery_item img {
        width: 50px;
    }

    ul.product-menu-list {
        padding: 0px 0px;
    }

    .product-nav-box.affix .product-menu-list li {
        padding: 10px 5px 5px;
    }

    .product-menu-list li {
        display: inline-block;
        padding: 10px 8px 5px;
        width: auto;
        text-align: center;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .custom-nav.nav-tabs .nav-link .tab-icon {
        font-size: 20px;
        padding: 20px 25px;
    }

    .product-menu-list .product-menu-link {
        font-size: 13px;
    }

    .nav-tab-1.nav-tabs .nav-item .nav-link {
        padding: 10px 10px;
    }

        .nav-tab-1.nav-tabs .nav-item .nav-link:hover, .nav-tab-1.nav-tabs .nav-item .nav-link.active {
            padding: 15px 10px;
        }

    .pb-50 {
        padding-bottom: 30px !important;
    }

    .pt-50 {
        padding-top: 30px !important;
    }

    .hero-slider .hero-slider-seq .slick-prev, .hero-slider .hero-slider-seq .slick-next {
        width: 30px;
    }

    .padding-four-all {
        padding: 0px;
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .logo-footer, .logo-footer img {
        margin-bottom: 5px;
    }

    .top-footer .widget-newsletter .newsletter-info {
        max-width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }

    .supportcontact-box .supportcontact-icon {
        width: 46px;
        height: 46px;
        line-height: 44px;
        border-radius: 8px;
        font-size: 16px;
        margin-top: 8px;
    }

    .section-heading h3 {
        font-size: 22px;
    }

    .feature-float-icon i {
        font-size: 32px;
    }

    .feature-float-icon {
        width: 17%;
    }

    .feature-block-icon {
        width: 80px;
        height: 80px;
        line-height: 85px;
    }

    .contact-home-section .contact-home-maintitle {
        font-size: 24px;
    }

    .contact-home-listbox {
        height: 80px;
    }

    .productFilter .float-left, .productFilter .float-right {
        float: none !important;
    }

    .productFilter .showinglist-product {
        text-align: left;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .productFilter .change-order {
        text-align: left !important;
    }

    .minicart-area.dropdown, .header-account.dropdown {
        position: initial;
    }

    .header-account.show .dropdown-menu,
    .minicart-area.show .dropdown-menu {
        display: block;
    }

    .header-search.header-account .dropdown-menu {
        min-width: 100% !important;
    }

    .header-account .dropdown-menu,
    .minicart-area .dropdown-menu {
        min-width: 100% !important;
        left: 0px;
        right: 0px;
        transform: initial !important;
        visibility: visible;
        top: auto !important;
        display: none;
    }

    .header-account .dropdown-menu {
        margin-top: 0px;
    }

    .footer-scroll {
        display: none;
    }


    .single-product .product-action .product-addcart .buynow-btn {
        display: inline-block;
        float: right;
    }

    .single-product .product-action .product-addcart .addcart-btn,
    .single-product .product-action .product-addcart .quote-btn {
        padding: 10px 16px;
    }

    .single-product .product-action .product-addcart .btn {
        width: 49%;
    }

    .single-product .product-action .product-addcart {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: white;
        z-index: 999;
        overflow: hidden;
        margin: 0px;
        padding: 15px 10px;
        border-top: 2px solid #ddd;
    }

    .single-product .product-addcart {
        float: right;
    }

    .table.total-cart-table td, .table.total-cart-table th {
        padding: 5px;
    }

    .cartaccount-box {
        display: block;
        position: fixed;
        bottom: 0px;
        right: 0;
        left: 0;
        background-color: #ffffff;
        padding: 15px 10px;
        z-index: 999;
        border-top: 2px solid #ddd;
        margin-bottom: 0px !important;
    }

        .cartaccount-box .cartaccount-total {
            display: inline-block;
            float: left;
            text-align: left;
        }

        .cartaccount-box .btn {
            display: inline-block;
            width: auto;
            float: right;
            padding: 10px 10px 7px !important;
            font-size: .875rem !important;
        }

        .cartaccount-box .cartaccount-total .short-subaccount {
            font-weight: 800;
            font-size: 18px;
            line-height: 1.1;
            display: block;
        }

        .cartaccount-box .cartaccount-total .short-titaccount {
            font-weight: 800;
            font-size: 11px;
            line-height: 1.1;
            display: block;
            margin-top: 4px;
            text-transform: uppercase;
            color: #005693;
        }

    .checkout-totalarea {
        display: none;
    }

    .checkout-cart {
        width: 100%;
        float: right;
    }

    .cartaccount-box.checkoutaccount-area {
        display: block;
    }

    .termscheck {
        text-align: left !important;
    }

    .paymentcard-section .nav-pills .nav-link {
        padding: 14px 8px;
    }

    .paymentmethod-section ul.nav.nav-pills li {
        width: auto;
    }

    .nav-custom.nav-pills > li {
        margin-right: 5px;
        margin-left: 5px;
        margin-bottom: 10px;
    }

    .nav-custom.nav-pills .nav-link {
        padding: 10px 12px;
        font-size: 14px;
        line-height: 0.8;
        border-radius: 2px !important;
    }

    .nav-custom.nav-pills > li:first-child .nav-link,
    .nav-custom.nav-pills > li:last-child .nav-link {
        border-radius: 0px;
    }

    .mfp-close {
        opacity: 1;
    }

    .modal.quote-modal .modal-content .modal-body {
        padding: 30px;
    }

    .radio-group.radio-modal-group .group-answer {
        max-width: 110px;
    }

    .option-radio-image-wrapper img {
        max-width: 45%;
    }

    .radio-group.radio-modal-group .group-answer .custom-control-label {
        position: relative;
        font-size: 14px;
    }

    wizard > .content > .body {
        position: absolute;
    }

    .modal.quote-modal .page-modal-timer {
        position: relative;
        margin: 30px 0px 20px;
        bottom: 0px;
    }

    .stepform .wizard .actions {
        max-width: 100%;
        margin: 0px auto;
    }

    .page-modal-action .btn {
        width: 100% !important;
    }

    .thankyou-box .pull-left,
    .thankyou-box .pull-right {
        float: none;
        margin-bottom: 10px;
        text-align: center !important;
    }

    .product-box .product-price .price {
        font-size: 16px;
        display: block;
    }

    .product-box .product-action-box .btn {
        font-size: 13px;
        padding: 8px 6px;
        width: 100%;
    }

    .product-box .product-action-box .btn {
        margin-bottom: 4px;
    }

        .product-box .product-action-box .btn:last-child {
            margin-bottom: 0px;
        }

    .sidebar-area .sidebar-menu-area {
        display: none;
        position: fixed;
        top: 0px;
        background-color: #fff;
        z-index: 999;
        height: 100vh;
        left: 0px;
        width: 100%;
        padding: 10px;
        overflow-y: scroll;
        z-index: 9990;
    }

    .sidebar-menu-area .sidebar-list a {
        padding-left: 20px;
        display: block;
    }

    .sidebar-list li a:before {
        margin-top: -1px;
    }

    .sidebar-menu-area .sidemenu-title-sm {
        display: flex;
        font-weight: 700;
        font-size: 18px;
        margin-bottom: 20px;
        background-color: rgb(0 0 0 / 18%);
        padding: 10px;
    }

    .sidebar-menu-area .sidemenu-collapse-close {
        display: block;
        margin-left: auto;
    }

    .sidebar-menu-area .sidemenu-title-sm {
    }

    .sidebar-area .sidemenu-collapse {
        display: block;
    }

    .sidebar-area .title-t3.mb-4 {
        margin: 0px !important;
    }

    .wizard > .content {
        min-height: 50rem;
    }

    ol.progtrckr li.progcheck {
        display: block;
        text-align: left;
        border-bottom: 0px;
        border-left: 4px solid #ddd;
        padding: 20px 0px 17px 30px;
        background-color: #eee;
        margin-bottom: 5px;
        height: auto !important;
    }

    ol.progtrckr[data-progtrckr-steps="4"] li {
        width: 100%;
    }
    ol.progtrckr li:before {
        left: -13px;
        top: 50%;
        bottom: 50%;
        transform: translateY(-50%);
        font-size: 20px;
        width: 22px;
        height: 22px;
        text-align: center;
        line-height: 22px;
    }
    .ord-head {
        display: block;
    }

        .ord-head .ord-status {
            margin-left: 0px;
            margin-top: 10px;
            margin-bottom: 10px;
        }

}

@media (min-width: 576px) and (max-width: 991px) {
    .modal.quote-modal .modal-dialog {
        max-width: 650px;
    }
}

@media (max-width: 575px) {
    footer .inner-footer .foot-collapse .foot-title {
        padding: 15px 0px;
        margin: 0px;
        border-bottom: 1px solid #ddd;
        cursor: pointer;
    }

        footer .inner-footer .foot-collapse .foot-title:before {
            content: "\f078";
            font-family: "Font Awesome 5 Pro";
            position: absolute;
            right: 0px;
            -moz-transition: all .2s ease-in;
            -webkit-transition: all .2s ease-in;
            -o-transition: all .2s ease-in;
            transition: all .2s ease-in;
        }

    footer .inner-footer .foot-collapse.expanded .foot-title:before {
        transform: rotate(180deg);
    }

    footer .inner-footer .foot-collapse .foot-lists {
        display: none !important;
        margin: 15px 0px;
    }

    footer .inner-footer .foot-collapse.expanded .foot-lists {
        display: block !important;
    }
}

@media (min-width: 381px) and (max-width: 767px) {
    .secondary-header .secondary-menu-list .secondary-menu-link {
        font-size: 14px;
        padding: 12px 5px;
    }

    .sales-countdown-title {
        font-size: 21px;
        margin-right: 266px;
        line-height: 1.2;
    }

    .sales-countdown-timer {
        margin-top: 25px;
    }

    .counter-img-area.productimg-1 {
        top: 66%;
        left: 24%;
        max-width: 200px;
    }

    .counter-img-area.productimg-2 {
        top: 70%;
        left: 52%;
        max-width: 45px;
    }

    .counter-img-area.productimg-3 {
        top: 62%;
        left: 69%;
        max-width: 75px;
    }

    .counter-img-area.productimg-4 {
        top: 70%;
        left: 88%;
        max-width: 85px;
    }

    .nav.nav-faq .nav-item {
        margin-left: 5px;
    }

    .nav.nav-faq .nav-link {
        padding: 15px 10px 13px;
    }

        .nav.nav-faq .nav-link span {
            font-size: 12px;
        }

    .product-tabs.nav-tabs .nav-link {
        padding: 15px 20px;
    }
}

@media (max-width: 480px) {
    .header.header .navbar-toggler {
        padding: 0px;
    }

    .secondary-header .inner-header-title {
        margin-top: 10px;
    }

    .counter-img-area.productimg-1 {
        top: 66%;
        left: 24%;
        max-width: 150px;
    }

    .counter-img-area.productimg-2 {
        top: 70%;
        left: 52%;
        max-width: 35px;
    }

    .counter-img-area.productimg-3 {
        top: 62%;
        left: 69%;
        max-width: 53px;
    }

    .counter-img-area.productimg-4 {
        top: 70%;
        left: 88%;
        max-width: 70px;
    }

    .sales-countdown-title {
        font-size: 16px;
        margin-right: 170px;
    }

    .sales-countdown-timer {
        margin-top: 25px;
        text-align: center;
    }

        .sales-countdown-timer .countdown-item .number {
            font-size: 25px;
        }

        .sales-countdown-timer .col-6 {
            margin-bottom: 20px;
        }

    .faq-section .nav {
        flex-direction: column;
    }

    .nav.nav-faq .nav-item {
        margin-left: 0;
        margin-bottom: 20px;
    }

    .faq-section .accordion .card .card-header .btn {
        padding: 0px 20px 0 0;
    }

        .faq-section .accordion .card .card-header .btn:after {
            right: 5px;
            top: 0;
        }

    .wishlist-compare-btn .btn {
        padding: 10px 12px;
    }

    .product-tabs.nav-tabs .nav-link {
        font-size: 10px;
        padding: 15px 10px;
    }

    .header-right span.header-link-title {
        display: none;
    }

    .header-account .btn-account .header-link-title {
        display: none;
    }

    .header-account button.dropdown-toggle:after {
        content: '';
    }

    .header-account .btn-account {
        line-height: 0;
    }

    .checkoutinfo-box .checkoutinfo-title, .checkoutinfo-box .checkoutinfo-link {
        float: none;
        text-align: center;
    }

    .h1, h1 {
        font-size: 1.8rem;
    }

    .radio-group.radio-modal-group .group-answer .custom-control-label {
        padding: 15px 15px 15px 30px;
    }
}
