@media only screen and (max-width: 1240px) {
    body {
        font-size: 18px;
    }
    .skw-pages {
        display: none;
    }
    .mobile-story {
        display: block;
        color: #fff;
    }
    h3 {
        text-transform: capitalize;
    }
    #footer-desktop {
        display: block;
    }
}

@media only screen and (max-width: 1240px) {
    body {
        font-size: 16px;
    }
    .dropbtn {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1000px) {
    .logo {
        height: 80px;
    }
}

@media only screen and (max-width: 796px) {
    body {
        font-size: 14px;
    }
}

@media only screen and (max-width: 767px) {
    .line-container-left {
        flex-direction: column-reverse;
        height: 100vh;
    }
    .line-container-right {
        flex-direction: column;
        height: 100vh;
    }
    .right-side {
        width: 100%;
    }
    .left-side {
        width: 100%;
    }
    .new-nav {
        display: none;
    }
    .nav-bar {
        display: none;
    }
    .burger {
        display: block;
    }
    .logo-container {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 480px) {}