/*
Theme : Radar Vector responsive css
Version : 1.0
Developer : DVK
*/
@media only screen and (max-width:1200px) {
   .imagevideo, .imagevideo img, .gray-block{
        height:100%;
    }  
    
}
@media only screen and (max-width: 1024px) {

.main-menu ul li.drop::after{
    top:0;
}
.main-menu ul li ul.submenu{
    position: static;
    list-style: none;
}
.common-contact .address li{
    margin-bottom: 15px;
}
}

@media only screen and (max-width: 991px){
    .studentDashbaord ul.icons li{
        margin: 0 1rem 1rem 0;
    }
    .studentDashbaord ul.icons{
        text-align: center;
    }
    .offcanvas.offcanvas-end{
        height: 100vh;
    }
    .offcanvas-body > ul li {
        margin: 8px 15px!important;
    }

}
@media only screen and (max-width: 768px){
    p{
        text-align: inherit;
    }
}
@media only screen and (max-width: 800px){
    section.wrap.round-edge{
        border-radius: 0px;
    }
    .rightLine{
        right: -250px;
    }
    .leftLine {
        left: -546px;
    }
    .contentWrap h4{
        font-size: 2rem;
    }
}
@media only screen and (max-width: 566px){
    .overlay{
        top: 54%;
    }
    .homebanner img {
        max-width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 0;
    }
    .overlay .h3 {
        font-size: 1.5rem;
        display: inline-block;
        /* display: none; */
    }
    .arrows-H, .arrows-V{
       display: none;
    }
    .btncntr{
        margin-top: 2px!important;
    }
}
@media only screen and (max-width: 991px){
    .main-menu ul li a{font-size: 14px;}
    .main-menu ul li ul.submenu{
        background-color:transparent;
        box-shadow: none;
    }
    .main-menu ul li a.active {
        color: #ffffff;
    }
    .main-menu ul li ul.submenu > li{
        border-bottom:none;
    }
    .text-justify{
        text-align: inherit;
    }
}
@media only screen and (max-width: 890px){
    .leftLine, .rightLine{
        display: none;
    }
}
@media screen and (min-device-width: 992px) and (max-device-width: 1199px) { 
    .serviceCard{
        width: 25%;
    }
}
@media screen and (min-device-width: 768px) and (max-device-width: 991px) { 
    .serviceCard{
        width: 32%;
    }
}
@media screen and (min-device-width: 500px) and (max-device-width: 768px) { 
    .serviceCard{
        width: 48%;
    }
}
@media screen and (min-device-width: 0px) and (max-device-width: 499px) { 
    .serviceCard{
        width: 90%;
    }
}