@media(max-width:800px) {
    .BannerVideoBlog {
        height: 400px;
    }
    .BlogBannerTit {
        bottom: 50px;
        left:50px;
    }
    .mainul > ul {
        padding-inline-start: 0px;
    }
    .accordion_head {
        border-radius: 0px;
        border: 1px solid #c6c6c6;
        background: #c6c6c6;
        line-height: 24px;
        font-size: 15px;
    }
    .plusminus{
        display:none;
    }
    .accordion_body {
        background: #fff;
        width: calc(100%);
        margin: 0px 0px;
        margin-top: -3px;
    }
    .leftP100I40{
        padding-left:40px;
    }
    .rightP100I40{
        padding-right:40px;
    }
    .Footertext {
        font-weight: 400;
        font-size: 2.5rem;
        line-height: 3.5rem;
    }
    .FooterShad{
        margin-bottom:-7px;
    }
    .HeadTit {
        font-size: 6vh;
    }
    .nav-item {
        width: 33.33%;
    }
    .borRGray1I0MB1 {
        border-right: 0px solid #cccccc;
    }

    .topP10I30 {
        padding-top: 30px;
    }

    .marT20I0 {
        margin-bottom: 0px;
    }

    .Mar-T1I15 {
        margin-top: -1.5%;
    }

    .topP20I10 {
        padding-top: 10px;
    }
    .bottomP20I10 {
        padding-bottom: 10px;
    }
    .leftP15I30 {
        padding-left: 30px;
    }
    .topPI80M30 {
        padding-top:40%;
    }
    .topP90I30B30 {
        padding-top: 30px;
        padding-bottom:30px;
    }
    .rightP0I20{
        padding-right:20px;
    }

    .leftM-15I15 {
        margin-left: 0px;
        padding-left: 15px;
    }

    .width35perI50 {
        width: 60%;
    }

    .topP6030 {
        padding-top: 30px;
    }

    .rightP30I0 {
        padding-right: 0px;
    }

    .font35vh {
        font-size: 3vh;
        line-height: 4vh;
    }

    .Padding10I0 {
        padding: 0px;
    }
    .topP0I30 {
        padding-top: 30px;
    }

    .lrP140 {
        padding: 0px 30px;
    }

    .lrP155 {
        padding: 0px 45px;
    }
    .width80perI100{
        width:100%;
    }
    .aboutimg {
        width: 100%;
    }
    .full_header {
        padding: 40px;
    }

    .BannerTit {
        position: absolute;
        bottom: 30px;
        left: auto;
        font-size: 4vh;
        font-weight: 500;
        line-height: 6vh;
    }

    .txtmed {
        font-size: 2.8vh;
        line-height: 5.5vh;
    }

    .topP20I0 {
        padding-top: 0px;
    }

    .width100perM60 {
        width: 60%;
    }

    .topP60I0 {
        padding-top: 0px;
    }

    .leftP100I45 {
        padding-left: 45px;
        padding-right: 25px;
    }

    .bottomP30I10 {
        padding-bottom: 10px;
    }

    .bgLand1, .bgLand2, .bgLand3 {
        min-height: 400px;
    }

    .leftP30I0 {
        padding-left: 0px;
    }

    .topP0I20 {
        padding-top: 20px;
    }

    .container1:hover .overlay {
        height: 35%;
    }

    .text {
        top: 50%;
    }

    .content {
        padding: 0px;
    }

    .max3line {
        -webkit-line-clamp: 2;
    }

    .width100perI30 {
        width: 30%;
    }

    .height80pxI200 {
        height: 200px;
    }

    .topP80I20 {
        padding-top: 20px;
    }

    .marM12 {
        margin-bottom: -7px;
    }

    .ArightILeft {
        text-align: left;
    }

    .topP0M20 {
        padding-top: 0px;
    }
    .marginP0M60 {
        margin-top: 60px;
    }
    .bottomP20I0 {
        padding-bottom: 0px;
    }

    .waterSer {
        background-size: 45%
    }

    .grayscale img {
        filter: gray;
        -webkit-filter: grayscale(0%);
    }

    .font42vh {
        font-size: 4.2vh;
        line-height: 4.8vh;
    }

    .cont {
        display: contents !important;
    }

    .CaseBannerTit {
        font-size: 5vh;
        line-height: 6vh;
        bottom: 30px;
        left: 40px;
    }

    .topP20M10 {
        padding-top: 15px;
    }

    .TopTit {
        letter-spacing: 12px;
        font-size: 1.7vh;
        font-weight: 500;
        line-height: 3.5vh;
        letter-spacing: 8px;
        text-indent: -8px;
        border-bottom: 10px solid #ffcb0a;
    }

   
    .topP80M20 {
        padding-top: 10px;
    }
    .bottomP80M20 {
        padding-bottom: 10px;
    }
    .leftP45M30 {
        padding-left: 30px;
    }
    .font2vh {
        font-size: 2vh;
    }
    .font23remM35vh {
        font-size: 3.7vh;
        line-height: 4vh;
    }

    .modal-dialog {
        max-width: 700px;
    }

    .Padding20I10 {
        padding: 10px 20px;
    }

    .borTBY1045vh {
        border-left: 0px solid #ffcb0a;
    }

    .leftP30I0 {
        padding-left: 0px;
    }

    .ImgVision {
        background-image: url(../img/GetToKnowUs/Vision_&_Mission.jpg);
        background-size: cover;
        background-position: center right;
        background-attachment: scroll;
        min-height: inherit;
        padding-bottom: 30px;
    }
    .ImgAccolades {
        background-image: url(../img/GetToKnowUs/Accolades_bg.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: scroll;
        min-height: inherit;
        padding-bottom: 30px;
    }
    .borTRLY5 {
        top: 27px;
    }

    .Padding20M15 {
        padding: 15px;
    }

    .bottomP100I60 {
        padding-bottom: 60px;
    }

    .height400 {
        height: 340px;
    }

    .ImgReach {
        min-height: 340px;
        background-repeat: no-repeat;
        background-size: cover;
        background-attachment: inherit;
    }

    .line3IO {
        line-height: 3vh;
    }

    .Padding20M15 {
        padding: 20px;
    }

    .bottomP0M20 {
        padding-bottom: 20px;
    }

    .leftP15I0 {
        padding-left: 0px;
    }

    .borBGry0M1 {
        border-top: 0px solid #cccccc;
        padding-top: 0px;
    }

    .ACentILeft {
        text-align: left;
    }

    .rightP15I0 {
        padding-right: 0px;
    }

    .borGreenRadiusI0 {
        border: 0px solid #70b928;
        border-radius: 0px;
    }

    .topP50I0 {
        padding-top: 0px;
    }

    .leftP50I0 {
        padding-left: 0px;
    }

    .bottomP50I0 {
        padding-bottom: 0px;
    }

    .width70perI50Per {
        width: 50%;
    }

    figure.effect-chico figcaption {
        padding: 3vh;
    }

    .topP30I0 {
        padding-top: 0px;
    }

    .leftPop {
        left: auto;
        right: -29vh;
    }

    .leftPopI {
        right: auto;
        left: -29vh;
    }

    .read .arrow {
        filter: none;
        -webkit-filter: grayscale(0%);
    }

    .topP60I30 {
        padding-top: 30px;
    }

    .leftP20I10 {
        padding-left: 10px;
    }

    .preVnextText {
        line-height: 2vh;
        font-size: 1.4vh;
        font-weight: 700;
    }

    .Awardimg > img {
        max-height: 100%;
    }

    .width50I100 {
        width: 120%;
    }

    .casetable tr {
        display: flex;
        flex-wrap: wrap;
    }

    .casetable td {
        width: 100%;
    }

    .leftP0I20 {
        padding-left: 20px;
    }

    .line54I27 {
        line-height: 2.7vh;
    }

    .topP5I15 {
        padding-top: 15px;
    }

    .bottomP5I15 {
        padding-bottom: 15px;
    }

    .radiusBL10R50 {
        border-radius: 0px 0px 10px 10px;
    }

    .radiusTL10R50 {
        border-radius: 10px 10px 0px 0px;
    }

    .backGreenRad10I {
        background-color: #70b928;
        border-radius: 10px;
    }

    .lineM4vh {
        line-height: 4vh;
    }

    .topP5I0 {
        padding-top: 0px;
    }

    .lineM35vh {
        line-height: 3.5vh;
        padding: 10px 0px;
    }

    .uk-slider-items img {
        border-radius: 0px;
    }

    .uk-container {
        border-radius: 0px !important;
    }

    .section .borTY5 {
        display: none;
    }

    .leftP0I15 {
        padding-left: 15px;
    }

    #img01 {
        height: auto !important;
        width: 100% !important;
    }

    .topP0I30M10 {
        padding-top: 30px;
    }
    .borTGrey0I1 {
        border-top: 1px solid #cccccc;
    }
    .borTBlackI1 {
        border-top: 1px solid #457a28;
    }
    .BannerOver {
        display:none;
    }.topP30I20 {
        padding-top: 20px;
    }

    /*.CertiImg {
        position: relative;
        top: 0vh;
        bottom: 0vh;
        right: 0vh;
        cursor: pointer;
        text-align: right;
    }

        .CertiImg > img {
            max-height: none;
            max-width:50%;
        }*/
    .lrP60I0 {
        padding: 0px 0px;
    }

    .lrP80I0 {
        padding: 0px 0px;
    }
}


@supports (-webkit-touch-callout: none) {
    .width20vh {
        width: 50%;
    }

    .lineM35vh {
        line-height: 2.5vh;
    }

    .font13I2rem {
        font-size: 2.5vh;
    }

    .section7 .overlay1 {
        width: 4vh;
        height: 4vh;
    }

    .icon-zoom-in:before {
        font-size: 2vh;
    }

    .preVnextText {
        line-height: 2vh;
        font-size: 1.4vh;
        font-weight: 600;
    }
    /*.leftPop {
        left: auto;
        right: -29vh;
    }*/
    .proicon {
        width: 26.5vh;
    }

    .rightPop, .leftPop {
        font-size: 1.7vh;
        line-height: 2vh;
    }

    .rightPop, .leftPop {
        height: 37.6vh;
        width: 33vh;
    }

    .borTRLY5 {
        top: 27px;
    }

    .line4IO {
        line-height: 4vh;
    }

    .font35vh {
        font-size: 2.5vh;
        line-height: 3.5vh;
    }



    .CaseBannerTit {
        font-size: 4vh;
        line-height: 4.5vh;
        bottom: 30px;
        left: 40px;
    }

    .topP20M10 {
        padding-top: 15px;
    }

    .TopTit {
        letter-spacing: 12px;
        font-size: 1.3vh;
        font-weight: 500;
        line-height: 2.5vh;
        letter-spacing: 6px;
        text-indent: -6px;
        border-bottom: 10px solid #ffcb0a;
    }

    .BannerTit {
        font-size: 5vh !important;
        font-weight: 500;
        line-height: 5.5vh !important;
    }

    .txtmed {
        font-size: 2.2vh;
        line-height: 4vh;
    }

    .cta span, .anch {
        font-size: 1.4vh;
        line-height: 1.4vh;
    }

    .font15vh {
        font-size: 1.3vh;
    }

    body {
        font-size: 1.7vh;
        line-height: 1.8;
    }

    .font23rem {
        font-size: 3.1vh;
    }

    .line52vh {
        line-height: 4.0vh;
    }

    .line13rem {
        line-height: 2.3vh;
    }

    .font1rem {
        font-size: 1.6vh;
    }

    .line3vh {
        line-height: 2.2vh;
    }

    .cta svg {
        top: -0.5vh;
    }

    font25vh {
        font-size: 2vh;
    }

    .grayscale img {
        filter: gray;
        -webkit-filter: grayscale(0%);
    }

    .line2 {
        line-height: 3.5vh;
    }

    .line22 {
        line-height: 3.1vh;
    }

    .font25vh {
        font-size: 2.0vh;
    }

    .font42vh {
        font-size: 3.2vh;
        line-height: 3.8vh;
    }

    .font3vh {
        font-size: 2.3vh;
    }

    .line38vh {
        line-height: 3.2vh;
    }

    .width70px {
        width: 90px;
        position: relative;
        margin-right: 20px;
    }

    .font13rem {
        font-size: 1.8vh;
    }

    .line15 {
        line-height: 2.3vh;
    }

    .font2vh {
        font-size: 2vh;
    }

    #counter-box {
        font-size: 2.5vh;
    }

    .font25I22vh {
        font-size: 2.2vh;
    }

    .marginminP5M5I10px {
        margin-top: -10px;
    }

    .font32vhM23vh {
        font-size: 2.8vh;
    }

   
}