@media only screen and (max-width: 768px) {
    .navbar .material-icons{
        font-size: 38px;
        position: relative;
        top: 11px;
    }
    .nav-item{
        text-align: center;
    }
    .heroSec{
        background-position: center;
        background-size: cover;
    }
    .home-BX{
        top: 0;
        padding: 40px 50px;
    }
    
    .home-BX .col-lg-4{
        margin: 10px 0 20px;
        text-align: justify;
    }
    
    .homeDesc{
        margin-top: 90px;
        padding-right: 0px;
    }
    .homeDesc p{
        text-align: justify;
    }
    .homeImgR, .homeImgL{
        padding-left: 0;
        padding-right: 0px;
    }
    .mt-xs-0{
        margin-top: 0 !important;
    }
    .vcenter{
        position: relative;
        top: 0;
        left: 0;
        transform: none;
    }
    .navbar-toggler, .navbar-collapse{
        z-index: 999;
    }
    .obxd{
        padding: 100px 40px 20px;
    }
}