.logo {
    width: 59%
}

@media (max-width: 575px){
    .logo {
        width: 52%
    }
}
@media (max-width: 991px){
    .logo {
        width: 53%
    }
}

@media(min-width:992px) and (max-width:1200px){
    .login_button {
        position: absolute;
        left: 80%;
    }
    .menu_desktop {
        position: relative;
        right: 163px;
    }
    .main-menu a {
        font-weight: 700;
        font-size: 12px;
    }
    .main-menu > ul > li{
        margin:0px 10px;
    }
}
.para {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    white-space: pre-wrap;
}

@media (max-width: 430px){
    .mobile_responsive {
        margin-top: 112%;
    }
}