@media only screen and (max-width: 980px) and (min-width: 320px) {
    section {
        overflow: hidden;
    }

    .top-bar ul.menu li {
        padding: 0px 0 5px !important;
    }
    .top-bar ul.menu li a{
        color: #fff;
    }
    .top-bar ul.menu li a span {
        padding: 0;
        font-size: 13px;
    }

    /* Nav Mobile Screen  */
    header ul.menu li {
        display: block !important;
        padding: 10px 30px !important;
        text-align: left;
        transition: all 0.25s;
    }

    #menu-list {
        display: block;
    }

    .mobile-screen {
        position: relative;
        display: block;
    }

    .mobile-screen #list-btn {
        display: block;
        color: #E91429;
        position: absolute;
        top: -65px;
        right: 0px;
        font-size: 35px;
        transition: all 0.4s ease;
        transition: all 0.5s;
        -webkit-transition: all 0.25s;
        /* animation: heartBeat 4s linear infinite; */
        z-index: 99999999;
    }

    a#cross {
        position: fixed;
        top: 5px;
        right: 20px;
        font-size: 35px;
        z-index: 9999999999;
        display: none;
        color: #fff;
        -webkit-transition: 0.5s;
        transition: all 0.5s;
        animation: heartBeat 2s linear infinite;
    }

    nav.mobile-view {
        background: linear-gradient(-130deg, #121212 30%, #E91429 100%) !important;
        position: fixed;
        height: 100%;
        width: 100% !important;
        left: 150%;
        top: 0;
        bottom: 0;
        padding-top: 70px;
        z-index: 99911 !important;
        overflow: hidden;
        overflow-y: scroll;
        display: none;
        transition: .8s ease-In-Out;
        -webkit-transition: .8s ease-In-Out;
    }

    /* End Nav Mobile Screen */
    /* Submenu  */
    header nav ul li.dropdown:hover .dropdown-menu, .dropdown-menu-submenu{
        left: 20px;
    }
    .dropdown-menu-submenu {
        left: 100px;
        z-index: 101 !important;
        top: 30px;
    }

    /* Submenu */
    header {
        /* position: absolute; */
        padding: 0;
    }

    .nav-bar {
        padding: 10px 0 0;
    }

    .nav-bar .nav-btns {
        float: left;
    }

    .nav-bar ul.menu li a {
        color: #fff !important;
        border-color: #fff !important;
    }

    .container {
        width: auto !important;
    }

    h2 {
        font-size: 29px;
        line-height: 29px;
    }

    p {
        font-size: 15px !important;
        line-height: 22px !important;
    }

    footer ul.menu li a {
        line-height: 32px;
        text-align: center;
        font-size: 16px;
    }

    .copyright {
        text-align: center;
        margin: 0;
        padding: 20px 0;
    }

    h1 {
        font-size: 34px;
        line-height: 34px;
        letter-spacing: -1px;
        padding-top: 10px;
    }

    .copyright {
        text-align: center;
        margin: 0;
        padding: 20px 0;
    }

    .main-banner {
        padding: 240px 0 40px;
        margin-top: -200px;
        background-size: cover;
    }

    .inner-banner img {
        max-width: 100% !important;
    }

    h1 {
        font-size: 32px;
        line-height: 30px;
        letter-spacing: 0;
    }

    .logo img {
        max-width: 60%;
    }

    .main-banner .get-started-form.main-form {
        width: 100%;
        margin: 20px 0 0;
    }

    .audio-book {
        padding: 100px 0;
    }

    .audio-book .audio-img .audio-img-content {
        left: -10px;
        top: -80px;
    }

    .audio-book .audio-img .audio-img-content .menu li p {
        font-size: 11px !important;
        line-height: 16px !important;
    }

    .audio-book .audio-img .audio-img-audio {
        right: 10px;
    }

    .audio-book img {
        margin-left: 100px;
        overflow: hidden;
    }

    .audio-book h2,
    .graph h2 {
        padding-top: 30px;
    }

    .how-works::before {
        top: 20px;
    }

    .how-works .works-content {
        margin-bottom: 10px;
    }

    .audio-publishing .col-md-4.text-right {
        padding: 10px;
        text-align: left !important;
    }

    .audio-parent {
        width: 90%;
        margin: auto;
        padding: 10px;
    }

    .audio-parent audio {
        width: 210px;
    }

    .audio-publishing h4 {
        font-size: 20px;
    }

    .audio-publishing p {
        font-size: 13px !important;
    }

    .cta {
        width: 90%;
        padding: 50px 0;
    }

    .client-test:before {
        background-size: 40%;
        left: -50px;
        top: -50px;
    }


    .testimonials .c-feed {
        height: auto;
    }

    .faq-sec .card {
        width: 100%;
    }

    .signup-form .input-control {
        width: 49%;
    }

    footer {
        text-align: center;
    }

    footer img {
        max-width: 60%;
    }

    footer p {
        padding: 20px 0;
    }

    footer ul.menu {
        justify-content: center;
    }

    footer ul.menu li i {
        padding-left: 0;
    }
}

/* Tablet */
@media only screen and (max-width: 1400px) and (min-width:980px) {
.top-bar ul.menu li, .nav-bar ul.menu li {
    padding: 0 5px;
}

.nav-bar ul.menu li a {
    font-size: 14px;
}
}