@media (min-width:310px) and (max-width:393px) {

    .ceo-img-container{
        top: 58px;
    }









    

    

    .head-img{
        height: 360px;
    }

    .ceo-img{
        height: 222px;
    }

    .main-title-container-mb{
        position: relative;
        top: 220px;
    }

    .brands-cards .card-body{
        padding: 8px;
    }

    .brands-disc{
        font-size: 10px;
        font-weight: 400;
        line-height: 17px;
        color: #000000;
        margin: 0px 0px;
        margin-bottom: 0px;
        padding-top: 20px;
    }

    .section-header{
        font-size: 22px;
    }


    .carousel-item{
        width: 100%;
        height: 170px;
    }

    .custom-arrow{
        height: 30px;
    }

    .carousel-control-next, .carousel-control-prev{
        top: 60px !important;
    }

    .quote-symbol{
        width: 8px;
        margin-bottom: 0px;
    }

    .quote-text{
        font-size: 8px;
        font-weight: 500;
    }

    .carousel-quotes-item{
        width: 100%;
        height: 80px;
    }

    .quote-arrow-left{
        left: 40px !important;
    }

    .quote-arrow-right{
        right: 40px !important;
    }

    .quote-navigation-icon{
        height: 15px;
    }



    .section-title-container{
        
    }

    .bio-title-container{
        align-items: center;
    }


    .profile-img{
        height: 30px !important;
        width: 30px !important;
    }

    .linkedin-disc{
        text-align: start;
        font-size: 12px;
    }

    .show-all-btn{
        font-size: 12px;
        background-color: #F9FAFF;
        padding: 8px;
        line-height: 1px;
    }

    .press-header{
        font-size: 14.5px;
    }

    .press-disc{
        font-size: 12px;
    }

    .zee-header{
        font-size: 13px;
    }

    .press-credits{
        padding-left: 5px;
    }

    .press-img{
        width: 30px;
        height: 30px;
    }
}

@media (min-width: 360px) and (max-width:369px) {
    .blog-details .blog-card{
        height: 331px;
    }
}
@media (min-width: 370px) and (max-width:380px) {
    .blog-details .blog-card{
        height: 340px;
    }
}
@media (min-width: 384px) and (max-width:400px) {
    .blog-details .blog-card{
        height: 350px;
    }
}
@media (min-width: 400px) and (max-width:420px) {
    .blog-details .blog-card{
        height: 360px;
    }
}
@media (min-width: 421px) and (max-width:440px) {
    .blog-details .blog-card{
        height: 370px;
    }
}
@media (min-width: 450px) and (max-width:470px) {
    .blog-details .blog-card{
        height: 380px;
    }
}
@media (min-width: 470px) and (max-width:480px) {
    .blog-details .blog-card{
        height: 395px;
    }
}


@media (min-width:400px) and (max-width:480px){

    .articles-cards .card{
        height: 354px !important;
    }

    .articles-cards .card .card-img-top{
        height: 194px !important;
    }



    .ceo-img-container{
        top: 60px !important;
    }

    .main-title-container-mb{
        top: 230px !important;
    }

    .quote-arrow-left{
        left: 50px !important;
    }

    .quote-arrow-right{
        right: 50px !important;
    }


    .main-headers{
        /* border: 1px solid black; */
        padding-top: 16rem;
    }

    .ceo-img{
        /* display: none; */
        /* max-height: 330px; */
        width: 100%;
        height: 100%;
    }

    .press-img{
        height: 69px;
        /* margin-top: 5px; */
        background: #fff;
        max-width: 280px;
    }
    .press-header{
        font-size: 12px;
    }
    .press-disc{
        font-size: 10px;
    }
    .zee-img{
        height: 10px;
    }
    .zee-header{
        font-size: 13px;
    }
    .zee-date{
        font-size: 10px;
    }

    .what-they-say-hr{
        width: 129px;
    }


    .MarqueeContainer {
        padding: 50px;
      }
}


@media (max-width:768px) {

    .quote-arrow-left .bi-chevron-left, .quote-arrow-right .bi-chevron-right{
        text-shadow: none;
        font-size: 12px;
    }

    .sec-header{
        font-size: 22px;
        font-weight: 600;
        line-height: 1;
        margin-bottom: 6px;
    }

    .head-img{
        height: 360px;
    }

    .ceo-img{
        height: 216px;
    }

    .main-title-container-mb{
        position: relative;
        top: 220px;
    }

    .date-badge-container{
        margin: 2px 0px;
    }


    .main-disc{
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        color: #484848;
        width: 99%;
    }

    .main-header{
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
        margin-bottom: 5px;
        width: 50%;
    }


    .blog-btn{
        font-size: 14px;
        padding: 4px 10px;
        border-radius: 3px;
    }

    .date-text{
        font-size: 12px;
    }


    .blog-title-header{
        font-size: 14px;
        margin-bottom: 0px !important;
        line-height: 20px;
    }


    .quote-symbol{
        width: 8px;
        margin-bottom: 0px;
    }

    .quote-text{
        font-size: 8px;
        font-weight: 500;
    }


    .carousel-quotes-item{
        width: 100%;
        height: 80px;
    }

    .quote-arrow-left{
        left: 30px;
    }

    .quote-arrow-right{
        right: 30px;
    }

    .quote-navigation-icon{
        height: 15px;
    }


    .blog-disc{
        font-size: 12px;
        margin-bottom: 8px !important;
        line-height: 20px;
    }

    .read-badge{
        font-size: 10px !important;
        border-radius: 2px !important;
    }

    .pad-top{
        padding-top: 14px;
    }

    .moible-pad{
        padding: 1rem 0rem;
    }

    .bio-disc{
        font-size: 10px;
        font-weight: 400;
        line-height: 17px;
        text-align: justify;
    }


    .brands-rows .row{
        margin-left: 0;
    }

    .brands-container{
        padding: 20px;
    }

    .swiper{
        margin-bottom: 0px !important;
    }

    .swiper-wrapper{
        margin-bottom: 0px !important;
    }


    .gallery-btn-next, .gallery-btn-prev{
        display: none;
    }

    .gallery-btn-next .swiper-slide a img{
        width: 100%;
    }

    .swiper-pagination-linkedIn{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 20px;
    }

    .swiper-pagination{
        bottom: 10px !important;
        width: 100% !important;
    }

    .swiper-pagination-bullet-active{
        background: #203557 !important;  
    }

    .swiper-pagination-bullet{
        width: 10px !important;
        height: 10px !important;
    }














    .bio-hr, .articles-hr, .brands-hr, .gallery-hr , .press-hr, .what-they-say-hr , .quotes-hr{
        height: 2px;    
        border-radius: 2px;
        background-color: #203557;
     }
    .what-they-say-hr{
        width: 129px;
    }
    .bio-hr{
        width: 54px;
    }
    .brands-hr{
        width: 44px;
    }
    .gallery-hr{
        width: 44px;
    }
    .quotes-hr{
        width: 44px;
    }
    .articles-hr{
        width: 44px;
    }
    .press-hr{
        width: 44px;
    }
    .awards-hr{
        width: 44px;
    }

    .main-headers{
        padding-top: 13rem;
    }


    .homes-logo{
        width: 100%;
    }

    .leads247-logo{
        width: 100%;
    }

    .desktop-navbar{
        display: none !important;
    }


    .sliding-navbar {
        position: fixed;
        top: 0;
        right: -5000px;
        height: 100%;
        background-color: #FFF;
        opacity: 100%;
        color: #000;
        box-shadow: -2px 0 5px rgba(0, 0, 0, 0.5);
        transition: right 0.3s ease;
        z-index: 9999;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: start;
        padding: 14px;
        width: 100%;
    }
      
      .nav-headers-container{
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: start;
      }

      .nav-header{
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding: 0px 10px;
        padding-bottom: 4px;
        border-bottom: 2px solid #203557;
      }

    
      .top-nav-head{
        display: flex;
        justify-content: space-between;
        align-items: start;
        width: 100%;
      }
      
      .sliding-navbar.active {
        right: 0; /* Slides in when active */
      }
      
      .navbar-items {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: start;
        width: 100%;
        gap: 30px;
      }
      
      .navbar-items li {
        margin-bottom: 0px;
        text-align: center;
        width: 100%;
      }
      
      .nav-item-link {
        color: #000;
        text-decoration: none;
        font-family: 'Poppins';
        font-size: 18px;
        font-weight: 500;
        transition: color 0.3s ease;
      }
      
      .nav-item-link:hover {
        color: #000 !important;
        font-weight: 500 !important;
      }
    
      /* Active state styling */
    .nav-item-link.active {
        color: #000 !important; 
        font-weight: 500 !important;
    }

    .mobile-nav-container{
        width: 100%;
        padding: 10px 26px;
        border-bottom: 1px solid #6D6E732E;
    }


    .mobile-navbar{
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .main-title-container-mb{
        display: block;
    }

    .main-title-container-dk{
        display: none;
    }

    #biography{
        margin-top: 0px;
    }

    .footer-section{
        padding: 8px;
    }

    .footer-container-whole{
        flex-direction: column;
    }

    .footer-dk-container{
        margin-bottom: 8px;
    }

    .navbar-items-footer{
        row-gap: 4px;
        column-gap: 12px;
        flex-wrap: wrap;
    }

    .nav-item-link-footer{
        font-size: 12px;
        letter-spacing: 1.08px;
        font-weight: 400;
    }

    .footer-copy-rights{
        font-size: 10px;
        text-align: center;
    }

    .fixed-header{
        top: -1px;  
    }

    /* BLOGS EACH RESPONSIVE DESIGN */
    .blog-each-hr{
        width: 220px;
    }

    .blog-each-header{
        font-size: 32px;
        line-height: 52px;
    }

    .first-section-blogs{
        margin-top: 40px;
    }




    .articles-cards .card .card-img-top{
        height: 154px;
    }

    .articles-cards .card .card-body{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }
      
    .articles-cards .card{
        height: 314px;
    }

    .blog-each-cards .card .card-img-top{
        height: 154px;
    }

    .blog-each-cards .card .card-body{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }
      
    .blog-each-cards .card{
        height: 314px;
    }

    .custom-swiper-button{
        width: 38px !important;
        height: 38px !important;
    }

    .myUniqueSwiper .swiper-button-next:after, .myUniqueSwiper .swiper-button-prev:after{
        font-size: 12px !important;
    }

    .custom-swiper-button-container{
        padding-top: 16px;
    }

    .custom-swiper-button-container-blogEach{
        padding-top: 20px;
    }
      

    .blog-btn-container{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .footer-logo-mb{
        display: block;
    }

    .footer-logo-dk{
        display: none;
    }

    .back-to-top{
        bottom: 85px;
    }

    .marquee{
        gap: 45px;
    }

    .blogs-section-title{
        font-size: 22px;
        margin: 16px 0px;
    }

    .blogs-container{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    #blog-home .blog-btn-container{
        display: flex;
        justify-content: start;
    }
}




















@media (min-width:769px) {

    #blog-home .card{
        width: 352px;
        height: 393px;
    }

    .footer-logo-mb{
        display: none;
    }

    .footer-logo-dk{
        display: block;
    }


    .articles-cards .card .card-img-top{
        height: 205px;
    }
      
    .articles-cards .card .card-body{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }
      
    .articles-cards .card{
        height: 411px;
    }

    .blog-each-cards .card .card-img-top{
        height: 205px;
    }
      
    .blog-each-cards .card .card-body{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }
      
    .blog-each-cards .card{
        height: 411px;
    }

    #biography{
        margin-top: 40px;
    }

    .mobile-navbar{
        display: none;
    }


    .back-to-top:hover {
        background: #FFFFFF;
        border: 1px solid #203557;
        color: #203557;
    }
      
    .back-to-top i:hover{
        font-size: 28px;
        color: #203557;
    }


    .nav-item-link-footer:hover{
        color: #DADADA;
    }



    .blog-btn:hover{
        color: #203557;
        background-color: #FFF;
        border: 1px solid #203557;
    }

    .back-to-top:hover {
        background: #FFFFFF;
        border: 1px solid #203557;
        color: #203557;
    }
    
    .back-to-top i:hover{
        font-size: 28px;
        color: #203557;
    }

    .desktop-navbar{
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0px;
    }


    .main-title-container-dk{
        display: block;
    }

    .main-title-container-mb{
        display: none;
    }


    .quote-arrow-left .bi-chevron-left:hover{
        color: #203557;
        text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor;
    }
      
    .quote-arrow-right .bi-chevron-right:hover{
        color: #203557;
        text-shadow: 1px 0 currentColor, -1px 0 currentColor, 0 1px currentColor, 0 -1px currentColor;
    }



    #blog-home .card-img-top{
        height: 175px;  
    }

    #blog-home .card-title:hover{
        color: #1A202E !important;
    }

    #blog-home .blogs-container{
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 30px;
    }



    #blog-home .card-body{
        display: flex;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
    }

    #blog-home .blog-disc{
        margin-bottom: 0px !important;
    }
}







@media (min-width:700px) and (max-width:1080px) {
    .ceo-img{
        max-height: 415px;
    }

    .main-title-container-dk{
        top: 306px;
    }

    .main-header{
        font-size: 65px;
        font-weight: 700;
        line-height: 67px;
        width: 50%;
    }

    .main-disc{
        font-size: 19px;
        font-weight: 400;
        line-height: 30px;
        color: #484848;
        width: 73%;
    }

    .bio-title-container{
        align-items: center;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .section-header{
        margin-bottom: 5px;
        margin-top: 10px;
        color: #25282B;
        font-size: 35px;
    }

    .main-headers{
        padding-top: 14rem;
    }

    .what-they-say-hr{
        width: 500px;
    }


    .actual-quotes{
        font-size: 16px;
    }

    .quote-symbol{
        width: 30px;
    }

    .quote-text{
        font-size: 16px;
    }

    .quote-arrow-left{
        left: 100px;
    }

    .quote-arrow-right{
        right: 100px;
    }

    .date-text{
        font-size: 12px;
    }

    .read-badge{
        font-size: 10px;
    }

    .blog-title-header{
        font-size: 15px;
        margin-bottom: 5px !important;
    }

    .card-title{
        margin-bottom: 2px !important;
    }
    .blog-disc{
        font-size: 12px;
        margin-bottom: 5px;
    }

    .blog-btn{
        font-size: 13px;
    }

    .carousel-item{
        width: 100%;
        height: 350px;
    }

    .carousel-quotes-item{
        width: 100%;
        height: 160px;
    }

    .custom-arrow{
        height: 40px;
    }



}

/* 1164 x 780 */
@media (min-width:1080px) and (max-width:1200px) {

    #blog-home .blogs-container{
        justify-content: center;
    }

    .head-img{
        height: 522px;
    }

    .ceo-img{
        height: 430px;
    }

    .main-title-container-dk{
        position: relative;
        top: 140px;
    }

    .main-header{
        font-size: 88px;
    }

    .main-disc{
        font-size: 20px;
    }

    .bio-disc{
        font-size: 18px;
        font-weight: 400;
        line-height: 30px;
    }

    .brands-disc{
        font-size: 14px;
        font-weight: 400;
        line-height: 30px;
    }

    .mySwiper6 .swiper-slide img{
        max-width: 80% !important;
        max-height: 100%;
    }

    .nav-item-link-footer{
        font-size: 12px;
    }

    .footer-copy-rights{
        font-size: 12px;
    }


    .quote-text{
        font-size: 18px;
    }


    .quote-arrow-right{
        top: 70%;
        right: 150px;
    }

    .quote-arrow-left{
        top: 70%;
        left: 150px;
    }


    .actual-quotes{
        font-size: 18px;
    }

    .blog-title-header{
        font-size: 16px;
    }

    .blog-disc{
        font-size: 14px;
    }

    .blog-btn{
        font-size: 14px;
    }

    .press-header{
        font-size: 14px;
    }

    .press-disc{
        font-size: 12px;
    }

    .zee-header{
        font-size: 12px;
    }

    .zee-date{
        font-size: 10px;
    }

    .linkedin-disc{
        font-size: 12px;
    }



}

@media (min-width:1279px) and (max-width:1300px){
    .head-img{
        height: 522px;
    }

    .ceo-img{
        height: 430px;
    }

    .main-title-container-dk{
        position: relative;
        top: 170px;
    }

    .main-header{
        font-size: 88px;
    }

    .main-disc{
        font-size: 20px;
    }
}


@media (min-width:1400px) {
    #blog-home .card{
        width: 390px;
        height: 393px;
    }
}

@media (min-width:1201px) and (max-width:1439px) {


    .carousel-quotes-item{
        height: 180px;
        width: 100%;
    }
    
    .quote-arrow-left{
        left: 200px;
    }

    .quote-arrow-right{
        right: 200px;
    }

}

@media (min-width: 1440px) and (max-width:1899px) {
    .blog-swiper .card{
        min-height: 425px;
    }
}


@media (min-width:1900px) and (max-width: 2500px){
    .head-img{
        background-position: bottom;
    }

    .blog-swiper .card{
        min-height: 425px;
    }

}

@media (min-width:2501px){
    .head-img{
        background-position: bottom;
    }

    .blog-swiper .card{
        min-height: 425px;
    }
}