@media screen and (max-width:1200px){
    .banner_header {
        font-size: 23px;
    }
    .banner_info>p {
        margin-top: 20px;
    }
}

@media screen  and (min-width:800px){
    .main_banner_text_container.institute_banner {
        /* width: 100%; */
        margin-top: -80vh;
        margin-left: 0%;
    }
}

@media screen and (max-width:768px){
    .banner_header {
        font-size: 20px;
        line-height: 75px;
    }
    .banner_info>p {
        margin-top: 15px;
        font-size: 12px;
    }
    .main_banner_text_container {
        position: initial;
        margin-top: -90vh;
        text-align: left;
        margin-left: 0%;
        width: 90%;
        padding: 19px 30px;
    }
    .flex_container {
        display: grid;       
        grid-template-columns: 1fr 1fr;
    }
    .flex_container_3{
        display: grid;       
        justify-content: center;
        gap:50px;
    }
    .institute_banner h3, p{
        line-height: 1;
    }

    .aboutus_banner_img{
        justify-content: center;
        flex-wrap: wrap;
    }
    .aboutus_banner_img>div{
        width:100%;
    }
   
}

@media screen and (max-width:767px){
    .explore_card_filter_container {
        margin-top: -19px;
        display: grid;
        gap: 40px;
        grid-template-columns: 1fr;
    }

    .explore_filters .select svg {
        margin-top: -5px;
        right:60px
    }
}

@media screen and (max-width:450px){
    .form_email{
        width:60%;
    }
    
    .form_content select{
        width:38.5%;
    }
    .form_code{
        width:25%
    }
    .form_phone{
        width:34%
    }
    
    .form_btn{
        width:38%
    }

    
    .main_banner_text_container.institute_banner {
        width: 100%;
        margin-top: -90vh;
        margin-left: -10%;
    }

    .explore_banner_dropdown>label{
        justify-self: flex-start;
    }
}

@media screen and (max-width:1000px) {
    .institute_banner_header {
        max-width: 80%;
    }
    .aboutus_banner_img>div>img{
        position: relative;
        width: 100%;
    }
}