/*================================ Satrt large screens =========================*/
@media (min-width: 1440px){
    .navbar .container-fluid{
        padding: 0 7vw;
   }
}
@media (min-width:1201px ) and (max-width: 1440px)
{

}
@media (min-width:1025px) and (max-width:1200px)
{

}
/*============================== Start medium screen of tablet =========================*/
@media (min-width: 993px) and (max-width: 1024px)
{

}
@media (min-width: 769px) and (max-width: 992px)
{

}
@media(max-width:992px)
{
    .navs-container .navbar .has-dropdown .drop-down {
        position: relative;
        padding: 0;
        min-width: 100%;
        max-height: 0;
        transform: translateY(5px);
    }
    .navs-container .navbar .has-dropdown:hover .drop-down{
        transform: translateY(0px);
        max-height: fit-content;
    }
    .navs-container .navbar .has-dropdown .drop-down {
        box-shadow: 0 0px 10px #eee;
    }
    .navs-container .navbar .has-dropdown .drop-down::before {
        opacity: 0;
    }
    .mob_order_2 {
        order: 2;
    }
    .mob_order_3 {
        order: 3;
    }
    
    .navs-container .navbar .top-nav {
        justify-content: center;
    }
}
/*============================== Start small screen of mobile =========================*/
@media(max-width:768px)
{
    header {
        padding: 50px 0;
    }
    .header .header-content {
        height: 85vh;
    }
    header .text-box {
        padding: 0 1vw;
        margin-bottom: 55px;
    }
    .header .header-content .text-box .title {
        font-size: calc(32px + 1vw);
        line-height: 2.7rem;
    }
    .joining-sec .main-img {
        margin-top: 50px;
    }
    .projects-pg .item .text-box .title {
        font-size: 7vw;
        font-weight: 700;
    }
    .about-cards .card {
        padding: 35px 15px;
    }

    .join-sec .inner {
        padding: 0 30px;
    }

    .about-sec .text-box {
        margin-top: 35px;
    }
    .sec-title::after, 
    .sec-title::before {
        width: 22px;
        bottom: 3px;
    }
    .join-sec .inner .main-img {
        height: 245px;
        margin-top: 10px !important;
    }
    .impact-sec .impact_card {
        text-align: center;
    }
    .impact-sec .impact_card .icon-container {
        margin: 0 auto 30px auto;
    }
    .anniversay-sec .inner .content {
        text-align: center;
    }
    .projects-pg .filtering .form-group {
        margin-bottom: 0.5rem !important;
    }
    .projects-pg .item .swiper-slide {
        height: 300px;
    }
    .projects-pg .item .text-box{
        margin: 20px 0;
    }
    .news_det_pg .inner-sec .news-det-img {
        height: 250px;
    }
    footer .copyright .p {
        font-size: 10px;
    }
    .about-pg .inner-sec .img-box::before {
        right: -10px;
        top: 42px;
    }
    .about-pg .inner-sec .img-box2::before {
        left: -10px;
        top: 42px;
    }
    .join-sec .inner .text-box {
        margin-top: 0 !important;
    }
    .join-sec ,
    .explore-sec{
        padding: 50px 0;
    }
}
@media (min-width: 577px) and (max-width: 768px)
{

}
@media(max-width:576px)
{
    .navs-container .navbar .navbar-brand img {
        width: 225px;
    }
    .about-sec .text-box .title {
        font-size: 1.6rem;
    }
    .about-sec .button_su{
        margin: auto;
        display: block;
        width: fit-content;
    }
    .sec-title ,
    .fs_17{
        font-size: 17px;
    }
    .about-cards .sec-title {
        font-size: 15px;
    }
    .about-pg .sec-title,
    .page-heading .sec-title,
    .values-sec .sec-title,
    .impact-sec .sec-title {
        font-size: 22px;
    }
    .inner-sec {
        padding: 50px 20px;
    }
    .about-sec  .text-box .sec-title{
        text-align: center;
    }
    .about-sec  .text-box .sec-title::before{
        display: inline-block;
    }
    .about-cards .card .card-body {
        padding: 1.25rem 0.5rem 0 0.5rem;
        text-align: center;
    }
    .about-cards .card .card-body .p {
        line-height: 1.6rem;
        font-size: 13px;
    }
    .custom-list .li{
        text-align: start;
    }
    .heading-p {
        font-size: 11px;
        line-height: 1.7;
    }
    .clients-pg .client_card {
        height: 150px;
    }
    .clients-pg .client_card .logo {
        height: 100px;
    }
    .join-sec .inner .text-box .title{
        font-size: 2.2rem;
    }
    footer .content .logo {
        width: 85%;
        height: 75px;
        margin: auto;
        display: block;
    }
    .vision-pg .custom-list .li{
        padding: 0;
    }
    .contact-pg .contact-head .contact-card {
        padding-bottom: 15px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }
    .contact-pg .contact-head {
        border-bottom: 1px solid transparent;
        padding-bottom: 0px;
    }
    .anniversay-sec .inner {
        padding: 70px 15px;
    }
    .footer-social-links{
        justify-content: center;
    }
}
@media(min-width: 426px) and (max-width: 576px)
{

}
@media (min-width: 376px) and (max-width: 425px)
{

}
@media (min-width: 321px) and (max-width: 375px)
{
   
}
@media (max-width: 320px)
{

}