@media (max-width: 1240px){
    /*body{*/
    /*    font-size: 1.40vw;*/
    /*}*/
}

@media (max-width: 1023px){
    html, body{
        font-size: 0.9rem;
    }
    .container{
        max-width: 95% !important;
        width: 95% !important;
    }
    .navigation{
        right: -100%;
        position: fixed;
        top: 0;
        bottom: 0;
        min-width: 18rem;
        background: #fff;
        left: auto;
        padding: 1rem;
        z-index: 111;
        box-shadow: -10px 0 10px rgb(0 0 0 / 30%);
        transition: 0.4s ease-in-out;
    }
    header .container{
        max-width: 95% !important;
        width: 95% !important;
    }
    .navigation.active{
        right: 0;
    }
    header nav ul li{
        padding: 0.8rem 0rem;
    }
    header nav ul li a{
        justify-content: space-between;
    }
    header nav ul li a svg{
        width: 1.3rem;
        height: 1.3rem;
    }
    .navigation ul li:hover .sub-dropdown, .navigation ul li .sub-dropdown, .navigation ul li .sub-dropdown .sub-sub-dropdown, .navigation ul li ul li:hover .sub-sub-dropdown{
        position: relative;
        box-shadow: none;
        padding: 0.2rem;
        border: 0;
        padding-left: 1rem;
        padding-top: 1rem;
        background: #ddd;
        display: none;
    }
    .navigation ul li .sub-dropdown.open, .navigation ul li .sub-dropdown .sub-sub-dropdown.open{
        display: block;
        right: 0;
        top: 0;
    }
    .navigation ul li .sub-dropdown li{
        padding: 0.2rem;
    }
    .close-icon{
        display: block;
    }
    .close-icon a{
        width: 2rem;
        height: 2rem;
        text-align: right;
        border-radius: 2rem;
        border: 0.1rem solid #000;
        display: flex;
        justify-content: center;
        align-items: center;
        float: right;
    }
    header nav ul li.open > a svg {
        transform: rotate(0);
    }

}
@media (max-width: 991px){
    .stats-sec .item{
        width: 46%;
        border-right: 0;
        margin-bottom: 1.5rem;
    }
    .stats-sec .item .stats-img{
        width: 3rem;
        height: 3rem;
    }
    .stats-sec .item .stats-img img{
        object-fit: cover;
    }
    .banner-list .slick-arrow.slick-prev, .banner-list .slick-arrow.slick-next{
        /*background-size: 70%;*/
        width: 3rem;
        height: 3rem;
    }
    /*.banner-list .slick-arrow.slick-prev{
        top: 30%;
    }*/
    .inner-banner .inner-content{
        max-width: 100%;
    }
}
@media (max-width: 768px){
    .eligibilty-sec{
        padding-bottom: 1rem;
    }
    .eligilbity-round{
        width: 100%;
        height: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .circle{
        margin: 0 auto;
        position: relative;
        margin-bottom: 1rem;
        /*height: auto;*/
        /*width: 48%;*/
    }
    .circle.main{
        max-width: 100%;
        height: auto;
        background: transparent;
        border-radius: 0;
        border: 0;
        width: 100%;
        box-shadow: none;
    }
    .circle.main:after{
        display: none;
    }
    .circle.left{
        left: 0;
        bottom: 0;
    }
    .circle.center {
        bottom: 0;
        left: 0;
        transform: none;
    }
    .circle.right{
        bottom: 0;
        right: 0;
        /*height: 14rem;*/
    }
    .circle.main img {
        object-fit: cover;
        border-radius: 50%;
        border-bottom: 1.3rem solid var(--primary-color);
    }
    .industry-section{
        padding: 4rem 0rem;
    }
    .important-date .date-list .round-sec:before{
        display: none;
    }
    .important-date .date-list .round-sec{
        width: 48%;
    }
    .important-date .date-list .round-sec .round-icon{
        margin-bottom: 1rem;
    }
    .benefit-image{
        width: 100%;
        left: 0;
    }
    .benefit-image.school{
        left: 0;
    }
    .date-list{
        display: flex;
        gap: 0.6rem !important;
        flex-wrap: wrap;
        align-items: baseline !important;
        justify-content: center;
    }
    .important-date .date-list .round-sec .round-title{
        font-size: 1rem;
    }
    .timline{
        max-width: 100%;
    }
    .timline .timeline-content .timeline-title{
        font-size: 1.2rem;
    }
    
    .success-list .item{
        max-width: 45%;
        width: 100%;
        margin-bottom: 2rem;
    }
    .success-list .item .success-img{
        width: 10rem;
        height: 10rem;
        padding: 0;
    }
    .success-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .login-inner{
        max-width: 100% !Important;
        min-width: 100%;
    }
    .register-form ul li{
        width: 100%;
    }
    #google_translate_element select{
        width: 9rem;
        font-size: 0.8rem;
    }
    .login-btn, .common-btn{
        padding: 0.4rem 0.6rem;
    }
    .stats-content .item{
        border-right: 0;
    }
    .sponser-sec .SecPartnerContent .rowDiv{
        flex-wrap: wrap;
    }
    .sponser-sec .SecPartnerContent .rowDiv .col-50{
        width: 100%;
    }
    .winners-main .tab-item .tab-link{
        min-width: inherit;
    }
    .textarea-sec{
        margin-right: 0 !important;
    }
    
    
    .press-release img {
        max-width: 14rem; /* 280px */
      }
    
      .press-content {
        width: calc(100% - 15rem); /* 300px */
      }

    
    
    
}
@media(max-width: 600px){
    .success-list .item {
        max-width: 100%;
        width: 100%;
    }
    .testimoninal-slider .slick-arrow.slick-prev{
        right: 15%;
    }
    .winners-main{
        flex-wrap: wrap;
        justify-content: center !important;
        gap: 1rem;
    }
    .winners-main .item{
        justify-content: center;
        flex-wrap: wrap;
    }
    .contact-details .item{
        width: 100% !Important;
        margin-bottom: 1rem;
    }
    .copyright-sec{
        text-align: center;
    }
    
    .press-release{
        flex-wrap:wrap;
        gap:2rem;
    }
    .press-release img{
        max-width:100%;
    }
    .press-content{
        width:100%;
    }
    
}

/*Start Dashboard Responsive*/

@media(max-width: 1023px){
    .header .container{
        flex-direction: row;
    }
}
@media(max-width: 767px){
    .collage-dashboared .dashboared-items .item{
        padding: 3rem;
    }
    .collage-dashboared .sub-title{
        text-align: center;
    }
}
@media(max-width: 1024px) and (min-width: 991px){
    body, html{
        font-size: 1.1vw;
    }
}