[웹페이지 모작] BYN CORP 모작 상단 메뉴바 작업

See the Pen BYN 상단메뉴바 3차작업 by 김기태 (@kkt9102) on CodePen.

max-width:2560px;

max-width:1440px;

max-width:1024px;

max-width:768px;

@media (max-width:1440px) {
    .con {
        max-width:1440px;
    }
    .content-video {
        height:770px;
    }
}

 

@media (max-width:1024px) {
    .con {
        max-width:1024px;
    }
    .content-video {
        width:100%;
        height:770px;
    }
    .menu-box-1 {
        visibility:hidden;
    }
    .top-bar > .logo > a > img {
        margin-left: 50%;
    }
    .lang {
        margin-right:90%;
    }
}

 

@media (max-wdith:768px) {

    .con {
        max-width:768px;
    }
    .content-video {
        width:100%;
        height:770px;
    }
    .menu-box-1 {
        visibility:hidden;
    }
    .top-bar > .logo > a > img {
        margin-left: 50%;
    }
    .lang {
        margin-right:90%;
    }
}