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


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



.serimside {
    width: 300px;
}

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

.toplogodesktop {
    display: none !important;
}

.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);
}

.serimside {
    width: 220px;
}

.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_img h1 {
    font-size: 40pt;
    text-align: center;
    padding-top: 120px;
    margin-top: 0px;
    color: #fff;
}

.hero_maininfo {
    font-size: 14pt;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    max-width: 1000px;
}

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



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

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

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

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

.grid_maininfo {
    display: grid;
    grid-gap: 10px;
    grid-template-areas: 'MDCD SDT HPTK';
    text-align: left;
    margin: 20px;
    width: 95%;
    margin: 0 auto;
}

    .grid_maininfo .MDCD, .grid_maininfo .SDT, .grid_maininfo .HPTK {
        background-color: rgb(117, 117, 117);
        margin-bottom: 10px;
        width: 100%;
        border-radius: 5px;
    }

.MDCD {
    grid-area: MDCD;
}

.SDT {
    grid-area: SDT;
}

.HPTK {
    grid-area: HPTK;
}

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

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

.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_grid1 {
    position: relative;
    z-index: 10;
    top: -90px;
    margin-bottom: -60px;
}

.home_grid2 {
    margin-top: 0px;
    color: #fff;
    margin-bottom: 30px;
}

.hide_show {
    display: block;
}

.swooshmobileimg {
    display: none;
}

.hero_img {
    color: #fff;
    position: absolute;
    z-index: 15;
    top: 60px;
    left: 0;
    margin: 0 auto;
    right: 0;
}



    .hero_img h1 {
        font-size: 50pt;
        text-align: center;
        padding-top: 160px;
        margin-top: 0px;
        color: #fff;
        letter-spacing: 2px;
        font-variant: small-caps;
    }

.headerHeroPad h1 {
    font-size: 40pt !important;
    text-align: center;
    padding-top: 90px !important;
    margin-top: 0px;
    color: #fff;
    letter-spacing: 2px;
    font-variant: small-caps;
}
/*#region background_color_hero */
.hero_img_desktop {
    position: relative;
    top: -100px;
    z-index: -10;
    width: auto;
    height: 400px;
    overflow: hidden;
}

    .hero_img_desktop:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: 386px;
        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.3; /*0.8;*/
    }

.hero_about {
    background: url('/image/Line_Strips.png') bottom center no-repeat;
    background-size: cover;
}

.hero_home {
    background: url('/image/Chlorine -Bottle_Hands.png') bottom no-repeat;
    background-size: contain;
}

.hero_products {
    background: url('/image/Monitor_Bottles_Convex_Blue.png') bottom center no-repeat;
    background-size: cover;
}

.hero_support {
    background: url('/image/Strips_in_Line.png') bottom center no-repeat;
    background-size: cover;
}

.hero_contact {
    background: url('/image/Strip_swoosh.png') bottom center no-repeat;
    background-size: cover;
}

.hero_event {
    background: url('/image/Bottles_Other.png') bottom center no-repeat;
    background-size: cover;
}

/*#endregion */
.mobile_swoosh {
    position: absolute;
    left: 0;
    right: 0;
    top: 300px;
    width: 100%;
    height: 140px; /*120px;*/
    background-image: url('/image/swoosh_bottom.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.space_after_terms_and_conditions {
    height: 30px;
    width: 100%;
    background-color: #808080;
    z-index: -10;
}

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

.toplogodesktop {
    display: block !important;
}

.toplogo {
    display: none !important;
}

.background_row_color {
    border-top: 5px solid rgba(0,59,132,1);
    margin-top: -550px;
    background-color: rgba(0,59,132, 0.30);
    z-index: -30;
    width: 100%;
    height: 570px;
}

.mobile_footer {
    display: none;
}

.wave2, .wave1 {
    position: relative;
    top: -34px;
    width: 100%;
    height: 50px;
    background-image: url('/image/home_wave.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.wave3 {
    position: relative;
    top: -30px;
    width: 100%;
    height: 50px;
    background-image: url('/image/home_wave.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.why {
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    min-height: 300px;
    padding-top: 35px;
    margin-top: 0px;
    position: relative;
    z-index: 10;
}

.grid_productfamily4 {
    display: grid;
    grid-template-areas: ' gridWaterQuality2 gridResidual2' 'gridQuickService gridQACSanitizer' ' gridChlorineSanitizer  gridChlorineSanitizer';
    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;
    }

.gridChlorineSanitizer {
    grid-area: gridChlorineSanitizer;
   
}

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

/*.gridIodineSanitizer {
    grid-area: gridIodineSanitizer;
}*/

.gridQuickService {
    grid-area: gridQuickService;
}

.gridResidual2 {
    grid-area: gridResidual2;
    height: 300px;
}

.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 {
        width: 300px;
        background-color: #fff;
        margin: 0px auto;
        margin-bottom: 0px;
    }


.grid_productfamily2 {
    width: 300px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

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

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

    .grid_productfamily > div {
        margin-bottom: 0px;
    }

.inner_border {
    background-color: rgba(0,59,132,0.07);
}

.sidebarnav {
    display: none;
}

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

.gridPotency {
    grid-area: gridPotency;
}

.gridChlorineConcentration {
    grid-area: gridChlorineConcentration;
}

.gridWaterQuality {
    grid-area: gridWaterQuality;
}

.gridDialysateQuality {
    grid-area: gridDialysateQuality;
}

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

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

.serimside {
    -webkit-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 7px 0px rgba(0,0,0,0.3);
}

.why_desktop {
    padding-top: 100px;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.swoosh_why {
    display: block;
    height: 100px;
    background-image: url('/image/swoosh_bottomORDER.png');
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 11;
    position: relative;
}

.why {
    position: relative;
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    height: 230px;
    padding-top: 105px;
    margin-top: -100px;
    /*z-index: -200;*/
    z-index: 10;
}

.video_CS {
    margin: 0px auto;
    text-align: center;
}

    .video_CS iframe {
        width: 560px;
        height: 315px;
        margin: 30px auto;
        text-align: center;
    }

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

.video_iframe {
    width: 560px;
    height: 315px;
    margin: 30px auto;
    text-align: center;
}

.video_phone_iframe_xs {
    display: none;
}
.video_phone_iframe_s {
    display: none;
}
.video_phone_iframe_m {
    display: none;
}
.video_phone_iframe_lg {
    display: none;
}

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

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

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

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

.text_para {
    margin-left: 10px;
}

.application h4 {
    font-size: 15pt;
    font-variant: small-caps;
    margin: 30px 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;
}

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



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

.options {
    padding: 20px;
    margin: 10px 0 20px 0;
}

    .options p {
        padding: 2px 0 !important;
        margin: 0 0 0 !important;
        text-align: center;
    }

.chartgrid {
    /*width: 800px;*/
    width: 600px;
    display: grid;
    grid-template-areas: 'chartleft chartright';
    grid-gap: 10px;
    padding: 10px;
    margin: 20px auto;
}

.chartright {
    /*width: 440px;*/
    width: 300px;
    grid-area: chartright;
    border-left: 3px solid rgba(0,0,0,0.5);
    text-align: center;
}

.chartleft {
    /*width: 380px;*/
    width: 300px;
    padding-right: 30px;
    grid-area: chartleft;
}

.text_time {
    margin-top: 60px;
    text-align: center;
}

.bottlegrid {
    width: 950px;
    display: grid;
    grid-template-areas: 
        "bottlesIMG bottlesPARA"
        "bottlesOPTIONS bottlesTESTRANGE";
    grid-gap: 50px;
    padding: 10px;
    margin: 20px auto 0 auto;
}

.bottlesOPTIONS {
    grid-area: bottlesOPTIONS;
    width: 350px;
}

.bottlesPARA {
    grid-area: bottlesPARA;
    width: 600px;
}

.bottlesTESTRANGE {
    grid-area: bottlesTESTRANGE;
    width: 600px;
}

.text_time {
    text-align: center;
}

.bottleshadow {
    width: 95px;
    height: 15px;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, 0.40);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.40);
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 100px;
}

.bottlesIMG {
    grid-area: bottlesIMG;
    width: 350px;
    margin: 0 auto;
    text-align: center;
}


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


.mainCentralServiceimg {
    width: 350px;
    padding-left:20px;
}



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


.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;
    padding-right: 140px;
    border-right: rgb(35,158,238) 1px solid;
}

.home_bottom2 {
    width: 100%;
    margin-top: 50px;
    text-align: left;
    padding-left: 100px;
}

.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;
    margin-left: -90px;
    color: rgb(35,158,238);
}

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

.news-date{
    font-size:9px;
}
.grid_news > div:nth-child(odd){

    margin-bottom:25px;

}
.grid_news {
    margin-top: 25px;
    text-align:left;
    max-width:600px;
    margin-left:auto;
    margin-right:auto;
}
/*.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: 15pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

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


.grid_products {
    display: grid;
    width: 90%;
    margin: 20px auto;
    grid-template-areas: 'p_Dialysis p_CentralService p_FoodSafetySanitizer' 'p_Hpylori p_HighLevelDisinfectants p_LaundryDisinfectionr';
    grid-gap: 20px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

.p_Dialysis {
    grid-area: p_Dialysis;
    height: 850px;
}

.p_CentralService {
    grid-area: p_CentralService;
    height: 490px;
}

.p_Hpylori {
    grid-area: p_Hpylori;
    height: 380px;
    margin-top: 0px;
}

.p_FoodSafetySanitizer {
    grid-area: p_FoodSafetySanitizer;
}

.p_LaundryDisinfectionr {
    grid-area: p_LaundryDisinfectionr;
    height: 360px;
}

.p_HighLevelDisinfectants {
    grid-area: p_HighLevelDisinfectants;
    margin-top: -450px;
    height: 340px;
}

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

.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;
}

@media (max-width: 1070px) {
    .toplogodesktop {
        display: none !important;
    }

    .toplogo {
        display: block !important;
    }
}


@media (min-width: 1025px) {
    .swoosh_why {
        display: block;
        height: 100px;
        background-image: url('/image/swoosh_bottomORDER.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        z-index: 11;
    }

    .why {
        position: relative;
        background-color: #808080;
        color: #fff;
        font-size: 15pt;
        text-align: center;
        height: 230px;
        padding-top: 105px;
        margin-top: -100px;
        /*z-index: -200;*/
        z-index: 10;
    }
}

@media (max-width: 1070px) and (min-width: 991px) {
    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
        margin-top: 50px;
    }

    .dialysis_img {
        height: 280px;
        width: auto;
        /*margin-right: 40%;*/
        margin-top: 70px;
    }
}

@media (max-width: 1100px) {
    .bottlegrid {
        width: 900px;
        display: grid;
        grid-template-areas:
            "bottlesIMG bottlesPARA"
            "bottlesOPTIONS bottlesTESTRANGE";
        grid-gap: 50px;
        padding: 10px;
        margin: 20px auto;
    }

    .bottlesIMG {
        grid-area: bottlesIMG;
        width: 300px;
        margin: 0 auto;
        text-align: center;
    }

    .bottlesOPTIONS {
        grid-area: bottlesOPTIONS;
        width: 300px;
    }
}

@media (max-width: 1189px) and (min-width: 1071px) {
    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
        margin-top: 100px;
    }

    .dialysis_img {
        height: 290px;
        width: auto;
        margin-top: 135px;
        /*margin-right: 40%;*/
    }

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

@media (max-width: 1189px) {

    .banner_img_about {
        height: 340px;
        width: 100%;
        margin-top: 40px;
    }

    .banner_img_events {
        height: 330px;
        width: 1300px;
        margin-top: 110px;
        margin-left: calc(50vw - 650px);
    }

    .banner_img_foodsafety {
        height: 300px;
        width: 1000px;
        margin-top: 110px;
        margin-left: calc(50vw - 500px);
    }

    .banner_img_product {
        height: 700px;
        width: 1000px;
        margin-top: -310px;
        margin-left: calc(50vw - 500px);
    }

    .banner_img_news {
        height: 330px;
        width: 1300px;
        margin-top: 70px;
        margin-left: calc(50vw - 650px);
    }

    .banner_img_central_service {
        height: 280px;
        width: auto;
        margin-right: 30%;
        margin-top: 110px;
    }

    .banner_img_hpylori {
        height: 280px;
        width: auto;
        margin-right: 20%;
        margin-top: 130px;
    }

    .banner_img_right {
        height: 230px;
        width: auto;
        margin-left: 50%;
        margin-top: 140px;
    }

    .banner_img_laundry {
        height: 250px;
        width: auto;
        margin-left: 50%;
        margin-top: 120px;
    }

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

@media (max-width: 1190px) {
    .main_product_info {
        margin-top: -100px;
    }
}

@media (min-width: 1190px /*1030px*/ ) {

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


    .banner_img_foodsafety {
        height: 300px;
        width: 1000px;
        margin-top: 10px;
        margin-left: calc(50vw - 500px);
    }

    .banner_img_product {
        height: 700px;
        width: 1000px;
        margin-top: -415px;
        margin-left: calc(50vw - 500px);
    }

    .main_product_info {
        margin-top: -110px;
    }

    .gridChlorineSanitizer {
        grid-area: gridChlorineSanitizer;
    }

    .gridQACSanitizer {
        grid-area: gridQACSanitizer;
    }

    /*.gridIodineSanitizer {
        grid-area: gridIodineSanitizer;
        height: 300px;
    }*/

    .gridQuickService {
        grid-area: gridQuickService;
        margin-top: -500px;
    }

    .gridResidual2 {
        grid-area: gridResidual2;
        height: 300px;
    }

    .gridWaterQuality2 {
        grid-area: gridWaterQuality2;
        margin-top: -760px;
    }


    .mobile_swoosh {
        display: none;
    }

    .swooshmobileimg {
        display: block;
    }

        .swooshmobileimg img {
            width: 100%;
            height: 100px;
            margin-top: -300px;
        }

    .hero_img {
        color: #fff;
        position: absolute;
        z-index: 15;
        top: 60px;
        left: 0;
        margin: 0 auto;
        right: 0;
    }

    .hero_img_desktop {
        position: relative;
        top: -100px;
        z-index: -10;
        width: auto;
        height: 300px;
        overflow: hidden;
    }

        .hero_img_desktop:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto;
            height: 300px;
            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.3; /*0.8;*/
        }

    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
    }

    .dialysis_img {
        /*height: 330px;*/
        /*margin-right: 40%;*/
        width: auto;
        height: 280px;
        margin-top: 25px;
    }

    .banner_img_about {
        height: 330px;
        width: 1100px;
        margin-top: -60px;
        margin-left: calc(50vw - 550px)
    }

    .banner_img_events {
        height: 330px;
        width: 1300px;
        margin-top: 0px;
        margin-left: calc(50vw - 650px);
    }

    .banner_img_news {
        height: 330px;
        width: 1300px;
        margin-top: -30px;
        margin-left: calc(50vw - 650px);
    }

    .banner_img_central_service {
        height: 280px;
        width: auto;
        margin-right: 30%;
        margin-top: 10px;
    }

    .banner_img_hpylori {
        height: 280px;
        width: auto;
        margin-right: 20%;
        margin-top: 30px;
    }

    .banner_img_right {
        height: 240px;
        width: auto;
        margin-left: 50%;
        margin-top: 40px;
    }

    .banner_img_laundry {
        height: 260px;
        width: auto;
        margin-left: 50%;
        margin-top: 15px;
    }

    .hero_about {
        background: url('/image/Line_Strips.png') bottom center no-repeat;
        background-size: cover;
    }

    .hero_home {
        background: url('/image/Chlorine -Bottle_Hands.png') no-repeat;
        background-size: cover;
    }

    .hero_products {
        background: url('/image/Monitor_Bottles_Convex_Blue.png') bottom center no-repeat;
        background-size: cover;
    }

    .hero_support {
        background: url('/image/Strips_in_Line.png') bottom center no-repeat;
        background-size: cover;
    }


    .hero_contact {
        background: url('/image/Strip_swoosh.png') bottom center no-repeat;
        background-size: cover;
    }


    .hero_event {
        background: url('/image/Bottles_Other.png') bottom center no-repeat;
        background-size: cover;
    }

    .mobile_footer {
        display: none;
    }

    .service {
        width: 70%;
        margin: 0 auto;
        margin-top: -110px;
        margin-bottom: 60px;
    }
}

.lineproducts {
    height: 1px;
    margin-bottom: 10px;
}

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

.service {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}


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

.certified {
    float: left;
    margin-right: 20px;
    margin-bottom: 5px;
}

.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%;
    margin-bottom: 150px;
}

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


.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: 30%;
    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 auto auto auto;
    grid-gap: 10px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
    margin-top: 50px;
}




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

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



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

.dateboxevent {
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 200px;
    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 );
}

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

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


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

/*_________________________________________________________support*/

.CentralServiceSupport {
    width: 60%;
    margin: -90px auto 50px auto;
}

.HpyloriSupport {
    width: 50%;
    margin: -90px auto 50px auto;
}

@media (max-width: 1189px) and (min-width: 1071px) {
    .CentralServiceSupport {
        width: 60%;
        margin: -70px auto 50px auto;
    }

    .HpyloriSupport {
        width: 50%;
        margin: -70px auto 50px auto;
    }
}

.support hr {
    margin-left: 10%;
    margin-right: 10%;
    color: rgba(0,59,132,1);
}

.InstructionalVideo {
    margin-bottom: 70px;
}


.supportVideo {
    width: 400px;
    height: 250px;
}

.programbox {
    width: 60%;
    margin: 0 auto;
    margin-top: 3%;
}

.mainsevices {
    margin: 0 auto 50px auto;
    width: 70%;
    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);
    }

.service_first {
    margin-top: -80px;
}

.bottomspace {
    margin-bottom: 30px !important;
}


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


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

.supportgrid {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 0 50px;
    margin-top: 20px;
}



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

.why-HLDfam {
    position: static;
    padding-left: 0px;
    padding-top: 1px !important;
    z-index: -9000;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.needlesspace {
 
    margin-top: -350px;
}

.fsneedspace {
    
    margin-top: -100px;
}

.padleft {
    margin-left: 0px;
}

.csspace {
    margin-bottom: 20px;
}

.why-centralservice {
    padding-left: 100px;
}

.needspaceld {
    position: relative;
    z-index: -100;
}

.needhp {
    position: relative;
    z-index: -100;
    margin-top: -380px;
}

.optionsp {
    text-align: center;
    width: 500px;
    margin: 0 auto;
}

@media (min-width: 1020px) {
    .swoosh_about {
        position: relative;
        top: -160px;
        width: 100%;
        height: 90px;
        background-image: url(/image/swoosh_About.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

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

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -460px;
        height: 340px;
    }
}

@media (min-width: 1024px) {

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -335px;
        height: 340px;
    }
}

@media (min-width: 1035px) {

    .why-HLDfam {
        position: absolute;
        top: 2240px !important;
        left: 0;
        right: 0;
        padding-left: 350px;
        z-index: -9000;
        padding-top: 1px !important;
    }
}


@media (min-width: 1045px) {

    .why-HLDfam {
        position: static;
        padding-left: 0px;
        padding-top: 1px !important;
        z-index: -9000;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 820px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: -100px;
    }

    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -420px;
        height: 340px;
    }
}


@media (min-width: 1080px) {
    .swoosh_why {
        display: block;
        height: 120px;
        background-image: url('/image/swoosh_bottomORDER.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        z-index: 11;
    }

    .why {
        position: relative;
        background-color: #808080;
        color: #fff;
        font-size: 15pt;
        text-align: center;
        height: 230px;
        padding-top: 105px;
        margin-top: -120px;
        /*z-index: -200;*/
        z-index: 10;
    }


    .wave2, .wave1 {
        position: relative;
        top: -32px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1100px) {
    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 800px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: -80px;
    }

    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -400px;
        height: 340px;
    }
}

@media (min-width: 1124px) {
    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 800px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: -80px;
    }

    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -370px;
        height: 340px;
    }
}

@media (max-width: 1070px) {
    .banner_img_foodsafety {
        height: 300px;
        width: 1000px;
        margin-top: 50px;
        margin-left: calc(50vw - 500px);
    }

    .banner_img_product {
        height: 700px;
        width: 1000px;
        margin-top: -360px;
        margin-left: calc(50vw - 500px);
    }
}



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

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

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -340px;
        height: 340px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: -30px;
    }

    .why_desktop {
        padding-top: 100px;
        margin-top: 100px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .testrange h4 {
        margin-left: 160px;
    }

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

    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 800px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: 0px;
    }

    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -300px;
        height: 340px;
    }
}

@media (min-width: 1280px) {
    .wave2, .wave1 {
        position: relative;
        top: -30px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .certified {
        float: left;
        margin: 50px;
    }

    .wave3 {
        position: relative;
        top: -28px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

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

    .supportVideo {
        width: 450px;
        height: 300px;
    }
}

@media (min-width: 1350px) {
    .needlesspace {
       
        margin-top: -200px;
    }
    .needlesspaceCS {
       
        margin-top: -150px;
    }

    .why-HLDfam {
        position: static;
        padding-left: 0px;
        padding-top: 1px !important;
        z-index: -9000;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .grid_mainproductfamily {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 20px;
        padding: 10px;
        grid-row-gap: 40px;
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }

    .grid_home_bottom {
        display: grid;
        grid-template-columns: auto auto;
        grid-gap: 10px;
        padding: 10px;
        grid-row-gap: 40px;
        text-align: center;
        margin: 0 auto;
        width: 80%;
        margin-left: 20%;
    }



    .wave3 {
        position: relative;
        top: -25px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }


    .serimside {
        width: 270px;
    }

    .home_bottom {
        margin: 50px auto;
        padding-right: 150px;
        border-right: rgb(35,158,238) 1px solid;
    }

    .home_bottom2 {
        width: 100%;
        margin-bottom: 50px;
        margin-top: 50px;
        text-align: left;
        padding-left: 100px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        margin-top: 0px;
    }

    .why_desktop {
        padding-top: 30px;
        margin-top: 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
}

@media (min-width: 1440px) {


    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -300px;
        height: 340px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 320px;
        margin-top: 0px;
    }
}

@media (min-width: 1450px) {
    .wave2, .wave1 {
        position: relative;
        top: -26px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .grid_productfamily3 > div {
        width: 400px;
        background-color: #fff;
        margin: 0px auto;
        margin-bottom: 0px;
    }

    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 750px;
        width: 450px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 330px;
        margin-top: -40px;
        width: 450px;
    }


    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -220px;
        height: 340px;
    }

    .programbox {
        width: 40%;
        margin: 0 auto;
        margin-top: 3%;
    }
}

@media (min-width: 1500px) {
    .swoosh_why {
        display: block;
        height: 200px;
        background-image: url('/image/swoosh_bottomORDER.png');
        background-size: contain;
        background-repeat: no-repeat;
        position: relative;
        z-index: 11;
    }

    .why {
        position: relative;
        background-color: #808080;
        color: #fff;
        font-size: 15pt;
        text-align: center;
        height: 230px;
        padding-top: 125px;
        /*margin-top: -200px;*/
        /*z-index: -200;*/
        margin-top: -165px;
        z-index: 10;
    }

    .wave3 {
        position: relative;
        top: -32px;
        width: 100%;
        height: 70px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }


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

    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 750px;
    }

    .p_CentralService {
        grid-area: p_CentralService;
        height: 490px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        width: 500px;
        margin-top: 0px;
    }

    .p_FoodSafetySanitizer {
        grid-area: p_FoodSafetySanitizer;
    }

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        height: 360px;
    }

    .p_HighLevelDisinfectants {
        grid-area: p_HighLevelDisinfectants;
        margin-top: -230px;
        height: 340px;
    }

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

@media (min-width: 1550px) {


    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 750px;
        width: 500px;
    }
}

@media (min-width: 1750px) {
    .wave2, .wave1 {
        position: relative;
        top: -32px;
        width: 100%;
        height: 70px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .wave3 {
        position: relative;
        top: -28px;
        width: 100%;
        height: 70px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

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

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

    .p_Dialysis {
        grid-area: p_Dialysis;
        height: 750px;
        width: 600px;
    }

    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 310px;
        width: 600px;
        margin-top: 0px;
    }
}

/*#region hero_imgs_color */

.products_banner_img {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.hero_img_desktop_Dialysis:before {
    background: rgb(156,88,128);
    background: -moz-linear-gradient(-45deg, rgba(156,88,128,1) 30%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(156,88,128,1) 30%, rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, rgba(156,88,128,1) 30%, rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c5880', endColorstr='#239eee',GradientType=1 );
    opacity: 0.5; /*0.9;*/
}

.hero_img_desktop_Dialysis {
    /*background: url('/image/GuardianFamilyV_resized.jpg') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_Hpylori:before {
    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 );
    opacity: 0.4; /*0.9;*/
}

.hero_img_desktop_Hpylori {
    /*background: url('/image/pyloritek2.png') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_CentralService:before {
    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 );
    opacity: 0.4; /*0.9;*/
}

.hero_img_desktop_CentralService {
    /*background: url('/image/PINNACLE_web_photo.png') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_FoodSafetySanitation:before {
    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 );
    opacity: 0.4; /*0.9;*/
}

.hero_img_desktop_FoodSafetySanitation {
    /*background: url('/image/Monitor_Convex.png') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_LaundryandDisinfection:before {
    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 );
    opacity: 0.4; /*0.9;*/
}

.hero_img_desktop_LaundryandDisinfection {
    /*background: url('/image/HydrogenPeroxide.png') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_HighLevelDisinfectants:before {
    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 );
    opacity: 0.4; /*0.9;*/
}

.hero_img_desktop_HighLevelDisinfectants {
    /*background: url('/image/DisentekOPAGTA.png') center center no-repeat;
    background-size: cover;*/
}
/*#endregion */