@charset "utf-8";
@media screen and (max-width: 1100px){
    #main_nav ul li{
        margin-left: 50px;
    }
}

@media screen and (max-width: 880px){
    .main_nav_wrap{
        width: 90%;
    }
}

@media screen and (max-width: 768px){
    #main_nav{
        height: 50px;
    }

    header{
        height: calc(100% - 51px);
        padding-top: 51px;
    }

    #symbol{
        width: 110px;
    }

    #navigation_m_btn{
        margin-top: 12px;
    }

    #nav_m{
        top: 51px;
    }

    #nav_m a{
        font-size: 1.5rem;
    }

    .btn_og{
        font-size: 12px;
        width: 120px;
        height: 35px;
        line-height: 35px;
    }

    .large-font{
        font-size: 1.5rem !important;
        color: black;
        font-weight: 700;
    }
    
    .medium-font{
        font-size: 1rem !important;
        color: black;
        font-weight: 700;
    }
    .small-font{
        font-size: .875rem !important;
        color: black;
        font-weight: 400;
    }
    .xs-small-font{
        font-size: .625rem !important;
        color: black;
        font-weight: 400;
    }
    
    .large-font-w{
        font-size: 1.5rem !important;
        color: white;
        font-weight: 700;
    }
    
    .medium-font-w{
        font-size: 1rem !important;
        color: white;
        font-weight: 700;
    }
    .small-font-w{
        font-size: .875rem !important;
        color: white;
        font-weight: 400;
    }
    .xs-small-font-w{
        font-size: .625rem !important;
        color: white;
        font-weight: 400;
    }

    .dpnone{
        display: none;
    }

    #partners{
        height: 300px;
    }

    #partners h3{
        padding-bottom: 0;
    }

    #partners .partners-list{
        padding-top: 30px;
    }

    footer p {
        font-size: 12px;
    }

    footer .company_name{
        margin-bottom: 2rem;
    }


}