/* =========================
   RESPONSIVE
========================= */

@media(max-width:991px){

    .sidebar{
        width:90px;
    }

    .main-content{
        margin-left:90px;
    }

    .sidebar-link span{
        display:none;
    }

}

@media(max-width:768px){

    .main-content{
        margin-left:0;
        padding:20px;
    }

    .sidebar{
        display:none;
    }

    .page-title{
        font-size:36px;
    }

    .hero-title{
        font-size:42px;
    }

    .show-sidebar{
    transform:translateX(0) !important;
}

}