/*apply css for max-width 800 */
@media(max-width:750px)
{
    .nav-links ul li{
        display: block;
    }
    /*nagivation_linsk*/
    .nav-links{ 
        position: fixed;
        background: #000000;
        height: 100%;
        width: 200px;
        top:0;
        right: -200px;
        text-align: left;
        z-index: 2;
        transition: 1s;
    }
    /* navigation icon*/
    nav .fa{
        display: block;
        color:#fff;
        margin:10px;
        margin-right:1.5rem;
        font-size:22px;
        cursor: pointer;
    }
    .row{
        flex-direction: column;
    }
    /*Testimonial col---*/
    .testimonial-col img{
        margin-left:0px ;
        margin-right: 1rem;
    }
    /*----------------------Resize When Screen is small----------*/
    .sub-menu-wrap{
        position: absolute;
        width: 180px;
        top:-5px;
        right: 0;
        width:250px;
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.5s;
        box-sizing: border-box;
    }
    /* logo image */
    nav img{
    width: 90px;
    height: 90px;
}
}