@media (max-width:768px) {
.dslc-modules-section {
    padding-left:5% !important;
    padding-right:5% !important;
}
.dslc-hide-on-desktop:first-of-type img {
    width:100px !important;
}
.dslc-first-col:first-of-type {
    margin-bottom:0 !important;
}
.mobile-nav {
    position: absolute;
    right: 0px;
    display: block;
    top: 21px;
    font-size: 26px;
    color:#2a2a86;
}
.close-nav {
    color:black;
    float: right;
    display: block;
    font-size: 26px;
    margin: 20px;
}
.close-nav:hover {
     color: #2a2a86 !important;
}
.dslc-hide-on-desktop:first-of-type .dslc-navigation.dslc-navigation-res-p-enabled {
   display:block !important;
}
.dslc-hide-on-desktop:first-of-type .dslc-mobile-navigation {
    display:none  !important;
}
.dslc-navigation-inner > div {
    margin-right:-320px;
    position: fixed;
    right: 0;
    width:320px;
    top: 0px;
    bottom: 0;
    background: #f5f5f5;
    overflow-y: scroll;
    transition: 0.4s all;
}
.admin-bar .dslc-navigation-inner > div {
    top: 46px;
}
.dslc-navigation-inner > div li {
    width: 100%;
    padding: 12px 20px;
    box-sizing: border-box;
    text-align: left;
    margin:0 !important;
}
.dslc-navigation-arrow {
    color: #1b0973 !important;
    font-size: 14px !important;
    margin-right: 4px;
    margin-top: 4px;
    margin-bottom: 4px;
    float: right;
    cursor:pointer;
}
ul.sub-menu .dslc-navigation-arrow {
    margin-right:-15px;
}
.dslc-navigation-inner > div li:hover > ul.sub-menu, ul.sub-menu li a i {
    display:none !important;
}
ul.sub-menu {
    position: relative !important;
    opacity: 1 !important;
    width: 100%;
    border: 0;
    top:15px !important;
    padding: 0 !important;
}
ul.sub-menu li a, ul.sub-menu:before {
   border:0 !important;
   display:inline !important;
   background: none !important;
}
}