/* desktop website styling */
@media screen and (min-width: 1200px){

    #navbar.top_banner {
        display: flex;
        position: fixed;
        border-radius: 0;
        top:0;
        left:0;
        flex-direction: row;
        width:100vw;
        max-width: 100vw;;
        justify-content: space-evenly;
        height:auto;
        align-items: center;
        opacity: 0.97;
        background-color: #24252a;
    }

    .navbar__logo{
        font-size: 40pt;
    }

    .navbar__logo.mobile{
        display: none;
    }
    .navbar__logo.desktop{
        display: block;
    }
    
    .navbar__links{
        flex-direction: row;
    }

    .navbar__links li{
        margin: 0 30px;
    }
    
    .sns_links {
        display: flex;
        flex-direction: row;
    }

    .navbar__closeBtn{
        display: none;
    }

    .navbar__closeBtn{
        display: none;
        visibility: none;
    }

    .intro__img {
        width: 100vw;
        height:80vh;
        max-height:90vh;
        object-position: 80% 50%;
        object-fit: cover;
    }
    

    #skinTypeTest{
        padding-top: 50px;
    }

    .video_container{
        max-width: 80vw;
        display: flex;
        flex-direction: row;
    }

    .skinTypeTest__title{
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .test__qna{
        max-width: 80vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .result__description{
        max-width: 80vw;
    }
    .product_container{
        max-width: 80vw;

    }
}