/*--------------------------------------------------------------
////////////////////////////////
# Main Header All Responsice Css
////////////////////////////////
--------------------------------------------------------------*/

@media only screen and (min-width: 1200px) and (max-width: 1730px) {
    .logo-box-two {
        width: 320px;
    }

    .main-header-two__inner {
        padding-right: 60px;
    }

    .main-header-two__outer {
        padding-left: 320px;
    }

    .main-header-two__bottom-right .contact-box {
        display: none;
    }

    .main-header__language-switcher {
        margin-right: 0px;
        padding-right: 0px;
        margin-right: 2px;
    }

    .sticky-menu .main-header-two__outer {
        padding-left: 420px;
    }

    .logo-box-three {
        left: 0px;
        width: 240px;
    }

    .main-header-three__inner {
        padding-left: 275px;
    }
    .hero-sec2:before {
        top: -35%;
        left: -25%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .menu-area .navbar-wrap {
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: flex;
    }

    .menu-nav__right {
        margin-left: 50px;
    }

    .main-header-one__inner {
        display: none;
    }

    .logo-box-one {
        width: 200px;
        height: 90px;
    }

    .main-header-two__inner {
        padding-right: 0px;
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom-right {
        display: none;
    }

    .main-header-two__outer {
        padding-right: 15px;
    }

    .logo-box-two {
        height: 90px;
    }

    .logo-box-two:before {
        border-bottom: 90px solid var(--thm-primary);
    }

    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three__inner {
        padding-left: 0px;
    }

    .logo-box-three {
        position: relative;
        top: 0px;
        left: 0px;
        width: 250px;
        height: 120px;
    }

    .main-header-three .menu-area__inner {
        padding-right: 15px;
    }

    .main-header-three {
        position: relative;
    }

    .main-slider-three .image-layer {
        top: 0px;
    }
    /******** Project sec ********/
    .single-project-style2 .project-title {
        padding: 16px 14px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .menu-area .navbar-wrap {
        display: none !important;
    }

    .main-header-one__bottom-left .site-ligo img {
        max-width: 250px;
      
    }

    .menu-area .mobile-nav-toggler {
        display: flex;
    }

    .menu-nav__right {
        margin-left: 50px;
    }

    .main-header-one__inner {
        display: none;
    }

    .logo-box-one {
        width: 200px;
        height: 90px;
    }

    .main-header-two__inner {
        padding-right: 0px;
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom-right {
        display: none;
    }

    .main-header-two__outer {
        padding-right: 15px;
    }

    .logo-box-two {
        height: 90px;
    }

    .logo-box-two:before {
        border-bottom: 90px solid var(--thm-primary);
    }

    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three__inner {
        padding-left: 0px;
    }

    .logo-box-three {
        position: relative;
        top: 0px;
        left: 0px;
        width: 250px;
        height: 120px;
    }

    .main-header-three .menu-area__inner {
        padding-right: 15px;
    }

    .main-header-three {
        position: relative;
    }

    .main-slider-three .image-layer {
        top: 0px;
    }
}

@media (max-width: 767px) {
    
    .product-trade-search {
        padding-top: 0px;
        justify-content: space-around;
    }
    .medicine-title.text-center.mt-3 {
        margin-bottom: 20px;
    }
    
    .mb-product-dn{
        display:none;
    }
    .row.mb-only-filter.mb-all-category-pro {
    	display: none;
    }
    .mb-footer-dn{
    	display: none;
    }
    
    .DirectorMessage.sec-ptb {
    	display: none;
    }
    .menu-area .navbar-wrap {
        display: none !important;
    }
    .mt-custom-mb-20{
        margin-top:20px;
    }
    .mb-hide-message{
        display: none !important;
    }

    .menu-area .mobile-nav-toggler {
        display: flex;
    }

    .menu-nav__right {
        display: none;
    }

    .main-header-one__inner {
        display: none;
    }

    .logo-box-one {
        width: 200px;
        height: 90px;
    }

    .main-header-two__inner {
        padding-right: 0px;
    }

    .main-header-two__top {
        display: none;
    }

    .main-header-two__bottom-right {
        display: none;
    }

    .main-header-two__outer {
        padding-right: 15px;
        padding-left: 305px;
    }

    .logo-box-two {
        height: 90px;
    }

    .logo-box-two:before {
        border-bottom: 90px solid var(--thm-primary);
        border-right: 45px solid transparent;
    }

    .logo-box-two {
        width: 270px;
    }

    .main-header-three__top {
        display: none;
    }

    .main-header-three__bottom-right {
        display: none;
    }

    .main-header-three__inner {
        padding-left: 0px;
    }

    .logo-box-three {
        position: relative;
        top: 0px;
        left: 0px;
        width: 250px;
        height: 120px;
    }

    .main-header-three .menu-area__inner {
        padding-right: 15px;
    }

    .main-header-three {
        position: relative;
    }

    .main-slider-three .image-layer {
        top: 0px;
    }
}

@media (max-width: 1199px) {
    #sticky-header {
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .main-header-two #sticky-header {
        background: var(--thm-green);
    }
    .sticky-menu {
        background: var(--thm-green);
    }

    .menu-area__inner {
        position: relative;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
    }
    /********** Breadcumb section **********/
    #site-breadcumb .site-breadcumb-wrapper {
        padding: 180px 0 140px;
    }
    /********** Newslatter section **********/
    .newslatter-sec .sec-content {
        margin-left: 25px;
    }
    .newslatter-sec2 .sec-content {
        margin-left: 0;
        margin-right: 25px;
    }
    .Subscribe-form input.form-control {
        padding: 11px 17px;
    }
    .Subscribe-form button {
        margin-left: 18px;
        padding: 11px 17px;
    }
    /********** Business section **********/
    .company-qinfo-raaper .single-info {
        padding: 14px 45px;
    }
    /********** Service section **********/
    .service-cat-sec .single-service {
        margin-bottom: 24px;
    }
    .service-cat-sec {
        margin-top: 0;
        margin-bottom: -24px;
        padding-top: 140px;
    }
    /********** Service-Details-Page **********/
    .sidebar-item:first-child {
        margin-top: 60px;
    }
    /********** Faq section **********/
    .faq-sec .sec-images .sec-img-one {
        border-radius: 160px 0px;
    }
    /********** Footer section **********/
    .footer-sec .footer-widget.pages-links {
        margin-left: 0;
    }
}

/*--------------------------------------------------------------
///////////////////////////
# Common Responsice Css
///////////////////////////
--------------------------------------------------------------*/
@media (max-width: 991px) {
    /* Comon Css */
    .sec-ptb {
        padding: 100px 0;
    }
    .sec-pt {
        padding-top: 100px;
    }
    .sec-title {
        font-size: 48px;
        line-height: 60px;
    }
    .sec-sub-title {
        padding-bottom: 10px;
    }
    .tab-col-gap {
        margin-top: 50px;
    }
    .pt-5 {
        padding-top: 1.5rem !important;
    }
    .mb-5 {
        margin-bottom: 1.5rem !important;
    }
}
@media (max-width: 767px) {


    /*  Slider  */
  .component-background-video .video-text .svg-vid {
    height: auto;
    width: 100%;
}

.component-background-video .video-text .grid-img {
    top: 15px;
}
    /*.component-background-video .video-text .svg-vid {*/
    /*    max-height: 45vw;*/
    /*    top: 48px;*/
    /*}*/
    /* Comon Css */
    .sec-ptb {
        padding: 30px 0;
    }
    .sec-pt {
        padding-top: 80px;
    }
    .sec-sub-title {
        font-size: 18px;
    }
    .sec-title {
       font-size: 1.3rem;
        line-height: 30px;
    }
    
    .gmp-accredition img {
        width: 105px;
        height: 105px;
    }
    .gmp-all-logo {
        padding: 0rem;
        margin-bottom: 50px;
    }
    
    
    
    
    .blog-sidebar-search.text-center {
        width: 100%;
        margin-bottom: 15px;
    }
    .blog-sidebar-search form {
        width: 85%;
        margin: 0 auto;
    }
    .footer-widget {
        text-align: center;
    }
    .m-l-100 {
        margin-left: -15px;
    }
   .usp-shape-3 {
        min-height: 420px;
        overflow: hidden;
        margin-bottom: 50px;
    }
    .usp-shape-left-001 {
/*        margin-top: 30px;*/
        justify-content: center;
    }


    .outer-circle-02 {
        margin: 0 auto;
    }
    /*.usp-shape-left-03 {
        display: flex;
        justify-content: center;
        margin-right: -12px;
        margin-top: 1px !important;
    }*/

    .outer-circle-03 {
        margin: 0 auto;
        display: table;
    }

        /*  Map  */
    .hotline-phone-ring-img-circle {
        width: 5px;
        height: 5px;
        top: -20px;
        left: 3.5px;
    }
    .hotline-phone-ring-circle-fill {
        width: 14px;
        height: 14px;
        top: -24px;
        left: -1px;
       
    }
    .hotline-phone-ring-circle {
        width: 20px;
        height: 20px;
        top: -27px;
        left: -4px;
    }

    .uganda {
        top: 32%;
        left: 54%;
    }
    .Zimbabwe {
        top: 42%;
        left: 51%;
    }
   .Tanzania {
        top: 48%;
        left: 55%;
    }

    .Kenya {
        top: 42%;
        left: 59%;
    }
    .Afganistan {
        top: 22%;
        left: 52%;
    }
    .Uzbekistan {
        top: 24%;
        left: 57%;
    }
    .Bhutan {
        top: 33%;
        left: 66%;
    }
    .Myanmar {
        top: 37%;
        left: 72%;
    }
    .Hongkong {
        top: 48%;
        left: 88%;
    }
    .Philippines {
        top: 51%;
        left: 81%;
    }
    .Cambodia {
        top: 43%;
        left: 81%;
    }
    .Bangladesh {
        top: 43%;
        left: 72%;
    }

    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Srilanka {
        top: 50%;
        left: 66%;
    }
    .Maldives {
        top: 44%;
        left: 63%;
    }
    .Malaysia {
        top: 54%;
        left: 74%;
    }
    .Singapore {
        top: 62%;
        left: 78%;
    }

/*   New */

.Usa {
    top: 41%;
    left: 19%;
}
.Honduras {
    top: 52%;
    left: 25%;
}
.Guatemala {
    top: 50%;
    left: 20%;
}
.CostaRica {
    top: 53%;
    left: 30%;
}
.Ecuador {
    top: 47%;
    left: 32%;
}
.Bolivia {
    top: 50%;
    left: 36%;
}
.Paraguay {
    top: 58%;
    left: 35%;
}


.Ghana {
    top: 35%;
    left: 45%;
}

.Bosnia {
    top: 19%;
    left: 47%;
}
.Moldova {
    top: 13%;
    left: 53%;
}

.Nigeria {
    top: 35%;
    left: 49%;
}

.Bosnia {
    top: 24%;
    left: 45%;
}

.Iraq {
    top: 27%;
    left: 60%;
}

.Jordan {
    top: 32%;
    left: 59%;
}
.Syria {
    top: 35%;
    left: 62%;
}

.Yemen {
    top: 39%;
    left: 65%;
}




/*   New */



    .row.mt-30.sister-consern-padding {
        padding: 15px 0px 0px;
    }

    .director-section {
        display: inline-block !important;
        gap: 20px;
    }

    .circular-image-container-director {
        width: 100%;
        max-width: 140px;
        height: 140px;
        border-radius: 50%;
        margin-bottom: 20px;
        margin: 0 auto;
    }

    .circular-image-container-director img {
        border-radius: 50%;
        padding: 10px;
        width: 140px !important;
        height: 140px;
        object-fit: cover;
    }

/*  Sisiter Consern  */



.logo1 {
    transform: translate(-45%, 0%) !important;
    top: 0px;
}

.logo2 {
    transform: translate(-52%, -69%) !important;
}

.logo3 {
    transform: translate(-53%, -80%) !important;
}
.logo4 {
    transform: translate(-56%, -59%) !important;
}
.logo5 {
    transform: translate(-67%, -23%) !important;
}



.logo-sister img {
    max-width: 60px;
    height: auto;
    transition: all .5s ease-in-out;
}

.all-sisier-logo {
    height: 153px;
    /* padding-top: 25px; */
    /* margin-top: 50px; */
}

.all-sisier-logo-2 {
    margin-top: 0px;
    height: 142px;
}
.logo-sister-2 img {
    max-width: 65px;
}

.logo55 {
    transform: translate(-50%, 4%) !important;
    top: 0px;
}
.logo6 {
    transform: translate(-50%, -77%) !important;
}
.logo7 {
    transform: translate(-58%, -33%) !important;
}
.logo8 {
    transform: translate(-46%, -43%) !important;
}
.sponsors-name {
    font-size: 10px;
   
}
/***************Products************/

.bg-shape-pro {
    /*margin-top: 105px;*/
    margin-top: 65px;
}

.title-bg {
    
    display:none;
    /* position: absolute; */
    width: 100%;
    /* border: 1px solid; */
    height: 8%;
    /* border-radius: 50%; */
    /* display: flex; */
    background-position: center;
    /* justify-content: center; */
    align-items: center;
    flex-wrap: wrap;
    background-repeat: no-repeat;
    top: 6px;
    background-size: contain;
    left: 0;
    /* margin-top: 77px; */
}
/***************Products************/

/********news***********/

.news-animation-pic {
    margin-bottom: 35px;
    /*transform: translate(-22%, -10%);*/
    /* border: 1px solid; */
}


.marketing-logo {
    padding: 20px;
}

.marketing-logo img {
    max-width: 100px;
}


.footer-copyright-text p {
    padding: 4px 0;
    line-height: 23px;
}

.whats-app {
    bottom: 70px;
    right: 3px;
    z-index: 999;
}

.nav-top {
    display: none;
}

.sec-padding-footer {
    margin-bottom: 0px;
}
.component-background-video .video-text .grid-img img {

}

}
/*--------------------------------------------------------------
///////////////////////////
#All Responsice Css
///////////////////////////
--------------------------------------------------------------*/

@media (max-width: 991px) {
    /********** Breadcumb section **********/
    #site-breadcumb .site-breadcumb-wrapper {
        padding: 140px 0 100px;
    }
    .breadcumb-content h1.breadcumb-title {
        font-size: 54px;
    }
    /********** Hero section **********/
    .hero-ptb {
        padding: 220px 0 110px;
    }
    .hero-content {
        margin-right: 0;
    }
    .hero-content h1.hero-title {
        font-size: 3.5rem;
    }
    .hero-content .hero-team-info {
        margin-top: 60px;
    }
    .hero-style1,
    .hero-style2 {
        margin-top: 70px;
        width: 96%;
    }
    .hero-style1::before {
        right: -4%;
        left: inherit;
    }
    .hero-images .feature-two {
        display: none;
    }
    .hero-sec2::before,
    .hero-content-style1::after {
        display: none;
    }
    /********** About section **********/
    .about-sec .sec-content {
        margin-left: 0px;
        margin-top: 0px;
    }
    .about-sec3 .sec-images {
        margin-left: 0;
    }
    /********** Service section **********/
    .service-lists-style1 .single-service-content h4 {
        font-size: 28px;
        line-height: 48px;
    }
    .service-lists-style1 .single-service {
        padding: 44px 0px;
    }

    /* Service-Home2 */
    .service-sec2 {
        padding-bottom: 76px;
    }
    .single-service-style2 {
        margin-bottom: 24px;
    }
    .service-cat-sec {
        padding-top: 100px;
    }

    /********** Newslatter section ********/
    .video-sec .video-sec-overlay,
    .video-sec2 .video-sec-overlay {
        padding: 100px 0px;
    }
    .newslatter-sec .sec-content {
        margin-left: 0;
        padding: 80px 0;
        text-align: center;
    }
    .newslatter-sec2 .sec-content {
        margin-right: 0;
    }
    .Subscribe-form input.form-control {
        padding: 11px 20px;
    }
    .Subscribe-form button {
        margin-left: 24px;
        padding: 11px 28px;
    }
    .newslatter-sec .Subscribe-form {
        justify-content: center;
    }
    .newslatter-style2 {
        margin-bottom: -96px;
    }
    .footer2 .section-overlay {
        padding-top: 196px;
    }
    .newslatter-style2 .newslatter-text {
        text-align: center;
        margin-bottom: 30px;
    }
    /*********** Project section ***********/
    .project-slider .owl-nav {
        position: relative;
        margin-top: 50px;
        right: 0;
        top: inherit;
        justify-content: center;
    }
    /* Project home2 */
    .project-sec2 {
        padding-bottom: 76px;
    }
    /********** Business section **********/
    .business-sec .sec-images {
        margin-left: 0;
    }
    .company-qinfo-raaper {
        margin-top: 0;
        padding: 86px 0;
    }
    .company-qinfo-raaper .single-info {
        padding: 14px 0;
        border-right: 1px solid rgba(255, 255, 255, 0.3);
        width: 33%;
        display: inline-block !important;
        text-align: center;
    }
    .company-qinfo-raaper .single-info .info h2 span {
        font-size: 3rem;
    }
    .company-qinfo-raaper .single-info .info-icon {
        margin-bottom: 5px;
    }
    .company-qinfo-sec {
        background: var(--thm-green);
    }
    /********** Pricing section **********/
    .pricing-sec {
        padding-bottom: 76px;
    }
    .single-pricing {
        margin-bottom: 24px;
    }
    /* Brand section */
    .brand-sec .sec-content {
        margin-bottom: 32px !important;
    }
    /******* Team section *******/
    .team-slider .owl-nav {
        display: none !important;
    }
    .team-page-sec {
        padding-bottom: 76px;
    }
    /******* Faq section *******/
    .faq-sec .sec-images {
        margin-left: 0;
    }
    /********* Video section *********/
    .video-sec2 .video-sec-overlay {
        padding: 175px 0px;
    }
    /********* Project section *********/
    .project-slider2 .single-project-style2 {
        margin-bottom: 0;
    }
    .project-slider2 .owl-nav {
        position: relative;
        margin-top: 50px;
        right: 0;
        top: inherit;
        justify-content: center;
    }
    /********* Testimonial section *********/
    .testimonial-slider .owl-dots,
    .testimonial-slider3 .owl-dots {
        margin-top: 50px;
    }
    .testimonial-slider2 .owl-nav {
        top: 12%;
    }
    .single-testimonial-style2 .feedback {
        padding-bottom: 80px;
    }
    .single-testimonial-style2 .feedback p {
        font-size: 24px;
    }
    .testimonial-page-sec {
        padding-bottom: 76px;
    }

    /********** Blog section **********/
    .blog-sec .blog-left-box {
        margin-bottom: 50px;
    }
    .blog-sec3 {
        padding-bottom: 76px;
    }
    .blog-sec3 .blog-item {
        margin-bottom: 24px;
    }
    .blog-item-details .blog-title h3 {
        font-size: 48px !important;
        line-height: 60px !important;
    }
    /******* Team Full_Bio section *******/
    .team-fbio-sec .member-fbio,
    .team-fbio-sec .progressbar-tooltip {
        margin-left: 0;
    }
    .team-fbio-sec .team-fbio-hr {
        margin: 50px 0 50px;
    }
    /******* Contact Page section *******/
    .contact-map-sec iframe {
        height: 500px;
    }
}
@media (max-width: 767px) {
    /********** Breadcumb section **********/
    .facilities-details-wrap .row{
       margin-bottom:0px !important;
    }
    
    .mb-footer-hide{
        display:none;
    }
    .pro-cat-tabbing {
    	margin-top: 0px;
    }
    
    .popup-modal {
        justify-content: center;
        align-items: center;
    }
    
    .menu-footer ul li {
        margin-right: 5px;
    }
    #site-breadcumb .site-breadcumb-wrapper {
        padding: 130px 0 80px;
    }
    .breadcumb-content h1.breadcumb-title {
        font-size: 42px;
    }
    /********** Hero section **********/
    .hero-ptb {
        padding: 180px 0 90px;
    }
    .hero-content h1.hero-title {
        font-size: 42px;
    }
    .br-style1 {
        border-radius: 0px 140px 0px 160px;
    }
    .br-style1::before {
        border-radius: 0px 140px 0px 160px;
        top: -20px;
        left: 20px;
    }
    .hero-content .hero-team-info .total-team-count span {
        font-size: 26px;
    }
    .hero-content .hero-team-info {
        margin-top: 50px;
    }
    /********** Service section **********/
    .service-lists-style1 .single-service-icon {
        width: 76px;
        height: 76px;
        margin-right: 20px;
    }
    .service-lists-style1 .single-service-icon i {
        font-size: 42px;
    }
    .service-lists-style1 .single-service:first-child .single-service-content a {
        top: 5%;
    }
    .service-lists-style1 .single-service-content a {
        font-size: 28px;
        top: 26%;
    }
    .service-lists-style1 .single-service-content h4 {
        font-size: 24px;
        line-height: 44px;
    }
    .service-lists-style1 .single-service {
        padding: 34px 0px;
    }
    .service-cat-sec {
        padding-top: 80px;
    }

    /********** Service home2 ***********/
    .service-sec2 {
        padding-bottom: 56px;
    }
    /********** Service-Details-Page ***********/
    .service-details-content .info-part {
        margin-bottom: 35px;
    }
    /********** Service-Details-Page ***********/
    .sidebar-item:first-child {
        margin-top: 50px;
    }
    .sidebar-item {
        margin-bottom: 30px;
        padding: 25px;
    }
    .blog-pagination ul li.pagination-item a {
        height: 44px;
        width: 44px;
    }
    /****** Team section *********** */
    .team-page-sec {
        padding-bottom: 56px;
    }
    /********** Newslatter section *********** */
    .video-sec .video-sec-overlay,
    .video-sec2 .video-sec-overlay {
        padding: 80px 0px;
    }
    .newslatter-sec .sec-content {
        padding: 60px 0;
    }
    .newslatter-sec .sec-content h2.sec-title {
        font-size: 38px;
        line-height: 54px;
    }
    .footer2 .section-overlay {
        padding-top: 176px;
    }

    /********** Business section **********/
    .company-qinfo-raaper {
        padding: 60px 0;
    }
    .company-qinfo-raaper .single-info {
        padding: 20px 0;
        border-right: inherit;
        width: 100%;
    }
    .company-qinfo-raaper .single-info .info h2 span {
        font-size: 2.5rem;
    }

    .blog-item .img-box {
        height: 100%;
    }
    /********** Pricing section **********/
    .pricing-sec {
        padding-bottom: 56px;
    }
    /****** Project section ******/
    .project-sec2 {
        padding-bottom: 56px;
    }
    /********* Testimonial section *********/
    .single-testimonial-style2 .feedback p {
        font-size: 20px;
        line-height: 36px;
    }
    .single-testimonial-style2 .feedback {
        padding-bottom: 70px;
    }

    .testimonial-page-sec {
        padding-bottom: 56px;
    }
    /********* Blog section *********/
    .blog-sec3 {
        padding-bottom: 56px;
    }

    .blog-page-sec .blog-item {
        margin-bottom: 50px;
    }
    .blog-page-sec .blog-btn {
        margin-top: 35px;
    }
    .blog-recent-post .blog-item {
        margin-bottom: 20px;
    }
    .blog-item-details .blog-title h3 {
        font-size: 36px !important;
        line-height: 48px !important;
    }
    .blog-tags-share {
        display: block;
    }
    .blog-tags-share .blog-tags:first-of-type {
        margin-bottom: 20px;
    }
    .blog-autor-bio {
        flex-direction: column;
    }
    .blog-autor-bio .avater-content {
        text-align: center;
    }
    .blog-autor-bio .avater-content ul.autor-social {
        position: relative;
        justify-content: center;
        top: inherit;
        right: inherit;
        margin-bottom: 4px;
        margin-top: -8px;
    }
    .comment-item .post-comment {
        display: block;
    }
    .comment-item .post-comment .comment-content {
        margin-left: 0;
    }
    /********* Contact page *********/
    form.itco-cform .contact-field {
        margin-bottom: 18px;
    }
    form.itco-cform .contact-field input,
    form.itco-cform .contact-field input textarea {
        padding: 10px 20px;
    }
    .contact-map-sec iframe {
        height: 400px;
    }
}

@media (max-width: 576px) {
    /******** Breadcumb section ********/
    #site-breadcumb .breadcumb-content {
        flex-direction: column;
    }
    #site-breadcumb .breadcumb-content .page-navigator {
        margin-left: inherit;
        margin-top: 10px;
    }
    /******** Hero section ********/
    .hero-content .hero-team-info {
        width: 100%;
    }
    /******** About section ********/
    .about-sec2 .sec-images .sec-img-info {
        height: 216px;
        width: 200px;
    }
    .about-sec2 .sec-images .sec-img-info span {
        font-size: 56px;
        margin-bottom: 26px;
    }
    .about-sec3 .sec-images .sec-img-two {
        width: 55%;
    }
    /******** Newslatter section ********/
    .newslatter-style2 {
        padding: 28px 20px;
    }
    .newslatter-style2 .newslatter-text {
        font-size: 24px;
        margin-bottom: 24px;
    }
    .newslatter .Subscribe-form button {
        margin-top: 3px !important;
        padding: 8px 28px !important;
    }
    /******** Faq section ********/
    .faq-sec #accordion h4.accordion-title {
        font-size: 16px;
        line-height:22px;
        border: 1px solid rgb(211 196 196 / 80%);
    }
    .faq-sec .sec-images .sec-img-one {
        border-radius: 160px 0px;
    }
    .nav-tabs-custom {
        justify-content: center;
    }
    .tabbing-sppec label {
        padding: 1px 4px;
        font-size: 15px;
    }
    div#nav-tabContent {
        padding: 0px !important;
    }
    .content {
        padding-top: 20px;
        padding-bottom: 0px !important;
    }
    .site-breadcumb-wrapper.pt-200 {
        padding-top: 110px;
    }
    .pro-titles.ptb-50 {
        padding-bottom: 0px;
    }
    

    .container.pb-100 {
        padding-bottom: 5px;
    }
    .accordion-container .accordion-title::after {
        right: 7px;
    }
    .accordion-container .accordion-title::before {
        right: 7px;
    }
    .menu-area .mobile-nav-toggler {
    	padding: 10px 0 10px;
    	margin: 0px 0px 0px 0px;
    }
    .product-details-wrapper {
        padding: 5px 0px;
    }


    /****Facilities *****/

    section.page-direction.sec-ptb.pt-200 {
        padding-top: 100px;
    }
    .btn-box.text-center.mt-30 {
        margin-bottom: 30px;
    }
    .tech-logo {
        display: flex;
        gap: 10px;
        justify-content: center;
        flex-flow: wrap;
    }
    .tech-logo-all {
        /*flex-basis: 30%;*/
        flex-basis: 24%;
    }
    .tech-logo-all img {
        /* max-width: 200px; */
        width: 100%;
    }
    .hpl-map {
        height: 300px !important;
        overflow: hidden;
    }
    .n-read-more {
        display: none;
    }

    .research-logo {
        flex-flow: column;
    }
    .director-message {
        padding-top: 20px;
    }

    .career-wrap{
        padding-top: 100px;
    }
    .float-sm-right {
        float: none !important;
    }

    .content.float-left {
        padding-top: 0px;
    }
/********* Research & Development *********/





/************Global Operation**************/
section.global-operation.sec-ptb.pt-200 {
    padding-top: 100px;
    /* display: none; */
    width: 100%;
    overflow: hidden;
}
.global-large-video.mt-30.mb-50 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.single_coutry {
    flex-basis: 29%;
}


    /********* Video section *********/
    .video-sec2 .video-sec-overlay {
        padding: 150px 0px;
    }
    .Subscribe-form input.form-control {
        padding: 13px 20px !important;
        width: 100%;
        margin-bottom: 30px;
    }
    .Subscribe-form button {
        margin-left: 0;
    }
    /********* service section *********/
    .single-service-style2 .content-box .single-service-content a.read-more {
        margin-top: 18px;
    }
    /********* Testimonial section *********/
    .testimonial-slider2 .owl-nav {
        display: none;
    }
    .single-testimonial-style2 .feedback {
        padding-bottom: 60px;
    }

    .single-testimonial-style3 {
        flex-direction: column;
    }
    .single-testimonial-style3 .feedback {
        width: 100%;
        margin-right: 0;
    }
    .single-testimonial-style3 .feedback .rating i {
        float: left;
        margin-right: 3px;
    }
    .single-testimonial-style3 .customar-info {
        width: 100%;
    }
    /********* Blog section *********/

    .blog-sidebar-box-item .content-box {
        width: 100%;
        margin: 10px 0 0;
    }
    .blog-item .content-box .meta-box ul.meta-info {
        margin-bottom: 10px;
    }
    .blog-item .content-box .btn-box {
        margin-top: 10px;
    }
    .blog-left-box .content-box .title-box h3 {
        font-size: 28px;
        line-height: 40px;
    }
    .blog-sidebar-box-item {
        padding-bottom: 26px;
    }

    .blog-item .content-box {
/*        margin: 22px 0 0;*/
    }
    .blog-item .content-box .title-box h3 {
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
    }
    /********* Contact section *********/
    .contact-map-sec iframe {
        height: 300px;
    }
    /********* Footer section *********/
    .footer-widget h4.footer-widget-title {
        margin-bottom: 24px;
        font-size: 24px;
        line-height: 38px;
    }
    .footer-recent-post .blog-sidebar-box-item .content-box {
        margin: 0 0 0 15px;
    }
}


/*Desktop*/

@media (min-width:1281px) { 
    .global-map-sec img {
/*        display: none;*/
    }

}



/**************map desktop code************/



/* Smartphones (portrait and landscape) ----------- */
/*@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {*/
    
@media (max-width: 480px) {
    
    .wow {
        animation-duration: 1s; /* Reduce animation duration if necessary */
        animation-delay: 0ms;   /* Adjust delay for quicker response */
    }
    .facilities-details-wrap.pt-200 {
        width: 100%;
        overflow: hidden;
    }
    
    .blog-pagination ul {
        justify-content: center;
        column-gap: 4px;
        overflow-y: scroll;
    }
    .suggestions-dropdown {
        width: 350px !important;
    }
    .job-title {
        font-size: 1.1rem;
        line-height: 1.5rem;
    }
    .company {
        font-size: 13px;
    }
    .tech-logo {
        width: 100%;
        overflow: hidden;
  
    }

    .site-ligo img{
        /*width: 150px;*/
         width: 55px;
    }
    .single_coutry img {
        width: 65px;
        margin: 0 auto;
        display: block;
    }
    .short {
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        padding-top: 15px;
        width: 100%;         /* container full width নাও */
        max-width: 100%;     /* overflow না হোক */
        word-wrap: break-word; /* long words বা links wrap হবে */
        overflow-wrap: break-word; /* old browser support */
    }



   section.about-us-wrapper.sec-ptb.pt-200 {
        padding-top: 100px;
    }
    .facilities-details-wrap.pt-200 {
        padding-top: 100px;
    }
    .component-background-video .video-text .grid-img {
    	top: 50px;
    }

    

    .product-trade-search ul li {
        margin: 4px 5px;
        padding: 0px 5px;
    }
    .product-trade-search ul li a {
        font-size: 13px;
        line-height: 15px;
        padding: 3px;
        display: block;
    }
    .product-trade-search-home {
        padding-top: 10px;
    }
    a.click-btn.btn-style500 {
        margin-top: 30px;
    }


/*about us*/
.vision-mission-area {
    padding: 80px 0px 0px 0px;
    width: 100%;
    overflow: hidden;
}
.vision-card {
    margin-bottom: 70px;
     padding: 20px 15px;
}
.tech-provider-box h3 {
    font-size: 1.3rem;
}

.policy-area {
    padding: 10px 0px 30px;
}

.content > div {
    padding: 0px 0px 5px;
}
.product-specification.pb-100 {
    padding-bottom: 10px;
}

section.brand-secpull-left.sistern-card-wrapper {
    margin-top: 20px !important;
}
section.accreditation.mt-30.pt-100.mb-50 {
    padding-top: 0px;
    margin-top: 0px;
}

section.newsroom.sec-ptb.pt-200 {
    padding-top: 100px;
}

.newroom-title {
    margin: 10px 0px 0px;
}
.newroom-title h3 {
    font-size: 16px;
}
.newroom-date p {
    font-size: 12px;
}
.Quality_Complaints h3 {
    font-size: 1.3rem;
    line-height: 28px;
    padding-bottom:0px;
}
.news-title-pb-0 {
    padding-bottom: 0px;
    margin-bottom: 0px !important;
}
.gallery-block.grid-gallery {
    padding-top: 30px;
}
section.hero-sec3 {
    padding-top: 90px !important;
}
.author-news {
    display: flow;
}
.newroom-title h4 {
    font-size: 13px;
    padding-top: 4px;
}
.newroom-title h4 {
    font-size: 14px;
    padding-top: 6px;
}

/*Gallery*/

.hero-slider-item {
    height: 18vh;
}
.add-card {
    margin-bottom: 30px;
}

section.hpl-map.pt-100 {
    padding-top: 0px;
}



/*Animation rotate*/

/*.static-bg {*/
/*    animation-duration: 85s !important;*/
/*    animation-iteration-count: infinite;*/
/*    animation-name: rotatingBg;*/
/*    animation-timing-function: linear;*/
/*    height: 312%;*/
/*    left: -50%;*/
/*    position: fixed;*/
/*    top: -100%;*/
/*    transform: translateX(50%);*/
/*    width: 200%;*/
/*    z-index: -1;*/
/*}*/

.static-bg {
    animation-duration: 25s !important;
    animation-iteration-count: infinite;
    animation-name: rotatingBg;
    animation-timing-function: linear;
    height: 312% !important;
    left: -50%;
    position: fixed;
    top: -100%;
    transform: translate(-50%, -50%) rotate(0deg);
    width: 400% !important;
    z-index: -1;
}

.static-bg img {
   
    -webkit-animation-duration: 25s !important; /* Adjusted to 60 seconds for slower rotation */
    animation-duration: 95s !important;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    height: 370%;
    left: -50%;
    position: fixed;
    top: -100%;
   transform: translate(-50%, -50%) rotate(0deg);
    width: 200%;

}

/* Keyframes for rotation */
@-webkit-keyframes rotate {
    0% {
        transform: translateX(50%) rotate(0deg);
    }
    100% {
        transform: translateX(50%) rotate(360deg);
    }
}

@keyframes rotate {
    0% {
        transform: translateX(50%) rotate(0deg);
    }
    100% {
        transform: translateX(50%) rotate(360deg);
    }
}





/*New*/





.desktop-only-filter{
    display: none;
}
.mb-only-filter{
  display: block;
}

.small-news-wrap{
    display: none;
}
.vision-icon {
    left: 50%;
    transform: translateX(-50%);
}

.global-header p {
    font-size: 27px;
    line-height: 35px;
}

.form-custom {
    padding-left: 8px !important;
    border: 2px solid !important;
    margin-bottom: 10px !important;
}

a.read-more-btn.w-250 {
    background: linear-gradient(0deg, rgba(0, 142, 180, 1) 0%, rgba(21, 113, 147, 1) 100%);
}
.chairman-details.mr-20 {
    width: 100%;
    margin-right: 0px;
}


.desktop-timeline{
    display: none;
}
.mobile-timeline{
  display: block;
}
.timelinecc {
    padding: 10px 0;

}



/*****Product*********/
.circular-image-container {
    max-width: 160px;
    height: 160px;
}
.circular-image-container img {
    width: 160px !important;
    height: 160px;
}
/*USP*/

.usp-shape-left-001 {
    margin-top: 90px;
}
.outer-circle {
    width: 110px;
    height: 110px;
}

.usp-shape_1 {
    max-width: 130px;
    height: 130px;
}
.outer-circle .inner-circle {
    max-width: 130px;
    height: 130px;
}
.usp-shape_1 img {
    width: 50px;
}
.stat>h2 {
    font-size: 15px;
    padding-bottom: 2px;
    line-height: 20px;
    padding-top: 5px;
}

span.countfect.countfect-number {
    font-size: 20px;
}
.stat p {
    font-size: 12px;
    line-height: 14px;
}
.stat {
    padding-top: 2px;
}


.usp-shape_2 .stat img {
    max-width: 65px;
}
.outer-circle-02 {
    width: 180px;
    height: 180px;
    margin-left: -76px;
    margin-top: 10px;
}

.outer-circle-02 .inner-circle-02 {
     width: 180px;
    height: 180px;
}
.usp-shape-left-002 {
    margin-left: 30px;
}
.outer-circle-03 {
    width: 95px;
    height: 95px;
}
.outer-circle-03 .inner-circle-03 {
     width: 95px;
    height: 95px;
}

.usp-shape_3 .stat img {
    width: 45px;
}


.outer-circle-04 {
    width: 145px;
    height: 145px;
}
.usp-shape_4 .stat img {
    width: 50px;
}
.outer-circle-04 .inner-circle-04 {
    width: 145px;
    height: 145px;
}
.usp-shape-left-03 {
    display: flex;
    justify-content: center;
    margin-right: -1px;
    margin-top: 1px !important;
}

.usp-shape-left-04.align-items-center {
    transform: translate(-79px, -34px);
}

.usp-shape-left-05.align-items-center {
    transform: translate(74px, -42px);
}

/************Hpl Team************/

.chairman-section {
    display: grid !important;
    justify-content: center;
    margin-bottom: 40px;
}
.director-card-left {
    float: none;
}
.chairman-details.ml-20 {
    margin-left: 0px;
    padding: 10px 0px;
}
.chairman-details.ml-20 h4 {
    text-align: center;
}
.chairman-details.ml-20 h5 {
    text-align: center;
}
.director-details {
    text-align: center;
}
.chairman-details h4 {
    text-align: center;
}
.chairman-details h5 {
    text-align: center;
}
.chairman-details p {
    text-align: left;
}

/**************Client Logo*************/
/*.circle {
    position: relative;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    display: flex;
    background-position: center center;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-size: contain;
    margin-top: 77px;
    background-repeat: no-repeat;
}*/


.circle {
    position: relative !important;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-position: center center;
    justify-content: center;
    background-size: contain;
    margin-top: 14px;
    /* border: 1px solid; */
    background-repeat: no-repeat;
}
.circle-2 {
    position: relative !important;
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-position: center center;
    /*border-bottom: 1px solid #5ad721;*/
    justify-content: center;
    background-size: contain;
    /* margin-top: -28px; */
    -webkit-font-smoothing: subpixel-antialiased;
    background-repeat: no-repeat;
}

iframe.mapp {
    height: 210px;
}
.marketing-partner {
    margin-top: 15px;
}
section.newsroom.sec-ptb {
    padding-top: 0px;
}

.global-header {
    display: none;
}



.moretext {
  display: none;
}

.moreless-button {
    display: inline;
}
.seemore{
    display: none;
}
.moreless-button-director {
     display: inline;
}
/*.moretext-director{
   display: inline;
}*/

.moretext-director{
   display: none;
}
/*.about-info p {
    max-height: 86px;
    overflow-y: scroll;
}
.additional-content.about-info.content.pt-50 p {
    max-height: 500px;
}*/

.moreless-button-dmd{
   display: inline;
}


.cta.my-3.col-md-9.py-1 {
    margin-top: 5px !important;
}

.news-animation-pic {
    margin-bottom: 35px;
}
.field.field--name-field-hww-link.field--type-link.field--label-hidden.field__item {
    /*padding-left: 9%;*/
}

.details-product {
    margin: 25px 0px;
}
.facilities-details h2 {
	font-size: 1.3rem;
	padding-top: 1rem;
	text-align: center;
}
.facilities-inner-details p {
    text-align: justify;
}
.facilities-inner-details {
    padding: 6px 0px;
}
.details-product img {
    max-height: 235px;
}
.product-description-top h2 {
    font-size: 24px;
    line-height: 35px;
}

.about-us-title h3 {
    padding-bottom: 15px;
    font-size: 1.3rem;
}

.sec-content p {
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
}

.row.align-items-center.tab-col-gap.wow.fadeInUp {
    margin-top: 0px;
}
.con-tab p {
    font-size: 14px;
    line-height: 24px;
}
.research-title {
    font-size: 1.3rem;
}
.global-pera {
    padding-top: 0.6rem;
}
.country-asia h3 {
    font-size: 1.3rem;
}
.single_coutry>h3 {
    font-size: 14px !important;
}
.research-logo-all img {
    max-width: 130px;
}
.research-logo {
    gap: 15px;
}
.research-logo-name {
    font-size: 1rem;
    padding: 4px 0px 15px;
}



input, input::placeholder {
    font-size: 10px !important;
}

.close-btn-popup {
    position: absolute;
    top: -33px;
    z-index: 99999;
    transform: translate(-50%, -50%);
    left: 50%;
    right: 0px;
    font-size: 42px;
    background-color: rgb(55 74 199 / 90%);
    padding: 5px;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    line-height: 49px;
}


.search-box {
    width: fit-content;
    height: fit-content;
    position: fixed;
    bottom: 65px;
    right: 10px;
    z-index: 999;
}
.btn-search {
    width: 40px;
    height: 40px;
    font-size: 17px;
    padding-right: 14px;
    line-height: 53px;
}
.news-animation-pic img {
    max-height: 150px;
    position: relative;
    /*left: -22% !important;*/

}
.title-timeline h3 {
    font-size: 1.3rem;
}
.chairman-details.ml-20 p {
    text-align: justify;
}

.menu-footer.menu-footer-top ul li a {
    font-size: 14px;
}



}

@media only screen and (max-width: 1024px) {
    .static-bg {
        height: 312%;
        width: 345%;
    }
}

@media only screen and (min-width: 375px) {

}





/*Samsung galaxy*/
@media only screen and (max-width: 360px) {
 .component-background-video .video-text .grid-img img {
    height: 54vw !important;
    }
}


/* Add your iPad Mini-specific styles here */
@media only screen and (min-device-width: 768px) and (max-device-width: 768px) {
  /* Add your iPad Mini-specific styles here */


  .slider-hpl {
        height: auto;
    }
    .component-background-video .video-text {

    }
    .component-background-video .video-text .grid-img img {
        height: auto;
        top: 58px;
    }
    .component-background-video .video-text .svg-vid {
        position: absolute;
        top: 65px;
        left: 0;
        width: 100%;
        height: calc(100% - 43px);
        border: 0;
        object-fit: cover;
    }

    .paragraph--type--notification-component {
        position: relative;
        top: -31px;
        left: 60%;
        transform: translateX(-50%);
        width: 100%;
        max-width: 1200px;
    }
    .click-btn {
        padding: 8px 7px;
    }
    
    .usp-shape-3 {
        min-height: 600px;
        overflow: hidden;
        margin-bottom: 100px;

    }
    .usp-shape-left-05.align-items-center {
      
    }
    .usp-shape-left-03 {
        margin-right: -115px;
        margin-top: -2px !important;
    }
    .usp-shape-left-04.align-items-center {


    }


    .uganda {
        top: 31%;
        left: 44%;
    }
    .Zimbabwe {
        top: 36%;
        left: 51%;
    }
   .Tanzania {
        top: 43%;
        left: 55%;
    }

    .Kenya{
        top: 50%;
        left: 53%;
    }
    .Afganistan {
        top: 22%;
        left: 52%;
    }
    .Uzbekistan {
        top: 24%;
        left: 57%;
    }
    .Bhutan {
        top: 32%;
        left: 55%;
    }
    .Myanmar {
        top: 35%;
        left: 61%;
    }
    .Hongkong {
        top: 23%;
        left: 63%;
    }
    .Philiphines {
        top: 35%;
        left: 70%;
    }
    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Srilanka {
        top: 56%;
        left: 75%;
    }
    .Malaysia {
        top: 26%;
        left: 70%;
    }
    .Singapore {
        top: 32%;
        left: 78%;
    }

/*    */

.Usa {
    top: 41%;
    left: 19%;
}
.Honduras {
    top: 52%;
    left: 25%;
}
.Guatemala {
    top: 50%;
    left: 20%;
}
.CostaRica {
    top: 53%;
    left: 30%;
}
.Ecuador {
    top: 47%;
    left: 32%;
}
.Bolivia {
    top: 50%;
    left: 36%;
}
.Paraguay {
    top: 58%;
    left: 35%;
}


.Ghana {
    top: 35%;
    left: 45%;
}

.Bosnia {
    top: 19%;
    left: 47%;
}
.Moldova {
    top: 13%;
    left: 53%;
}

.Nigeria {
    top: 35%;
    left: 49%;
}

.Bosnia {
    top: 24%;
    left: 45%;
}

.Iraq {
    top: 27%;
    left: 60%;
}

.Jordan {
    top: 32%;
    left: 59%;
}
.Syria {
    top: 35%;
    left: 62%;
}

.Yemen {
    top: 39%;
    left: 65%;
}

 .Hongkong {
        top: 48%;
        left: 88%;
    }
    .Philippines {
        top: 51%;
        left: 81%;
    }
    .Cambodia {
        top: 43%;
        left: 81%;
    }
    .Bangladesh {
        top: 29%;
        left: 70%;
    }

    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Maldives {
        top: 44%;
        left: 63%;
    }


    .circular-image-container {
        max-width: 160px;
        height: 160px;
    }
    .circular-image-container img {
        width: 160px !important;
        height: 160px;
    }

    .circular-image-container-director {
        max-width: 140px;
        height: 140px;
       
    }

    .circular-image-container-director img {
        width: 140px !important;
        height: 140px;

    }
    .chairman-details.mr-20 {
        width: 95%;
        min-width: auto;
    }

.logo1 {
    top: 51%;
    left: 7%;
}

.logo2 {
    top: 72%;
    left: 25%;
}
.logo4 {
    top: 78%;
    left: 72%;
}
.logo5 {
    top: 64%;
    left: 90%;
}


    .logo55 {
        top: 51%;
        left: 7%;
    }
    .logo6 {
        left: 32%;
        top: 79%;
    }
    .logo7 {
        top: 82%;
        left: 62%;
    }
    .logo8 {
        top: 62%;
        left: 88%;
    }

    .news-animation-pic img {
        max-height: 240px;
    }
    .marketing-logo {
        padding: 15px;
    }

.product-specification.pb-100 {
    padding-bottom: 0px;
}
.row.justify-content-center.sec-padding-footer {
    margin-bottom: 5px;
}
    section.about-us-wrapper.sec-ptb.pt-200 {
        padding-top: 130px;
    }
    .content > div {
        padding: 0px;
    }
    section.global-operation.sec-ptb.pt-200 {
        padding-top: 130px;
    }
    section.newsroom.sec-ptb.pt-200 {
        padding-top: 130px;
    }

    .hero-slider-item {
        height: 26vh; 
    }
    .career-wrap {
        padding-top: 130px;
    }
    ul.job-list > li.job-preview {
        padding: 1.5rem 1rem;
    }
    .news-right-sidebar {
        padding-top: 30px;
    }
    
    .menu-footer.menu-footer-top ul li a {
        font-size: 13px;
        
    }
    
}

/*iPhone SE*/
@media only screen 
  and (device-width: 375px) 
  and (device-height: 667px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
  
  .component-background-video .video-text .svg-vid {
        /*max-height: 41vw;*/
    }
}

  /* Styles for iPhone 11 Pro only in portrait */

@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
    .short {
    	padding-top: 35px !important;
    }

}


 /* Your styles for iPhone SE go here */

@media only screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) {
    
   .slider-hpl {
        height: auto;
    }
    .paragraph--type--notification-component {
        top: 0px;
        left: 50%;
        transform: translateX(-48%);
        max-width: 90%;
        font-size: 14px;
        padding: 0;
        box-sizing: border-box;
    }

      .short {
        padding-top: 5px;
    }


    .component-background-video .video-text .grid-img {
        top: 13px;
    }

    .component-background-video .video-text .grid-img img {
        width: 100%;
        height: auto;
        top: 35px;
        position: relative;
    }
 
}

  /* Your styles for iPhone XR go here */
  
@media only screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
    
   .slider-hpl {
        height: auto;
    }
    .paragraph--type--notification-component {
        top: 0px;
        left: 50%;
        transform: translateX(-48%);
        max-width: 90%;
        font-size: 14px;
        padding: 0;
        box-sizing: border-box;
    }

      .short {
        padding-top: 5px;
    }


    .component-background-video .video-text .grid-img {
        top: 15px;
    }

    .component-background-video .video-text .grid-img img {
        width: 100%;
        height: auto;
        top: 35px;
        position: relative;
    }
    .cta.my-3.py-1 {
    	margin-top: 5px !important;
    }
    
    .usp-shape-left-001 {
        margin-top: 89px;
        margin-left: 14px;
    }
    .usp-shape-left-002 {
        margin-left: 30px;
    }
    

}





/*iPhone 14 Pro Max*/
@media only screen 
  and (device-width: 430px) 
  and (device-height: 932px) 
  and (-webkit-device-pixel-ratio: 3) 
  and (orientation: portrait) {
    
  /* Portrait styles for iPhone 14 Pro Max */
  
  .short {
        padding-top: 15px;
        /* margin: 1rem auto 3rem; */
    }
    
    .usp-shape-left-001 {
        margin-top: 90px !important;
        margin-left: 23px !important;
    }
    .usp-shape-left-002 {
        margin-left: 30px !important;
    }
    .usp-shape-left-04.align-items-center {
       
    }
    .usp-shape-left-05.align-items-center {
       
    }
   .slider-hpl {
        height: auto;
    }
    .component-background-video .video-text .svg-vid {
        height: 40vw;
        overflow: hidden;
        top: 55px;
    }
    .component-background-video .video-text .grid-img {
        top: 53px;
    }
    .paragraph--type--notification-component {
        top: 0px;
    }
    .short {
        padding-top: 10px !important;
    }
    /**/
    
    
    


}

/* Styles for Samsung Galaxy S8 portrait */

@media only screen and (device-width: 360px) and (device-height: 740px) and (-webkit-device-pixel-ratio: 4) and (orientation: portrait) {
    .slider-hpl {
        height: auto !important;
    }
    .component-background-video .video-text .svg-vid {
        max-height: 40vw;
        top: 53px;
    }
    .component-background-video .video-text .grid-img img {
        height: auto !important;
    }
    .component-background-video .video-text {
        top: -5px !important;
    }
    .short {
        font-size: 13px;
        line-height: 17px;
    }
    .paragraph--type--notification-component .short {
        width: 100%;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
    }
    .paragraph--type--notification-component {
        top: -4px !important;
    }
    .cta.my-3.py-1 {
        margin-top: 6px !important;
    }
  
}


  /* Styles for Samsung Galaxy S22 Ultra portrait */

@media only screen and (device-width: 412px) and (device-height: 915px) and (-webkit-device-pixel-ratio: 3.5) and (orientation: portrait) {
    .slider-hpl {
        height: auto;
    }
    .paragraph--type--notification-component {
        top: 0px;
        left: 50%;
        transform: translateX(-48%);
        max-width: 90%;
        font-size: 14px;
        padding: 0;
        box-sizing: border-box;
    }

      .short {
        padding-top: 5px;
    }


    .component-background-video .video-text .grid-img {
        top: 15px;
    }

    .component-background-video .video-text .grid-img img {
        width: 100%;
        height: auto;
        top: 35px;
        position: relative;
    }
    
    
}

/* Styles for Galaxy S20 portrait */

@media only screen 
  and (min-device-width: 360px) 
  and (max-device-width: 360px) 
  and (min-device-height: 800px) 
  and (max-device-height: 800px) 
  and (-webkit-min-device-pixel-ratio: 4) 
  and (orientation: portrait) {
      
      .component-background-video .video-text .svg-vid {
    	height: auto;
    }
  
  
  /*body {*/
  /*  background-color: #f0f0f0;*/
  /*}*/
}


/*Ipad Mini*/
@media only screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
    
    .slider-hpl {
        height: auto;
    }

    .component-background-video .video-text .svg-vid {
        top: 68px;
    }
   .component-background-video .video-text .grid-img {
        display: block;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        top: 8px;
        overflow: hidden;
        background-attachment: fixed;
    }

    
  
      .popup-content {
        max-width: 600px !important;
       
    }
}



/*Ipad Air*/
@media only screen 
  and (min-device-width: 820px)
  and (max-device-width: 834px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
      /*body {*/
      /*  background-color: #f00 !important;*/
      /*}*/

.popup-content {
    max-width: 620px !important;
}
.slider-hpl {
    height: auto;
}
.component-background-video .video-text {
    transform: translate(-9%, 10%);
    position: relative;
}

.component-background-video .video-text .svg-vid {
    position: absolute;
    top: 65px;
    left: 0;
    width: 100%;
    height: 84%;
    max-width: 92vw;
    overflow: hidden;
    border: 0;
}
.paragraph--type--notification-component {
    top: -25px;
}
.click-btn {
    padding: 8px 10px;
}

.usp-shape-left-04.align-items-center {
   
}
.usp-shape-left-05.align-items-center {
  
}

 .usp-shape-left-05.align-items-center {
      
    }
    .usp-shape-left-03 {
        margin-right: -115px;
        margin-top: -2px !important;
    }
    .usp-shape-left-04.align-items-center {
      
    }


    .uganda {
        top: 31%;
        left: 44%;
    }
    .Zimbabwe {
        top: 36%;
        left: 51%;
    }
   .Tanzania {
        top: 43%;
        left: 55%;
    }

    .Kenya{
        top: 50%;
        left: 53%;
    }
    .Afganistan {
        top: 22%;
        left: 52%;
    }
    .Uzbekistan {
        top: 24%;
        left: 57%;
    }
    .Bhutan {
        top: 32%;
        left: 55%;
    }
    .Myanmar {
        top: 35%;
        left: 61%;
    }
    .Hongkong {
        top: 23%;
        left: 63%;
    }
    .Philiphines {
        top: 35%;
        left: 70%;
    }
    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Srilanka {
        top: 56%;
        left: 75%;
    }
    .Malaysia {
        top: 26%;
        left: 70%;
    }
    .Singapore {
        top: 32%;
        left: 78%;
    }

/*    */

.Usa {
    top: 41%;
    left: 19%;
}
.Honduras {
    top: 52%;
    left: 25%;
}
.Guatemala {
    top: 50%;
    left: 20%;
}
.CostaRica {
    top: 53%;
    left: 30%;
}
.Ecuador {
    top: 47%;
    left: 32%;
}
.Bolivia {
    top: 50%;
    left: 36%;
}
.Paraguay {
    top: 58%;
    left: 35%;
}


.Ghana {
    top: 35%;
    left: 45%;
}

.Bosnia {
    top: 19%;
    left: 47%;
}
.Moldova {
    top: 13%;
    left: 53%;
}

.Nigeria {
    top: 35%;
    left: 49%;
}

.Bosnia {
    top: 24%;
    left: 45%;
}

.Iraq {
    top: 27%;
    left: 60%;
}

.Jordan {
    top: 32%;
    left: 59%;
}
.Syria {
    top: 35%;
    left: 62%;
}

.Yemen {
    top: 39%;
    left: 65%;
}

 .Hongkong {
        top: 48%;
        left: 88%;
    }
    .Philippines {
        top: 51%;
        left: 81%;
    }
    .Cambodia {
        top: 43%;
        left: 81%;
    }
    .Bangladesh {
        top: 29%;
        left: 70%;
    }

    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Maldives {
        top: 44%;
        left: 63%;
    }
    .Nepal {
        top: 172px;
        left: 527px;
    }


    .circular-image-container {
        max-width: 160px;
        height: 160px;
    }
    .circular-image-container img {
        width: 160px !important;
        height: 160px;
    }

    .circular-image-container-director {
        max-width: 140px;
        height: 140px;
       
    }

    .circular-image-container-director img {
        width: 140px !important;
        height: 140px;

    }
    .chairman-details.mr-20 {
        width: 95%;
        min-width: auto;
    }
    
    
.logo1 {
    top: 51%;
    left: 7%;
    }

.logo2 {
    top: 72%;
    left: 25%;
}
.logo4 {
    top: 78%;
    left: 72%;
}
.logo5 {
    top: 64%;
    left: 90%;
}


.logo55 {
    top: 51%;
    left: 7%;
}
.logo6 {
    left: 32%;
    top: 79%;
}
.logo7 {
    top: 82%;
    left: 62%;
}
.logo8 {
    top: 62%;
    left: 88%;
}
.marketing-logo {
    padding: 15px;
}
.menu-footer.menu-footer-top ul li a {
    font-size: 13px;
}
.news-animation-pic img {
    max-height: 235px;
}
.sec-title {
    font-size: 36px;
    line-height: 50px;
}




section.about-us-wrapper.sec-ptb.pt-200 {
    padding-top: 130px;
}
.details-product img {
    max-height: 245px;
}
section.newsroom.sec-ptb.pt-200 {
    padding-top: 130px;
}

section.newsroom.sec-ptb.pt-200 {
    padding-bottom: 0px;
}

.blog-body {
    padding-bottom: 25px;
}
.blog-item .img-box {
    width: 150px;
}
section.career-wrap.sec-ptb.pt-200 {
    padding-top: 130px;
}




}



/* iPad Pro 12.9-inch – Portrait & Landscape */
@media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait),
  only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
    /* Your iPad Pro-specific styles here */
    /*body {*/
    /*    background: #f2f2f2;*/
    /*}*/
    
    .popup-content {
    max-width: 620px !important;
}
.slider-hpl {
    /*height: 36vh;*/
    /*margin-top: 52px;*/
    /*overflow: hidden !important;*/
}
.paragraph--type--notification-component {
    top: -72px;

}
.component-background-video .video-text .svg-vid {
    top: 65px;
    height: 84%;
    max-width: 92vw;
}
.component-background-video .video-text .grid-img img {
    /*height: 50vw;*/
}
.click-btn {
    padding: 8px 10px;
}
.boc {
    width: 225px;
    height: 225px;

}

.usp-shape-left-04.align-items-center {
   
}
.usp-shape-left-05.align-items-center {
  
}

 .usp-shape-left-05.align-items-center {
        /*margin-top: -100px;*/
        /*margin-left: 33px;*/
    }




    .uganda {
        top: 31%;
        left: 44%;
    }
    .Zimbabwe {
        top: 36%;
        left: 51%;
    }
   .Tanzania {
        top: 43%;
        left: 55%;
    }

    .Kenya{
        top: 50%;
        left: 53%;
    }
    .Afganistan {
        top: 22%;
        left: 52%;
    }
    .Uzbekistan {
        top: 24%;
        left: 57%;
    }
    .Bhutan {
        top: 32%;
        left: 55%;
    }
    .Myanmar {
        top: 35%;
        left: 61%;
    }
    .Hongkong {
        top: 23%;
        left: 63%;
    }
    .Philiphines {
        top: 35%;
        left: 70%;
    }
    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Srilanka {
        top: 56%;
        left: 75%;
    }
    .Malaysia {
        top: 26%;
        left: 70%;
    }
    .Singapore {
        top: 32%;
        left: 78%;
    }

/*    */

.Usa {
    top: 41%;
    left: 19%;
}
.Honduras {
    top: 52%;
    left: 25%;
}
.Guatemala {
    top: 50%;
    left: 20%;
}
.CostaRica {
    top: 53%;
    left: 30%;
}
.Ecuador {
    top: 47%;
    left: 32%;
}
.Bolivia {
    top: 50%;
    left: 36%;
}
.Paraguay {
    top: 58%;
    left: 35%;
}


.Ghana {
    top: 35%;
    left: 45%;
}

.Bosnia {
    top: 19%;
    left: 47%;
}
.Moldova {
    top: 13%;
    left: 53%;
}

.Nigeria {
    top: 35%;
    left: 49%;
}

.Bosnia {
    top: 24%;
    left: 45%;
}

.Iraq {
    top: 27%;
    left: 60%;
}

.Jordan {
    top: 32%;
    left: 59%;
}
.Syria {
    top: 35%;
    left: 62%;
}

.Yemen {
    top: 39%;
    left: 65%;
}

 .Hongkong {
        top: 48%;
        left: 88%;
    }
    .Philippines {
        top: 51%;
        left: 81%;
    }
    .Cambodia {
        top: 43%;
        left: 81%;
    }
    .Bangladesh {
        top: 29%;
        left: 70%;
    }

    .Vietnam {
        top: 44%;
        left: 76%;
    }
    .Maldives {
        top: 44%;
        left: 63%;
    }
    .Nepal {
        top: 172px;
        left: 527px;
    }


    .circular-image-container {
        max-width: 160px;
        height: 160px;
    }
    .circular-image-container img {
        width: 160px !important;
        height: 160px;
    }

    .circular-image-container-director {
        max-width: 140px;
        height: 140px;
       
    }

    .circular-image-container-director img {
        width: 140px !important;
        height: 140px;

    }
    .chairman-details.mr-20 {
        width: 95%;
        min-width: auto;
    }
    
    
.logo1 {
    top: 51%;
    left: 7%;
    }

.logo2 {
    top: 72%;
    left: 25%;
}
.logo4 {
    top: 78%;
    left: 72%;
}
.logo5 {
    top: 64%;
    left: 90%;
}


.logo55 {
    top: 51%;
    left: 7%;
}
.logo6 {
    left: 32%;
    top: 79%;
}
.logo7 {
    top: 82%;
    left: 62%;
}
.logo8 {
    top: 62%;
    left: 88%;
}
.marketing-logo {
    padding: 15px;
}
.menu-footer.menu-footer-top ul li a {
    font-size: 13px;
}
.news-animation-pic img {
    max-height: 235px;
}
.sec-title {
    font-size: 36px;
    line-height: 50px;
}




section.about-us-wrapper.sec-ptb.pt-200 {
    padding-top: 130px;
}
.details-product img {
    max-height: 245px;
}
section.newsroom.sec-ptb.pt-200 {
    padding-top: 130px;
}

section.newsroom.sec-ptb.pt-200 {
    padding-bottom: 0px;
}

.blog-body {
    padding-bottom: 25px;
}
.blog-item .img-box {
    width: 150px;
}
section.career-wrap.sec-ptb.pt-200 {
    padding-top: 130px;
}

.text1 {
    font-size: 17px;
    
}
    
}

  /* Your specific styles for iPhone 12 Pro */
@media only screen 
  and (width: 390px) 
  and (height: 844px) 
  and (-webkit-device-pixel-ratio: 3) {
      
    .slider-hpl {
        height: auto;
    }
    .component-background-video .video-text .grid-img {
        top: 39px;
    }
        

    .component-background-video .video-text .svg-vid {
        top: 56px !important;
    }
    .paragraph--type--notification-component {
        margin-top: 0px;
    }
    .short {
        padding-top: 10px !important;
    }
}


/* Styles for Galaxy S10 and S10e */
@media only screen and (width: 360px) and (height: 760px) {
    /*.slider-hpl {*/
    /*	height: 235px;*/
    /*}*/
    .short {
    	padding-top: 40px !important;
    }
}

  /* Styles for Galaxy S20+ or similar device at 384x854 */
@media only screen and (width: 384px) and (height: 854px) {
    .short {
    	padding-top: 40px !important;
    }

}

  /* Styles for Galaxy S20 or similar device at 360x800 */
@media only screen and (width: 360px) and (height: 800px) {
    /*.slider-hpl {*/
    /*	height: 240px;*/
    /*}*/
    .short {
    	padding-top: 40px !important;
    }
 
}

/*Custom media */
@media only screen and (width: 344px) and (height: 882px) {
  .short {
        font-size: 13px;
        padding-top: 39px !important;
    }
    .slider-hpl {
        /*height: 232px;*/
    }
}

@media (max-width: 639px) {
    .popup-modal {
        justify-content: center !important; 
        justify-content: flex-center !important;
        align-items: center !important;
        /*background:#fff;*/
    }
    .pop-up-image img {
        /*background: #fff;*/

    }

}
/**********************************Ihpne 15 & 16**************************/

/* 1. iPhone 15 (6.1") — Portrait */
@media screen
  and (width: 390px)
  and (height: 844px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
  /* iPhone 15 portrait styles */
}

/* 2. iPhone 15 (6.1") — Landscape */
@media screen
  and (width: 844px)
  and (height: 390px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /* iPhone 15 landscape styles */
}

/* 3. iPhone 15 Plus (6.7") — Portrait */
@media screen
  and (width: 428px)
  and (height: 926px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
      
    /*  .usp-shape-3.wow.fadeInUp {*/
    /*	display: none !important;*/
    /*}*/
     .usp-shape-left-002 {
    	margin-left: 18px;
    }
    .usp-shape-left-04.align-items-center {
    	margin-left: -21px;
    	margin-top: -33px;
    }
    .usp-shape-left-05.align-items-center {
    	margin-top: -43px;
    	margin-left: -53px;
    }
}

/* 4. iPhone 15 Plus (6.7") — Landscape */
@media screen
  and (width: 926px)
  and (height: 428px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /* iPhone 15 Plus landscape styles */
}

/* 5. iPhone 15 Pro (6.1") — Portrait */
@media screen
  and (width: 393px)
  and (height: 852px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
  /* iPhone 15 Pro portrait styles */
}

/* 6. iPhone 15 Pro (6.1") — Landscape */
@media screen
  and (width: 852px)
  and (height: 393px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /* iPhone 15 Pro landscape styles */
}

/* 7. iPhone 16 (6.1") — Portrait (rumored) */
@media screen
  and (width: 393px)
  and (height: 844px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
  /* iPhone 16 portrait styles */
}

/* 8. iPhone 16 (6.1") — Landscape (rumored) */
@media screen
  and (width: 844px)
  and (height: 393px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /* iPhone 16 landscape styles */
}

/* 9. iPhone 16 Plus (6.7") — Portrait (rumored) (same as 15 Plus) */
@media screen
  and (width: 428px)
  and (height: 926px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: portrait) {
  /* iPhone 16 Plus portrait styles */
}

/* 10. iPhone 16 Plus (6.7") — Landscape (rumored) */
@media screen
  and (width: 926px)
  and (height: 428px)
  and (-webkit-device-pixel-ratio: 3)
  and (orientation: landscape) {
  /* iPhone 16 Plus landscape styles */
}




/****************************Mac***************************/

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

}

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


}



/* Mobile Phones (iPhone, Android small screens) */
@media (max-width: 480px) {
    .component-background-video {
        /*height: 300px;*/
    }

    .paragraph--type--notification-component {
        top: 0px;
        left: 50%;
        transform: translateX(-48%);
        max-width: 90%;           /* parent container responsive */
        font-size: 14px;
        padding: 0;
        box-sizing: border-box;
    }

    .paragraph--type--notification-component .short {
        width: 100%;               /* parent অনুযায়ী full width নাও */
        word-wrap: break-word;     /* long words wrap হবে */
        overflow-wrap: break-word; /* old browser support */
        white-space: normal;       /* wrap allowed */
    }

}