body {
    font-family: "Times New Roman", Times, serif;
}

/*__________________________________________Serim*/
.serimside {
    display: none;
}

.hide_show {
    display: none;
}

.swooshmobileimg {
    display: none;
}

.mobile_footer {
    display: block;
}

.desktop_footer {
    display: none;
}

.swoosh_why {
    display: none;
}

.service {
    text-align: center;
    padding: 20px 20px 0px 20px;
}

.why_products {
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    min-height: 200px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 120px auto 0px auto;
}


.serimTests_header {
    text-align: center;
    margin: 20px auto;
    border-radius: 10px;
    color: #fff;
    padding: 10px;
    margin-left: 20px;
    margin-right: 20px;
    font-size: 13pt;
    -webkit-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 0px 0px rgba(0,0,0,0.5);
}

.serimsidemobile {
    display: block;
    padding: 10px 0px 0px 0px;
    border: 1px solid #808080;
}

    .serimsidemobile a:hover {
        text-decoration: none;
    }

    .serimsidemobile a {
        color: #000;
    }

    .serimsidemobile ul {
        list-style-type: none;
    }

        .serimsidemobile ul li {
            margin-bottom: 5px;
        }

    .serimsidemobile h5 {
        margin-left: 20px;
        font-size: 12pt;
        font-weight: 700;
        margin-bottom: 10px;
    }

.serimsidemobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
}

    .serimsidemobile a {
        transition: 0.3s;
    }

    .serimsidemobile .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

#mySidenav::-webkit-scrollbar {
    width: 0px;
}

/* Track */
#mySidenav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
#mySidenav::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 10px;
}

    /* Handle on hover */
    #mySidenav::-webkit-scrollbar-thumb:hover {
        background: #808080;
    }



/*__________________________________________________#region Home */
.toplogodesktop {
    display: none !important;
}

.hero_line_left {
    position: relative;
    left: 0;
    top: 10px;
    height: 2px;
    width: 50%;
    background-color: #fff;
}

.hero_line_right {
    position: relative;
    right: 0;
    top: 20px;
    height: 2px;
    width: 50%;
    background-color: #fff;
}

.hero_maininfo {
    font-size: 15pt;
    padding: 10px;
    text-align: center;
    margin-top: 10px;
}

.toplogo img {
    width: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 150000;
}

.banner_img {
    display: none;
}

.hero_img {
    color: #fff;
    margin-top: -100px;
    width: 100%;
    height: 290px;
    background: rgb(0,59,132);
    /*background: rgb(35,158,238);
    background: -moz-linear-gradient(-45deg, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 49%, rgba(0,0,0,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);
    background: linear-gradient(135deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#000000',GradientType=1 );
    opacity: 0.4;
}

    .hero_img h1 {
        font-size: 30pt;
        text-align: center;
        padding-top: 120px;
        margin-top: 0px;
        color: #fff;
        font-variant: small-caps;
    }

.products_top h1 {
    padding-top: 140px;
    font-variant: small-caps;
}

.mobile_swoosh {
    position: absolute;
    left: 0;
    right: 0;
    top: 240px;
    width: 100%;
    height: 116px;
    background-image: url('/image/Mobile_swoosh.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.img_mdcd {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Hospital-Equipment-And-Medical-235793617.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.img_hptk {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Young-pregnant-woman-visiting--139319531.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.img_sdt {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Kitchen-utensils-cookware-and-180257986.jpg');
    background-size: cover;
    background-repeat: no-repeat;
}

.home_grid1 {
    position: relative;
    z-index: 10;
    top: 20px;
    margin-bottom: 70px;
}

.grid_maininfo {
    display: grid;
    grid-template-columns: auto;
    grid-row-gap: 40px;
    text-align: center;
    /*background-color: rgba(35, 158, 238, 0.20);*/
}

    .grid_maininfo .MDCD, .grid_maininfo .SDT, .grid_maininfo .HPTK {
        background-color: rgba(117, 117, 117, 1);
        border: 1px solid #d7d7d7;
        margin-bottom: 30px;
        width: 100%;
    }

    .grid_maininfo img {
        width: 200px;
        height: auto;
        padding: 20px;
    }

.grid_mainproductfamily {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

    .grid_mainproductfamily > div {
        background-color: #fff;
        margin-bottom: 40px;
    }

    .grid_mainproductfamily h2 {
        position: relative;
        font-size: 14pt;
        background-color: #fff;
        top: -15px;
        width: 80%;
        margin: 0 auto;
    }

    .grid_mainproductfamily ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }


.home_grid2 {
    margin-top: 100px;
    color: #fff;
}

.wave2, .wave1, .wave3 {
    display: none;
}

/*#region productGIRD */

/*_________________________________________________________Food Safety and Sanitation*/

.grid_productfamily4 {
    display: grid;
    grid-template-columns: auto;
    padding: 10px;
    text-align: center;
    margin: 0px auto;
    grid-row-gap: 40px;
    grid-gap: 10px;
}

    .grid_productfamily4 > div {
        background-color: #fff;
        margin-bottom: 40px;
    }

.grid_productfamily4 p {
    padding: 10px;
}

.grid_productfamily4 h2 {
    position: relative;
    font-size: 14pt;
    background-color: #fff;
    top: -15px;
    width: 80%;
    margin: 0 auto;
}

    .grid_productfamily4 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }




    /*_________________________________________________________Central Services*/
    .grid_productfamily3 {
    display: grid;
    grid-template-areas: 'gridMonitorsforCleaning' 'gridWaterQuality';
    padding: 10px;
    text-align: center;
    margin: 0px auto;
    grid-row-gap: 40px;
}

    .grid_productfamily3 > div {
        background-color: #fff;
        margin-bottom: 40px;
    }

    .grid_productfamily3 p {
        padding: 10px;
    }

    .grid_productfamily3 h2 {
        position: relative;
        font-size: 14pt;
        background-color: #fff;
        top: -15px;
        width: 80%;
        margin: 0 auto;
    }

    .grid_productfamily3 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

.gridMonitorsforCleaning {
    grid-area: gridMonitorsforCleaning;
}
/*_________________________________________________________H.pylori, LandD, HLD*/
.grid_productfamily2 {
    width: 300px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.grid_productfamily2 > div {
    background-color: #fff;
    margin-bottom: 40px;
}

.grid_productfamily2 p {
    padding: 10px;
}

.grid_productfamily2 h2 {
    position: relative;
    font-size: 14pt;
    background-color: #fff;
    top: -15px;
    width: 80%;
    margin: 0 auto;
}

.grid_productfamily2 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

/*_________________________________________________________Dialysis*/
.grid_productfamily {
    display: grid;
    grid-template-areas: 'gridResidual' 'gridPotency' 'gridWaterQuality' 'gridChlorineConcentration' 'gridDialysateQuality' 'gridPeritoneal';
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

.gridChlorineConcentration {
    grid-area: gridChlorineConcentration;
}

.gridResidual {
    grid-area: gridResidual;
}

.gridPotency {
    grid-area: gridPotency;
}

.gridWaterQuality {
    grid-area: gridWaterQuality;
}

.gridDialysateQuality {
    grid-area: gridDialysateQuality;
}

.gridPeritoneal {
    grid-area: gridPeritoneal;
}

.grid_productfamily > div {
    background-color: #fff;
    margin-bottom: 40px;
}

.grid_productfamily p {
    padding: 10px;
}

.grid_productfamily h2 {
    position: relative;
    font-size: 14pt;
    background-color: #fff;
    top: -35px;
    width: 80%;
    margin: 0 auto;
}

.grid_productfamily ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

/*#endregion */


.why {
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    min-height: 260px;
    padding-top: 35px;
    margin: 30px auto 0px auto;
}


.lineproducts {

    height: 1px;
    margin-left: 130px;
    margin-bottom:10px;
}

.why_desktop {
    display: none;
}

.application img {
    margin-right: 20px;
    margin-bottom: 50px;
}

.files {
    text-align: center;
    margin-bottom: 20px;
}

.application {
    margin: 0 auto;
    position: relative;
    z-index: 0;
    top: 100px;
}

.paragraph {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}


.text_para {
    margin-left: 10px;
}

.application h4 {
    font-size: 15pt;
    font-variant: small-caps;
    margin: 20px 0 10px 0;
}

.application h3 {
    font-size: 20pt;
    font-variant: small-caps;
}

.chartIMG {
    margin: 0px auto;
    margin-top: 20px;
    text-align: center;
}

.options {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.optiongrid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

.optionsp {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}


    .optiongrid > div {
        background-color: #fff;
        margin: 10px;
    }

.small_line {
    width: 70%;
    margin: 20px auto;
    height: 1px;
}

.options {
    padding: 20px;
    display: flex; /* Added from here down */
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 10px 0 20px 0;
}

.chartgrid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    padding: 10px;
}

.bottlegrid {
    margin-bottom: 50px;
    margin-top: -100px;
}

.bottlesIMG {
    max-width: 200px;
    position: relative;
    margin-left: calc(50% - 100px);
}

    .bottlesIMG .img {
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
        height: 200px;
        width: 100%;
        background-size: contain;
        text-align: center;
        margin: 0 auto;
    }

.mainCentralServiceimg {
    width: 100%;
    padding: 10px;
}


.bottleshadow {
    position: relative;
    top: 270px;
    width: 100px;
    height: 15px;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, 0.45);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    margin-top: 100px;
    margin-left: 5px;
}


.grid_home_bottom {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}


.datebox {
    margin: 20px auto;
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    background: rgb(242,246,248);
    background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

.events_btn {
    background-color: rgba(0,59,132,1);
    color: #fff;
    padding: 9px;
}

    .events_btn:hover {
        background-color: #000;
        color: #fff;
    }

.btnSpace2 {
    width: 120px;
    margin: 20px auto;
    margin-bottom: 70px;
}

.home_bottom {
    margin: 50px auto;
    margin-bottom: 0px;

  
}

.home_bottom2 {
    padding-top: 50px;
    text-align: center;
    border-top: rgb(35,158,238) 1px solid;
}

.home_bottom h6 {
    font-size: 13pt;
}

.home_bottom h5 {
    font-size: 23pt;
    letter-spacing: 6px;
}

.home_bottom h4 {
    margin: 0 auto;
}

.home_bottom h3 {
    margin-bottom: 50px;
    letter-spacing: 7px;
    color: rgb(35,158,238);
}

.home_bottom2 h3 {
    margin-bottom: 30px;
    letter-spacing: 7px;
    color: rgb(35,158,238);
}


.grid_news {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
}

    .grid_news > div {
        background-color: #fff;
        margin: 10px;
    }

.newstitle {
    font-size: 13pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.newstitlehome {
    font-size: 12pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.newsdatehome {
    font-size: 11pt;
    color: rgba(0,59,132,1);
}

.newsdate, .newstimes {
    font-size: 12pt;
    color: rgba(0,59,132,1);
}


.dateboxabout {
    margin: 20px auto;
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    background: rgb(242,246,248);
    background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

    .dateboxabout h6 {
        font-size: 13pt;
    }

    .dateboxabout h5 {
        font-size: 23pt;
        letter-spacing: 6px;
    }

.upcomingevents h3 {
    font-size: 15pt;
    width: 90%;
    text-align: center;
    border-bottom: 1px solid rgb(35,158,238);
    color: #000;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.grideventsAbout {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

    .grideventsAbout > div {
        background-color: #fff;
       
    }

.mission {
    background: rgba(0,59,132,1);
    background: -moz-linear-gradient(top, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 100%);
    background: linear-gradient(to bottom, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#003b84',GradientType=0 );
    color: #fff;
    padding: 20px;
    width: 100%;
}

.missioninfo {
    width: 90%;
    margin: 80px auto;
    text-align: center;
}



.about {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 70px;
}

.products {
    width: 80%;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 70px;
}
 .certified{
     text-align:center;
    margin: 0 auto;
}



    .missioninfo h3 {
        font-size: 20pt;
        
    }

    .missioninfo p {
        font-size: 13pt;
    }

.swoosh_about, .programsimg {
    position: relative;
    top: -30px;
    width: 100%;
    height: 70px;
    background-image: url(/image/swoosh_About.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.video_product {
    margin: 30px auto;
    text-align: center;
}

.video_iframe {
    display: none;
}

@media (max-width: 320px) {
    .video_phone_iframe_xs {
        margin: 30px auto;
        text-align: center;
    }

    .video_phone_iframe_s {
        display: none;
    }

    .video_phone_iframe_m {
        display: none;
    }

    .video_phone_iframe_lg {
        display: none;
    }
}

@media (min-width: 321px) and (max-width: 400px) {
    .video_phone_iframe_s {
        margin: 30px auto;
        text-align: center;
    }
    .video_phone_iframe_xs {
        display: none;
    }

    .video_phone_iframe_m {
        display: none;
    }

    .video_phone_iframe_lg {
        display: none;
    }
}
@media (min-width: 401px) and (max-width: 460px) {
    .video_phone_iframe_m {
        margin: 30px auto;
        text-align: center;
    }

    .video_phone_iframe_xs {
        display: none;
    }

    .video_phone_iframe_s {
        display: none;
    }

    .video_phone_iframe_lg {
        display: none;
    }
}

@media (min-width: 461px) {
    .video_phone_iframe_lg {
        margin: 30px auto;
        text-align: center;
    }
    .video_phone_iframe_xs {
        display: none;
    }

    .video_phone_iframe_s {
        display: none;
    }

    .video_phone_iframe_m {
        display: none;
    }
}


    /*_________________________________________________________events*/


    .gridevents {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 35px;
        text-align: center;
        margin: 20px auto;
    }


    .Main_Event_Info h3 {
        text-align: center;
        margin-top: 50px;
        color: rgba(0,59,132,1);
    }

    .Main_Event_Info hr {
        width: 70%;
        margin-top: 20px;
        margin-bottom: 20px;
        border: 0;
        border-top: 1px solid rgba(0,59,132,1);
    }


    .dateboxevent {
        margin: 20px auto;
        color: rgba(0,59,132,1);
        padding: 10px;
        width: 100px;
        border-radius: 5px;
        text-align: center;
        background: rgb(242,246,248);
        background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
        20 background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
    }


    /*_________________________________________________________support*/


    .CentralServiceSupport, .HpyloriSupport {
        width: 90%;
        margin: 20px auto 0 auto;
    }

    @media (min-width: 516px) {
        .CentralServiceSupport, .HpyloriSupport {
            width: 90%;
            margin: 35px auto 0 auto;
        }
    }

    .HpyloriSupport {
        margin-bottom: 50px;
    }

    .supportVideo {
        width: 100%;
        height: 250px;
    }

    .support h2, .support hr {
        margin-top: 30px;
        margin-left: 20px;
        margin-right: 20px;
        color: rgba(0,59,132,1);
    }

    .mainsevices {
        margin: 0 auto 40px auto;
        padding: 20px;
        text-align: center;
    }


        .mainsevices p {
            font-size: 12pt;
            margin: 20px;
            font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
        }

        .mainsevices h3 {
            font-size: 20pt;
            border-bottom: solid 1px rgba(0,59,132,1);
        }

    .grid_products {
        display: grid;
        grid-template-columns: auto;
        grid-gap: 10px;
        padding: 10px;
        grid-row-gap: 40px;
        text-align: center;
        margin-bottom: 50px;
    }

        .grid_products > div {
            background-color: #fff;
            margin-bottom: 40px;
        }

        .grid_products h2 {
            position: relative;
            background-color: #fff;
            top: -35px;
            width: 80%;
            margin: 0 auto;
        }

        .grid_products ul {
            list-style: none;
            margin: 0;
            padding: 0;
            margin-bottom: 10px;
        }

    .headerHeroPad h1 {
        font-size: 40pt;
        text-align: center;
        padding-top: 150px !important;
        margin-top: 0px;
        color: #fff;
        letter-spacing: 2px;
        font-variant: small-caps;
    }




    @media (max-width: 372px) {
        .hero_img {
            color: #fff;
            margin-top: -100px;
            width: 100%;
            height: 260px;
            display: flex;
            justify-content: center;
            align-items: center;
            background: rgb(0,59,132);
            /*background: rgb(35,158,238);
            background: -moz-linear-gradient(-45deg, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 49%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(-45deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);
            background: linear-gradient(135deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#000000',GradientType=1 );
            opacity: 0.5;
        }

            .hero_img h1 {
                font-size: 30pt;
                text-align: center;
                padding-top: 70px;
                margin-top: 0px;
                color: #fff;
            }
    }

    @media  (max-width: 426px) {
        .grid_mainproductfamily {
            grid-template-columns: auto;
        }

            .grid_mainproductfamily h2 {
                font-size: 15pt;
            }


        .gridevents {
            display: grid;
            grid-template-columns: auto;
            grid-gap: 35px;
            text-align: center;
            margin: 20px auto;
        }

        .hero_img {
            color: #fff;
            margin-top: -100px;
            width: 100%;
            height: 260px;
            background: rgb(0,59,132);
            /*background: rgb(35,158,238);
            background: -moz-linear-gradient(-45deg, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 49%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(-45deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);
            background: linear-gradient(135deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#000000',GradientType=1 );
            opacity: 0.4;
        }

            .hero_img h1 {
                font-size: 30pt;
                text-align: center;
                margin-top: 0px;
                color: #fff;
            }
    }

    @media (min-width: 375px) {
        .swoosh_about, .programsimg {
            position: relative;
            top: -22px;
            width: 100%;
            height: 70px;
            background-image: url(/image/swoosh_About.png);
            background-size: contain;
            background-position: center center;
            background-repeat: no-repeat;
        }

        .headerHeroPad h1 {
            font-size: 40pt;
            text-align: center;
            padding-top: 180px !important;
            margin-top: 0px;
            color: #fff;
            letter-spacing: 2px;
            font-variant: small-caps;
        }
    }

    @media (min-width: 530px) {
        .mobile_swoosh {
            position: absolute;
            left: 0;
            right: 0;
            top: 240px;
            width: 100%;
            height: 116px;
            background-image: url('/image/Mobile_swoosh.png');
            background-size: contain;
            background-repeat: no-repeat;
        }
    }

    @media (min-width: 425px) {

        .hero_img h1 {
            padding-top: 140px;
        }

        .products_top h1 {
            padding-top: 140px;
            font-variant: small-caps;
        }


        .grideventsAbout {
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 10px;
            text-align: center;
            margin: 0 auto;
            width: 90%;
        }
    }

    @media (min-width: 467px) {

        .hero_img h1 {
            padding-top: 160px;
            font-variant: small-caps;
        }




        /*#region productGRID */


        .grid_productfamily4 {
            display: grid;
            grid-template-areas: ' gridResidual2 gridIodineSanitizer' 'gridQuickService gridQACSanitizer' ' gridChlorineSanitizer gridWaterQuality2 ';
            padding: 10px;
            text-align: center;
            margin: 0px auto;
            grid-row-gap: 40px;
            grid-gap: 10px;
        }

            .grid_productfamily4 > div {
                background-color: #fff;
                margin-bottom: 40px;
            }


        .grid_productfamily3 {
            display: grid;
            grid-template-areas: 'gridMonitorsforCleaning gridWaterQuality';
            padding: 10px;
            text-align: center;
            margin: 0px auto;
            grid-row-gap: 40px;
            grid-gap: 10px;
        }

            .grid_productfamily3 > div {
                background-color: #fff;
                margin-bottom: 40px;
            }


        .grid_productfamily {
            display: grid;
            grid-template-areas: 'gridWaterQuality gridPotency ' 'gridChlorineConcentration gridResidual' 'gridDialysateQuality   gridPeritoneal';
            grid-gap: 10px;
            padding: 10px;
            grid-row-gap: 70px;
            text-align: center;
        }


            .grid_productfamily > div {
                background-color: #fff;
                margin-bottom: -50px;
            }



        .gridResidual {
            grid-area: gridResidual;
            height: 870px;
        }


        .gridPotency {
            grid-area: gridPotency;
        }

        .gridChlorineConcentration {
            grid-area: gridChlorineConcentration;
            margin-top: 0px;
        }

        .gridWaterQuality {
            grid-area: gridWaterQuality;
        }

        .gridDialysateQuality {
            grid-area: gridDialysateQuality;
            margin-top: -240px;
        }

        .gridPeritoneal {
            grid-area: gridPeritoneal;
            height: 500px;
        }

        .gridWaterQuality2 {
            grid-area: gridWaterQuality2;
        }

        .gridChlorineSanitizer {
            grid-area: gridChlorineSanitizer;
        }

        .gridQACSanitizer {
            grid-area: gridQACSanitizer;
        }

        .gridIodineSanitizer {
            grid-area: gridIodineSanitizer;
        }

        .gridQuickService {
            grid-area: gridQuickService;
        }

        .gridResidual2 {
            grid-area: gridResidual2;
        }

        /*#endregion */



        .why {
            background-color: #808080;
            color: #fff;
            font-size: 15pt;
            text-align: center;
            /*height: 150px;*/
            padding-top: 35px;
            margin: 30px auto 0px auto;
            margin-top: 70px;
        }
    }

    @media (min-width: 447px) {

        .hero_img {
            padding: 5px 10px 0px 10px;
        }


        .products_top h1 {
            padding-top: 140px;
            font-variant: small-caps;
        }
    }

    @media (min-width: 520px) {

        .optiongrid {
            display: grid;
            grid-template-columns: auto auto;
            grid-gap: 10px;
            padding: 10px;
            grid-row-gap: 40px;
            text-align: center;
        }
    }














    .toplogo {
        position: relative;
        left: 0;
        right: 0;
        top: 0px;
        width: 100%;
        height: 70px;
        border-radius: 0px 0px 50% 50%;
        z-index: 100000;
        background-color: #fff;
        border: 1px solid rgba(0,0,0,0.5);
        -webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
        -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
        box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
    }

    /*#endregion */

    /*#region hero_imgs_color */
    .hero_img_Dialysis {
        background: var(--dialysis-color);
        background: -moz-linear-gradient(-45deg, var(--dialysis-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--dialysis-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--dialysis-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--dialysis-color)', endColorstr='#239eee',GradientType=1 );
    }


    .hero_img_Hpylori {
        background: var(--H_pylori-color);
        background: -moz-linear-gradient(-45deg, var(--H_pylori-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--H_pylori-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--H_pylori-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--H_pylori-color)', endColorstr='#239eee',GradientType=1 );
    }

    .hero_img_CentralService {
        background: var(--central_service-color);
        background: -moz-linear-gradient(-45deg, var(--central_service-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--central_service-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--central_service-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--central_service-color)', endColorstr='#239eee',GradientType=1 );
    }

    .hero_img_FoodSafetySanitation {
        background: var(--food_safety_sanitation-color);
        background: -moz-linear-gradient(-45deg, var(--food_safety_sanitation-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--food_safety_sanitation-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--food_safety_sanitation-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--food_safety_sanitation-color)', endColorstr='#239eee',GradientType=1 );
    }

    .hero_img_LaundryandDisinfection {
        background: var(--laundry_disinfection-color);
        background: -moz-linear-gradient(-45deg, var(--laundry_disinfection-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--laundry_disinfection-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--laundry_disinfection-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--laundry_disinfection-color)', endColorstr='#239eee',GradientType=1 );
    }

    .hero_img_LaundryandDisinfection {
        background: var(--laundry_disinfection-color);
        background: -moz-linear-gradient(-45deg, var(--laundry_disinfection-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--laundry_disinfection-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--laundry_disinfection-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--laundry_disinfection-color)', endColorstr='#239eee',GradientType=1 );
    }

    .hero_img_HighLevelDisinfectants {
        background: var(--high_level_disinfectant-color);
        background: -moz-linear-gradient(-45deg, var(--high_level_disinfectant-color) 30%, rgba(35,158,238,1) 100%);
        background: -webkit-linear-gradient(-45deg, var(--high_level_disinfectant-color) 30%,rgba(35,158,238,1) 100%);
        background: linear-gradient(135deg, var(--high_level_disinfectant-color) 30%,rgba(35,158,238,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--high_level_disinfectant-color)', endColorstr='#239eee',GradientType=1 );
    }

    /*#endregion */


    .hero_maininfo {
        display: none;
    }