@media all and (max-width:767px){
    h1{
        font-size: 36px;
    }
    h2{
        font-size: 30px;
        margin-bottom: 15px;
    }
    h3{
        font-size: 24px;
        line-height: 34px;
    }
    .benefits{
        padding: 40px 0;
    }
    .benefits figure figcaption {
        font-size: 20px;
        padding: 15px 25px 15px 40px;
        width: 80%;
    }
    .benefits figure figcaption:before {
        left: 13px;
        top: 25px;
    }
    .video-section h2{
        display: none;
    }
    .play-pause-btn{
        top:50%;
        transform: translateY(-50%);
    }
    .manage-section .figure-wrapper {
        margin: 30px 0;
    }
    .blog-section img{
        display: block;
        width: 100%;
    }
    .footer-menu{
        margin-left: 0;
        text-align: center;
    }
    .footer-menu li{
        margin: 15px 0;
    }
    .secondary-footer{
        text-align: center;
    }

    .invite-text h1{
        font-size: 36px;
    }
    .resetpassword-wrapper{
        padding: 35px 0;
    }
    .menu-icon{
        display: block;
    }
    .toggle-menu{
        display: none !important;
    }
    .show-menu{
        display: block !important;
        position: absolute;
        background: #fff;
        top: 83px;
    }
    .language-dropdown{
        padding-left: 0;
    }
    .profile-dropdown.language-dropdown,
    .profile-dropdown{
        width:62px;
    }
    .profile-dropdown ul{
        min-width: 161px;
    }
    .profile-dropdown span{
        display: none;
    }
    .profile-dropdown label img{
        margin: 0;
    }
    .mobile-header{
        margin:0 45px 0 0;
    }
    .logout-header .mobile-header{
        margin:0;
    }
    .logo{
        display: none;
    }
    .mobile-header .logo{ 
        display: inline-block;
        position: absolute;
        left: 15px;
    }
    .primary-menu {
        margin-left: 0;
        flex-direction: column !important;
    }
    .primary-menu li{
        margin:15px 0;
    }
}