@media only screen and (max-width: 768px) {
    .desk-view{
        display: block
    }
    .manorama-logo {max-width: 40px;}
    .desk {display: none;}
    .mob {display: block !important;}
    .bg-inner{
        -webkit-box-orient: vertical ;
        -webkit-box-direction: normal ;
        -ms-flex-direction: column ;
        flex-direction: column ;
    }
    .vs-title{
        margin: 0;
        margin-top: -15%;
    }
    .vs-pic{
        max-width: 430px;
    }
    .vs-title{
        max-width:220px;
    }
    .container{
        padding: 200px 0 0 0
    }
    .desc{
        padding: 0 15px;
        font-size: 18px;
    }
}

@media (min-width: 1080px) and (max-height:780px) {
    .vs-pic{
        max-width: 50%;
    }
}