@charset "utf-8";

@media screen and (max-width: 959px) {
    .header
    .profile-bio {
        display: none;
    }

    .video-container .video-container-inner-item,
    .video-container-inner-item:nth-of-type(1) .profile-bio {
        display: block;
    }

    .header .menu-icon {
        display: inline-block;
    }

    .header {
        text-align: center;
    }

    .profile-info h2 {
        left: -90px;
    }

    .video-container .video-container-inner-item {
        width: 100%;
        padding: 10px 0;
    }

    .video-container .video-container-inner-item:nth-of-type(2) .related-videos-list-wrapper {
        margin-top: 0;
    }

    .video-container .video-container-inner-item:nth-of-type(2) .related-videos-list-wrapper h4 {
        text-align: center;
    }
}

@media screen and (max-width: 767px) {
    .video-container {
        padding: 10px;
    }
    .video-container-inner-item .video-wrapper iframe {
        height: 55vw;
    }
    .global-popup-inner-wrapper {
        margin-top: 15vw !important;
    }
    .account-form .input-wrapper {
        margin: 20px 0;
    }
    .loginMaven,
    .signUpMaven,
    .resetPasswordMaven {
        margin-top: 25px;
    }
}

@media screen and (max-width: 639px) {
    .global-popup-inner-wrapper {
        max-width: 410px;
    }
    .form-heading {
        font-size: 27px;
    }
}

@media screen and (max-width: 479px) {
    .global-popup-inner-wrapper {
        margin-top: 18vw !important;
    }
    .account-form .input-wrapper .notification {
        font-size: 16px;
    }
    .global-popup-inner-wrapper {
        max-width: 300px;
    }
    .form-heading {
        font-size: 25px;
    }
    footer {
        padding: 5%;
    }
    footer nav {
        height: auto;
    }
    footer .copyright {
        margin-top: 18px;
    }
}

@media (max-width: 360px) {
    .header {
        text-align: center;
        height: 40px;
        padding: 10px 16px;
    }
    .header .menu-icon {
        top: 3px;
    }
    .header .logo-maven {
        margin-top: 3px;
        font-size: 15px;
    }
    .loginMaven,
    .signUpMaven,
    .resetPasswordMaven {
        width: 175px;
        height: 35px;
        font-size: 18px;
        line-height: 37px;
    }
    .account-form .field-wrapper a {
        font-size: 18px;
    }
    .form-heading {
        font-size: 19px;
    }
    .account-form .input-wrapper input[type="text"],
    .account-form .input-wrapper input[type="password"] {
        font-size: 18px;
    }
    .account-form .input-wrapper .notification {
        font-size: 15px;
    }
    footer {
        padding-top: 31px;
    }
    footer nav a {
        font-size: 15px;
        width: 100px;
    }
    footer .copyright {
        font-size: 10px;
    }
}