@media only screen and (min-width: 1530px) and (max-width: 1920px) {
    #about .block .about-info{transform: translateY(40%);}
}

@media only screen and (min-width: 1381px) and (max-width: 1440px) {
}
@media only screen and (min-width: 992px) and (max-width: 1380px) {

}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .stem-wrap, .stem-wrap .stem-item-wrap{width: 320px; height: 320px; margin: 0 auto;}
    .stem-wrap .stem-item-wrap .stem-item.one{left: 35px;}
    .stem-wrap .stem-item-wrap .stem-item.two{width: 162px; top: 40px;}
    .stem-wrap .stem-item-wrap .stem-item.three{right: 35px;}
    .stem-wrap .stem-item-wrap .stem-item.one,.stem-wrap .stem-item-wrap .stem-item.three{width: 78px;}
    .stem-wrap .stem-item-wrap .stem-item.four{width: 162px; bottom: 110px;}
    .stem-wrap .stem-center{width: 100px; height: 100px;}
}

@media only screen and (max-width:767px){

    #about .first-block{min-height: auto;}
    #about .block{justify-content: center;}
    #about .block .about-info .icon{margin: 0 auto 20px;}
    #about .block .about-info{text-align: center; padding-left: 15px; padding-right: 15px;}
    #about .block .bg{opacity: 1; visibility: visible;}
    #about .block .about-info{transform: translateY(25%);}
    #about .block .about-info .icon img{filter: var(--imgWhite);}
    #about .block .about-info h4{color: rgb(var(--color_white));}
    #about .block .about-info p{top: 0;}

    .padding{padding: 25px 0;}

    .dr-block .before-contet p{text-align: justify;}

    .accordion .accordion-item .accordion-button .bg, .accordion .accordion-item .accordion-button .bg{
        opacity: 1;
    }
    .accordion .accordion-item .accordion-button.collapsed .bg{opacity: 1;}
    .accordion .accordion-item .accordion-button.collapsed .accordion-block h2.title-sm{color: rgb(var(--color_white));}
    .accordion .accordion-item .accordion-button .accordion-block .para p{color: rgb(var(--color_white));}
    .accordion .accordion-item .accordion-button.collapsed .accordion-block .para p{color: rgb(var(--color_white));}

    .accordion .accordion-item .accordion-button.collapsed::after{filter: var(--imgWhite);}



    .cndkbeforeafter-theme-light .cndkbeforeafter-seperator > div > span{width: 44px; height: 44px; margin-top: -27px; margin-left: -22px;}

    .accordion .accordion-item .accordion-button .accordion-block{flex-direction: column;}
    .accordion .accordion-item .accordion-button .accordion-block h2.title-sm{width: 100%; margin-bottom: 15px !important;}
    .accordion .accordion-item .accordion-button .accordion-block .para{width: 100%;}
    .accordion .accordion-item .accordion-body ul{margin-bottom: 30px;}

    .stem-wrap, .stem-wrap .stem-item-wrap{width: 320px; height: 320px; margin: 0 auto;}
    .stem-wrap .stem-item-wrap .stem-item.one{left: 35px;}
    .stem-wrap .stem-item-wrap .stem-item.two{width: 162px; top: 40px;}
    .stem-wrap .stem-item-wrap .stem-item.three{right: 35px;}
    .stem-wrap .stem-item-wrap .stem-item.one,.stem-wrap .stem-item-wrap .stem-item.three{width: 78px;}
    .stem-wrap .stem-item-wrap .stem-item.four{width: 162px; bottom: 110px;}
    .stem-wrap .stem-center{width: 100px; height: 100px;}

    .owl-carousel.style01 .owl-nav{top: auto; right: auto; margin-top: 10px;}
    .testimonials-slider .item .pic img{width: 100%;}
    .footer #bottom .links a:first-child{margin-left: 0;}

    .testimonials-slider.owl-carousel.style01 .owl-nav{top: auto; right: 10px; margin-top: 0; bottom: 30px;}
    .stories-slider.owl-carousel.style01 .owl-nav{right: 15px;}
    .owl-carousel.style01 .owl-nav .owl-prev .arrow-left, .owl-carousel.style01 .owl-nav .owl-next .arrow-right{width: 30px; height: 30px; background-size: cover;}

    .stemcell{background-position: 90%; background-image: none !important;}
    /* .stemcell{padding: 15px 0;}
    .stemcell h2.title{font-size: 11px; margin-bottom: 10px;}
    .stemcell h2.title span{font-size: 7px;}

    .stemcell h6{font-size: 9px; text-wrap: balance; margin-bottom: 10px;}
    .stemcell p { font-size: 8px; margin-bottom: 0;}
    .stemcell .text-white {     max-width: 68%; text-wrap: balance;} */

    .stemcell{padding: 25px 0;}
    .stemcell h2.title{color: rgb(var(--primary1)); text-align: center;}
    .stemcell h2.title span{color: rgb(var(--primary2));}
    .stemcell p{text-align: justify;}

    .approach p{text-align: justify;}
    .after-text .after-link,.before-text .before-link{margin-left: 0 !important;}

    .stories-slider{padding-bottom: 50px;}
    .stories-slider .item{height: auto;}

    .dr-block h2.title,.approach h2.title{text-align: center;}


}
@media only screen and (max-width:767px) and (orientation: landscape) {


}
@media only screen and (min-width:320px) and (max-width:480px){
}