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

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

}

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

}

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


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

}
@media screen and (max-width : 1399px) {
    .strategicTop .strategicTopWrap .lttop{
            max-width: 600px;
    }
    .blogSec .blogCard .blogContent{
        max-width: 370px;
    }
    .blogSec .blogCard .blogContent p{
        font-size: 16px;
    }
    .blogSec .blogCard .blogContent a{
        font-size: 16px;
    }

    .blogSec .blog-desc {
        max-width: 558px;
    }
    .blogSec .blog-desc h2{
        font-size: 50px;
        max-width: 433px;
    }
    .blogList-sec .blogItem .blogContent h4{
        font-size: 18px;
    }
    .blogList-sec .blogItem .blogContent a{
        font-size: 16px;
    }
    .career-sec .career-wrap .career-desc p{
        font-size: 18px;
    }
    .accocard .accordion .accordion-item .accordion-header .accordion-button{
        font-size: 16px;
    }
    .accocard .accordion .accordion-item .accordion-body p {
        font-size: 14px;
    }
    .whatWeDesc p{
        font-size: 16px;
        color: #4E4E4E;
    }
    .whatWeDesc a{
        font-size: 16px;
    }
}


@media screen and (max-width : 1024px) {
  .custom-container {
        padding: 0px 60px;
    }
    .footer .ft-desc {
        max-width: 100%;
    }
    .ft-social {
        margin: 0 0 30px;
    }  
    .footer .ft-menu {
        padding: 0;
        margin: 30px 0;
    } 
    
    .footer {
        padding: 50px 60px;
    }

    .who-we-are-values, .who-we-are-partner, .aboutuspage-section, .contactuscard-section, .blogList-sec, .who-we-are-content {
        padding: 50px 0;
    }
    .breadcumb img {
        height: 320px;
        max-height: 350px;
    }
    .blogList-sec.what-we-do h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    }
    .dropus-line {
        padding: 30px 0px 0px;
    }
     .dropus-line h2 {
        padding: 0px 0px 10px 0px;
    } 
    .hero-content-upper h2 {
        font-size: 42px;
        line-height: 38px;
    } 
    .blogList-sec.what-we-do p, .who-we-are-values p, .who-we-are-partner p, .blogList-sec .blogItem .blogContent p, .aboutuspage-section .about-page-left p, .custom-container p, .faq-answer p, .faq-answer p, .who-we-are-content p, .who-we-are-values li, .footer .ft-desc p, p label{
       font-size: 15px;
       line-height: 1.6;
    } 
    .blogList-sec .blogItem .blogContent a {
        font-size: 15px;
        padding: 12px 20px;
        border-radius: 10px;
    } 
    .blogList-sec.what-we-think .blogItem {
        padding: 15px !important;
        border-radius: 10px !important; 
    }
    .banner .bannerWrap .banner-content h1 {
        font-size: 48px;
        line-height: 1;
    } 
    .banner .bannerWrap .banner-content p {
        font-size: 38px;
        line-height: 1; 
        margin: 0 0 25px;
    }
    .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box h3 {
        font-size: 32px;
        line-height: 1.2; 
        margin: 0 25px 10px;
    }
    .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box p {
        font-size: 14px;
        line-height: 1; 
    }
    .strategic-sec .strategic-wrap {
        padding: 150px 0 140px;
    } 
    .strategicBottom .stdesc .chip p {
        font-size: 16px;
        line-height: 1.2;
    }
    .strategicBottom .stdesc h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 auto 50px;
        max-width: 100%;
    } 
    .stratBox .text .ttl h3 {
        font-size: 24px;
        line-height: 1.2; 
    }
    .strategic-sec .explorepanel a span {
        font-size: 15px;
        line-height: 1.5; 
    }
    .banner-content {
        top: 6px;
    }
    .modern-sec {
        padding: 50px; 
    }
    .modern-sec .modern-info .Know-text p{
        font-size: 15px;
        line-height: 1.6;
    }
    .modern-sec .modern-text h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    }
    .modern-sec .catalystsText h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 10px;
    }
    .modern-sec .modern-info .row {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    } 
    .whyChoose-sec .whyTtl {
        align-items: self-start;
        margin: 0 0 30px;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .whyChoose-sec .whyTtl .ttlText {
        width: 90%;
        margin: 0 auto;
    } 
    .whychoosecard .tham img {
        height: 30%;
        object-fit: cover;
        border-radius: 30px;
    } 
    .whychoosecard .row {
        display: flex;
        flex-direction: column-reverse;
    } 
    .accocard .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
    } 
    .whyChoose-sec {
        padding: 0 0 50px; 
    }
    .career-sec .careerWrap {
        border-radius: 20px;
        padding: 40px 30px 20px;
    }
    .career-sec .career-wrap .career-desc h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 10px 0;
    }
    .career-sec .career-wrap .career-desc h3 {
        font-size: 28px;
        line-height: 1.2; 
        margin: 0 0 20px;
    }
    .blogSec .blogCard .blogImg img {
        height: 400px;
    }
    .blogSec .blogCard .blogImg img {
        width: 90%;
        margin: 30px;
    }
    .career-sec .career-wrap .career-desc p {
        font-size: 15px;
        line-height: 1.6;
    }
    .career-sec {
        padding: 0 0 50px 0; 
    }
    .blogSec .blog-desc {
        max-width: 90%;
    } 
    .blogSec .blog-desc h5 {
        font-size: 18px;
        line-height: 1.2;
        border-radius: 30px;
        padding: 10px 30px;
    } 
    .blogSec .blog-desc h2 {
        font-size: 32px;
        line-height: 1.2;
        max-width: 100%;
        margin: 20px 0 20px;
    } 
    .blogSec {
        padding: 50px 0 0; 
    }
    .blogSec .blogCard .blogContent {
        max-width: 80%;
        top: 30%;
    }
    
    .whychoosecard .col-md-7, .whychoosecard .col-md-5 {
        width: 90%;
    } 
    .modern-sec .mdstatusBox .top .text h4 {
        font-size: 24px;
        line-height: 1.2; 
    }
    .modern-sec .mdstatusBox .top {
        gap: 0;
        margin: 0 0 10px;
    } 
    .modern-sec .mdstatusBox {
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
        min-width: 172px;
    } 

	.who-we-are-values h2, .who-we-are-partner h2, .dropus-line h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    } 
    
    .about-page-left h3, .blog-page-content p {
        font-size: 32px;
        line-height: 1.2;
    }
    .blogSec .blogCard .blogContent a, .career-sec .career-wrap .career-desc a {
        font-size: 14px;
        padding: 12px 30px;
    } 
    .blogList-sec .blogItem {
        padding: 0;
        margin: 0 0 20px;
    } 
    .career-sec .career-wrap .career-desc p {
        font-size: 15px;
        line-height: 1.6;
      }  
      .mainImgBox {
        padding: 36px 22px 0 62px;
    } 
}


@media screen and (max-width : 991px) {
    .custom-container {
        padding: 0px 60px;
    }
    .footer .ft-desc {
        max-width: 100%;
    }
    .ft-social {
        margin: 0 0 30px;
    }  
    .footer .ft-menu {
        padding: 0;
        margin: 30px 0;
    } 
    
    .footer {
        padding: 50px 60px;
    }

    .who-we-are-values, .who-we-are-partner, .aboutuspage-section, .contactuscard-section, .blogList-sec, .who-we-are-content {
        padding: 50px 0;
    }
    .breadcumb img {
        height: 320px;
        max-height: 350px;
    }
    .blogList-sec.what-we-do h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    }
    .dropus-line {
        padding: 30px 0px 0px;
    }
     .dropus-line h2 {
        padding: 0px 0px 10px 0px;
    } 
    .hero-content-upper h2 {
        font-size: 42px;
        line-height: 38px;
    } 
    .blogList-sec.what-we-do p, .who-we-are-values p, .who-we-are-partner p, .blogList-sec .blogItem .blogContent p, .aboutuspage-section .about-page-left p, .custom-container p, .faq-answer p, .faq-answer p, .who-we-are-content p, .who-we-are-values li, .footer .ft-desc p, p label{
       font-size: 15px;
       line-height: 1.6;
    } 
    .blogList-sec .blogItem .blogContent a {
        font-size: 15px;
        padding: 12px 20px;
        border-radius: 10px;
    } 
    .blogList-sec.what-we-think .blogItem {
        padding: 15px !important;
        border-radius: 10px !important; 
    }
    .banner .bannerWrap .banner-content h1 {
        font-size: 60px;
        line-height: 1; 
        margin: 0 0 24px;
    }
    .banner .bannerWrap .banner-content p {
        font-size: 38px;
        line-height: 1; 
        margin: 0 0 25px;
    }
    .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box h3 {
        font-size: 32px;
        line-height: 1.2; 
        margin: 0 25px 10px;
        color: #0c315f;
    }
    .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box p {
        font-size: 14px;
        line-height: 1; 
    }
    .strategic-sec .strategic-wrap {
        padding: 150px 0 140px;
    } 
    .strategicBottom .stdesc .chip p {
        font-size: 16px;
        line-height: 1.2;
    }
    .strategicBottom .stdesc h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 auto 50px;
        max-width: 100%;
    } 
    .stratBox .text .ttl h3 {
        font-size: 24px;
        line-height: 1.2; 
    }
    .strategic-sec .explorepanel a span {
        font-size: 15px;
        line-height: 1.5; 
    }
    .banner-content {
        top: 6px;
    }
    .modern-sec {
        padding: 50px; 
    }
    .modern-sec .modern-info .Know-text p{
        font-size: 15px;
        line-height: 1.6;
    }
    .modern-sec .modern-text h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    }
    .modern-sec .catalystsText h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 10px;
    }
    .modern-sec .modern-info .row {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    } 
    .whyChoose-sec .whyTtl {
        align-items: self-start;
        margin: 0 0 30px;
        gap: 20px;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .whyChoose-sec .whyTtl .ttlText {
        width: 90%;
        margin: 0 auto;
    } 
    .whychoosecard .tham img {
        height: 30%;
        object-fit: cover;
        border-radius: 30px;
    } 
    .whychoosecard .row {
        display: flex;
        flex-direction: column-reverse;
    } 
    .accocard .accordion .accordion-item .accordion-header .accordion-button {
        font-size: 14px;
    } 
    .whyChoose-sec {
        padding: 0 0 50px; 
    }
    .career-sec .careerWrap {
        border-radius: 20px;
        padding: 40px 30px 20px;
    }
    .career-sec .career-wrap .career-desc h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 10px 0;
    }
    .career-sec .career-wrap .career-desc h3 {
        font-size: 28px;
        line-height: 1.2; 
        margin: 0 0 20px;
    }
    .blogSec .blogCard .blogImg img {
        height: 400px;
    }
    .blogSec .blogCard .blogImg img {
        width: 100%;
        margin: 0 0 0 0px;
    } 
    .career-sec .career-wrap .career-desc p {
        font-size: 15px;
        line-height: 1.6;
    } 
    .career-sec {
        padding: 0 0 50px 0; 
    }
    .blogSec .blog-desc {
        max-width: 90%;
    } 
    .blogSec .blog-desc h5 {
        font-size: 18px;
        line-height: 1.2;
        border-radius: 30px;
        padding: 10px 30px;
    } 
    .blogSec .blog-desc h2 {
        font-size: 32px;
        line-height: 1.2;
        max-width: 100%;
        margin: 20px 0 20px;
    } 
    .blogSec {
        padding: 50px 0 0; 
    }
    .blogSec .blogCard .blogContent {
        max-width: 80%;
        top: 30%;
    }
    
    .whychoosecard .col-md-7, .whychoosecard .col-md-5 {
        width: 90%;
    } 
    .modern-sec .mdstatusBox .top .text h4 {
        font-size: 24px;
        line-height: 1.2; 
    }
    .modern-sec .mdstatusBox .top {
        gap: 0;
        margin: 0 0 10px;
    } 
    .modern-sec .mdstatusBox {
        border-radius: 10px;
        padding: 10px;
        margin-bottom: 10px;
        min-width: 172px;
    } 

	.who-we-are-values h2, .who-we-are-partner h2, .dropus-line h2 {
        font-size: 32px;
        line-height: 1.2;
        margin: 0 0 15px;
    } 
    
    .about-page-left h3, .blog-page-content p {
        font-size: 32px;
        line-height: 1.2;
    }
    .blogSec .blogCard .blogContent a, .career-sec .career-wrap .career-desc a {
        font-size: 14px;
        padding: 12px 30px;
    } 
    .blogList-sec .blogItem {
        padding: 0;
        margin: 0 0 20px;
    } 
    .career-sec .career-wrap .career-desc p {
        font-size: 15px;
        line-height: 1.6;
      }  
      
      .mainImgBox {
    padding: 36px 22px 0 62px;
   }
}

@media screen and (max-width : 767px) {
    
    .container {
        max-width: 100%;
        padding: 0 15px;
    }
    
     .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box h3 {
        color: #0c315f !important;
    }
    .banner .bannerWrap .banner-icon .bg-animation {
        width: 96%;
    }
    
    .header {
        padding: 15px 0;
    }
    .header .header-wrap {
        flex-direction: column;
        gap: 15px;
    }
    .header .logo {
        max-width: 220px;
    }
    .navigation .stellarnav ul > li {
        margin: 0 10px 0 0;
    }
    .navigation .stellarnav ul > li > a {
        font-size: 12px;
    }
    .header .header-wrap .hd-right-side {
        gap: 20px;
        margin: 0;
        justify-content: center;
    }
    .header .header-wrap .hd-right-side .book-btn {
        font-size: 12px;
        padding: 8px 16px;
    }
    
     .banner {
        padding: 20px 0 0;
    }
    .banner .bannerWrap {
        flex-direction: column;
        text-align: center;
    }
    .banner .bannerWrap .banner-content h1 {
        font-size: 32px;
        margin: 0 0 20px;
    } 
    .banner .bannerWrap .banner-content p {
        font-size: 24px;
        margin: 0 0 20px;
    }
    .banner .bannerWrap .banner-content a { 
        gap: 20px;
    }
    
     .strategic-sec {
        padding: 0 10px;
        margin: -50px 0 0;
    }
    .strategic-sec .strategic-wrap {
        padding: 127px 0 73px;
        background-size: cover;
    } 
    .strategicTop .strategicTopWrap {
        flex-direction: column;
        gap: 20px;
    }
    .strategicTop .strategicTopWrap .rttop .counterWrap {
        gap: 10px;
    }
    .career-sec .careerWrap {
        border-radius: 20px;
        padding: 20px;
        margin: 0;
    }
    .blogList-sec .blogItem { 
        margin: 0 0 30px;
    }
    .blogSec {
        padding: 50px 20px; 
    }
    .blogSec .blog-desc h5 {
        font-size: 17px;
        line-height: 1; 
        border-radius: 20px;
        padding: 8px 24px;
    }
    .blogSec .blog-desc h2 {
        font-size: 32px;
        line-height: 1;
        width: 100%;
        padding: 0 0 20px; 
        margin: 30px 0 10px;
    } 
    
    .career-sec .career-wrap .career-desc h2 {
        font-size: 32px;
        line-height: 1;
        width: 100%;
        padding: 20px 0 20px;
    }  
    
    .blogSec .blogCard .blogContent {
        bottom: 32px;
        width: 100%;
        padding: 10px;
        margin: 0 auto; 
    }
    .blogSec .blogCard .blogContent a {
        font-size: 18px;
        line-height: 20px;
        padding: 10px 20px;
        border-radius: 10px; 
        border: 1px solid #FFFFFF;
    }
    .strategicBottom .stdesc h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 20px auto 30px;
        max-width: 100%;
    }
    .stratBox {
        border-radius: 20px; 
        margin: 0 0 20px;
    }
    .stratBox .text .ttl h3 {
        font-size: 26px;
        line-height: 1.3; 
    }
    .stratBox .text {
        top: 120px; 
    }
    .modern-sec {
        padding: 40px 20px;
        margin: 0;
    } 
    
    .modern-sec .modern-text h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 20px;
    } 
    .modern-sec .modern-text h4 { 
        font-size: 24px;
        line-height: 1.2;
        margin: 0 0 30px;
    }
    .modern-sec .modern-info .Know-text { 
        margin: 25px 0 25px;
    }
    .modern-sec .modern-info {
        padding: 0;
        margin: 0;
    } 
    .modern-sec .catalystsText h2 {
        font-size: 32px;
        line-height: 1.2; 
        margin: 0 0 30px;
    }
    .whyChoose-sec .whyTtl { 
        margin: 0 0 10px;
        flex-direction: column;
        gap: 20px;
    }
    .whyChoose-sec .whyTtl .ttlText {
        width: 90%;
    } 
    .whyChoose-sec .whyTtl .ttlBtn p {
        font-size: 20px;
        line-height: 1.2;
        border-radius: 30px;
        padding: 10px 30px;
    }
    .whyChoose-sec .whyTtl .ttlText h2 {
        font-size: 28px;
        line-height: 1.2; 
    }
    .whychoosecard {
        border-radius: 30px;
        padding: 10px 15px 0 20px;
    }
    .whychoosecard .tham img {
        border-radius: 20px;
        padding: 0 0 20px;
    } 
    .whatWeLink .ttl h3 {
    font-size: 32px;
    line-height: 1.2; 
  }
  .whyChoose-sec {
        padding: 0 0 40px;
        margin: 0;
    } 
    .careerWrap.logo h3 {
        font-size: 24px;
        line-height: 1.2;
        padding: 0 0 24px; 
    }
    .logo-wrap img {
        max-width: 120px;
    } 
    .all-logo {
        justify-content: space-between;
    } 
    .career-sec {
        padding: 0 0 40px 0; 
    }
    .blogList-sec {
        padding: 40px 0; 
    }
    .blogList-sec .blogItem .blogContent a {
        font-size: 14px;
        line-height: 1.2;
        padding: 12px 25px;
        border-radius: 10px; 
    }
    .career-sec .career-wrap .career-desc h3 {
        font-size: 28px;
        line-height: 1.2; 
        margin: 0 0 20px;
    }
    .ft-social {
        margin: 20px 0 30px;
    }
    .footer .ft-contact {
        padding: 0 10px 0 0;
    } 
    .ft-contact-panel .icon {
        width: 28px;
    } 
    .footer .ft-contact .ft-contact-panel {
        gap: 10px;
        padding: 0 0 10px;
        margin: 0 0 10px; 
    }
    .footer .ft-contact .ft-contact-panel .cnt-desc h5 {
        font-size: 10px;
        line-height: 1; 
        margin: 0 0 6px;
    }
    .footer .ft-contact .ft-contact-panel .cnt-desc a {
        font-size: 14px;
        line-height: 1.2; 
    }
    .footer .ft-contact .ft-contact-panel .cnt-desc p {
        font-size: 14px;
        line-height: 1.2; 
    }
    .footer .ft-menu {
        display: flex;
        justify-content: space-between;
        padding: 0;
        margin: 20px 0 0 0;
    } 
    .footer .ft-menu .ft-menu-panel h5 {
        font-size: 12px;
        line-height: 1.2; 
        margin: 0 0 10px;
    }
    .banner-content {
        top: 5px;
        margin: 0 0 41px;
    } 
    .strategicTop .strategicTopWrap .rttop .counterWrap .counter-Box p {
        font-size: 14px; 
    }
    .strategic-sec .explorepanel a span {
        font-size: 10px;
        line-height: 1; 
    }
    .strategic-sec .explorepanel {
        padding: 14px 0;
    }
    .hero-content-upper h2 {
        font-size: 32px;
    }
    .breadcumb img {
        height: 250px;
        max-height: 300px;
    }
    .blogList-sec.what-we-do h2, .who-we-are-values h2, .who-we-are-partner h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 10px;
    }
    .modern-sec .modern-info .Know-text p, .blogList-sec.what-we-do p, .footer .ft-desc p, .who-we-are-content p {
        font-size: 15px;
        line-height: 1.5;
    }
    .who-we-are-values p, .who-we-are-partner p{
        font-size: 15px;
        line-height: 1.5;
    }
    .who-we-are-values li{
        font-size: 15px;
        line-height: 1.5;
    } 
    .values-content {
        margin: 20px  10px;
    } 
    .blogList-sec.what-we-do h3 {
        font-size: 24px;
        line-height: 1.2;
    }
    .footer .ft-desc {
        max-width: 100%;
        margin: 0 0 20px;
    }
    .who-we-are-content, .who-we-are-values, .who-we-are-partner {
        padding: 40px 0;
    }
    .partner-image{
        margin: 30px 0 0;
    }
    .blog-page-content p {
        font-size: 28px;
        line-height: 1.2;
        margin: 0 0 10px;
    }
    .blogList-sec .blogItem .blogContent p {
        font-size: 15px;
        line-height: 1.5;
    }
    .blogList-sec.what-we-think .blogItem {
            padding: 10px 10px 20px !important;
            border-radius: 10px !important; 
        }
        
    .custom-container {
        padding: 0px 20px;
    } 
    .aboutuspage-section {
        padding: 40px 0px; 
    }
    .about-page-left h3 {
        padding-bottom: 0;
        font-size: 22px;
    }
    .aboutuspage-section .about-page-left p {
        font-size: 15px;
        line-height: 1.5;
    } 
    .dropus-line h2 {
        font-size: 28px;
        line-height: 1.2;
        margin: 20px 0 0;
        padding: 0 0 10px;
    }
    .dropus-line p, p label{
        font-size: 15px;
        line-height: 1.5;
    }
    .contactuscard-section, .faq-section {
        padding: 40px 0px; 
    }
    .faq-wrapper {
        max-width: 100% !important; 
    }
    .faq-question {
        width: 100% !important; 
        font-size: 16px !important; 
        padding: 10px !important;  
    }
    .faq-answer p {
        font-size: 15px;
        line-height: 1.5;
        margin: 0; 
     }
     .footer {
        padding: 50px 20px;
    } 
    .mainImgBox {
        padding: 10px 55px 0 45px;
    } 
    .accordion-button::after {
        right: -20px;
    } 
    	  
}