/* Top Menu */
#main #top-menu {
    display: flex;
    gap: 1.563vw;
    margin: 0;
}
#main #top-menu li {
    margin: 0;
}
#main #top-menu li a {
    padding: 0.521vw 0; /*10*/
}

/* Icons */
    .social-links {
        gap: 1.5em;
    }
    .just-start .social-links {
        margin-right: 2.083vw;
    }
    .single-social svg {
        width: 0.833vw;
        height: 0.833vw;
    }
    /* Check SVG fill color */
    .theme-b-1 svg {
        fill: var(--color-pure-white);
    }


/* ---------------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------------
------------------------------------------------- MEDIA QUERY ----------------------------------------------------
------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------*/

/* 1920x1080
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1920px) {

    /* Menu and Sub Menu
    ---------------------------------------------------*/
    #main #top-menu {
        gap: 30px;
    }
    #main #top-menu li a {
        padding: 10px 0; /*10*/
    }
    /* Icons */
        .just-start .social-links {
            margin-right: 40px;
        }
        .single-social svg {
            width: 16px;
            height: 16px;
        }
      
}

/* Big Laptops
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1690px) {
    #main #top-menu {
        gap: 28px;
    }
    /* Icons */
        .single-social svg {
            width: 15px;
            height: 15px;
        }
}

/* Standard Laptops ok until 1440px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1600px) {
    #main #top-menu {
        gap: 26px;
    }
}

/* Extrasmall Laptops ok until 1280
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1440px) {
    #main #top-menu {
        gap: 24px;
    }
    /* Icons */
        .just-start .social-links {
            margin-right: 30px;
        }
        .single-social svg {
            width: 14px;
            height: 14px;
        }
}

/* Tab Land ok until 993px
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px) {
    #main #top-menu {
        gap: 22px;
    }
    /* Icons */
        .single-social svg {
            width: 13px;
            height: 13px;
        }
}

/* Tab Port
------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 992px) {

}


@media screen and (max-width: 767px) {

}


@media screen and (max-width: 600px) {

}