@media (min-width: 992px) and (max-width: 5000px) {
        .hide-desktop {
            display: none;
        }
    }

    @media (min-width: 320px) and (max-width: 1500px) {


        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1380px;
        }

        .product__filter h3 {
            font-size: 46px;
            padding-top: 3px;
        }

        .single__product__card__header h3 {
            font-size: 31px;
        }

        .single__product__card__header span {
            font-size: 13px;
            margin-left: 10px;
        }

        .single__product__card__header p {
            font-size: 12px;
            margin-right: 8px;
            width: 70px;
        }
    }

    @media (min-width: 320px) and (max-width: 1400px) {

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 1180px;
        }

        .product__filter h3 {
            font-size: 43px;
            padding-top: 2px;
        }

        .filters-button-group button {
            font-size: 17px;
            padding: 7px 15px;
        }


        .product__filter {
            padding: 52px 0;
        }

        .single__product__card__thumb {
            height: 230px;
            margin-top: 24px;
            margin-bottom: 22px;
        }


        .single__product__card__header h3 {
            font-size: 25px;
        }

        .single__product__card {
            padding: 20px;
        }

        .single__product__card__features p {
            font-size: 14px;
        }

        .single__product__card__header span {
            font-size: 12px;
            margin-left: 6px;
        }

        .single__product__card__header p {
            font-size: 11px;
            margin-right: 8px;
            width: 65px;
        }

        .main-sidebar {
            width: 515px;
            height: calc(100vh - 142px);
        }

        .product__color__item {
            padding: 18px 22px;
            padding-bottom: 13px;
            display: block;
        }

        .product__color__wrapper button {
            width: 24px;
            height: 24px;
            margin-right: 6px;
            margin-bottom: 6px;
        }
    }

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

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 980px;
        }

        .product__filter h3 {
            font-size: 39px;
            padding-top: 1px;
            margin-bottom: 10px;
        }

        .filters-button-group button {
            font-size: 16px;
            padding: 7px 14px;
        }


        .single__product__card {
            padding: 15px;
            margin-bottom: 25px;
        }

        .header__navigation li a {
            font-size: 16px;
            margin-left: 20px;
        }


        .single__product__card__header p {
            font-size: 10px;
            margin-right: 5px;
            width: 69px;
        }

        .single__product__card__header h3 {
            font-size: 24px;
        }

        .single__product__card__header span {
            font-size: 11px;
            margin-left: 3px;
            flex: 0 0 auto;
        }

        .single__product__card__features p span {
            margin-right: 8px;
            max-width: 25px;
        }

        .single__product__card__features p {
            width: 81px;
        }



        .single__product__card__thumb {
            height: 205px;
            margin-top: 15px;
            margin-bottom: 13px;
        }

        .main-sidebar {
            width: 400px;
            height: calc(100vh - 133px);
        }


        .config__nav__logo {
            max-width: 250px;
        }

        .main-wrapper {
            height: calc(100vh - 133px);
        }

        .nav-tabs button {
            font-size: 14px;
            padding: 7px 20px;
            margin-bottom: 2px !important;
        }


        .save-button button {
            font-size: 15px;
            padding: 9px 22px;
            margin-left: 25px;
        }




        .product__color__title {
            width: 100%;
            padding-bottom: 5px;
            margin-bottom: 10px;
            border-bottom: 1px solid #7F7E7E;
        }

        .product__color__title span {
            float: right;
        }

        .product__color__item {
            padding: 8px;
            padding-bottom: 10px;
            border-bottom: 0px solid #F80202;
        }

        .product__color__wrapper {
            padding-right: 5px;
            padding-left: 5px;
        }
        .product__color__wrapper button {
            width: 25px;
            height: 25px;
            margin-right: 6px;
            margin-bottom: 6px;
        }

        .main-sidebar__pagination a {
            font-size: 15px;
            padding: 8px 20px;
            margin-left: 8px;
        }

        .main-sidebar__pagination {
            padding: 11px 18px;
        }

        .main-sidebar__wrapper {
            height: calc(100vh - 191px);
        }
    }

    @media (min-width: 320px) and (max-width: 991px) {

        .product__color__item {
            padding: 0px;
            padding-top: 5px;
            padding-bottom: 10px;
            border-bottom: 0px solid #F80202;
        }

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 770px;
        }

        .main-wrapper.has-iframe {
            padding: 0;
        }

        .page-iframe {
            width: 100%;
            height: 50vh;
        }

        .show-mobile {
            display: flex !important;
        }

        .model-logo {
            padding-top: 9x;
            padding-bottom: 7px;
            max-height: 47px;
        }


        .configurator-buttons-mobile {
            position: absolute;
            justify-content: center;
            top: 6px;
            width: 100%;
        }

        .configurator-buttons-left {
            left: 5px;
            bottom: 2px;
            position: absolute;
        }

        .btn-group2 {
            margin-right: 5px;
        }

            .btn-group2 button {
                font-size: 10px;
                /*height: 23px;*/
                width: 55px;
            }

        .hotspot-button {
            height: 25px;
            padding: 7px;
            background: #fff;
        }

            .hotspot-button label {
                font-size: 9.5px;
                height: 100%;
                padding-left: 0;
                padding-right: 48px;
            }

        .dropdown.camera-dropdown button {
            border: 1px solid #707070;
            background: #fff;
            border-radius: 5px;
            margin: 0 5px;
            /*height: 25px;*/
            padding: 0 9px;
            width: 65px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 10px;
        }
        .dropdown-menu {
            min-width: 60px;
        }
        .dropdown-item {
            font-size: 10px;
        }
        /* ------------------------------- */
        /* ------------------------------- */
        /* ------------------------------- */

        /* Create a custom checkbox */
        .checkmark {
            top: -2px;
            right: 0;
            height: 17px;
            width: 39px;
        }

        /* Show the checkmark when checked */
        .label-container input:checked ~ .checkmark:after {
            transform: translateX(18px);
        }

        /* Style the checkmark/indicator */
        .label-container .checkmark:after {
            left: 4px;
            top: 2px;
            width: 15px;
            height: 13px;
        }

        /* ------------------------------- */
        /* ------------------------------- */
        /* ------------------------------- */

        .tab-pagination {
            display: flex;
        }

        .color-tab {
            display: block;
        }

        .hide-mobile {
            display: none !important;
        }

        .main-sidebar__pagination {
            display: none;
        }

        .color-tab nav {
            position: sticky;
            top: 0;
            z-index: 2;
            height: 100%;
        }

        .product__color__item p {
            margin-bottom: 0;
            font-size: 12px;
        }
        .product__color__item p b {
            font-size: 16px;
        }

        .config-navigation.mobile {
            display: block;
            padding: 0px;
        }

        .config-navigation.desktop {
            display: none;
        }

        .product__filter h3 {
            font-size: 35px;
            padding-top: 1px;
            margin-bottom: 9px;
        }

        .filters-button-group button {
            font-size: 15px;
            padding: 7px 13px;
        }

        .product__filter {
            padding: 48px 0;
        }

        .single__product__card__header p {
            font-size: 11px;
            margin-right: 6px;
            width: 66px;
        }

        .single__product__card__header h3 {
            font-size: 25px;
        }

        .single__product__card__thumb {
            height: 215px;
            margin-top: 20px;
            margin-bottom: 13px;
        }

        .header__navigation li a {
            font-size: 15px;
            margin-left: 18px;
        }

            .header__navigation li a::after {
                bottom: -23px;
            }


        .config-navigation .container-fluid {
            flex-direction: column;
        }


        .config__nav__logo {
            max-width: 220px;
            margin: -7px 0;
        }

        .config-navigation {
            padding: 9px 0;
            position: relative;
        }

        .config__nav__right .save-button {
            position: absolute;
            top: 6px;
            right: 35px;
            z-index: 1;
        }

        .nav-tabs button {
            font-size: 13px;
            padding: 7px 18px;
            margin-bottom: 5px !important;
        }

        .sidebar-open {
            display: none;
        }

        .config__nav__left {
            width: 100%;
            padding-right: 6px;
            padding-bottom: 11px;
            border-bottom: 1px solid #ffffff40;
            padding-top: 8px;
            margin-bottom: 6px;
        }

        .main-sidebar {
            position: relative;
            top: 0;
            right: 0;
            width: 100%;
            z-index: 5;
            transition: .3s;
            padding-top: 0;
        }

        .main.d-flex {
            flex-direction: column
        }

        .main-sidebar__wrapper {
            margin-top: 10px;
        }

        .sidebar-close {
            display: none;
        }


        .main-sidebar__navigation {
            display: none !important;
            padding: 0 19px;
        }


        .nav-tabs button:hover, .nav-tabs button.active {
            color: #fff !important;
            background-color: transparent !important;
        }

        .nav-tabs button {
            border-bottom: 2px solid #707070cc !important;
            color: #7F7E7E !important;
        }

        .save-button button {
            font-size: 12px;
            padding: 5px 10px;
            margin: 0 auto;
            display: block;
            border-color: #fff;
            color: #fff;
            margin-top: 8px;
        }

            .save-button button:hover {
                background-color: #ED1C24;
                border-color: #ED1C24;
                color: #fff;
            }

        .main-sidebar__wrapper {
            height: 375px;
            padding: 0 10px;
        }

        .boat-colors-area {
            padding: 0 10px;
            height: 375px;
            overflow-y: scroll;
            scrollbar-width: none;
            -ms-overflow-style: none;
            padding-bottom: 20px;
        }

        .main-sidebar {
            height: auto;
        }

        .single__option__item h4 {
            font-size: 20px;
        }

        .section__title h4 {
            font-size: 19px;
            margin-right: 5px;
        }

        .section__title {
            padding-left: 10px;
        }

        .package__card {
            padding: 14px;
        }

        .main-wrapper {
            height: auto;
            flex-direction: column;
        }
    }

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

        .menu-open {
            display: block;
        }

        .page-iframe {
            height: 50vh;
        }

        .header__logo:hover span {
            opacity: 0;
        }

        .header__logo:hover .logo-image {
            opacity: 1;
            visibility: visible;
        }

        .nautique-btn span i {
            margin-left: 5px;
        }

        .nautique-btn span {
            font-size: 12px;
        }

        .main-wrapper {
            height: auto;
        }

        .header__navigation {
            display: none;
        }

        .header__logo {
            max-width: 158px;
        }


        .header__right {
            display: flex;
            align-items: center;
        }

        .nautique-btn {
            max-width: 138px;
            margin-left: 3px;
            display: none;
        }

        .product__filter h3 {
            font-size: 30px;
            padding-top: 1px;
            margin-bottom: 8px;
        }

        .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
            max-width: 570px;
        }

        .single__product__card__features p {
            width: 81px;
            flex-direction: column;
            text-align: center;
            align-items: center;
            justify-content: flex-start;
        }

            .single__product__card__features p span {
                max-width: 25px;
                height: 26px;
                display: flex;
                align-items: center;
                justify-content: center;
                margin: 0 auto;
                margin-bottom: 5px;
            }

        .single__product__card__features {
            align-items: flex-start !important;
        }

        .single__product__card__header {
            flex-direction: column-reverse;
            align-items: flex-start !important;
            justify-content: flex-start !important;
        }


            .single__product__card__header span {
                font-size: 12px;
                flex: 0 0 auto;
                width: 100%;
                text-align: center;
                margin: 0;
                margin-bottom: 9px;
            }

        .single__product__card:hover .single__product__card__header span {
            opacity: 1;
            position: relative;
            /* display: none; */
        }

        .single__product__card__thumb {
            height: 155px;
            margin-top: 19px;
            margin-bottom: 12px;
        }

        .single__product__card__header h3 {
            font-size: 24px;
        }

        .single__product__card__header__left {
            width: 100%;
        }

        .single__product__card:hover .single__product__card__header__left {
            width: 100%;
            justify-content: flex-start !important;
            text-align: left;
        }
    }

    @media (min-width: 320px) and (max-width: 575px) {
        .main-sidebar {
            width: 100%;
        }

        .configurator-buttons {
            flex-wrap: wrap;
            max-width: 100%;
            padding-right: 4px;
            grid-gap: 10px 0;
        }

        .main-sidebar__pagination a {
            font-size: 14px;
            padding: 8px 19px;
            margin-left: 8px;
        }

        .single__option__item {
            padding: 15px 13px;
            padding-bottom: 5px;
        }

        .boat__label__left {
            width: 125px;
        }

            .boat__label__left h4 {
                font-size: 19px;
                margin-bottom: 3px;
            }

        .single__option__item h4 {
            font-size: 19px;
        }

        .main-sidebar__navigation #nav-tab {
            justify-content: center;
        }

        .nav-tabs button {
            font-size: 13px;
            padding: 7px 15px;
            margin-bottom: 5px !important;
        }

        .single__product__card {
            padding: 18px;
            max-width: 370px;
            margin: 0 auto;
            margin-bottom: 27px;
        }

        .single__product__card__header h3 {
            font-size: 26px;
        }


        .product__filter h3 {
            font-size: 25px;
        }

        .filters-button-group button {
            font-size: 14px;
            padding: 6px 8px;
        }

        .product__filter {
            padding: 25px 0;
            padding-bottom: 16px;
        }

        .header__logo {
            max-width: 140px;
        }

        .nautique-btn {
            max-width: 120px;
            margin-left: 3px;
            margin-right: 0;
        }

        .menu-open {
            font-size: 22px;
        }

        .tooltip {
            display: none !important;
        }
    }

    @media (min-width: 320px) and (max-width: 450px) {


        .nav-tabs button {
            font-size: 10px;
            padding: 6px 8px;
        }

        .main-sidebar__navigation #nav-tab {
            margin: 0 -12px !important;
        }

        .sidebar-btn {
            font-size: 14px;
            padding: 9px 23px;
        }
    }