@media screen and (max-width:768px){
    .logo img{
        width: 70%;
    }
    .about-heading {
        position: absolute;
        left: 45px;
        top: -10px;
        width: 60%;
    }

}
@media screen and (max-width:575px) {
    .logo-home{
        top: 0;
        left: 0;
        width: 45%;
    }
    .wrapper {
        width: auto;
    }
    .menu-row{
        margin-right: 0;
    }
    .sub-1 {
        top: 88px;
        right: 13px;
    }
    .sub-2 {
        top: 131px;
        right: 14px;
        width: inherit;
    }
    .main-content{
        margin-top: 50px;
    }
    .logo img{
        width: 80%;
    }
    .tilt img{
        width: 100%;
    }
    .awards{
        bottom: 0;
        right: 0;
    }
    .about-col-1, .about-col-2 {
        width: 90%;
    }
     .about-col-2 {
        margin-top: 20px;
    }
    .about-links li a{
        padding: 3px 8px;
    }
    .bth-btn{
        margin-top: 0;
    }
    .footer-col-2{
        margin: 10px 0;
    }
    .news-feeds{
        right: 68px;
        bottom: 18px;
    }
    .wrapper {
        background: url(images/main-bg.jpg) no-repeat top 27% center;
        background-size: 100%;
    }
    .grey-bg{
        background: url(images/grey-back.jpg) no-repeat top 27% center;
        background-size: 100%;
    }
    .logo-slider{
        width: 85px;
        height: 56px;
    }
    .tag,.news-heading,.news-date{
        font-size: 10px;
    }
    .flim-img{
        position: relative;
        width: 100%;
        height: fit-content;
        mix-blend-mode: multiply;
        top: 0;
        left: 0;
    
    }
    .heading1{
        width: 90%;
        height: fit-content;
        position: relative;
        top: 0px;
    }

}
@media screen and (max-width:413px) {
    .about-links li a{
        padding: 3px 3px;
    }
    .dropdown-content p, .dropdown-btn p{
        font-size: 15px;
    }
}