@media(max-width:1023px){
    .mobileMenu {
        display: block;
        height: 100%;
        left: 0;
        width: 0;
        top: 0;
        position: fixed;
        background: rgba(0, 0, 0, .63);
        z-index: 11
    }
    .slider-menu {
        width: 0%;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        overflow: auto;
        background: #fff;
        display: block;
        z-index: 2
    }
    .slider-submenu {
        z-index: 1;
        height: 100%;
    }
    .collegesslider, .coursesslider, .examsslider, .studyAbroadslider, .boardsslider, .resourcesslider {
        width: 0%;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        overflow: auto;
        background: #fff;
    }
    
    .slider-menu-option .row {
        -webkit-box-pack: space-evenly;
        justify-content: space-evenly;
        margin: 0
    }
    
    .slider-menu-option ul {
        margin: 0;
        padding: 20px;
    }
    .slider-menu-option ul li {
        list-style-type: none;
        border-bottom: 1px solid #eaeaea;
        padding: 9px 0;
    }
    .slider-menu-option ul li a {
        color: var(--primary-font-color);
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
        display: block;
        position: relative;
    }
    .sliderCategory:after {
        content: " ";
        background: url(../../../images/master_sprite.webp);
        width: 12px;
        height: 21px;
        position: absolute;
        right: 10px;
        background-position: 652px -93px;
    }
    .backToMenu {
        background: #fafbfc;
        font-size: 14px;
        line-height: 20px;
        text-transform: uppercase;
        padding: 12px 20px;
    }
    
    
    .guestDisplay {
        padding: 20px;
        background: #fafbfc;
        text-align: center
    }
    
    .guestDisplay p.welcomeText {
        line-height: 20px;
        font-size: 14px;
        padding-bottom: 20px;
        color: var(--primary-font-color)
    }
    
    .guestDisplay .writeReview,
    .guestDisplay .register {
        color: var(--color-red);
        border: 1px solid var(--color-red);
        background: var(--color-white);
        font-size: 12px;
        padding: 10px 8px;
        text-decoration: none;
        font-weight: var(--font-semibold);
        text-transform: uppercase
    }
    
    .guestDisplay .register {
        background: var(--color-red);
        color: var(--color-white);
        margin-left: 10px
    }
    .guestPic {
        width: 72px;
        height: 72px;
        padding: 12px;
        border-radius: 44px;
        background-color: #e8e8e8;
        background-position: -363px -708px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .guestPic img {
        width: 48px;
        height: 48px;
        object-fit: contain;
      }
    .user-text-mobile {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 2;
        letter-spacing: .3px;
        text-align: center;
        color: #282828;
        padding-bottom: 15px;
    }
    
    .hamburgerMenuOptions {
        padding: 0 20px;
    }
    a.myProfileOption {
        color: #282828;
    }
    .hamburgerMenuOptions div:first-child {
        margin-bottom: 15px;
    }
    .hamburgerMenuOptions div span {
        font-size: 14px;
        font-weight: 400;
        text-align: left;
        color: #282828;
        vertical-align: text-top;
    }
    .guestDisplay .registerNew {
        color: var(--color-red);
        border: 1px solid var(--color-red);
        background: var(--color-white);
        font-size: 12px;
        padding: 10px 8px;
        text-decoration: none;
        font-weight: var(--font-semibold);
        text-transform: uppercase;
      }
}