/*  XX-Large devices (larger desktops, 1400px and up)*/
@media (max-width: 1400px) {   }
/* X-Large devices (large desktops, 1200px and up)*/
@media (max-width: 1200px) {  }
/*  Large devices (desktops, 992px and up)*/
@media (max-width: 1020px) {.profile-right {
    width: 50%;  }
    .roadmap-track {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    min-width: min-content;
}
.roadmap-stage{margin-bottom:10px;}
}


/*  Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {  

    .principal-box li{width: 48%;}
    .principal-box ul {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
}
   
    .slide-text-left{width:100%;}
    .carousel-caption {
    right: 7%;
    left: 7%;}
    .process-step {
    border: 1px solid #ffffff;
    border-radius: 5px;
}

    .title-box h2 {
    font-size: 25px;}
    .card-title {
    font-size: 17px;}
    .footer-div {
    flex-wrap: wrap;
}
    .footer-f-div {
    width: 44%;
}
.footer-s-div{
    width: 44%;
}
   .yellow-cta__content {
        flex-direction: column;
    }
}
/*  Medium devices (tablets, 880px and up)*/
@media (max-width: 880px) { 
 
.vision-div {   
    gap: 20px;
}}
/*  Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) { 
        .top-box {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-content: center;
        align-items: center;
    }
    h3 {
    font-size: 17px;}
     .vision-box{width:48%;}
    .carousel-caption {
    top: 5%;}
 
    .slide-text-left h2 {
    font-size: 24px;
    /* text-transform: uppercase; */
    line-height: 25px;
    font-weight: 600;
}
  .carousel-caption {
    right:15%;
    left: 15%;}

    .about-img img{display: none;}    
    .process-step {
    border: 1px solid #ffffff;
    border-radius: 30px;
}
.yellow-cta__content {  
    flex-direction: column;
}
    .profile-right {
    width: 100%;  }
       .profile-left{
    width: 100%;  }

   }
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 576px) {  
    .profile-right {
    width: 100%;  }
       .profile-left{
    width: 100%;  }
    .slide-text-left h2{font-size:20px;}
    
    .feature-div {
    display: flex;
    flex-direction: column;}
    .top-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.about-img img{display: none;}
.title-box h2 {
    font-size: 17px;}
.top-left ul {
    display: flex;
    flex-direction: column;
    line-height: 40px;
    margin: 0px;
    list-style: none;
    font-size: 13px;
}
.top-left ul li:first-child {border:0px;}
.navbar-expand-lg .navbar-nav
 {
    flex-direction: column;
    gap: 0px;
}
.process-step {
    border: 1px solid #ffffff;
    border-radius: 30px;
}
.why-div {
    width: 100%;
 }
 .methology-div {
    padding: 30px 20px;
}
.academy-box {
    list-style: none;
    display: flex;
    padding: 0px;
    gap: 13px;
    margin: 24px 0px;
    flex-direction: column;
}
.main-btn{text-align: center;}
.main-btn a{font-size: 13px;
        padding: 10px 10px;}
.text-left {
    text-align:center!important;
}
.academy-right {   
    padding: 30px;    
    margin-left: 0px;
    margin-top: 20px;
}
.yellow-cta__content {  
    flex-direction: column;
}
.footer-div {
    display: flex;
    flex-direction: column; 
}
.footer-f-div{width:100%;}
.footer-s-div{width:100%;}
.footer-box h3{padding-bottom:10px;
}
.top{width:100%;}
.process-step{padding: 16px 23px;}
}

@media (max-width: 480px) {  
    .feature-div {
    display: flex;
    flex-direction: column;}
    .top-box {
    display: flex;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.about-img img{display: none;}
.title-box h2 {
    font-size: 17px;}
.top-left ul {
    display: flex;
    flex-direction: column;
    line-height: 40px;
    margin: 0px;
    list-style: none;
    font-size: 13px;
}
.top-left ul li:first-child {border:0px;}
.navbar-expand-lg .navbar-nav
 {
    flex-direction: column;
    gap: 0px;
}
.process-step {
    border: 1px solid #ffffff;
    border-radius: 30px;
}
.why-div {
    width: 100%;
 }
 .methology-div {
    padding: 30px 20px;
}
.academy-box {
    list-style: none;
    display: flex;
    padding: 0px;
    gap: 13px;
    margin: 24px 0px;
    flex-direction: column;
}
.main-btn{text-align: center;}
.main-btn a{padding:10px 15px;}
.text-left {
    text-align:center!important;
}
.academy-right {   
    padding: 30px;    
    margin-left: 0px;
    margin-top: 20px;
}
.yellow-cta__content {  
    flex-direction: column;
}
.footer-div {
    display: flex;
    flex-direction: column; 
}
.footer-f-div{width:100%;}
.footer-s-div{width:100%;}
.footer-box h3{padding-bottom:10px;
}
.top{width:100%;}
.process-step{padding: 16px 23px;}
}