@media (min-width: 1920px) {
    .virtual-5th-space .parent-box{
        max-width: 30vw;
    }
    .logos-slide {
        animation: 30s slide infinite linear !important;
    }
    .logos-slide2 {
        animation: 30s slide2 infinite linear !important;
    }
}


@media (min-width: 1600px) and (max-width: 1919px) {
    .logos-slide {
        animation: 28s slide infinite linear !important;
    }
    .logos-slide2 {
        animation: 28s slide2 infinite linear !important;
    }
}


@media (max-width: 1600px) {
    .register-section .content-box{
        max-height:550px;
    }
 
    .navigation-bar{
        padding: 8px 0;
    }


  
    .banner-contents h2{
        font-size: 45px;
    }
    .footer-section .footer-img{
        height: 500px;
    }
    .milestone-cartoon{
        opacity: .4;
    }
    .milestone-cartoon{
        bottom: 20px;
    }
    .stack-box .contents h6{
        font-size: 22px;
      }
      .stack-box .contents p{
        line-height: 22px;
      }
    
    
      .stack-box .mt-3{
        margin-top: 30px!important;
      }
      .stack-box .heading h2{
        margin-bottom: -5px!important;
      }
      #world-map {
        width: 100%;
        height: 500px;
        padding:  10px 0;
        margin-top: 10px;
      }
      .our-team .right-section .parent-container{
        margin: 0rem auto;
      }
      .our-team .right-section .item {
        width: 7rem;
        height: 7rem;
        margin: -8px;
    }
    .qr-dummy{
        max-width: 200px;
    }
    .support-us .head-1{
        font-size: 80px;
    }
    .support-us .head-2{
        font-size: 60px;
        line-height: 65px;
    }
    .support-us{
        padding-top: 90px;
    }


     

    
  }

  @media (max-width: 1400px) {
    .virtual-5th-space .text{
        font-size: 24px;
    }
    .stories-of-change .bg h1{
        font-size: 60px;
        line-height: 70px;
        margin: 0;
      }
      .quote h5{
        font-size: 20px;
        line-height: 28px;
      }

  
    .footer-section .footer-img{
        height: 400px;
    }
  
  }

  @media (max-width: 1200px) {
    .our-story{
        min-height: 35vh;
        height: auto;
    }
    .virtual-5th-space .text{
        font-size: 22px;
        line-height: 26px;
    }
    .virtual-5th-space .text2{
        right: -4vw;
    }
    .virtual-5th-space .text4{
        left: 3vw;
    }
    .virtual-5th-space .text3 {
        right: 7vw;
    }
    .virtual-5th-space .text5{
        left: 10vw;
    }
    .nav-right-part .buttons a{
        min-width: 130px;
        height: 40px;
        margin-right: 10px;
    }
    .navigation-bar.sticky .nav-right-part .buttons a {
        min-width: 130px;
        height: 40px;
    }
    .navigation-bar .nav-right-part .buttons{
        margin-right: 20px;
    }
    .navigation-bar .nav-right-part img{
        max-width: 90px;
    }
    .register-section .content-box {
        max-height: 450px;
    }
    .stack-box .heading p{
        font-size: 26px;
        margin-bottom: 30px!important;
    }
    .milestone-cartoon{
        opacity: 0.3;
    }
    .stack-box  .full-screen{
        height: auto;
    }
    .stack-box .count{
        opacity: .1;
        max-width: 200px;
    }
    .stack-box .heading{
        margin: 0 auto;
    }

    .stack-box .full-screen{
       padding: 50px 0; 
    }
    .events .full-screen{
        min-height: 600px;
    }
    .events .banner-contents{
      padding: 50px 50px 100px;
    }
    .events .content-section .main-head{
        font-size: 60px;
    }
    .events .content-section .right-box{
        max-width: 300px;
    }
   
 
    .subpage-banner .banner-content-side h4{
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 15px;
    }
    .subpage-banner .banner-content-side h6{
        font-size: 20px;
        margin-bottom: 5px!important;
    }
    
    .testimonials-sec .content-section p{
        font-size: 26px;
        line-height: 36px;
    }
    .our-team .filter-section .item-members{
        width: 20%;
    }
    .Co-creating_Social_sec2 .dummy{
        display: none!important;
    }
    .Co-creating_Social_sec2 .box{
        height: 200px;
        margin-bottom: 20px;
    }
    .Co-creating_Social_sec2 .right-section .row{
        justify-content: center;
    }
    .Co-creating_Social_sec2 .active-font-color .box{
        margin-bottom: 10px!important;
    }
    .Co-creating_Social_sec2 .drop-section.active{
        top: 0!important;
    }
  }
 

  @media (max-width: 1100px) {
    .nav-right-part .buttons a {
        min-width: 110px;
        height: 32px;
        font-size: 10px;
      }
      .navigation-bar.sticky .nav-right-part .buttons a{
        min-width: 100px;
        height: 30px;
      }
      .navigation-bar .nav-right-part img {
        max-width: 70px;
      }
      .navigation-bar.sticky .nav-right-part img{
        max-width: 60px;
      }
  }

  @media (max-width: 991px) {
    .virtual-5th-space .text{
        font-size: 20px;
    }
    .virtual-5th-space .text2{
        right: 0vw;;
    }
    .virtual-5th-space .text3{
        right: 13vw;
    }
    .virtual-5th-space .text5{
        left: 14vw;
    }
    .virtual-5th-space .text4{
        left: 8vw;
    }
    .logos, .logos2, .logos3{
        padding: 30px 0;
    }
    .menu-list .lg-show{
        display: block;
      }
    .lg-none{
        display: none!important;
      }
      .navigation-bar .nav-left-part{
        min-width: auto;
      }
      .key-focus-area .content-box{
        height: 35vh;
      }
    
      .qr-dummy{   
        margin-top: 50px;
        margin-bottom: 50px;
            
        }
        .support-us-sec-1 h6, .support-us-sec-1 p, .support-us-sec-1 span{
            text-align: center;
        }
        .events .content-section .main-head{
            font-size: 60px;
        }
        .events .content-section .right-box:hover{
            max-width: 70%;
          }
          .events .full-screen{
            min-height: 500px;
          }
       

          .capacitating-youth-sec1 .wrapper{
            position: absolute;
        }
       
          .wrapper{
            position: static;
            padding-top: 20px;
          }
      
          
       
          .capacitating-youth-sec1 .content-wrap{
            padding: 0!important;
          }
          .capacitating-youth-sec1 h6 {
            font-size: 20px;
            line-height: 24px;
        }
        .quote img{
            margin: 0 auto 50px!important;
        }
        .stories-of-change .quote{
            padding-left: 0;
        }
        .stories-of-change .bg h1{
            text-align: center;
        }
        .stories-of-change .right-contents h1,
        .stories-of-change .right-contents h6{
            text-align: center;
        }
        .stories-of-change .right-contents h6{
            margin-bottom: 50px;
        }
        .stories-of-change .lef-section{
            position: static;
            top: 0;
        }
        .stories-of-change .bg{
            height: auto;
        }
        .our-story-sec2{
            height: 500px;
        }
        .Nurturing_Adolescent-sec1 .left-section{
            padding: 30px 15px;
        }
        .Nurturing_Adolescent-sec1 .drop-content img{
            max-height: 300px;
            margin-bottom: 15px;
        }
        .capacitating-youth-sec4 img{
            max-height: 400px;
            width: 100%;
            object-fit: cover;
        }
        .capacitating-youth-sec1 .middle-section .left-portion .bottom-circle-part, 
        .capacitating-youth-sec1 .middle-section .right-portion .bottom-circle-part{
            height: 130px;
            width: 298px;
        }
        .capacitating-youth-sec1 .middle-section{
            gap: 25px;
        }
        .mile_stone_section .inner-contents-flex{
            min-width: 450px;
        }
        .subpage-banner .banner-content-side h4{
            font-size: 24px;
            line-height: 30px;
            margin-bottom: 15px;
        }
        .subpage-banner .banner-content-side h6{
            font-size: 18px;
            margin-bottom: 5px!important;
        }
        .subpage-banner .banner-content-side p{
            font-size: 14px;
            line-height: 22px;
        }
        .testimonials-sec .content-box{
            padding: 50px 30px 50px 100px;
        }
        .testimonials-sec .content-section p{
            font-size: 20px;
            line-height: 30px;
        }
        .testimonials-sec .img-box{
            left: 110px;
        }
        .testimonials-sec .img-box{
            width: 320px;
        }
        .stories-of-change-home .d-flex{
            margin-left: auto!important;
        }
        .stories-of-change-home .d-flex .img-main{
            max-width: 300px;
            width: 100%;
        }
        .stories-of-change-home .quote img{
            margin: 0!important;
            
        }
        .stories-of-change-home .d-flex{
            justify-content: flex-end;
        }
        .stories-of-change-home .quote{
            margin-top: 30px;
        }
        .stories-of-change-home .quote .vector-icon{
            width: 60px;
        }
        .get-in-touch .cover-background{
            left: 0;
        }
        .Youth-Engaging-Ecosystems .right-section .contents {
         order: 2;
        }

        .Youth-Engaging-Ecosystems .right-section .contents p{
            text-align: left!important;
        }
        .our-team .filter-section .item-members{
            width: 25%;
        }
        .Co-creating_Social_sec2 .right-sec-parent.max-width-300 {
            max-width: 25%;
        }
        .Co-creating_Social_sec2 .drop-section.active{
            max-width: 75%;
        }
        .our-impact .left-section h5{
            font-size: 45px;
            line-height: 55px;
            height: 45px !important;
        }
        .Co-creating_Social_sec2 .drop-content img{
            max-height: none;
        }
        .stories-of-change-home .quote{
            max-width: 100%;
        }
        .support-us-sec-1 .social-media-icons{
            gap: 5px;
        }
        .support-us-sec-1 .bottom-section{
            margin-top: 20px;
            margin-bottom: 50px;
        }
        .mob-poster {
            background: linear-gradient(230deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, .2) 100%), url(../images/Saanstha_Poster_mob.jpg) no-repeat center center !important;
            background-size: cover!important;
            background-position: center!important;
        }
  }
  @media (max-width: 767px) {
    .virtual-5th-space #parent-circle{
        width: 35vw;
        height: 35vw;
    }
    .virtual-5th-space .circle.purple{
        transform: rotate(72deg) translate(17vw) rotate(-72deg);
    }
    .virtual-5th-space .circle.blue{
        transform: translate(17vw);
    }
    .virtual-5th-space .circle.yellow {
        transform: rotate(144deg) translate(17vw) rotate(-144deg);
    }
    .virtual-5th-space .circle.orange {
        transform: rotate(216deg) translate(17vw) rotate(-216deg);
    }
    .virtual-5th-space .circle.teal {
        transform: rotate(288deg) translate(17vw) rotate(-288deg);
    }
    .virtual-5th-space .text{
        font-size: 16px;
        line-height: 24px;
    }
    .virtual-5th-space .text3 {
        right: 22vw;
        bottom: -4vw;
    }
    .virtual-5th-space .text5 {
        left: 28vw;
    }
    .virtual-5th-space .text4 {
        left: 14vw;
    }
    .virtual-5th-space .text2 {
        right: 4vw;
    }
    .virtual-5th-space .text1 {
        top: -3vw;
    }
    .virtual-5th-space h6{
        margin-bottom: 65px!important;
    }
   
      .footer-section .contents{
        flex-wrap: wrap;
        justify-content: center;
      }
      .donate-section{
        margin-top: 0;
      }
      .key-focus-area .content-box{
        height: 30vh;
      }
      .stack-box .inner-contents-flex-center{
        flex-direction: row;
       }
       .stack-box .heading p{
        font-size: 20px;
       }
       .milestone-cartoon{
        opacity: .2;
       }
       #world-map{
        height: 400px;
       }
       .popup-honeycomb{
        width: 450px;
       }
       .our-team .right-section .item{
        margin: -6px;
       }
       .events .content-section .right-box{
        max-width: 220px;
    }
    .events .full-screen{
        min-height: 400px;
      }
      .capacitating-youth-sec1 .middle-section .left-portion, 
      .capacitating-youth-sec1 .middle-section .right-portion{
        height: 320px;
      }
      .capacitating-youth-sec1 .middle-section .left-portion .inner-contents {
        padding: 130px 40px 100px 30px;
    }
        .capacitating-youth-sec1 .middle-section .right-portion .inner-contents {
            padding: 130px 30px 100px 40px;
        }
        .capacitating-youth-sec1 .middle-section .left-portion .bottom-circle-part, 
        .capacitating-youth-sec1 .middle-section .right-portion .bottom-circle-part {
            height: 100px;
            width: 265px;
        }
        .capacitating-youth-sec1 .middle-section .center-portion {
            max-width: 180px;
            height: 90px;
        }
        .capacitating-youth-sec1 .middle-section .inner-contents p {
            line-height: 22px;
        }
        .capacitating-youth-sec1 h6 {
            font-size: 20px;
        }
        .capacitating-youth-sec1 .parent .right-section,
        .capacitating-youth-sec1 .parent .left-section{
            min-height: 345px;
        }
        .capacitating-youth-sec2 .parent .right-section,
        .capacitating-youth-sec2 .parent .left-section{
            min-height: 580px;
        }
        .capacitating-youth-sec2 .parent .middle-section{
            margin-bottom: 0;
            margin-top: 15px;
        }
     
        .our-story-sec2{
            height: 400px;
        }
     
        .Nurturing_Adolescent-sec1.International-Programmes{
            padding-top: 90px!important;
          }
          .Awards_Recognition2 .inner-contents{
            flex-direction: column;
          }
          .Awards_Recognition2 .inner-contents img{
            width: 100%;
            height: auto;
          }
          .Awards_Recognition3 .articles .img-box{
            height: 250px;
          }
          .Awards_Recognition3 .articles{
            gap: 10px;
          }
          .Awards_Recognition4 .col-sm-0{
            display: none;
          }
        .Awards_Recognition_media-center{
            height: 400px;
        }
        .capacitating-youth-sec1 .middle-section .left-portion,
        .capacitating-youth-sec1 .middle-section .right-portion{
            border-radius: 15px;
        }
        
        .mile_stone_section .inner-contents-flex{
            min-width: 400px;
        }
        .mile_stone_section .h-line {
            min-width: 50px;
        }
        .subpage-slider{
            max-width: 100%;
          }
          .banner-content-side{
            max-width: 500px;
            background: linear-gradient(90deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 56%);
          }
          .subpage-slider .line-icon-Arrow-OutRight{
            z-index: 9999;
          }
          .testimonials-sec .content-box{
            padding: 50px 20px 50px 60px;
        }
        .testimonials-sec .content-section p{
            font-size: 18px;
            line-height: 26px;
        }
        .testimonials-sec .img-box{
            left: 80px;
        }
        .testimonials-sec .img-box{
            width: 260px;
        }
        .testimonials-sec .img-box .icon-vector{
            width: 100px;
            margin-left: 30px;
        }
        .stories-of-change-home .d-flex .img-main{
            max-width: 200px;
        }
        .stories-of-change-home .quote h5{
            font-size: 16px;
            line-height: 26px;
        }
    
        .Youth-Engaging-Ecosystems .drop-box-right img{
            margin-top: 20px;
        }
        .Youth-Engaging-Ecosystems .right-section .img-box{
            width: 100px;
            height: 100px;
        }
        .Youth-Engaging-Ecosystems .active-box .img-box{
            width: 50px;
            height: 50px;
        }
        .our-team .filter-section .item-members{
            width: 33.33333%;
        }
        .curricula-sec-2 img{
            height: 350px;
        }
        .join-our-programmes-sec1 .page-1 .right-section h5{
            font-size: 26px;
            margin-bottom: 30px!important;

        }
        .join-our-programmes-sec1 .page-1 .right-section{
            padding: 0 15px 50px;
        }
        .join-our-team .drop-box-right-side .inner-contents img{
            margin-top: 30px;
        }
        .join-our-programmes-sec1 .drop-box-right-side.active {
            height: auto !important;
        }
        .join-our-team .page-1 .right-section h6 span{
            font-size: 22px !important;
        }
        .Co-creating_Social_sec2 .drop-section.active{
            max-width: 100%;
        }
        .Co-creating_Social_sec2 .item-column-centric-programmes{
            margin-bottom: 10px;
        }
        .Co-creating_Social_sec2 .active-font-color .box {
            height: auto;
            width: 100%;
        }
        .Co-creating_Social_sec2 .drop-section {
            width: 100%;
        }
        .Co-creating_Social_sec2 .right-sec-parent.max-width-300{
            max-width: 100%;
        }
        .our_partners_sec1 .top h5{
            font-size: 18px;
        }
        .our_partners_sec1 .top img{
            width: 70px;
            top: -20px;
            left: 0px;
        }
        .PoweredBy.large-screen{
            display: none;
           }
        .PoweredBy.smaller-screen{
            display: flex;
        }
  }
  @media (max-width: 660px) {
    .capacitating-youth-sec1 .middle-section .left-portion .bottom-circle-part{
        display: none;
    }
    .capacitating-youth-sec1 .middle-section .right-portion .bottom-circle-part{
        display: none;
    }
    .capacitating-youth-sec1 .middle-section{
        gap: 15px;
    }
    .capacitating-youth-sec1 .middle-section .center-portion {
        max-width: 140px;
        height: 70px;
    }
    .our-team .filter-section .contents  i{
        right: 0px;
    }

   
  }

  @media (max-width: 575px) {
    .content-wrap{
        padding: 0 15px;
    }
    .virtual-5th-space .text{
        font-size: 14px;
    }
    .banner-slider{
        height: 70vh;
      }
   
      .banner-contents{
        margin: 30px auto 0;
      }
      .banner-contents p{
        font-size: 20px;
        line-height: 32px;
      }
    .virtual-5th-space .text3 {
        right: 32vw;
        bottom: -5vw;
    }
    .virtual-5th-space .text2 {
        right: 9vw;
    }
    .virtual-5th-space .text4 {
        left: 18vw;
    }
   .logos2{
        padding: 30px 0;
    }
    .logos-slide img, .logos-slide2 img, .logos-slide3 img {
        max-width: 100px;
        margin: 0 20px;
    }
    .testimonials{
        padding-bottom: 30px!important;
        margin-bottom: -30px;
      }
      
      .register-section .content-box .inner-contents h2{
        font-size: 2.8rem;
      }
      .nav-right-part .buttons a {
        min-width: 110px;
        height: 35px;
        margin-right: 5px;
    }
    .navigation-bar.sticky .nav-right-part .buttons a {
        min-width: 100px;
        height: 30px;
    }
    .nav-right-part .buttons a{
        font-size: 11px;
    }
    .navigation-bar .nav-right-part img {
        max-width: 70px;
    }
    .navigation-bar.sticky .nav-right-part img {
        max-width: 60px;
    }
    .navigation-bar{
        padding: 8px 0;
    }
    .navigation-bar .nav-right-part .buttons {
        margin-right: 10px;
    }
    .nav-right-part .buttons .btn i{
        display: none;
    }
    .banner-section .md-h-500px{
        height: 400px!important;
    }
    .banner-section .sm-h-300px{
        height: auto!important;
    }
    .sm-sm-h-auto{
        height: auto!important;
    }
    .banner-section h1{
        margin-top: 30px!important;
    }
    .key-focus-area .content-box {
        height: 320px;
    }
    #chartdiv{
        height: 400px;
        padding: 10px;
        margin-bottom: 40px;
    }
    .footer-section .footer-img{
        height: 300px;
    }
    .stack-box .img-size-big{
        width: 150px!important;
       }
       .our-team .left-section {
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 12px 25px;
        flex-wrap: wrap;
    }

    .our-team .filter-section h6{
        text-align: center;
    }
    .our-team .filter-section .content-wrap-main{
        justify-content: center;
    }
    .our-team .mt-100{
        margin-top: 50px!important;
    }
    #world-map{
        height: 300px;
       }
       .popup-honeycomb{
        width: 90%;
       }
       .our-team .right-section .parent-container{
        margin: 1rem auto;
      }
   
  
    .wrapper{
        padding-top: 0;
    }
  
    .capacitating-youth-sec2 .parent .middle-section {
        margin-top: 0px;
    }
    .capacitating-youth-sec1 .middle-section{
        padding: 20px 0;
    }
   
    .capacitating-youth-sec1 .middle-section .left-portion .inner-contents,
    .capacitating-youth-sec1 .middle-section .right-portion .inner-contents{
        padding: 50px 12px 100px;
    }
    .capacitating-youth-sec2 .middle-section .left-portion .inner-contents,
    .capacitating-youth-sec2 .middle-section .right-portion .inner-contents{
        padding: 100px 12px 50px;
    }
    .capacitating-youth-sec1 .middle-section .left-portion, .capacitating-youth-sec1 .middle-section .right-portion{
        height: 350px;
    }
   .capacitating-youth-video-section iframe{
    height: 400px;
   }
    .capacitating-youth-sec1{
        height: auto;
    }
    .capacitating-youth-sec1 .wrapper{
        position: static;
        padding-top: 0;
    }
    .join-our-programmes-sec1 .page-1{
        flex-direction: column;
        flex-direction: column-reverse;
        
    }
    .join-our-programmes-sec1 .page-1 .left-section{
        order: 1;

    }
 
    .join-our-programmes-sec1 .page-1 .middle-section{
        order: 1;
    }
    .join-our-programmes-sec1 .page-1 .left-section{
        width: 100%;
        position: static;
        margin-bottom: 30px;
    }
    .join-our-programmes-sec1 .page-1 .right-section{
        width: 100%;
        text-align: center;
    }
    .join-our-programmes-sec1 .page-1 .right-section div{
        margin-top: 25px;
    }
    .join-our-programmes-sec1 .drop-box-right-side{
     height: 0;
    }
    .join-our-programmes-sec1 .drop-box-right-side.active{
        height:auto!important;
       }
    .navigation-bar .menu-list li a{
        font-size: 18px;
    }
    .navigation-bar .menu-list li{
        margin-bottom: 18px;
    }
 

    .our-DNA-section .content-box-center .inner-div a{
        font-size: 24px;
        line-height: 28px;
    }
    .stories-of-change .bg h1{
        font-size: 65px;
        line-height: 75px;
    }
    .stories-of-change .bg{
        height: auto;
    }
    .our-story-sec2{
        height: 300px;
    }
    .our-story{
        padding: 40px 0;
    }
    .our-team .left-section{
        margin-bottom: 30px;
    }
    .subpage-banner-full-hieght{
        height: auto;
        min-height: 100vh;
      }
      .Nurturing_Adolescent-sec1 .left-section{
        height: 200px;
        margin-bottom: 20px;
        position: static;
      }
      .Nurturing_Adolescent-sec1 .right-sec-parent.max-width-300 {
        max-width: 100%;
      }
      .Nurturing_Adolescent-sec1 .drop-section.active{
        top: 30px;
        width: 100%;
      }
      .Nurturing_Adolescent-sec1 .left-section{
        border-radius: 10px;
      }
      .capacitating-youth-sec4 img{
        max-height: 300px;
    }

    .Youth-Engaging-Ecosystems .right-section{
        gap: 10px;
    }
    .Awards_Recognition .top-section{
        flex-direction: column;
        align-items: center;
    }
    .Awards_Recognition .top-section .img-box{
        width: 100%;
        height: 200px;
        margin-bottom: 10px;
    }
    .Awards_Recognition2 .inner-contents{
        margin: 20px 0;
    }
    .Awards_Recognition3 .articles .img-box{
        width: 200px;
        height: 100px;
    }
    .Awards_Recognition4 .img-box{
        height: 300px;
        margin-bottom: 20px;
    }
    .Awards_Recognition_media-center{
            height: 300px;
        }
    .Awards_Recognition_media-center .inner-contents .content-box i{
        font-size: 30px;
    }
    .Awards_Recognition_media-center .inner-contents .content-box h5{
        font-size: 20px;
    }
    .Awards_Recognition_media-center .inner-contents .content-box p{
        font-size: 16px;
    }
    .Awards_Recognition_media-center .inner-contents{
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 10px;
        margin-top: 60px;
    }
    .Awards_Recognition_media-center{
        height: auto;
    }
    .Awards_Recognition_media-center .inner-contents .content-box{
        margin-top: 15px;
    }
    .Awards_Recognition_media-center{
        padding: 50px 15px!important;
    }
    .mile_stone_section .inner-contents-flex{
        flex-wrap: wrap;
    }
    .mile_stone_section .inner-contents-flex{
        font-size: 20px!important;
    }
    .mile_stone_section .right-section .item{
        align-items: flex-start;
    }
    .mile_stone_section .h-line {
        position: relative;
        top:10px;
    }
    .mile_stone_section .inner-contents-flex{
        min-width: auto;
    }
    .mile_stone_section .h-line{
        max-width: 50px!important;
        width: auto;
    }
    .testimonials-sec .content-box{
        padding: 50px 20px 100px 20px;
        width: 85%;
        margin-left: auto;
    }
    .testimonials-sec .content-section p{
        font-size: 18px;
        line-height: 26px;
    }
    .testimonials-sec .img-box{
        left: 20px;
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .testimonials-sec .img-box{
        width: 200px;
    }
    .testimonials-sec .img-box .icon-vector{
        width: 40px;
        margin-left: 10px;
    }
    .testimonials-sec .content-section{
        position: relative;
    }
    .stories-of-change-home .d-flex{
        justify-content: flex-start;
    }
    .Nurturing_Adolescent-sec1 .right-section .item {
        border: 5px solid #E2B808;
    }
    .Youth-Engaging-Ecosystems .active-box .right-section{
        padding: 0;
    }
    .our-team .filter-section .item-members{
        width: 50%;
    }
    .Awards_Recognition2 .inner-contents p{
        font-size: 14px;
    }
    .curricula-sec-2 img{
        height: 280px;
    }
    .curricula-sec-1 img{
        height: 220px;
    }
    .Awards_Recognition4 #parent_imgbox{
        display: none;
    }
    .join-our-programmes-sec1  .drop-box-right-side .inner-contents p{
        font-size: 16px;
        line-height: 20px;
      }
      .register-section .content-box {
        max-height: 350px;
    }
    .drop-content-centric-programmes p,
    .drop-content-centric-programmes h6{
    padding: 0 15px;
    }
    .media-publications .head-font {
        font-size: 35px!important;
    }
    .register-section .content-box .inner-contents h2{
        font-size: 40px!important;
    }
    .register-section .content-box button{
        font-size: 16px;
        line-height: 22px;
    }
    .Our-work-sec1 .inner-contents {
        padding: 20px 15px;
        min-height: 335px;
        cursor: pointer;
    }
    .join-our-programmes-sec1 .head-font{
        font-size: 40px!important;
    }
    .join-our-programmes-sec1 .top-part{
        height: 20vh;
    }
    .logos:after, .logos2:after, .logos3:after{
        background: none;
    }
    .logos:before, .logos2:before, .logos3:before{
        background: none;
    }
    .subpage-banner-full-hieght .inner-contents {
        min-height: 600px;
    }
    .subpage-banner-full-hieght{
        min-height: auto;
    }
    .Co-creating_Social_sec2 .img-icon{
        max-width: 120px!important;
    }
    .Co-creating_Social_sec2 .swiper-button-prev, .Co-creating_Social_sec2 .swiper-button-next{
        width: 50px!important;
       }
    .Co-creating_Social_sec2 .swiper-button-prev i, .Co-creating_Social_sec2 .swiper-button-next i{
        font-size: 20px!important;
    }
    .social-media-icons .linkdin-icon{
        max-width: 140px;
    }
    .social-media-icons .insta-icon{
        max-width: 50px;
    }
    .media-publications .head-font{
        text-align: center;
    }
    .our-team .left-section{
        left: 0;
    }
  
        
  }
  @media (max-width: 500px) {
    .our-milestones .flex-direction-change{
        flex-direction: column;
    }
    .flex-reverse{
        flex-direction: column-reverse!important;
    }
    .flex-reverse h6,  .flex-reverse p{
        text-align: left!important;
    }
    .our-DNA-section .content-box-center .inner-div a{
        font-size: 20px;
        line-height: 24px;
    }
    .our-DNA-section .content-box-center .inner-div p{
        font-size: 13px;
        line-height: 16px;
    }


  }
  @media (max-width: 480px) {
    .virtual-5th-space .text3 {
        right: 30vw;
        bottom: -9vw;
    }
    .virtual-5th-space .text5 {
        bottom: -4vw;
    }    
    .virtual-5th-space .text2 {
        right: 3vw;
    }
    .capacitating-youth-sec1 .parent .left-section{
        min-height: 420px;
    }
    .capacitating-youth-sec1 .parent .right-section{
        min-height: 420px;
    }
    .capacitating-youth-sec2 .parent .right-section, .capacitating-youth-sec2 .parent .left-section{
        min-height: 660px!important;
      }
      .stories-of-change .articles{
        flex-direction: column;
      }
      .stories-of-change .articles .inner-contents{
        margin-left: 0;
      }
      .stories-of-change .bg h1 {
        font-size: 55px;
        line-height: 70px;
    }
 
    .stories-of-change .articles .img-box {
        margin: 0 auto;
        width: 100%;
        height: 150px;
    }
    .Youth-Engaging-Ecosystems .right-section{
        flex-wrap: wrap;
    }
    .Youth-Engaging-Ecosystems .active-box .right-section{
        flex-wrap: nowrap;
    }
    .Youth-Engaging-Ecosystems .right-section{
        padding: 10px;
        margin-bottom: 20px;
    }

    .fifth-space-sec1 iframe{
        height: 350px;
    }  
    .our-team .filter-section .contents  i{
        top: -78px;
    }
    .our-impact .left-section h5 {
        font-size: 30px;
        line-height: 40px;
        height: 45px !important;
    }

  
  }



  @media (max-width: 420px) {
    .sm-sm-none{
        display: none!important;
    }
    
   
      .stories-of-change .bg h1 br{
        display: none;
      }
      .stories-of-change .bg h1 {
        font-size: 45px;
        line-height: 55px;
    }

    .capacitating-youth-sec1 .middle-section .left-portion, .capacitating-youth-sec1 .middle-section .right-portion{
        height: 400px;
    }
   
    .our-DNA-section .item-3,.our-DNA-section .item-4{
        padding-bottom: 20px;
    }
    .our-DNA-section .item-1,.our-DNA-section .item-2{
        padding-bottom: 20px;
    }
    .our-team .filter-section .contents  i{
        right: -10px;
        top: -78px;
    }
    .testimonials-sec .img-box{
        width: 180px;
    }
    .honeycomb-social-icon{
        left: 10%;
      }
 
    
  }
  

  @media (min-width: 1200px) {
     .Youth-Engaging-Ecosystems-sec3 .col-xl-2{
      width: 20%;
    }
  }