/* =============================== common end  ============================== */


/* all container start */

@media only screen and (max-width: 1440px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 96%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 1024px) {
    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px;
    }
}

@media only screen and (max-width: 768px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 720px;
    }
}

@media only screen and (max-width: 425px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 360px;
    }
}

@media only screen and (max-width: 375px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 330px;
    }
}

@media only screen and (max-width: 320px) {
    .container,
    .container-md,
    .container-sm {
        max-width: 300px;
    }
}


/* all container end  */


/* social-media */

@media only screen and (max-width: 768px) {
    .social-media-area {
        margin-top: 0px;
    }
    .social-media-area .section-heading {
        width: 100%;
        margin: 20px 0;
    }
    .social-media-area .social-icons li a i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 425px) {
    .social-media-area .social-icons li a i {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1024px) {
    .description p {
        font-size: 15px;
        padding: 10px 0;
    }
    h2.headline-title {
        font-size: 15px;
        line-height: 25px;
    }
    span.tilte-red {
        font-size: 18px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 768px) {
    .description p {
        font-size: 14px;
        padding: 10px 0;
    }
    h2.headline-title {
        font-size: 17px;
    }
    span.tilte-red {
        font-size: 17px;
    }
    /* icon start  */
}

@media only screen and (max-width: 425px) {
    /* heading  */
    .heading {
        padding: 4px 8px;
    }
    .heading a h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .description p {
        font-size: 14px;
        padding: 10px 0;
    }
    span.tilte-red {
        font-size: 16px;
    }
    /* news-card */
    /* .news-mid-card.news-card {
        height: 150px;
    } */
    .news-bottom-card.news-card {
        height: 210px;
    }
    .social-icon i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 13px;
    }
}


/* multiple-news start  */

@media only screen and (max-width: 375px) {
    .heading a h2 {
        font-size: 16px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 425px) {
    .multiple-news-area {
        margin-top: 0px;
    }
}


/* multiple-news end  */


/* news-ad start  */

@media only screen and (max-width: 768px) {
    .news-ad {
        width: 100%;
        height: 160px;
    }
}

@media only screen and (max-width: 768px) {
    .sm-ad-area .ad-card {
        width: auto;
    }
    .big-ad-area .ad-card {
        width: auto;
    }
}


/* news-ad end  */


/* =============================== common end  ============================== */


/* =============================== header start  ============================= */

@media only screen and (max-width: 1440px) {
    .header-bottom-area .navber ul li a {
        top: 60px;
        color: var(--white);
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 30px;
        transition: all 0.3s linear 0s;
    }
}

@media only screen and (max-width: 768px) {
    .header-top-area {
        display: inherit;
    }
    .header-bottom-area .navber ul li a.login {
        font-size: 15px;
    }
}


/* ======== mb-header start ======== */

@media (max-width: 2560px) {
    .mb-header-tab-area {
        display: none;
    }
    .header-top-area .header-top .header-right-icon {
        display: initial;
    }
}

@media (max-width: 1440px) {
    .mb-header-tab-area {
        display: none;
    }
    .header-top-area .header-top .header-right-icon {
        display: initial;
    }
}

@media only screen and (max-width: 425px) {
    .header-top-area {
        display: none;
    }
}


/* ======== mb-header end ======== */

@media (max-width: 768px) {
    /* header-top start  */
    .header-top-area {
        height: 60px;
    }
    .header-top-area .header-top .header-left span {
        font-size: 14px;
        font-weight: 500;
    }
    .header-top-area .header-top .header-logo a {
        font-size: 30px;
    }
    .header-top-area .header-top .header-logo {
        text-align: center;
    }
    /* header-top end  */
    .mb-header-tab-area {
        display: none;
    }
    .header-top-area .header-top .header-right-icon {
        display: initial;
    }
    .header-top-area .header-top .header-right .icon-cards .header-right-icon i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    /* sidebar start  */
    .header-bottom-area {
        top: 60px;
    }
    .header-bottom-area .navber a.menu {
        font-size: 11px;
    }
    /* sidebar end  */
}

@media only screen and (max-width: 425px) {
    /* ====================== mb-header start ======================= */
    .mb-header-tab-area {
        display: initial;
    }
    .mb-header-tab-area {
        height: 50px;
        line-height: 50px;
    }
    .mb-header-tab i {
        line-height: 50px;
    }
    .mbsearch i {
        line-height: 41px;
    }
    .mbsearch {
        width: 60px;
        height: 35px;
        border-radius: 4px;
        justify-content: space-between;
        overflow: hidden;
        margin: 8px 0;
        transition: all linear .2s;
    }
    .mbsearch.active {
        width: 150px;
    }
    .mbsearch.active i {
        height: 35px;
    }
    .mb-header-tab-area .mb-header-logo a {
        color: var(--white);
        font-size: 20px;
        font-weight: 900;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
    .mb-header-tab-area a.login {
        color: var(--white);
        font-size: 15px;
        font-weight: var(--font-semi-bold);
    }
    /* ====================== mb-header end ====================== */
    /* ====================== sidebar end ======================== */
    .header-bottom-area {
        top: 50px;
        width: 47%;
    }
    header .navber {
        width: 50%;
        height: 100vh;
        display: none;
        overflow: scroll;
    }
    .header-bottom-area .navber a.menu {
        line-height: 40px;
    }
    header .navber ul.mega-munu {
        height: 100vh;
        overflow: scroll;
    }
    /* checked start  */
    header label {
        display: initial;
    }
    #menu-bar {
        display: none;
    }
    #menu-bar:checked~.navber {
        display: initial;
    }
    header .navber {
        width: 50%;
    }
    header label {
        display: initial;
    }
    #menu-bar {
        display: none;
    }
    #menu-bar:checked~.navber {
        display: initial;
    }
    /* checked end  */
    .header-bottom-area .navber ul {
        display: block;
    }
    .header-bottom-area .navber ul li a {
        top: 100px;
        color: var(--white);
        display: block;
        font-size: 14px;
        font-weight: var(--font-medium);
        line-height: 36px;
        transition: all 0.3s linear 0s;
    }
    ul.dp-menu {
        position: absolute;
        /* top: 0; */
        left: 200px;
        width: 180px;
    }
    ul.sub-dp-menu {
        top: 0;
        left: 0;
        position: absolute;
        width: 180px;
    }
    /* mega  */
    ul.dp-menu.dp-one {
        top: 0;
    }
    ul.dp-menu.dp-two {
        top: 6%;
    }
    ul.dp-menu.dp-three {
        top: 13%;
    }
    ul.dp-menu.dp-four {
        top: 20%;
    }
    ul.dp-menu.dp-five {
        top: 27%;
    }
    ul.dp-menu.dp-six {
        bottom: 32%;
    }
    ul.dp-menu.dp-seven {
        bottom: 26%;
    }
    ul.dp-menu.mid-dp-1 {
        bottom: 18%;
    }
    ul.dp-menu.mid-dp-2 {
        bottom: 11%;
    }
    ul.dp-menu.mid-dp-menu.mid-dp-3 {
        bottom: 4%;
    }
    ul.dp-menu.mid-dp-menu.mid-dp-2 {
        bottom: 4%;
    }
    ul.dp-menu.last-dp-menu.last-dp-1 {
        bottom: 8%;
    }
    ul.dp-menu.last-dp-menu.last-dp-2 {
        bottom: 8%;
    }
    /* ====================== sidebar end ======================== */
}

@media only screen and (max-width: 375px) {
    .header-top-area .header-logo {
        display: none;
    }
    .mbsearch i {
        padding: 0px 18px;
    }
    .mbsearch {
        width: 60px;
        height: 35px;
        border-radius: 4px;
        justify-content: space-between;
        overflow: hidden;
        margin: 7px 0;
        transition: all linear .2s;
    }
    .mbsearch.active {
        width: 225px;
    }
    /* mega menu  */
    ul.dp-menu {
        position: absolute;
        /* top: 0; */
        left: 176px;
        width: 180px;
    }
    .header-bottom-area .navber ul li ul {
        width: 170px;
    }
}

@media only screen and (max-width: 320px) {
    .header-bottom-area {
        top: 45px;
    }
    .header-top-area .header-logo {
        display: none;
    }
    .mb-header-tab-area {
        height: 45px;
        line-height: 45px;
    }
    .mb-header-tab i {
        font-size: 20px;
    }
    .mb-header-tab .mb-header-logo a {
        width: 100px;
        height: 16px;
        margin: 18px 0;
    }
    .mbsearch i {
        line-height: 41px;
        padding: 0 20px;
    }
    .mbsearch {
        width: 60px;
        height: 35px;
        border-radius: 4px;
        justify-content: space-between;
        overflow: hidden;
        margin: 5px 0;
        transition: all linear .2s;
    }
    .mbsearch.active {
        width: 200px;
    }
    /* mega menu  */
    ul.dp-menu {
        position: absolute;
        left: 150px;
        width: 180px;
    }
    .header-bottom-area .navber ul li ul {
        width: 170px;
    }
}


/* mb top end  */


/* ========================== header end  ======================= */


/* ========================== news section start  ======================= */

@media only screen and (max-width: 1024px) {
    .news-area .news-top .news-main-lead-left .news-left-img {
        width: 225px;
        height: 170px;
    }
    .news-area .news-top .news-main-lead-left .news-main-lead-content h2 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 4px;
    }
    .news-area .news-top .news-main-lead-left .news-main-lead-content {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 768px) {
    .news-area .news-top .news-main-lead-left .news-left-img {
        width: 225px;
        height: 170px;
    }
    .news-area .news-top .news-main-lead-left .news-main-lead-content h2 {
        font-size: 18px;
        line-height: 26px;
        margin: 0;
    }
    .news-area .news-top .news-main-lead-left .news-main-lead-content {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 768px) {
    section.news-area {
        margin-top: 120px;
    }
    section.news-area .all-news-img {
        width: 100%;
        height: 144px;
    }
    section.news-area .all-news-content {
        height: 120px;
        padding: 0 10px;
    }
}

@media only screen and (max-width: 425px) {
    section.news-area {
        margin-top: 55px;
    }
    .news-area .news-top .news-main-lead-left .news-left-img {
        width: 100%;
        height: 170px;
    }
    .news-main-lead-left.d-flex {
        display: block !important;
    }
    .news-area .news-top .news-main-lead-left .news-main-lead-content {
        padding: 0;
    }
    .news-main-lead-right {
        margin-top: 10px;
    }
    .news-category a span {
        font-size: 13px;
    }
}


/* ========================== news section end  ======================= */


/* ====================== callection section start ==================== */

@media only screen and (max-width: 425px) {
    .callection-area .callection .callection-card-right {
        border-left: none;
        padding-left: 0;
    }
    .callection-card-left {
        margin-bottom: 16px;
    }
}


/* ===================== callection section end  ======================= */


/* ====================== footer section start  ==================== */

@media only screen and (max-width: 1024px) {
    .footer-area .footer-content .footer-widget .footer-app img {
        width: 80px;
        height: 40px;
        object-fit: contain;
    }
    .footer-area .footer-content .footer-widget .footer-text p {
        line-height: 27px;
        margin-bottom: 12px;
    }
    .footer-area .footer-content .footer-widget ul.footer-icons li a i {
        margin-right: 5px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-area .footer-content .footer-widget .footer-wedget-headling h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .footer-area .footer-content .footer-widget .footer-logo {
        width: 130px;
        height: 45px;
    }
    .footer-area .footer-content .footer-widget .footer-text p {
        line-height: 22px;
    }
    .footer-area .footer-content .footer-widget .footer-text p {
        font-size: 12px;
    }
    .footer-area .footer-content .footer-widget ul li a {
        font-size: 12px;
    }
    .footer-area .footer-content .footer-widget ul li {
        margin-bottom: 5px;
    }
    .footer-area .subscribe input {
        height: 35px;
    }
    .footer-area .subscribe input::placeholder {
        font-size: 12px;
        line-height: 35px;
    }
    .footer-area .footer-content .footer-widget .footer-app img {
        width: 75px;
    }
    .footer-area .footer-content .footer-widget ul.footer-icons li a i {
        margin-right: 3px;
    }
    .footer-area .subscribe button {
        margin-top: 0;
    }
    .footer-area .subscribe button i {
        margin-bottom: 10px;
        color: var(--white);
        font-size: 20px;
        line-height: 38px;
    }
    .footer-area .subscribe button i {
        font-size: 18px;
    }
}

@media only screen and (max-width: 425px) {
    .footer-area {
        margin-top: 20px;
        text-align: center;
    }
    .footer-area .footer-content {
        padding-top: 1rem!important;
        padding-bottom: 2rem!important;
    }
    .footer-area .footer-content .footer-widget .footer-logo {
        margin: auto;
    }
    .footer-area .footer-content .footer-widget .footer-app img {
        width: 75px;
        height: 25px;
        margin: 10px 0;
    }
    .footer-area .footer-content .footer-widget .footer-wedget-headling h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .footer-area .footer-content .footer-widget ul {
        justify-content: center;
    }
    .footer-area .footer-content .footer-widget ul.footer-icons li a i {
        margin-right: 10px;
    }
    .footer-area .footer-content .footer-widget .footer-app {
        display: inline-block;
    }
}


/* ============= copyright section   ================= */

@media only screen and (max-width: 768px) {
    .copyright-area .copyright-text p {
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px) {
    .copyright-area .copyright-text p {
        font-size: 12px;
    }
}


/* ====================== footer section end  ====================== */


/* =============================== home page  end  =============================== */


/* =============================== spoken page start ============================== */

@media only screen and (max-width: 2560px) {
    .spoken-area .what-you .details-img {
        height: 850px;
    }
    .spoken-area .what-you p {
        font-size: 18px;
        line-height: 25px;
    }
    .spoken-area .right-side-details .details-img {
        height: 400px;
    }
}

@media only screen and (max-width: 1440px) {
    .spoken-area .what-you .details-img {
        height: 470px;
    }
    .spoken-area .right-side-details .details-img {
        height: 200px;
    }
    .spoken-area .what-you p {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 1024px) {
    .spoken-area .what-you .heading h2 {
        font-size: 22px;
    }
    .spoken-area .what-you .details-img {
        height: 350px;
    }
    .spoken-area .what-you p {
        font-size: 15px;
        line-height: 23px;
    }
    .spoken-area .what-you p {
        font-size: 13px;
        line-height: 22px;
    }
    .spoken-area .buy-course-card .right-side ul li i {
        font-size: 13px;
    }
    .spoken-area .buy-course-card .right-side ul li span {
        font-size: 13px;
    }
    .spoken-area .right-side-details .details-img {
        height: 150px;
    }
    .spoken-area .right-side-details .details-content a {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .spoken-area .spoken-instructor .heading h2 {
        font-size: 20px;
    }
    .spoken-area .what-you p {
        font-size: 13px;
        line-height: 22px;
    }
    .spoken-area .right-side-details .details-img {
        height: 250px;
    }
}

@media only screen and (max-width: 425px) {
    .spoken-area {
        margin-top: 100px;
    }
    .spoken-area .spoken-instructor .heading h2 {
        font-size: 18px;
    }
    .spoken-area .icon-cards .header-right-icon i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 12px;
    }
    .spoken-area .instructor .instructor-details a {
        font-size: 13px;
        font-weight: 500;
        display: block;
        color: var(--black);
        transition: all 0.3s linear 0s;
    }
    .spoken-area .instructor .instructor-details p {
        font-size: 10px;
    }
    .spoken-area .instructor .instructor-img {
        width: 40px;
        height: 40px;
    }
    .spoken-area .what-you .heading h2 {
        font-size: 16px;
    }
    .spoken-area .what-you .details-img {
        height: 180px;
    }
    .spoken-area .what-you p {
        font-size: 11px;
        line-height: 20px;
    }
    .spoken-area .what-you .read-more ul li {
        font-size: 10px;
        font-weight: 600;
    }
    .spoken-area .what-you .read-more ul li a {
        font-size: 9px;
    }
    .spoken-area .buy-course-card h2 {
        font-size: 20px;
    }
    .spoken-area .buy-course-card .right-side-details .heading h2 {
        font-size: 20px;
    }
    .spoken-area .right-side-details .details-img {
        height: 200px;
    }
}

@media only screen and (max-width: 320px) {
    .spoken-area .spoken-instructor .heading h2 {
        font-size: 15px;
    }
    .spoken-area .instructor .instructor-details a {
        font-size: 10px;
    }
    .spoken-area .instructor .instructor-img {
        width: 30px;
        height: 30px;
    }
    .spoken-area .what-you .details-img {
        height: 160px;
    }
    .spoken-area .what-you .read-more ul li {
        font-size: 8px;
        font-weight: 600;
    }
    .spoken-area .what-you .read-more ul li a {
        font-size: 8px;
    }
    .spoken-area .buy-course-card .right-side ul li span {
        font-size: 10px;
    }
    .spoken-area .buy-course-card .right-side ul li i {
        font-size: 10px;
    }
    .spoken-area .right-side-details .details-content a {
        font-size: 11px;
    }
    .spoken-area .right-side-details .details-img {
        height: 150px;
    }
}


/* ===================== details page end ====================== */


/* ===================== video page start ====================== */

@media only screen and (max-width: 768px) {
    .video-area {
        margin-top: 120px;
    }
    .video-card-area {
        margin-top: 50px;
    }
    .video-area {
        margin-top: 70px;
    }
}

@media only screen and (max-width: 425px) {
    .video-area {
        margin-top: 70px;
    }
}


/* ===================== video page end ====================== */


/* ======================== login page start ============================ */


/* ------=======account page start =======------ */

@media only screen and (max-width: 425px) {
    .form .form-content {
        width: 290px;
        padding: 30px 10px;
    }
    .form .form-content input {
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .form .form-content label {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .form .form-content a {
        font-size: 12px;
    }
    .form p.donot-text {
        text-align: center;
        margin: 15px 0 35px;
        border-bottom: 1px solid transparent;
        height: 11px;
    }
    .form p.donot-text span {
        font-size: 14px;
    }
    .form .form-content .btn {
        width: 100%;
        height: 38px;
        line-height: 34px;
        font-size: 14px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 320px) {
    .account-area {
        margin-top: 70px;
    }
    .form .form-content {
        width: 280px;
        padding: 30px 10px;
    }
    .form .form-content input {
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .form .form-content label {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .form .form-content a {
        font-size: 12px;
    }
    .form p.donot-text {
        text-align: center;
        margin: 15px 0 35px;
        border-bottom: 1px solid transparent;
        height: 11px;
    }
    .form p.donot-text span {
        font-size: 14px;
    }
    .form .form-content .btn {
        width: 100%;
        height: 38px;
        line-height: 34px;
        font-size: 14px;
        margin-bottom: 0px;
    }
}


/* ------=======account page end =======------ */


/* ========================= login page end ============================= */


/* ======================== registration page start ======================= */

@media (max-width: 768px) {
    .registration-area {
        margin-top: 110px;
    }
    .registration-area .form-content input {
        font-size: 14px;
    }
}

@media (max-width: 425px) {
    .registration-area {
        width: 65%;
        margin: 0 auto;
        margin-top: 85px;
    }
    .registration-area .form-content label {
        font-size: 12px;
        margin-top: 15px;
        margin-bottom: 0;
    }
    .registration-area .form-content .radio-inline label {
        margin-right: 60px;
    }
    .registration-area .form-content .form-group input::placeholder {
        font-size: 12px;
    }
    .registration-area .form-content input {
        font-size: 12px;
    }
    .registration-area .form-content .form-group p {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .registration-area {
        width: 75%;
        margin: 0 auto;
        margin-top: 85px;
    }
}

@media (max-width: 320px) {
    .registration-area {
        width: 85%;
        margin: 0 auto;
        margin-top: 85px;
    }
}


/* ======================== registration page end ======================== */


/* ======================== category page start ======================== */

@media (max-width: 1024px) {
    .category .category-description a {
        font-size: 13px;
    }
    .description .time {
        font-size: 13px;
    }
    .category .news-mid-play {
        height: 110px;
    }
    .category .trainding .news-mid-play {
        height: 70px;
    }
    .category .trainding h2.headline-title {
        font-size: 11px;
        line-height: 20px;
    }
}

@media (max-width: 768px) {
    .left-menu ul#sidebar li a {
        font-size: 10px;
    }
    ul#sidebar li a i {
        font-size: 12px;
        padding-right: 7px;
    }
    /* .category .news-mid-card.news-card {
        height: 150px;
    } */
    .left-menu {
        width: 165px;
    }
    .category-wrapper {
        margin-left: 165px;
        margin-top: 110px;
    }
    h2.headline-title {
        font-size: 14px;
    }
    .category .category-description a {
        font-size: 12px;
    }
    .description .time {
        font-size: 12px;
    }
    .category .trainding h2.headline-title {
        font-size: 14px;
    }
    .news-card {
        height: 135px;
    }
    .category .trainding .news-mid-play {
        height: 115px;
    }
    .newspaper-names ul li a {
        font-size: 12px;
    }
    .category-wrapper .social-icon i {
        width: 26px;
        height: 26px;
        line-height: 26px;
        font-size: 13px;
    }
    .category-wrapper .footer-area .footer .footer-wdget ul li a {
        font-size: 14px;
        line-height: 30px;
    }
    .category-wrapper .footer-area .footer-header h3 {
        font-size: 12px;
    }
}

@media (max-width: 425px) {
    .category-wrapper {
        margin-left: 125px;
        margin-top: 50px;
    }
    ul#sidebar li a i {
        font-size: 9px;
        padding-right: 5px;
    }
    .left-menu ul#sidebar li a {
        font-size: 9px;
    }
    .left-menu {
        width: 125px;
    }
    h2.headline-title {
        font-size: 10px;
    }
    /* .category .news-mid-card.news-card {
        height: 300px;
    } */
    .category h2.headline-title {
        font-size: 12px;
    }
    .category .trainding h2.headline-title {
        font-size: 11px;
    }
    .category .trainding .news-mid-play {
        height: 80px;
    }
    .category .trainding .category-card.news-card {
        height: 130px;
    }
    .category-wrapper .footer-area {
        margin-top: 25px;
        background-color: var(--bg-color);
    }
    .category-wrapper .footer-area .footer .footer-wdget ul li a {
        font-size: 12px;
        line-height: 28px;
    }
    .newspaper-names ul li a {
        font-size: 11px;
    }
}

@media (max-width: 375px) {
    .left-menu ul#sidebar li a {
        padding: 6px 6px;
        font-size: 10px;
    }
    .left-menu {
        width: 110px;
    }
    .category-wrapper {
        margin-left: 110px;
    }
    .category h2.headline-title {
        font-size: 10px;
        line-height: 20px;
    }
    .category .category-description a {
        font-size: 9px;
    }
    .category .trainding h2.headline-title {
        font-size: 9px;
    }
    .newspaper-names ul li a {
        font-size: 10px;
    }
}

@media (max-width: 320px) {
    .left-menu ul#sidebar li a {
        padding: 6px 6px;
        font-size: 8px;
    }
    .left-menu {
        width: 100px;
    }
    .category-wrapper {
        margin-left: 100px;
    }
}


/* ======================== category page end ======================== */