@media (min-width: 1921px) {}

@media (min-width: 1681px) and (max-width: 1920px) {}

@media (min-width: 1441px) and (max-width: 1680px) {}

@media (min-width: 1281px) and (max-width: 1440px) {
    #myModal>div {
        width: 65%;
    }
}

@media (min-width: 1025px) {
    #healthcare-brochure-area .health-row1 {
    height: 980px;
    }
}

@media (min-width: 1024px) {
    .owl-carousel .banner-item .content_slider {
        left: 15rem;
    }
}

@media (min-width: 1025px) and (max-width: 1280px) {
    #html-body>div.page-wrapper>div.custom-slider>div.owl-carousel.owl-theme.owl-loaded>div.owl-stage-outer>div>div>div>span>img {
        min-height: 280px;
    }

    #myModal>div {
        width: 80%;
    }

    .header.content .navigation ul li a,
    .header.content .navigation ul li a:hover {
        font-size: 1.3rem;
    }
    .bubbles .big-circle {
        left: unset;
        top: unset;
        position: relative;
        font-size: 22px;
        text-align: center;
        width: 115px;
        height: 115px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    #html-body>div.page-wrapper>div.custom-slider>div.owl-carousel.owl-theme.owl-loaded>div.owl-stage-outer>div>div>div>span>img {
        min-height: 280px;
    }

    #myModal>div {
        width: 80%;
    }

    .header.content .navigation ul li a,
    .header.content .navigation ul li a:hover {
        font-size: 1rem;
    }

    .footer-oasis-custom {
        margin-top: 5rem;
    }

    #home_count_section .box-with-arrow {
        font-size: 1.6rem;
    }

    #home_row_grid_section .btn.home_default_btn,
    #home_count_section .btn.home_default_btn {
        padding: 1em 2em;
        font-size: 1rem;
    }
   
    #home_row_grid_section .latest-post .post-title.text-center a {
        font-size: 1rem;
    }

    .footer.content {
        margin-top: 0;
        padding-top: 0;
    }

    .footer.content .footer-overlay-parent {
        position: relative;
    }

    .footer.content .footer-overlay-parent .footer-overlay {
        margin: 0 auto 8em auto;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner {
        width: 85%;
        padding: 3em;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-8 p {
        font-size: 30px;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-4 {
        width: 90%;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-4 a {
        padding: 20px;
        font-size: 12px;
    }

    .owl-dots {
        left: 0;
    }

    .owl-dot {
        display: block;
        padding: 1rem 12px;

    }

    .custom-slider .custom_content h1 {
        margin-bottom: 15px;
    }

    .navigation li.level0 {
        margin-left: 0rem;
    }

    .custom-slider .custom_content h1 {
        margin-bottom: 10px;
    }
    .category-k-12-hydration.catalog-category-view .btn.default_btn.kids_top_button {
        padding: 2rem 2em;
        font-size: 12px;
        margin-bottom: 1rem;
        margin-top: -3.5em;
    }

    .kids-tab-area .btn.default_btn {
        padding: 10px 20px;
    }

    .category-k-12-hydration.catalog-category-view .kids-tab-area p {
        padding: 2px;
        line-height: 20px;
        font-size: 12px;
        color: gray;
    }

    .kids-tab-area-text p,
    .kids-tab-brochure p,
    .kids-tab-structure p,
    .worried-about-lead p,
    .water-filtration-area p,
    .antimicrobial-text-area p,
    .sale-text-area p {
        color: gray;
        line-height: 18px;
        font-size: 12px;
    }

    .kids-tab-brochure .btn.default_btn,
    .kids-tab-structure .btn.default_btn,
    .water-filtration-area .btn.default_btn {
        font-size: 12px;
        margin: unset;
        margin-top: 2em;
        padding: 2rem 2em;
    }

    .kids-tab-structure .water-drop-icon {
        max-height: 160px;
    }

    .category-k-12-hydration.catalog-category-view .antimicrobial-text-area .box-shadow-effect {
        padding: 20px 10px;
        height: 300px;
    }

    .antimicrobial-text-area .box-shadow-effect img {
        max-height: 60px;
        margin-bottom: 10px;
    }

    .categorypath-markets-k-12-hydration.category-k-12-hydration.catalog-category-view .home_heading {
        font-size: 2.5rem;
    }

    .corparate-about-area .box-shadow-effect .btn.default_btn,
    .sustainable-brochure-area .box-shadow-effect .btn.default_btn,
    .healthcare-brochure-area .box-shadow-effect .btn.default_btn {
        padding: 10px 20px;
        font-size: 12px;
    }

    .corparate-sustainability-pays span {
        font-size: 2em;
    }

    .corparate-sustainability-pays .box-shadow-effect img {
        width: 40%;
    }

    .blue-bg-container {
        width: 220px;
    }

    #search_mini_form_cms .input-box {
        max-width: 100%;
    }

    #search_mini_form_cms .input-box #search_cms {
        width: 65%;
    }

    .sustainable-brochure-area .box-shadow-effect p,
    .healthcare-brochure-area .box-shadow-effect p {
        padding: 2px;
        line-height: 24px;
        font-size: 12px;
        color: gray;
    }

    .sustainable-start-now-area p {
        color: gray;
        line-height: 24px;
        padding-bottom: 10px;
    }

    #healthcare .img-desc-col {
        -webkit-box-flex: 0;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    .maxxfill_feauture_section_center_img img {
        height: 480px;
    }

    .maxxfill_feauture_section .right_column img,
    .maxxfill_feauture_section .left_column img {
        height: 80px;
    }

    .maxxfill_feauture_section .right_column_text h3,
    .maxxfill_feauture_section .left_column_text h3 {
        font-size: 18px;
    }

    .maxxfill_feauture_section .right_column_text p,
    .maxxfill_feauture_section .left_column_text p {
        font-size: 10px;
    }

    .maxxfill_feauture_section .right_column_text,
    .maxxfill_feauture_section .left_column_text {
        padding-top: unset;
    }

    .maxxfill_second_section .column img {
        min-height: 43em;
        object-fit: cover;
    }

    .maxxfill_smartadapt_inner_section .column img {
        min-height: 55em;
        object-fit: cover;
    }
    .category-history .mt-1950-reduce {
        margin-top: -10em;
    }
    .category-history .mt-5-reduce {
        margin-top: unset;
    }
    .category-history .mt-2020-reduce {
        margin-top: -20em;
    }
    .category-history .mt-2022-reduce {
        margin-top: -12em;
    }
    .bubbles .col-md-4 p {
        font-size: 1.5rem;
    }
    .bubbles .big-circle {
        left: unset;
        top: unset;
        position: relative;
        font-size: 16px;
        text-align: center;
        width: 80px;
        height: 80px;
    }
    .category-history .mt-1952-reduce {
        margin-top: unset;
    }
    .category-history .mt-1974-reduce {
        margin-top: -5em;
    }
    #healthcare-brochure-area .health-pillar {
        top: 52rem;
    }
    #healthcare-brochure-area .health-row1 {
    height: 825px;
    }
}

@media (min-width: 992px) {
    .header.content a#logo_mobile {
        display: none;
    }
    .navigation .level0 .submenu a {
        padding: 5px 10px;
    }
    nav.navigation .level0>.level-top {
        padding: 0;
    }

    .nav-sections,
    .header-top-mobile {
        display: none;
    }

    
    .navigation .level0.active>.level-top,
    .navigation .level0.has-active>.level-top {
        color: #fff;
    }

    .navigation li.level0:after {
        border-bottom: 0;
    }

    .header.content .header-actions {
        display: inline-block;
        margin-left: 27px;
    }

    .block-search {
        text-align: center;
        margin: 0;
        padding: 0;
        float: none;
    }

    .modal-content {
        width: 50%;
        margin: 0 auto;
    }
    #home_count_section .container-fluid.home_count_below .right_column h1 {
        font-size: 38px;
    }
}

@media (max-width: 991px) {
    .page-header {
        position: unset;
        margin-bottom: 0;
        border-bottom: none;
    }

    .header .topmenu-desktop,
    .header-top-mobile .action.nav-toggle,
    .header.content .logo,
    .header.content .header-call-desktop {
        display: none;
    }

    .checkout-index-index .nav-sections,
    .checkout-index-index .nav-toggle {
        display: block;
    }

    .checkout-index-index .table-checkout-shipping-method tbody td {
        padding-left: 20px;
    }

    .header-top-mobile {
        padding: 20px 15px;
        margin: 0 auto;
        background-color: #fff;
       /* background-image: linear-gradient(310deg, #fff, #106db3 0%, #121d6d);*/
    }

    .header-top-mobile .logo {
        position: inherit;
        float: none;
        width: 100%;
        margin: 0;
    }


    .header-top-mobile .callus-header {
        display: flex;
        justify-content: right;
        align-items: center;
    }

    .callus-icon {
        margin: 0.5em;
    }

    .callus-text p {
        margin-bottom: 0;
    }

    .header-top-mobile .callus-header .callus-icon img {
        width: 20px;
        height: 20px;
    }

    .header-top-mobile .callus-header .callus-text p {
        font-size: 12px;
        color: #fff;
    }

    .header-top-mobile .callus-header .callus-text a {
        font-size: 13px;
        color: #fff;
    }

    .header.content {
        width: auto;
        display: block;
        height: auto;
        background-color: #1b1054;
        background-image: linear-gradient(310deg, #fff, #106db3 0%, #1b1054);
        height: 44px;
    }

    .header .nav-toggle {
        display: block;
        float: left;
        position: initial;
    }

    .header .nav-toggle:before {
        color: #fff;
    }
    .header.content .block-search .control {
        padding-bottom: 0;
        position: absolute;
        top: -9px;
        right: 65px;
        left: auto;
        border-top: none;
    }

    .header.content .block-search input {
        position: initial;
    }

    .header.content .block-search .action.search {
        position: absolute;
        top: 5px;
        right: 65px;
    }

    #search_mini_form .label {
        margin-top: 10px;
    }

    .breadcrumbs {
        padding: 15em 0px;
        width: 100%;
    }

    .header-image {
        min-height: 240px;
    }

    .nav-sections-item-title {
        font-size: 16px;
    }

    .navigation li.level0 {
        padding: 0.5em 1em;
        margin-left: unset;
        line-height: unset;
    }

    .navigation li.level0 {
        margin-left: unset;
        line-height: unset;
    }

    .checkout-cart-index .page-main,
    .checkout-index-index .page-main {
        padding-top: 11em;
    }

    .nav-open .nav-toggle:after {
        height: auto;
    }

    .breadcrumbs ul li a,
    .breadcrumbs ul li strong {
        font-size: 0.75rem !important;
    }

    #maincontent>div.page-title-wrapper.product>h1 {
        font-size: 1.5rem;
    }

    .breadcrumbs .item:not(:last-child):after {
        font-size: 1.5rem;
    }
    .header.content .navigation ul li a, .header.content .navigation ul li a:hover {
        z-index: 1;
    }
    .header.content .navigation ul li {
        text-transform: uppercase;
        color: #fff;
        font-weight: 400;
        padding: unset;
        border: none;
    }
    .header.content .navigation ul.submenu li{
        background-color: #0069b1;
        color: #15425c;
        border: none;
        font-weight: 400;
        text-transform: unset;
        text-decoration: none;
        width: 100%;
        border-bottom: 0;
    }
    .header.content .navigation ul.submenu li a {
        font-size: 14px;
        line-height: 26px;
        padding: 10px 20px 11px;
        position: relative;
        border-bottom: 1px solid #fff;
        color: #fff;
    }
    .header.content .navigation .nav-1 ul.submenu li.level1 a:hover {
		text-shadow: 0 0 1px #75787b;
    }
    .header.content .navigation .nav-1 ul.submenu li.level1 ul li a {
        color: #fff;
        padding-left: 0;
        padding-right: 0;
    }
    .header.content .navigation ul.submenu li a span{
        text-transform: capitalize !important;
        font-size: 14px;
        padding: 0;
    }
    .header.content .navigation ul.level1.submenu li
    {
        padding: unset;
    }
    .header.content .navigation ul.submenu li a:hover {
        background: transparent;
    }
    .header.content .navigation ul.submenu {
        padding-left: 0px;
    }
    .header.content .navigation ul.level1.submenu li
    {
        padding: unset;
    }
    .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) {
        border: unset;
        color: white;
    }
    li.level1.category-item.nav-1-1>a>span, li.level1.category-item.nav-1-2>a>span, li.level1.category-item.nav-1-3>a>span, li.level1.category-item.nav-1-4>a>span {
        font-weight: bolder !important;
    }
    .navigation .submenu:not(:first-child) .active > a{
        border: unset;
    }
    .nav-sections .header.links li {
        font-size: 1.6rem;
        margin: 0;
        text-transform: uppercase;
        background-color: #165c7d;
        color: #fff;
        border-bottom: 1px solid #15425c;
        font-weight: 400;
        padding: 8px;
    }
    .nav-sections .header.links li > a {
        border: unset;
        color: white;
    }
    .nav-sections .header.links li.greet.welcome {
        border: unset;
        padding: unset;
    }
    .nav-sections .header.links a, .nav-sections .header.links a:hover {
        color: #fff;
    }
    .nav-sections .mean-nav ul li .collapse::before, .nav-sections .mean-nav ul li .expand::before {
        font-size: 33px;
        font-weight: 600;
        color: #fff;
    }
    .nav-sections .mean-nav ul li .collapse, .nav-sections .mean-nav ul li .expand{
        top: 0;
        left: 0;
    }
    .nav-sections .mean-nav ul.submenu li .collapse, .nav-sections .mean-nav ul.submenu li .expand {
        top: 13px;
        left: auto;
    }
    .nav-sections .mean-nav ul.submenu li .collapse::before {
        font-size : 3rem;
        line-height: 2rem;
        content: '\e622'; 
        color: #fff;
    }
    .nav-sections .mean-nav ul.submenu li .expand::before {
        font-size: 3rem;
        line-height: 2rem;
        content: '\e622'; 
        color: #fff;
    }
    .nav-sections .mean-nav ul.submenu li.level1.active .collapse::before {
        color: #ff8200;
    }
    .nav-sections .mean-nav ul.submenu li.level1.active .expand::before {
        color: #ff8200;
    }
    li.category-item.nav-1-1 ul.submenu li:last-child{
        display: none;
    }
    .header.content .navigation ul.level1.submenu li a {
        border-bottom: 1px  solid #ececec;
    }
    .category-k-12-hydration.catalog-category-view .close,
    .category-healthcare-purification.catalog-category-view .close {
        position: initial;
    }

    .category-k-12-hydration.catalog-category-view .modal,
    .category-healthcare-purification.catalog-category-view .modal {
        padding-top: 170px;
        /* Location of the box */
    }

    .category-healthcare-purification.catalog-category-view .modal-content {
        width: 70%;
    }
    #healthcare-brochure-area .health-pillar {
        top: 55rem;
        left :10%;
    }
    #healthcare-brochure-area .health-pillar .pillar-img-structure .btn.default_btn.kids-structure-overlay {
    left:42%;
    }
    .section-item-title.nav-sections-item-title.active {
        display: none;
    }
    .nav-sections-item-content {
        margin-top: 0;
        padding-top: 0;
    }
    .nav-sections .mean-nav ul li .level-top span{
        color: #fff;
        font-weight : bolder;
        margin-left: 2rem !important;
        font-size: 18px;
    }
    .block.filter.mana-filter-block{
        display: none;
    }
}

@media (min-width: 768px) {
    .modal-content iframe {
        height: 460px;
    }
}

@media (max-width: 767px) {
    .modal-content iframe {
        height: 250px;
    }

    .header-top-mobile .callus-header .callus-icon img {
        width: 15px;
        height: 15px;
    }

    .header-top-mobile .callus-header .callus-text p {
        font-size: 10px;
    }

    .header-top-mobile .callus-header .callus-text a {
        font-size: 12px;
    }

    section,
    .section-padding {
        padding: 20px 0;
        position: relative;
    }

    .hidden-md-below {
        display: none !important;
    }

    .hidden-md-above {
        display: block !important;
    }

    .home_about_section .since_logo {
        height: 60px;
        top: -15%;
        position: absolute;
        right: 5%;
        bottom: 0;
    }

    .home_about_section .btn.home_default_btn {
        margin-top: unset;
    }

    #home_know_more_section {
        padding-bottom: unset;
    }

    #home_know_more_section .container,
    #home_know_more_section .col {
        padding: unset;
    }

    #home_count_section .facts-wrapper .ts-facts {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    #home_count_section .ts-facts .ts-facts-content .ts-facts-num {
        font-size: 2.5rem;
    }

    #home_count_section .ts-facts .ts-facts-content .ts-facts-title {
        font-size: 1.2rem;
    }

    #home_count_section .container-fluid.home_count_below .row .col-sm-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    #home_count_section .box-with-arrow {
        height: 120px;
        font-size: 1.2rem;
        padding: 10px;
    }

    #home_count_section .container-fluid.home_count_below {
        background: none;
        margin-top: 40px;
    }

    #home_count_section .container-fluid.home_count_below .right_column {
        border-radius: 1em 1em 0em 0em;
        padding: 20px;
    }

    #home_count_section .container-fluid.home_count_below .home_heading {
        margin-bottom: unset;
    }

    #home_count_section .container-fluid.home_count_below .home_heading h1 {
        font-size: 1.5rem;
    }

    #home_count_section .container-fluid.home_count_below_text {
        padding: unset;
    }

    #home_count_section .container-fluid.home_count_below_text .right_column {
        padding: 0 15px;
    }

    #home_count_section .container-fluid.home_count_below_text .download_brochure_image {
        display: grid;
        justify-content: center;
        align-content: center;
    }

    #find_the_cooler_section .find_the_cooler_section-right-text {
        display: grid;
        justify-content: center;
        align-content: center;
        padding: unset;
    }

    .btn.home_default_btn.right_contact_btn {
        margin: 0 !important;
        padding: 5px 10px;
        font-size : 12px;
    }

    .pagebuilder-slider.home-row-grid-slider .pagebuilder-slide-wrapper .pagebuilder-poster-content {
        width: auto;
    }

    .pagebuilder-slider.home-row-grid-slider .pagebuilder-slide-wrapper [data-element="content"] {
        color: #161f6e;
        text-transform: uppercase;
        font-size: 2em;
        font-family: greycliff-cf; font-weight: 600;
        padding-top: 2em;
        transform: translateY(10em);
    }

    .pagebuilder-slider.home-row-grid-slider .pagebuilder-slide-button.pagebuilder-button-link {
        color: white;
        background-color: #ff8201;
        cursor: pointer;
        text-decoration: none;
        font-size: 16px;
        vertical-align: middle;
        font-family: greycliff-cf; font-weight: 600;
        border-radius: 5px;
    }

    .pagebuilder-slider.home-row-grid-slider .pagebuilder-slide-button.pagebuilder-button-link:hover {
        color: white;
        background-color: #ff8201;
    }

    .footer.content .footer-overlay-parent {
        top: -12%;
    }

    .footer.content .footer-overlay-parent .footer-overlay {
        margin: 5rem auto;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner {
        padding: 4em 0;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-8 p {
        font-size: 12px;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-4 {
        width: auto;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-4 a {
        padding: 10px;
        font-size: 10px;
    }

    .footer-oasis-custom {
        margin-top: 0;
    }

    .breadcrumbs {
        padding: 14em 0px;
        width: 100%;
    }

    .breadcrumbs h1 {
        font-size: 1.5em;
    }

    .breadcrumbs .items>li {
        display: inline-flex !important;
    }

    .breadcrumbs .item:not(:last-child):after {
        line-height: 13px;
    }

    .header.content .block-search .action.search {
        padding: 5.5px;
    }

    .header.content .block-search .action.search {
        top: 5px;
    }

    .header-image {
        min-height: 120px;
        margin-top: unset;
    }

    .checkout-cart-index .page-main,
    .checkout-index-index .page-main {
        padding-top: 20px;
        margin-bottom: 20px;
    }

    /* .filter-options .filter-options-title {
        border: 2px #ccc;
        padding: 0.5em;
        border-radius: 0.25em;
        box-shadow: 0 0 2px 1px grey;
    } */

    .filter-options-title:before {
        content: "\25be";
        float: right;
        color: gray;
    }

    .category-k-12-hydration.catalog-category-view .btn.default_btn.kids_top_button {
        margin-top: 20px;
    }

    .category-k-12-hydration.catalog-category-view #kids-tab-area-text .col-md-4 {
        padding: 10px;
    }

    .kids-tab-brochure .btn.default_btn,
    .kids-tab-structure .btn.default_btn,
    .water-filtration-area .btn.default_btn {
        padding: 25px 50px;
        font-size: 12px;
        margin: 2em 0em;
        border-radius: 10px;
    }

    .kids-tab-structure .structure-img {
        margin-top: 20px;
    }

    .kids-tab-area-text p,
    .kids-tab-brochure p,
    .kids-tab-structure p,
    .worried-about-lead p,
    .water-filtration-area p,
    .antimicrobial-text-area p,
    .sale-text-area p {
        color: gray;
        line-height: 24px;
    }

    .kids-tab-structure .water-drop-icon {
        max-width: 150px;
    }

    .category-k-12-hydration.catalog-category-view .close,
    .category-healthcare-purification.catalog-category-view .close {
        position: initial;
    }

    .category-k-12-hydration.catalog-category-view .modal,
    .category-healthcare-purification.catalog-category-view .modal {
        padding-top: 200px;
        /* Location of the box */
    }

    .category-k-12-hydration.catalog-category-view .modal-content,
    .category-healthcare-purification.catalog-category-view .modal-content {
        width: 100%;
    }

    .sustainable-water-hydration-info .col-md-4 {
        width: 33.3%;
        padding: unset;
    }

    .sustainable-start-now-area .right-img,
    .sustainable-start-now-area .description-text {
        padding: 15px;
    }

    .sustainable-water-hydration-info .blue-bg-container {
        background-image: linear-gradient(310deg, #fff, #106db3 0%, #121d6d);
        padding: 15px;
        border-radius: 10px;
        height: 149px;
        width: unset;
        margin: 5px;
    }

    .sustainable-water-hydration-info .blue-bg-container img {
        height: 40px;
    }

    .sustainable-water-hydration-info p {
        color: white;
        padding-top: 1em;
        font-size: 10px;
        font-family: greycliff-cf; font-weight: 600;
    }

    .sustainable-brochure-area .btn.default_btn,
    .corparate-sustainability-pays .btn.default_btn,
    .healthcare-brochure-area .btn.default_btn {
        padding: 25px 50px;
        font-size: 12px;
        margin: 2em 0em;
        border-radius: 10px;
    }

    .sustainable-brochure-area .box-shadow-effect,
    .healthcare-brochure-area .box-shadow-effect {
        max-width: unset;
    }

    .corparate-sustainability-pays .col-md-6.percentage-overlay {
        margin-top: unset;
        margin-bottom: 20px;
    }

    .corparate-sustainability-pays .col-md-6.percentage-backround {
        position: relative;
        width: 100%;
        max-width: 100%;
    }


    .corparate-sustainability-pays span {
        font-size: 2em;
    }

    .corparate-sustainability-pays .box-shadow-effect img {
        width: 40%;
    }

    #search_mini_form_cms .input-box {
        max-width: 90%;
    }

    #healthcare .img-desc-col {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: center;
    }

    #healthcare-brochure-area p.left-al {
        padding-left: unset;
    }

    .maxxfill_second_section,
    .maxxfill_contact_section,
    .maxxfill_smartadapt_section,
    .maxxfill_feauture_section,
    .maxxfill_feauture_section_btn {
        padding: unset;
    }

    .maxxfill.banner .banner_text {
        font-size: 16px;
    }

    .maxxfill.banner .banner_text .thin {
        font-size: 16px;
    }

    .maxxfill.banner .banner_text sup {
        font-size: 10px;
    }

    .maxxfill.banner .banner_text button {
        margin: 10px auto;
        padding: 10px 20px;
        font-size: 12px;
    }

    .maxxfill_second_section .column,
    .maxxfill_contact_section .column,
    .maxxfill_smartadapt_section .column,
    .maxxfill_video_section .column {
        width: 100%;
        float: left;
    }

    .maxxfill_second_section .column.right_text h2 {
        font-size: 28px;
    }

    .maxxfill_second_section .column.right_text sup {
        font-size: 24px;
    }

    .maxxfill_second_section .column.right_text p {
        font-size: 14px;
    }

    .maxxfill_feauture_section_btn button,
    .maxxfill_second_section button,
    .maxxfill_video_section button {
        font-size: 14px;
    }

    .maxxfill_feauture_section {
        display: none;
    }

    .maxxfill_mobile_feauture_section {
        display: block;
        width: 100%;
        max-width: 100%;
        background-color: #eaeef1;
    }

    .maxxfill_feauture_section .center_column {
        display: none;
    }

    .maxxfill_feauture_section .right_column,
    .maxxfill_feauture_section .left_column {
        height: auto;
    }

    .maxxfill_feauture_section .right_column_text:first-child,
    .maxxfill_feauture_section .left_column_text:first-child,
    .maxxfill_feauture_section .right_column_text,
    .maxxfill_feauture_section .left_column_text {
        padding-top: unset;
    }

    .maxxfill_feauture_section .right_column_text p,
    .maxxfill_feauture_section .left_column_text p {
        font-size: 14px;
    }

    .maxxfill_feauture_section .right_column img,
    .maxxfill_feauture_section .left_column img {
        height: 80px;
    }

    .maxxfill_contact_section #contact-form {
        width: 100%;
        padding: unset;
    }
    .big-circle {
        width: 100px;
        height: 100px;
        left: -50px;
        font-size: 18px;
    }
    .category-history .middle-line {
        width: 7px;
    }
    .small-circle-right,
    .small-circle-left {
        width: 30px;
        height: 30px;
        left: -30px;
    }
    .small-circle-left {
        right: -30px;
        left: auto;
    }
    .our-history-left-col .big-circle {
        right: -65px;
    }
    .our-history-left-col-content {
        padding-right: 15px;
    }
    .our-history-right-col {
        padding-left: 15px;
    }
    .our-history-container {
        font-size: 14px;
    }
    .year-box-left,
    .year-box-right {
        font-size: 18px;
        height: 30px;
    }
    .year-box-left-arrow {
        border-width: 0 16px 30px 0px;
    }
    .year-box-right-arrow {
        border-width: 0 0 30px 16px;
    }
    .our-history-right-col .our-history-text {
        padding: 0;
        padding-left: 10px;
    }
    .oasis-old-logo {
        padding: 0;
    }
    .our-history-container {
        padding-top: 154px;
    }
    .big-circle-1 {
        top: -154px;
    }
    .big-circle-2 {
        top: -160px;
    }
    .big-circle-3 {
        top: -110px;
    }
    .our-history-right-col-1 {
        margin-top: 30px;
    }
    .our-history-text-container {
        padding-top: 24px;
        text-align: left;
    }
    .watercooler-image {
        margin-top: 28px;
    }
    .our-history-text-container.first-text {
        padding: 20px;
        text-align: left;
    }
    .category-history .mt-1950-reduce {
        margin-top: -10em;
    }
    .category-history .mt-1960-reduce {
        margin-top: 0em;
        margin-bottom: 2em;
    }
    .category-history .big-circle-3 {
        top: -215px;
    }
    .year-circle {
        padding-top: 160px;
    }
    .big-circle-4 {
        top: -180px;
    }
    .our-history-left-col {
        padding-top: 165px;
    }
    .category-history .mt-5-reduce {
        margin-top: -5px;
    }
    .category-history .mt-1974-reduce, .category-history .mt-2020-reduce{
        margin-top: -30em;
    }
    .category-history .mt-2022-reduce{
        margin-top: -20em;
    }
    .container.bubbles .row {
        margin-right: -15px;
        margin-left: -15px;
    }
    .container.bubbles .col-md-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: unset;
     }
     .bubbles .big-circle {
        left: unset;
        top: unset;
        position: relative;
        font-size: 14px;
        text-align: center;
        width: 70px;
        height: 70px;
        margin: 0 auto;
    }
    .cms-right-img {
        float: none;
        display: block;
        margin: 16px auto
    }
    .container.bubbles {
        max-width: unset;
    }
    .container.bubbles .col-md-8 {
        padding: unset;
    }
    .container.bubbles .row {
      margin-right: -12px;
      margin-left: -12px;
    }
    .container.bubbles .col {
        width: 20%;
        max-width: 20%;
        padding: unset;
    }
    .category-history .mt-1952-reduce {
        margin-top: unset;
    }
    .category-history .mt-1974-reduce {
        margin-top: -5em;
    }
    .category-history .mt-2020-reduce {
        margin-top: -15em;
    }
    .page-products.category-products #product-cmp-section .col {
        flex: auto;
    }
    #healthcare-brochure-area .health-pillar {
        position:static;
    }
    #healthcare-brochure-area .health-pillar .pillar-img-structure .btn.default_btn.kids-structure-overlay {
        left:50%;
    }
    .page-products.category-markets .page-main img {
        padding: 2em 1.5em;
    } 
    .owl-carousel .banner-item .content_slider {
        top: 10%;
    } 
    .owl-carousel .banner-item .content_slider .buttons .custom_content h3 p{
        margin-bottom: 0;
        font-size: 0.2rem;
    }
    .owl-carousel .banner-item .content_slider .buttons .custom_content .btn.home_default_btn {
        font-size: 10px;
    } 
    .custom_content h1 {
        font-size : 1.5rem !important;
        margin-bottom: 10px !important;
    } 
    .custom_content h3 {
        font-size : 1.2rem !important;
    }
      /*warranty Information  */
    #warranty-info-section .warranty-logo-row .col-sm-4{
        margin-bottom: 2rem;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    #myModal>div {
        width: 80%;
    }

    .blue-fills {
        margin: 0;
    }

    .blue-fills p {
        bottom: 0;
        font-size: 1em;
    }

    .providing-the-best .col-sm-1 {
        display: none;
    }
}

@media (max-width: 575px) {
    .notformobile {
        display: none;
    }

    #support-main .col-pad {
        padding-top: 2%;
        padding-bottom: 2%;
    }
    #support-main .row-pad {
        padding-bottom :0%;
    }
    .page-products.category-markets .page-main img {
        width: 375px;
    }   
}

@media (max-width:368px) {
    .header-top-mobile .callus-header .callus-text p {
        font-size: 0.8rem;
    }

    .header-top-mobile .callus-header .callus-text a {
        font-size: 0.9rem;
    }

    #search_mini_form_cms .input-box #search_cms {
        width: 65%;
        height: 48px;
    }

    .corparate-sustainability-pays .row.sustainability-pays {
        float: none;
        position: relative;
    }

    .corparate-sustainability-pays span {
        font-size: 1.5em;
    }

    .corparate-sustainability-pays .box-shadow-effect img {
        width: 30%;
    }

    .sustainable-brochure-area .btn.default_btn,
    .corparate-sustainability-pays .btn.default_btn,
    .healthcare-brochure-area .btn.default_btn {
        padding: 20px 35px;
        font-size: 10px;
        margin: 2em 0em;
        border-radius: 10px;
        left: unset;
    }

    .footer.content .footer-overlay-parent .footer-overlay-inner .col-md-4 a {
        font-size: 0.9rem;
    }

    .category-k-12-hydration.catalog-category-view .kids-tab-area-text .container.clearfix {
        padding: 0 20px;
    }

    .category-k-12-hydration.catalog-category-view .btn.default_btn.kids_top_button {
        padding: 20px 40px;
    }

    .kids-tab-brochure .btn.default_btn,
    .kids-tab-structure .btn.default_btn,
    .water-filtration-area .btn.default_btn {
        padding: 20px;
        min-width: 250px;
    }

    .category-k-12-hydration.catalog-category-view .box-shadow-effect {
        height: auto;
        margin-bottom: 10px;
    }
}