#my-navbar {
    border-bottom: 2px solid rgba(0,0,0,.1);
    padding: 0 10%;
}

#my-navbar .parent-menu {
    position: relative;
}

#my-navbar .dropdown-menu {
    transform: translate(0px, 36px) !important;
}

#my-navbar .home-icon {
    font-size: 29px;
}

.menu-item a {
    font-size: 15px;
    color: #111111;
    font-weight: 600;
    font-family: "Lora";
    text-decoration: none;
}

#my-navbar div:not(.home-icon) a:hover {
    color: #0072bc;
}

#p-menu-toggle {
    line-height: 48px;
    font-size: 20px;
    position: absolute;
    z-index: 1;
}

#my-navbar #social-div {
    font-size: 14px;
    color: #121212;
    font-weight: 400;
    font-family: "Roboto";
    text-align: left;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin-bottom: -1px;
}

#social-icon-holder a {
    color: #777777;
}

@media screen and (max-width: 281px) {
    #my-navbar #social-div {
        font-size: 11px;
    }
}

@media screen and (max-width: 769px) {
    #my-navbar {
        padding: 0 5%;
    }
}

@media screen and (min-width: 1023px) {
    #c-menu {
        display: contents;
    }

    #p-menu {
        display: contents;
    }
}

@media screen and (max-width: 824px) {
    #my-navbar {
        flex-direction: column;
        padding: 0 5%;
    }
}

@media screen and (max-width: 632px) {
    #c-menu-toggle {
        display: none;
    }
}

@media screen and (min-width: 1023px) {
    #c-menu-toggle {
        display: none;
    }
}

@media screen and (min-width:633px) {
    #p-menu-toggle {
        display: none;
    }

    #social-div {
        display: none;
    }
}

@media screen and (min-width: 825px) and (max-width: 1025px) {
    .menu-item a {
        font-size: 13px;
    }
}


@media screen and (max-width: 428px) {
    #social-div > span:nth-child(1) {
        display: none;
    }
    #my-navbar .home-icon {
        font-size: 19px;
    }
}