/* Small screens */
@media only screen {

    a {
        color:white;
        text-decoration: none;
    }

    .desktop-menu {
        height: 50px;
        width:100%;
        position:absolute;
        z-index: 2;
        display:flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 1vw;
        box-sizing: border-box;
    }

    .mobile-menu{
        display: none;
        position: fixed;
        bottom: 0;
        z-index: 2;
        width: 100%;
        height: 60px;
    }

    .mobile-menu .sliding-cont {
        display: flex;
        width: 100%;
        position: relative;
        bottom: 0%;
        transition: bottom .2s ease-in-out;
    }

    .desktop-menu ul{
        position: absolute;
        right: 0;
        display: flex;
        margin: 0;
        align-items: center; 
    }

    .mobile-menu ul {
        display: flex;
        width: 100%;
        margin: 0;
        align-items: center;
        justify-content: space-around;
        padding: 0;
    }

    .desktop-menu li, .mobile-menu li {
        text-decoration: none;
        list-style: none;
        margin: 0 1vw;
        cursor: pointer;
        box-sizing: border-box;
    }
    
    .desktop-menu a {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        color: #dbdbdb;
        transition: color .2s ease-in-out;
    }

    .mobile-menu li {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

    .mobile-menu a {
        height: 80%;
        width: 100%;
        display:flex;
        /*justify-content: center;*/
        /*align-items: center;*/
    }

    .mobile-menu a svg {
        width: 100%;
        height: 100%;
        fill: white;
    }

    .desktop-menu a:hover {
        color: #ffffff;
    }


    .desktop-menu .logo-side {
        display: flex;
        align-items: center;
        padding: 5px;
        height: 80%;
    }

    .desktop-menu .logo-side img{
        height: 100%;
    }

    .menu-call{
        display: none;
    }

    .click-through-btn {
        color: white;
        text-decoration: none;
        background-color: rgb(0, 0, 0);
        padding: 1vmax;
        border-radius: 1vmax;
        text-transform: capitalize;
        letter-spacing: 1px;
        position: relative;
        left: 5vw;
        top: 4vh;
        transition: background-color .2s ease-in-out
    }
    .click-through-btn:hover {
        background-color: rgb(15, 15, 15);
    }

} /* Define mobile styles */

/*small screens in landscape orientation */
@media only screen and (orientation: landscape) {

}

/* Medium screens */
@media only screen and (min-width: 40.063em) {

} /* min-width 641px, medium screens */

/*Medium screens in landscape orientation */
@media only screen and (orientation: landscape) and (min-width: 40.063em) {

}

/* Large screens */
@media only screen and (min-width: 64.063em) {

} /* min-width 1025px, large screens */

/* XLarge screens*/
@media only screen and (min-width: 90.063em) {

} /* min-width 1441px, xlarge screens */

/* XXLarge screens*/
@media only screen and (min-width: 120.063em) {

} /* min-width 1921px, xxlarge screens */