/* =============================== common responsive start ==============================  */


/* all container start */

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

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

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

@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: 280px;
    }
}


/* all container end  */


/* all section heading start  */

@media only screen and (max-width: 768px) {
    .section-heading {
        width: 75%;
    }
    .section-heading h2 {
        font-size: 26px;
        line-height: 35px;
    }
    p {
        font-size: 14px;
    }
}

@media only screen and (max-width: 425px) {
    .section-heading {
        width: 100%;
    }
    .section-heading h2 {
        font-size: 23px;
        line-height: 30px;
    }
    p {
        font-size: 13px;
        line-height: 20px;
    }
}

@media only screen and (max-width: 320px) {
    .section-heading {
        width: 100%;
    }
    .section-heading h2 {
        font-size: 20px;
        line-height: 30px;
    }
    .section-heading p {
        font-size: 11px;
    }
}


/* all section heading end  */


/* common btn start  */

@media (max-width:425px) {
    .common-btn {
        font-size: 14px;
        line-height: 24px;
    }
}


/* common btn end  */


/* common heading start  */

@media (max-width:768px) {
    .admission-test {
        font-size: 22px;
    }
}

@media (max-width:425px) {
    .admission-test {
        font-size: 18px;
    }
}


/*common heading  end  */


/*common card start  */

@media (max-width:1024px) {
    .common-card .card-content a h2 {
        font-size: 18px;
    }
}

@media (max-width:768px) {
    .common-card .card-img {
        height: 170px;
    }
    .common-card .card-content a h2 {
        font-size: 16px;
        line-height: 25px;
    }
}

@media (max-width:425px) {
    .common-card .card-img {
        height: 250px;
    }
}

@media (max-width:320px) {
    .common-card .card-content a h2 {
        font-size: 15px;
        line-height: 25px;
    }
}


/*common card end  */


/* icons start  */

@media only screen and (max-width: 768px) {
    .social-icons li a i {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 425px) {
    .social-icons li a i {
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 10px;
        margin-bottom: 4px;
    }
}


/* icons end  */


/* slider responsive end  */

@media (max-width:768px) {
    .slick-next:before {
        width: 25px;
        height: 25px;
        padding: 4px;
        right: 4px;
    }
    .slick-prev:before {
        width: 25px;
        height: 25px;
        padding: 4px;
        left: 3px;
    }
}

@media (max-width:425px) {
    .slick-prev:before {
        width: 25px;
        height: 25px;
        left: -10px;
        padding: 4px;
    }
    .slick-next:before {
        width: 25px;
        height: 25px;
        right: -9px;
        padding: 4px;
    }
}

@media (max-width:320px) {
    .slick-next:before {
        width: 23px;
        height: 23px;
        right: -5px;
        padding: 3px;
    }
    .slick-prev:before {
        width: 23px;
        height: 23px;
        left: -4px;
        padding: 3px;
    }
}


/*   admission start  */

@media only screen and (max-width: 425px) {
    .admission-test a {
        font-size: 18px;
    }
}


/*   admission start  */


/* ====== common form start ====== */

@media only screen and (max-width: 1024px) {
    .section-heading h2,
    .section-heading h2 span {
        font-size: 30px;
        margin: 7px 0;
    }
    .create-account-area .create-account-content .watch-link ul li i {
        font-size: 10px;
        line-height: 20px;
        width: 20px;
        height: 20px;
    }
    .form-heading h2 {
        font-size: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .section-heading h3,
    .section-heading h3 span {
        font-size: 18px;
        margin: 6px 0;
    }
    form .form-input label {
        font-size: 18px;
        line-height: 40px;
    }
    form .form-input input {
        font-size: 14px;
        padding: 14px 15px;
        margin-bottom: 14px;
    }
    form .form-input input::placeholder,
    form .form-input textarea::placeholder {
        font-size: 14px;
    }
    form .form-input .check i {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 8px;
    }
    .submit-img {
        width: 100%;
        height: 330px;
    }
    .create-account-area {
        margin: 30px 0;
    }
    .create-account-area .create-account-content h3 {
        font-size: 20px;
        line-height: 35px;
    }
    .create-account-area .create-account-content .watch-link ul li {
        padding: 15px 10px;
    }
    .create-account-area .create-account-content .watch-link ul li i {
        font-size: 8px;
        line-height: 15px;
        width: 15px;
        height: 15px;
    }
    .create-account-area .create-account-content .watch-link ul li p {
        font-size: 16px;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 425px) {
    .section-heading {
        margin: 10px 0;
    }
    .section-heading h2,
    .section-heading h2 span {
        font-size: 24px;
        line-height: 40px;
    }
    form .form-input label {
        font-size: 14px;
        line-height: 30px;
    }
    form .form-input input {
        font-size: 12px;
        padding: 10px 12px;
        margin-bottom: 10px;
    }
    form .form-input input::placeholder,
    form .form-input textarea::placeholder {
        font-size: 12px;
    }
    .submit-img {
        height: 350px;
    }
}


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


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


/* =========all pages header responsive start ============ */


/* header start  */

@media only screen and (max-width: 2560px) {
    .side-menu-area .navber ul {
        display: none;
    }
}

@media only screen and (max-width: 1440px) {
    .side-menu-area .navber ul {
        display: none;
    }
}

@media only screen and (max-width: 425px) {
    header .navber {
        width: 50%;
        display: none;
    }
    header label {
        display: initial;
    }
    #menu-bar {
        display: none;
    }
    #menu-bar:checked~.navber {
        display: initial;
    }
    .side-menu-area .navber ul {
        color: var(--white);
        background-color: var(--bg-color);
        display: block;
        width: 100%;
        height: 100vh;
    }
    .side-menu-area .navber .menu {
        padding-left: 20px;
    }
    .header-area {
        display: none;
    }
    .side-menu-area {
        top: 50px;
        width: 50%;
    }
    .side-menu-area .drop-down {
        position: relative;
    }
    .side-menu-area .navber ul li ul {
        position: absolute;
        top: 0px;
        left: 100%;
        display: none;
        width: 90%;
        height: 40px;
        box-sizing: 0 0 4px var(--shadow);
        background-color: var(--main-color);
    }
    .side-menu-area .navber ul li a {
        line-height: 40px;
    }
    .side-menu-area ul li:hover ul {
        display: initial;
    }
    .side-menu-area ul li a {
        font-size: 16px;
    }
}


/* mb-top start  */

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

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

@media (max-width: 1024px) {
    .header-area .logo {
        width: 170px;
        height: 60px;
    }
    .header-area .lg-navber ul li a {
        font-size: 16px;
        margin: 0 5px;
    }
    .header-area .header-right .common-btn {
        font-size: 15px;
        line-height: 26px;
        padding: 4px 10px;
    }
}

@media (max-width: 768px) {
    .header-area {
        height: 70px;
        line-height: 70px;
    }
    .header-area .logo {
        width: 120px;
        height: 60px;
    }
    .header-area .lg-navber ul li a {
        font-size: 13px;
        margin: 0 5px;
    }
    .header-area .header-right .common-btn {
        font-size: 13px;
        line-height: 20px;
        padding: 4px 10px;
    }
}

@media only screen and (max-width: 425px) {
    .mb-header-tab-area {
        display: initial;
        height: 50px;
    }
    .mb-header-tab i {
        line-height: 50px;
        font-size: 20px;
    }
    .mb-header-tab .mb-header-logo {
        height: 35px;
        margin: auto;
    }
    .mb-header-tab .mb-header-btn {
        line-height: 43px;
    }
    .mb-header-tab .common-btn {
        line-height: 25px;
        padding: 0 20px;
    }
}


/* ========= all pages header responsive end ============ */


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

@media only screen and (max-width: 1024px) {
    .footer-area .footer-content .footer-widget .footer-app img {
        width: 90px;
        height: 35px;
    }
    .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: 70px;
        height: 30px;
        margin-right: 0;
    }
    .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  ====================== */


/* filter gallery start  */

@media (max-width: 768px) {
    .filter-area .container h2 {
        font-size: 18px;
    }
    .filter-area .filter-btn {
        font-size: 14px;
        padding: 5px 14px;
    }
    .column {
        width: 32.35%;
    }
    .content .img {
        padding: 25px;
    }
    .filter-area .art-work-content h4 {
        font-size: 17px;
    }
    .filter-area .art-work-content p {
        font-size: 13px;
    }
}

@media (max-width: 425px) {
    .column {
        width: 100.35%;
    }
    .filter-area .art-work-content {
        padding: 10px;
    }
}

@media (max-width: 375px) {
    .filter-area .filter-btn {
        font-size: 14px;
        padding: 5px 8px;
        margin: 8px 2px;
    }
}


/* xzoom start  */


/* =========card responsive start ============ */

@media (max-width:425px) {
    .admission-details-area {
        margin-top: 80px;
    }
}


/* =========cards responsive end ============ */


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


/* =============================== index responsive start ==============================  */


/* ========= new slide responsive start ============ */

@media (max-width:1024px) {
    .new-slide-area .slick-prev:before {
        width: 30px;
        height: 30px;
        padding: 4px;
        left: -1px;
    }
    .new-slide-area .slick-next:before {
        width: 30px;
        height: 30px;
        padding: 4px;
        right: -3px;
    }
    .new-slide-area .new-slide .arrow-1 {
        bottom: -8px;
    }
    .new-slide-area .new-slide .arrow-2 {
        bottom: -8px;
    }
    .new-slide-area .new-slide .button-01 {
        bottom: -20px;
        left: 320px;
        padding: 8px 15px;
        font-size: 16px;
    }
    .new-slide-area .new-slide .button-02 {
        bottom: -20px;
        right: 320px;
        padding: 8px 15px;
        font-size: 16px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img {
        height: 240px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img img {
        width: 900px;
        height: 210px;
    }
}

@media (max-width:768px) {
    .new-year-area {
        margin-top: 20px;
    }
    .new-year-area .slick-prev:before {
        width: 25px;
        height: 25px;
        padding: 4px;
        left: 4px;
    }
    .new-year-area .slick-next:before {
        width: 25px;
        height: 25px;
        padding: 4px;
        right: 4px;
    }
    .comment-card .img {
        margin-left: 120px;
    }
    .new-slide-area .new-slide .slide-corner-img {
        top: -8px;
        right: -13px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-silde {
        top: -110px;
    }
    .new-slide-area .new-slide .arrow-1 {
        bottom: -6px;
        left: 150px;
    }
    .new-slide-area .new-slide .arrow-2 {
        bottom: -6px;
        right: 150px;
    }
    .new-slide-area .new-slide .button-01 {
        bottom: -15px;
        left: 230px;
        padding: 5px 8px;
        font-size: 14px;
    }
    .new-slide-area .new-slide .button-02 {
        bottom: -15px;
        right: 230px;
        padding: 5px 8px;
        font-size: 14px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img {
        height: 300px;
        margin-top: -10px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img img {
        width: 100%;
        height: 170px;
    }
}

@media (max-width:426px) {
    .comment-card .img {
        margin-left: 280px;
    }
    .new-slide-area .new-slide .slide-corner-img {
        top: -5px;
        right: -8px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-silde {
        top: -120px;
    }
    .new-slide-area .new-slide .arrow-1 {
        bottom: -3.5px;
        left: 70px;
    }
    .new-slide-area .new-slide .arrow-2 {
        bottom: -3.5px;
        right: 70px;
    }
    .new-slide-area .new-slide .button-01 {
        bottom: -10px;
        left: 120px;
        padding: 3px 5px;
        font-size: 12px;
    }
    .new-slide-area .new-slide .button-02 {
        bottom: -10px;
        right: 120px;
        padding: 3px 5px;
        font-size: 12px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img img {
        width: 100%;
        height: 90px;
    }
}

@media (max-width:425px) {
    .new-year-area .card {
        height: 355px;
    }
    .comment-card .img {
        margin-left: 220px;
    }
}

@media (max-width:376px) {
    .new-slide-area .new-slide .skills-slide-area .skills-silde {
        top: -130px;
    }
    .new-slide-area .new-slide .arrow-1 {
        bottom: -2.5px;
        left: 50px;
    }
    .new-slide-area .new-slide .arrow-2 {
        bottom: -2.5px;
        right: 50px;
    }
    .new-slide-area .new-slide .button-01 {
        left: 95px;
        font-size: 10px;
    }
    .new-slide-area .new-slide .button-02 {
        right: 95px;
        font-size: 10px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img img {
        width: 100%;
        height: 85px;
    }
}

@media (max-width:320px) {
    .comment-card .img {
        margin-left: 150px;
    }
    .new-slide-area .new-slide .slide-corner-img {
        top: -2px;
        right: -4px;
    }
    .new-slide-area .new-slide .arrow-1 {
        left: 30px;
    }
    .new-slide-area .new-slide .arrow-2 {
        right: 30px;
    }
    .new-slide-area .new-slide .button-01 {
        left: 70px;
        font-size: 8px;
    }
    .new-slide-area .new-slide .button-02 {
        right: 70px;
        font-size: 8px;
    }
    .new-slide-area .new-slide .skills-slide-area .skills-card .skills-img img {
        width: 100%;
        height: 60px;
    }
}


/* ========= new skide responsive end ============ */


/* =========chategory responsive start ============ */

@media (max-width:768px) {
    .chategory-area {
        padding: 20px 0;
    }
    .chategory-area .chategory-card {
        padding: 20px;
    }
    .chategory-area .chategory-card .chategory-icon i {
        font-size: 40px;
    }
    .chategory-area .chategory-card .chategory-content h2 {
        font-size: 25px;
    }
    .chategory-area .chategory-card .chategory-arrow i {
        font-size: 23px;
    }
    .chategory-area .chategory-card .chategory-arrow i {
        margin-top: 29px;
    }
}

@media (max-width:425px) {
    .chategory-area .chategory-card .chategory-icon i {
        font-size: 30px;
    }
    .chategory-area .chategory-card .chategory-content h2 {
        font-size: 17px;
        line-height: 30px;
        margin: 13px 30px 0px 0px;
    }
    .chategory-area .chategory-card .chategory-arrow i {
        margin-top: 30px;
    }
    .crash-course-area .crash-course-card .crash-course-img {
        height: 250px;
    }
}


/* =========chategory responsive end ============ */


/* =========Crash course responsive end ============ */

@media (max-width:768px) {
    .crash-course-area {
        margin-bottom: 20px;
    }
    .crash-course-area .crash-course-card .crash-course-content span {
        font-size: 15px;
    }
}


/* =========Crash course responsive end ============ */


/* =========addmisson responsive start ============ */

@media (max-width:768px) {
    .admisson-area {
        margin-bottom: 20px;
    }
}


/* =========addmisson responsive end ============ */


/* =========addmisson details responsive start ============ */

@media (max-width:425px) {
    .admission-details-area {
        margin-top: 80px;
    }
}


/* =========addmisson details responsive end ============ */


/* =========job prepration responsive start ============ */

@media (max-width:1024px) {
    .chategory-details-area .crash-course-card .crash-course-content a h2 {
        font-size: 19px;
    }
}

@media (max-width:768px) {
    .chategory-details-area {
        margin-bottom: 40px;
        margin-top: 105px;
    }
}

@media (max-width:425px) {
    .chategory-details-area {
        margin-top: 75px;
    }
}


/* =========job prepration responsive end ============ */


/* =========maximum responsive start ============ */

@media (max-width:768px) {
    .maximum-area {
        margin-bottom: 20px;
    }
}


/* =========maximum responsive end ============ */


/* =========comment responsive start ============ */

@media (max-width: 768px) {
    .comment-area .comment-card .comment-content {
        padding: 30px;
    }
    .comment-area .comment-card .comment-content p {
        font-size: 15px;
        line-height: 26px;
    }
}

@media (max-width: 425px) {
    .comment-area {
        margin-bottom: 0;
    }
    .comment-area .comment-card .comment-content {
        padding: 50px;
    }
    .comment-area .comment-card .comment-content p {
        font-size: 12px;
        line-height: 22px;
    }
}

@media (max-width: 320px) {
    .comment-area .comment-card .comment-content h3 {
        font-size: 17px;
        line-height: 19px;
    }
    .comment-area .comment-card .comment-content span {
        font-size: 12px;
    }
}


/* =========comment responsive end ============ */


/* =========counting responsive start ============ */

@media (max-width: 768px) {
    .counting-area .counting-icon i {
        font-size: 50px;
    }
    .counting-area .counting-count h2 {
        font-size: 21px;
    }
    .counting-area .counting-count span {
        font-size: 20px;
    }
}

@media (max-width: 425px) {
    .counting-area {
        margin-top: 0;
    }
    .counting-area .counting-icon {
        margin-bottom: 10px;
    }
    .counting-area .counting-icon i {
        font-size: 30px;
    }
    .counting-area .counting-count h2 {
        font-size: 16px;
        margin-top: 0px;
    }
    .counting-area .counting-count span {
        font-size: 15px;
    }
}


/* ========= counting responsive end =========== */


/* =============================== index responsive end ==============================  */


/* ================== all-art-details-page start responsive start =======================  */

@media (max-width: 768px) {
    .xzoom-area .xzoom {
        height: 300px;
    }
    .all-art-details-area .all-art-details-content ul li span {
        font-size: 14px;
    }
}

@media (max-width: 425px) {
    .all-art-details-area {
        margin-top: 80px;
    }
    .all-art-details-area .ps-5 {
        padding-left: 1rem!important;
    }
    .all-art-details-area .all-art-details-content .view-more a {
        padding: 5px 25px;
    }
    .all-art-details-area .all-art-details-content ul li {
        font-size: 14px;
    }
    .all-art-details-area .all-art-details-content .view-more .art-details-price {
        display: block;
        font-size: 18px;
        font-weight: 500;
        margin: 15px 0;
    }
    .all-art-details-area .all-art-details-header a {
        font-size: 23px;
    }
    /* about the work  */
    .about-art-work-top .about-art-work-top-content {
        font-size: 15px;
    }
    .about-work-area .about-work-content p {
        font-size: 14px;
        line-height: 25px;
    }
    /* profile  */
    .about-profile .about-profile-content table td strong {
        font-size: 14px;
    }
}


/* ================== all-art-details-page start responsive end =======================  */


/* ==================== all course  page start responsive start =========================  */


/* ===================== skills page start ================== */


/*======= skills top start ======= */

@media only screen and (max-width: 1024px) {
    .skills-area .skills-card .skills-content a h2 {
        font-size: 18px;
    }
    .skills-course-area .skills-course-card {
        height: 200px;
    }
    .skills-course-area .skills-course-card .skills-course-content h2 {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .skills-slide-area .skills-silde .skills-slide-content {
        padding-right: 25px;
    }
    .skills-slide-area .skills-silde .skills-slide-content h2 {
        font-size: 27px;
        line-height: 38px;
        margin: 20px 0;
    }
    .skills-slide-area .skills-silde .skills-slide-content p {
        font-size: 15px;
    }
    .skills-slide-area .skills-silde .skills-slide-content .skills-slide-btn {
        font-size: 15px;
        padding: 10px 13px;
    }
    /* skills card start  */
    .skills-area .skills-card .skills-content a h2 {
        font-size: 16px;
    }
    /* comment  */
    .comment-area .comment-card .comment-content p {
        font-size: 13px;
        line-height: 24px;
    }
    .comment-area .comment-card .comment-content {
        padding: 26px;
    }
    .popular-area .popular-card .popular-content .popular-details a button {
        font-size: 16px;
    }
}

@media (max-width:425px) {
    .skills-slide-area {
        margin-top: 50px;
    }
    .skills-slide-area .skills-silde {
        height: 536px;
        padding: 10px 0;
        margin-top: 50px;
    }
    .skills-slide-area .skills-card .skills-img {
        height: 220px;
    }
    .skills-slide-area .skills-silde .skills-slide-content h2 {
        font-size: 23px;
        line-height: 30px;
        margin: 12px 0;
    }
    .skills-slide-area .skills-silde .skills-slide-content p {
        font-size: 13px;
        margin-bottom: 0;
    }
    .skills-slide-area .skills-silde .skills-slide-content .skills-slide-btn {
        font-size: 13px;
        padding: 8px 10px;
        margin-bottom: 10px;
    }
}

@media (max-width:320px) {
    .skills-slide-area .skills-silde {
        height: 536px;
    }
}


/*========= skills top end  ========*/


/*========= popular start  ========*/

@media (max-width: 768px) {
    .popular-area .popular-card {
        height: 280px;
    }
    .popular-area .popular-card .popular-content h2 {
        font-size: 18px;
        margin-bottom: 8px;
    }
    .popular-area .popular-card .popular-content p {
        font-size: 14px;
    }
    .popular-area .popular-card .popular-content {
        bottom: -52px;
    }
}

@media (max-width: 425px) {
    .popular-area .popular-card .popular-content {
        height: 100px;
    }
    .popular-area .popular-card .popular-content h2 {
        font-size: 18px;
        margin-bottom: 14px;
    }
    .popular-area .popular-card .popular-content .popular-details a button {
        font-size: 14px;
    }
    .popular-area .popular-card .popular-content {
        bottom: -29px;
    }
}


/*========= popular end  ========*/


/* ================= skills page end ===================== */


/* ==================== all course  page start responsive end =========================  */


/* ========================== are about page area start  ==========================*/


/* ============== about area start  =================*/

@media (max-width: 768px) {
    .about-area {
        margin-top: 110px;
    }
    .about-area .about-header h1 {
        font-size: 25px;
        letter-spacing: 1px;
    }
    .about-area .about-details h2 {
        font-size: 17px;
        font-weight: 400;
    }
    .about-area .about-details p {
        font-size: 14px;
        margin: 11px 0;
        line-height: 26px;
    }
    .about-area .about-details span {
        font-size: 18px;
    }
    .about-area .about-details .share {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-area .about-details .about-share span {
        display: none;
    }
    .about-area .about-details .about-share ul li {
        margin-right: 10px;
    }
    .about-area .about-details .about-share a i {
        font-size: 13px;
        margin-right: 0;
    }
    .about-area .about-info-header h2 {
        font-size: 18px;
        font-weight: 400;
    }
    .about-information {
        margin-left: 0;
    }
    .about-profile .about-profile-content {
        padding: 0 6px;
    }
    .about-area .about-profile .about-profile-content table td {
        padding: 5px 27px;
    }
    .about-work-area .about-work-content p {
        margin: 30px 0;
    }
}

@media (max-width: 425px) {
    .about-area {
        margin-top: 70px;
    }
    .about-area .about-header h1 {
        font-size: 20px;
        margin-bottom: 15px;
    }
    .about-area .about-details .about-share ul li {
        margin-right: 7px;
    }
    .about-area .about-details .about-share ul li a {
        padding: 8px 10px;
    }
    .about-information {
        margin-left: 0;
    }
    .about-profile .about-profile-content table td {
        padding: 5px 10px;
        font-size: 14px;
    }
}

@media (max-width: 375px) {
    .about-area .about-profile .about-profile-content table td {
        padding: 3px 15px;
        font-size: 14px;
    }
    .about-profile .about-profile-content table td strong {
        font-size: 14px;
    }
}

@media (max-width: 320px) {
    .about-area .about-details .about-share ul li a {
        padding: 6px 7px;
    }
    .about-area .about-profile .about-profile-content table td {
        padding: 3px 5px;
    }
    .about-profile .about-profile-content table td strong {
        font-size: 14px;
    }
    .about-area .about-profile .about-profile-content table td {
        padding: 3px 9px;
        font-size: 14px;
    }
}


/* about area end  */


/* =============== about area end  ===================*/


/* ========================== atr about page area start  ==========================*/


/*========================== artist-category page start ========================*/

@media (max-width: 768px) {
    .artist-category-area {
        margin-top: 95px;
    }
    .artist-category-area .clear-all a {
        font-size: 17px;
    }
    .artist-category-area .art-category .art-work-content a {
        font-size: 15px;
    }
    .artist-category-area .art-category .art-work-content p {
        font-size: 15px;
    }
    .artist-category-area .art-category .art-work-content span {
        font-size: 15px;
    }
}

@media (max-width: 425px) {
    .artist-category-area {
        margin-top: 65px;
    }
    .artist-category-area .clear-all a {
        font-size: 16px;
    }
    .pagination ul li {
        padding: 3px;
    }
    .pagination ul li a {
        font-size: 14px;
        padding: 2px 5px;
    }
}

@media (max-width: 1024px) {
    .artist-category-area .art-category .text {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .artist-category-area .art-category h4 {
        font-size: 15px;
        font-weight: 700;
    }
    .artist-category-area .art-category p {
        font-size: 16px;
        font-size: 600;
    }
    .artist-category-area .art-category span {
        font-size: 14px;
    }
    .artist-category-area .art-category .View-button-1024 {
        margin-left: 55px;
        margin-top: 20px;
    }
    .artist-category-area .art-category .View-button-1024 button {
        display: initial;
    }
    .artist-category-area .art-category .View-button-1024 button:hover {
        color: var(--main-color);
        border: 2px solid var(--main-color);
        background-color: transparent;
    }
    .artist-category-area .art-category .View-button button {
        display: none;
    }
}

@media (max-width: 768px) {
    .artist-category-area .art-category .View-button-1024 button {
        display: initial;
    }
    .artist-category-area .art-category .View-button button {
        display: none;
    }
}

@media (max-width: 425px) {
    .artist-category-area .art-category .text {
        display: flex;
        justify-content: space-between;
    }
    .artist-category-area .art-category h4 {
        font-size: 23px;
        font-weight: 700;
    }
    .artist-category-area .art-category p {
        font-size: 17px;
        font-size: 600;
    }
    .artist-category-area .art-category span {
        font-size: 16px;
    }
    .artist-category-area .art-category .View-button-1024 button {
        display: none;
    }
    .artist-category-area .art-category .View-button button {
        display: initial;
    }
    .pagination ul li {
        padding: 2px;
    }
    .pagination ul li a {
        font-size: 14px;
        padding: 2px 5px;
    }
}

@media (max-width: 320px) {
    .artist-category-area .art-category h4 {
        font-size: 19px;
        font-weight: 600;
    }
    .pagination ul li {
        padding: 2px;
    }
    .pagination ul li a {
        font-size: 13px;
        padding: 2px 3px;
    }
}


/*========================== artist-category page end ==========================*/


/*================================== artwork-collect page start ===============================*/

@media (max-width: 768px) {
    .artwork-collect-area {
        margin-top: 95px;
    }
    .artwork-collect-area .clear-all a {
        font-size: 17px;
    }
    .artwork-collect-area .art-category .art-category-img {
        height: 210px;
        padding: 15px;
    }
    .artwork-collect-area .art-category .art-work-content a {
        font-size: 18px;
    }
    .artwork-collect-area .art-category .art-work-content span {
        font-size: 16px;
        font-weight: 600;
    }
}

@media (max-width: 425px) {
    .artwork-collect-area {
        margin-top: 65px;
    }
    .artwork-collect-area .clear-all a {
        font-size: 16px;
    }
    .artwork-collect-area .art-category .art-category-img {
        height: 240px;
        padding: 20px;
    }
}


/*============================== artwork-collect page end ==============================*/


/*================================== blog  page start ==================================*/


/* recent-news start  */

@media only screen and (max-width: 1024px) {
    .recent-news-area .best-instuctor-card .instuctor-img {
        height: 180px;
    }
    .recent-news-area .best-instuctor-card {
        background-color: var(--white);
        padding: 14px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content span {
        font-family: 'Poppins', sans-serif;
        font-weight: var(--font-bold);
        font-size: var(--font-size22);
        line-height: 18px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content .text {
        font-size: 14px;
        line-height: 24px;
    }
    .recent-news-area .best-instuctor-card .recent-news-btn {
        padding-top: 15px;
    }
    .recent-news-area .common-btn {
        font-size: 15px;
        line-height: 30px;
        padding: 4px 14px;
    }
}

@media only screen and (max-width: 768px) {
    .recent-news-area {
        margin-top: 100px;
    }
    .recent-news-area .best-instuctor-card .instuctor-img {
        height: 200px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content {
        margin-top: 30px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content p {
        margin-bottom: 20px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content span {
        font-size: 20px;
    }
    .recent-news-area .best-instuctor-card .recent-news-btn {
        padding-top: 20px;
    }
    .recent-news-area .common-btn {
        line-height: 24px;
        font-size: 14px;
    }
    .recent-news-area .best-instuctor-card .recent-news-btn {
        margin: 10px 0;
    }
    .recent-news-area .best-instuctor-card .instuctor-content .text {
        font-size: 12px;
        line-height: 24px;
        text-align: justify;
    }
}

@media only screen and (max-width: 425px) {
    .recent-news-area {
        margin-top: 80px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content span {
        font-size: 18px;
    }
}

@media only screen and (max-width: 320px) {
    .recent-news-area .best-instuctor-card .instuctor-content {
        margin-top: 5px;
    }
    .recent-news-area .common-btn {
        line-height: 30px;
        font-size: 12px;
        padding: 0px 14px;
    }
    .recent-news-area .best-instuctor-card .instuctor-content .text {
        line-height: 22px;
    }
}


/* recent-news ens  */


/* subscribe start  */

@media only screen and (max-width: 1024px) {
    .subscribe-area .subscribe-wrapper .subscribe-content {
        padding-left: 40px;
    }
    .subscribe-content input {
        width: 300px;
        height: 50px;
    }
    .subscribe-content input::placeholder {
        font-size: 16px;
    }
    .subscribe-area .common-btn {
        height: 50px;
        font-size: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .subscribe-area {
        margin-top: 30px;
    }
    .subscribe-area .subscribe-wrapper {
        padding: 50px 0;
    }
    .subscribe-area .subscribe-wrapper .subscribe-img {
        height: 270px;
        padding: 20px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-img .subscribe-big-img {
        height: 230px;
    }
    .subscribe-area .subscribe-img .subscribe-small-img .small-img-1 {
        top: -10px;
        right: -26px;
        width: 100px;
        height: 50px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-content {
        padding-left: 20px;
    }
    .subscribe-content input {
        width: 215px;
        height: 40px;
    }
    .subscribe-area .common-btn {
        height: 40px;
        font-size: 14px;
        padding: 0 20px;
    }
    .subscribe-content input::placeholder {
        font-size: 14px;
    }
}

@media only screen and (max-width: 425px) {
    .subscribe-area {
        margin-top: 20px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-content {
        padding-left: 0px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-img {
        height: 230px;
        padding: 20px;
        border-radius: 40px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-img .subscribe-big-img {
        width: 100%;
        height: 180px;
    }
    .subscribe-content form {
        margin-top: 45px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-content {
        margin-top: 30px;
    }
}

@media only screen and (max-width: 375px) {
    .subscribe-area .subscribe-wrapper .subscribe-img {
        height: 200px;
    }
    .subscribe-area .subscribe-wrapper .subscribe-img .subscribe-big-img {
        height: 160px;
    }
    .subscribe-content input {
        width: 200px;
        height: 35px;
        line-height: 35px;
    }
    .subscribe-content input::placeholder {
        font-size: 12px;
    }
    .subscribe-area .common-btn {
        height: 35px;
        font-size: 12px;
    }
    .subscribe-area .subscribe-img .subscribe-small-img .small-img-1 {
        top: -10px;
        right: -26px;
        width: 90px;
        height: 40px;
    }
    .subscribe-area .subscribe-img .subscribe-small-img .small-img-2 {
        width: 40px;
        height: 40px;
    }
}

@media only screen and (max-width: 320px) {
    .subscribe-content input {
        width: 160px;
    }
}


/* subscribe end  */


/*================================== blog  page start ==================================*/


/*============================== blog details page start ==============================*/


/* .blog-details  */

@media only screen and (max-width: 1480px) {
    .blog-details-area .sub-heading p {
        font-size: 22px;
    }
    .blog-details-area .blog-details-content .text {
        font-size: 16px;
        line-height: 28px;
    }
    .blog-details-area .blog-bottom-content .coaching p {
        font-size: 16px;
        line-height: 28px;
    }
    .blog-details-area .blog-details-content ul li {
        font-size: 16px;
        line-height: 28px;
    }
    .blog-details-area .blog-bottom-content .coaching .text {
        font-size: 16px;
        line-height: 28px;
    }
    .recent-news-area .common-btn {
        line-height: 35px;
    }
}

@media only screen and (max-width: 1024px) {
    .blog-details-heading h2 {
        font-size: 30px;
    }
    .blog-details-area .blog-details-content p {
        font-size: 18px;
    }
    .blog-details-area .sub-heading p {
        font-size: 20px;
    }
    .blog-details-area .blog-details-content ul li {
        font-size: 18px;
    }
    .blog-details-area .blog-bottom-content .coaching p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 768px) {
    .blog-details-area {
        margin-top: 100px;
    }
    .blog-details-heading h2 {
        font-size: 24px;
    }
    .blog-details-area .sub-heading {
        margin: 14px 0;
    }
    .blog-details-area .sub-heading p {
        font-size: 18px;
    }
    .blog-details-area .subscribe button i {
        font-size: 16px;
    }
    .blog-details-area .blog-details-bottom .blog-details-bottom-wraper {
        margin-bottom: 25px;
    }
    .blog-details-area .accordion-button:not(.collapsed) {
        font-size: 18px;
    }
    .blog-details-area .card-right .card-right-img {
        width: 55px;
    }
    .blog-details-area .card-right .card-right-content h4 {
        font-size: 12px;
        margin-bottom: 8px;
    }
    .blog-details-area .card-right .card-right-content .product-price .product-price-new {
        font-size: 13px;
    }
    .blog-details-area .sub-heading p {
        font-size: 16px;
        margin-bottom: 0;
    }
    .blog-details-area .blog-details-wraper .blog-details-top .blog-content-heading {
        text-align: center;
        margin: 18px 0;
    }
    .blog-details-area .blog-details-content p {
        font-size: 14px;
        line-height: 25px;
    }
    .blog-details-area .blog-details-content ul {
        padding: 0 25px;
    }
    .blog-details-area .blog-details-content ul li {
        font-size: 12px;
        line-height: 24px;
    }
    .blog-details-area .blog-bottom-content .coaching p {
        font-size: 14px;
        line-height: 25px;
        margin-bottom: 0;
    }
    .pe-5 {
        padding-right: 1rem!important;
    }
    .blog-details-area .details-bottom-img {
        width: 100%;
        height: 330px;
        border: 14px solid var(--white);
    }
    .blog-details-area .blog-details-content .text {
        font-size: 12px;
        line-height: 24px;
    }
    .blog-details-area .blog-bottom-content .coaching .text {
        font-size: 12px;
        line-height: 24px;
    }
}

@media only screen and (max-width: 425px) {
    .blog-details-area {
        margin-top: 80px;
    }
    .blog-details-heading h2 {
        font-size: 16px;
        line-height: 27px;
    }
    .blog-details-area .sub-heading p {
        font-size: 14px;
        line-height: 26px;
        margin-bottom: 0;
    }
    .blog-details-area .sub-heading {
        margin: 10px 0;
    }
    .blog-details-area .blog-details-wraper .blog-details-top {
        margin-bottom: 15px;
    }
    .blog-details-area .blog-details-wraper .blog-details-top .blog-details-img {
        height: 310px;
    }
    .blog-details-area .blog-details-wraper .blog-details-top .blog-content-heading {
        text-align: center;
        margin: 15px 0;
    }
    .blog-details-area .blog-details-content p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 12px;
    }
    .blog-details-area .blog-details-content ul li {
        font-size: 12px;
        line-height: 22px;
    }
    .blog-details-area .blog-bottom-content .bottom-content-heading h2 {
        font-size: 20px;
    }
    .blog-details-area .blog-details-bottom {
        padding: 0 12px;
    }
    .blog-details-area .blog-bottom-content .coaching p {
        font-size: 12px;
        line-height: 22px;
        margin-bottom: 0;
    }
    .blog-details-area .details-bottom-img {
        width: 100%;
        height: 250px;
    }
    .blog-details-area .blog-details-bottom .blog-details-bottom-wraper {
        margin-bottom: 0;
    }
    /* right  */
    .blog-details-area .select-category-group {
        margin-top: 0%;
    }
    .blog-details-area .accordion-item {
        margin-top: 15px;
    }
    .blog-details-area .accordion-button:not(.collapsed) {
        font-size: 16px;
    }
    .blog-details-area label {
        margin-bottom: 6px;
    }
    .blog-details-area .select-category-group span {
        font-size: 12px;
    }
}

@media only screen and (max-width: 1024px) {
    .recent-news-area {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .recent-news-area {
        margin-top: 80px;
    }
}


/* 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;
    }
}


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


/*============================== book-category page start ==============================*/

@media only screen and (max-width: 768px) {
    .Author-category .skills-img {
        width: 170px;
        height: 170px;
        border-radius: 50%;
        border: 3px solid var(--main-color);
        margin: 20px auto;
        object-fit: cover;
    }
}

@media only screen and (max-width: 425px) {
    .book-category-area {
        margin-top: 80px;
    }
    .book-category .view-right {
        padding-top: 30px;
    }
    .Author-category .view-right {
        padding-top: 25px;
    }
}

@media only screen and (max-width: 375px) {
    .book-category .view-right {
        width: 100px;
    }
}

@media only screen and (max-width: 320px) {
    .book-category .view-right {
        width: 90px;
    }
}


/*============================== book-category page end ==============================*/


/* =============================== book-card page start ===============================*/


/* slider next-pre  */

@media only screen and (max-width: 768px) {
    .customer-also-area .slick-prev:before {
        left: -13px;
    }
    .customer-also-area .slick-next:before {
        right: -16px;
    }
}

@media only screen and (max-width: 425px) {
    .customer-also-area .slick-prev:before {
        left: -8px;
    }
    .customer-also-area .slick-next:before {
        right: -16px;
    }
}


/* slider next-pre  */

@media only screen and (max-width: 768px) {
    .card-area {
        margin-top: 101px;
    }
    .card-area .ps-5 {
        padding-left: 1rem!important;
    }
    .card-area .card-content h2 {
        font-size: 22px;
    }
    .card-area .card-content .card-menu li {
        font-size: 15px;
    }
    .card-area .card-content .card-price li {
        font-size: 18px;
    }
    /* right  */
    .card-area .card-right .card-right-content .product-price .product-price-new {
        font-size: 12px;
    }
    .card-area .card-right-bottom .right-img {
        height: 70px;
    }
    /* read a title start */
    .buy-now-cart2 {
        width: 85%;
    }
    .buy-now-cart2 .buy-icon2 i {
        font-size: 30px;
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
    .buy-now-cart2 .buy-now-datails2 {
        padding: 33px;
    }
    /* read a title end */
    /* buy now cart start */
    .buy-now-cart {
        width: 650px;
    }
    .buy-now-cart .buy-now-datails {
        padding: 30px 25px;
    }
    .buy-now-content {
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document {
        display: contents;
        margin: 0 15px;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document p {
        margin-top: 0px;
        font-size: 15px;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document a {
        font-size: 15px;
    }
    /* buy now cart end */
}

@media only screen and (max-width: 425px) {
    .card-area {
        margin-top: 70px;
    }
    .card-area .card-content .common-btn {
        font-size: 13px;
    }
    .card-area .qty-container .qty-btn-minus,
    .card-area .qty-container .qty-btn-plus {
        height: 36px;
    }
    .card-area .qty-container {
        height: 36px;
    }
    .card-area .card-content .card-price li {
        font-size: 16px;
    }
    .card-area .card-content .card-price .save {
        font-size: 13px;
    }
    .card-area .card-content .cart-share li {
        font-size: 14px;
    }
    .card-area .card-content .cart-share li a {
        font-size: 15px;
    }
    /* buy now cart start */
    .buy-now-cart {
        width: 310px;
    }
    .buy-now-cart .buy-now-datails {
        padding: 30px 15px;
    }
    .buy-now-content {
        flex-wrap: wrap;
        margin: 10px 0;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document {
        display: contents;
        margin: 0 15px;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document p {
        margin-top: 0px;
        line-height: 20px;
        font-size: 14px;
    }
    .buy-now-cart .buy-now-datails .buy-now-content .cart-document a {
        font-size: 14px;
    }
    /* buy now cart end */
    /* read a title start */
    .buy-now-cart2 {
        width: 90%;
    }
    .buy-now-cart2 .buy-icon2 i {
        font-size: 20px;
        width: 28px;
        height: 28px;
        line-height: 28px;
    }
    .buy-now-cart2 .buy-now-datails2 {
        padding: 22px;
    }
    /* read a title end */
    /* right  */
    .card-area .card-right .card-right-content a {
        font-size: 15px;
    }
    .offer-area .offer-content li a {
        font-size: 11px;
    }
    .share-content {
        margin: 5px 0px 20px 0;
    }
    .share-content span {
        font-size: 11px;
    }
    .share-content i {
        font-size: 11px;
    }
    .card-area .card-content h2 {
        font-size: 18px;
        margin: 18px 0px;
    }
    .specification-area .specification-header h2 {
        font-size: 18px;
    }
    .specification-area .specification-details span {
        font-size: 13px;
    }
    .card-area .card-content .card-info li {
        font-size: 13px;
    }
    .specification-area .specification-details li {
        font-size: 13px;
    }
    .specification-area .description h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }
    .specification-area .specification-paragraph {
        font-size: 13px;
    }
    .card-area .card-content .product-price-content span {
        font-size: 15px;
    }
    .card-right .card-right-header h3 {
        font-size: 18px;
    }
    .card-right .card-right-content .product-price .product-price-new {
        font-size: 15px;
    }
    /*======== customer-also start ======= */
    .customer-also-area .slick-prev {
        left: -16px;
    }
    /*======== customer-also end ========= */
}


/*======== specification start ======= */

@media only screen and (max-width: 425px) {
    .specification-area #myBtnContainer {
        display: flex;
        justify-content: space-between;
    }
    .specification-area .common-btn {
        font-size: 14px;
        padding: 0 21px;
    }
    .specification-area .specification-details p {
        text-align: start;
        font-size: 12px;
        width: 70%;
    }
    .specification-area .common-btn {
        font-size: 14px;
        padding: 0 21px;
    }
    .specification-area .specification-details span {
        font-size: 12px;
        padding-left: 10px;
        text-align: start;
        width: 30%;
    }
}

@media only screen and (max-width: 375px) {
    .specification-area .common-btn {
        font-size: 14px;
        padding: 0 10px;
    }
    .specification-area .specification-details p {
        font-size: 12px;
    }
    .specification-area .specification-details span {
        font-size: 12px;
    }
}


/*======== specification end ========= */


/*======== customer-also start ======= */

@media only screen and (max-width: 768px) {
    .customer-also-area .maximum-card .maximum-content a h2 {
        font-size: 17px;
    }
}

@media only screen and (max-width: 425px) {
    .customer-also-area .maximum-card .maximum-content a h2 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 320px) {
    .customer-also-area .slick-prev {
        left: -23px;
    }
    .customer-also-area .slick-next {
        right: -7px;
    }
}


/*======== customer-also end ========= */


/* =============================== book-card page end ===============================*/


/* ============================ books page start ================================*/

@media only screen and (max-width: 768px) {
    .book-area {
        margin-top: 110px;
    }
}

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


/* ============================ books page end ==================================*/


/* ========================= certificate page start ========================= */

@media only screen and (max-width: 1024px) {
    .spoken-area .certificate-img {
        width: 100%;
        height: 367px;
    }
    .spoken-area .certificate-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 768px) {
    .spoken-area .certificate-img {
        width: 100%;
        height: 400px;
    }
    .spoken-area .certificate-name {
        margin-left: 0;
    }
    .spoken-area .you-currently h2 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 425px) {
    .spoken-area {
        margin-top: 100px;
    }
    .spoken-area .certificate-img {
        width: 100%;
        height: 222px;
    }
    .spoken-area .certificate-header h3 {
        font-size: 20px;
    }
    .spoken-area .certificate-header button {
        font-size: 16px;
    }
    .spoken-area .you-currently button {
        font-size: 16px;
    }
    .spoken-area .certificate-img .locked-icon {
        font-size: 35px;
    }
}

@media only screen and (max-width: 375px) {
    .spoken-area .certificate-img {
        width: 100%;
        height: 195px;
        position: relative;
    }
}

@media only screen and (max-width: 320px) {
    .spoken-area .certificate-img {
        width: 100%;
        height: 150px;
        position: relative;
    }
}


/* =============================certificate page end ============================== */


/* ================================ checkout page start ================================ */

@media only screen and (max-width: 1024px) {
    .input-group input {
        width: 100%;
    }
    .input-group-btn {
        width: 100%;
    }
    .input-group-btn .voucher-btn {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 768px) {
    /* amount start  */
    .price {
        font-size: 14px;
    }
    .price span {
        font-size: 14px;
    }
    .name a {
        font-size: 14px;
    }
    .name .fades {
        font-size: 14px;
    }
    .table-bordered>:not(caption)>* {
        font-size: 14px;
        border-width: 1px 0;
    }
    /* amount end  */
    .checkout-area .checkout-alret span {
        font-size: 13px;
    }
    .input-group-btn {
        width: 100%;
    }
    .input-group-btn .voucher-btn {
        width: 100%;
        margin: 10px 0;
    }
    .checkout-area .checkout {
        flex-wrap: wrap;
        line-height: 20px;
    }
    .checkout-area .checkout span {
        font-size: 14px;
    }
    .checkout .i-have-text {
        line-height: 38px;
    }
    .checkout-btn {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 425px) {
    .checkout-area {
        margin-top: 70px;
    }
    .checkout-area .checkout-title h1 {
        font-size: 22px;
    }
    .checkout-area .checkout {
        display: block;
    }
    .checkout .i-have-text {
        line-height: 28px;
    }
    .checkout-area .checkout-alret span {
        font-size: 13px;
        line-height: 24px;
        padding: 10px 0;
    }
    .input-group input {
        width: 100%;
    }
    .input-group-btn {
        width: 100%;
    }
    .input-group-btn .voucher-btn {
        width: 100%;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 375px) {
    .checkout-area .container {
        max-width: 330px;
    }
}

@media only screen and (max-width: 320px) {
    .checkout-area .container {
        max-width: 300px;
    }
}


/* ================================ checkout page end ================================ */


/* ============================= course details page start ============================ */

@media only screen and (max-width: 1024px) {
    .spoken-area .comment-card .comment-content .img {
        margin-left: 180px;
    }
}

@media only screen and (max-width: 768px) {
    .spoken-area {
        position: relative;
    }
    .spoken-area .course-price-tab {
        display: show;
        display: flex;
        justify-content: space-between;
        position: fixed;
        width: 100%;
        height: 80px;
        padding: 10px 35px;
        bottom: 0;
        background-color: var(--white);
        box-shadow: 0 0 4px 3px var(--shadow);
        z-index: 9999;
    }
    .spoken-area .course-price-tab .common-btn {
        margin-top: 5px;
        padding: 5px;
    }
    .spoken-area .course-first {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
        width: 90%;
    }
    .spoken-area .course-first .buy-course-btn-content {
        display: none;
    }
    .spoken-area .course-last {
        padding-top: 800px;
    }
    .spoken-area .instructor .instructor-details a {
        font-size: 20px;
    }
    .spoken-area .instructor .instructor-details p {
        font-size: 14px;
        margin-bottom: 0;
    }
    .spoken-area .what-you {
        padding: 15px;
    }
    .spoken-area .what-you ul li i {
        font-size: 9px;
        margin: 10px 9px 0px;
    }
    .spoken-area .what-you ul li p {
        font-size: 14px;
    }
    .spoken-area .accordion-content h2 {
        font-size: 15px;
    }
    .spoken-area .range-filter-group span {
        font-size: 14px;
        line-height: 27px;
    }
    .spoken-area .contact .contact-left i {
        width: 10px;
        height: 10px;
        font-size: 5px;
        line-height: 10px;
        margin: 6px 5px;
        line-height: 10px;
    }
    /* right side  */
    .spoken-area .course-first {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%);
    }
    .spoken-area .buy-course-card iframe {
        height: 400px;
    }
    .spoken-area .buy-course-card .what-you ul li {
        align-items: center;
    }
    .spoken-area .buy-course-card .what-you ul li p {
        font-size: 16px;
    }
    .spoken-area .buy-course-card .what-you ul li {
        text-align: center;
    }
    .spoken-area .buy-course-card .what-you ul li i {
        font-size: 14px;
        width: 30px;
        height: 30px;
    }
    .spoken-area .comment-card .comment-content .img {
        margin-left: 200px;
    }
}

@media only screen and (max-width: 425px) {
    .spoken-area {
        margin-top: 80px;
    }
    .spoken-area .course-price-tab {
        padding: 10px 40px;
    }
    .spoken-area .course-price-tab .title-prixe h2 {
        font-size: 23px;
    }
    .spoken-area .course-price-tab .common-btn {
        padding: 5px;
        margin-top: 11px;
    }
    .spoken-area .course-last {
        padding-top: 620px;
    }
    .spoken-area .instructor .instructor-details {
        margin: 8px;
    }
    .spoken-area .instructor .instructor-img {
        width: 123px;
        margin: 23px 5px;
    }
    .spoken-area .section-heading {
        width: 100%;
    }
    .spoken-area .buy-course-card iframe {
        height: 300px;
    }
    .spoken-area .what-you {
        padding: 5px;
    }
    .spoken-area .what-you ul li {
        font-size: 12px;
        line-height: 28px;
    }
    .spoken-area .what-you ul li p {
        font-size: 10px;
        line-height: 20px;
        margin-bottom: 0;
        margin-right: 10px;
    }
    .spoken-area .contact .contact-left i {
        width: 10px;
        height: 10px;
        font-size: 5px;
        line-height: 10px;
        margin: 6px 5px;
        line-height: 12px;
    }
    .spoken-area .contact-right span {
        font-size: 10px;
        width: 163px;
        line-height: 16px;
        color: var(--main-color);
    }
    .spoken-area .buy-course-card .what-you ul li p {
        font-size: 14px;
    }
    .spoken-area .buy-course-card .what-you ul li i {
        margin: 3px 5px 0px;
    }
    .spoken-area .accordion-body {
        padding: 0px 5px;
    }
    .spoken-area .accordion-content h2 {
        font-size: 11px;
        margin: 7px 7px;
    }
    .spoken-area .what-you ul li i {
        font-size: 9px;
        margin: 6px 7px 0px;
    }
    .spoken-area .comment-card .comment-content {
        padding: 27px;
    }
    .spoken-area .comment-card .comment-content p {
        font-size: 11px;
    }
    .spoken-area .course-first {
        width: 95%;
    }
}

@media only screen and (max-width: 375px) {
    .spoken-area .instructor .instructor-details {
        margin: 3px;
    }
    .spoken-area .instructor .instructor-img {
        width: 135px;
    }
    .spoken-area .comment-card .comment-content .img {
        margin-left: 200px;
    }
}

@media only screen and (max-width: 320px) {
    .spoken-area .instructor .instructor-img {
        width: 180px;
    }
    .spoken-area .course-last {
        padding-top: 680px;
    }
    .spoken-area .what-you ul li p {
        line-height: 16px;
    }
    .spoken-area .comment-card .comment-content .img {
        margin-left: 150px;
    }
}


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


/* ============================ exhibition-registration page start ===================== */

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

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

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

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


/* ========================== exhibition-registration page end ======================= */


/* ================================ exhibition page start =========================== */

@media (max-width: 768px) {
    .ex-area {
        margin-top: 110px;
    }
    .ex-area h2 {
        font-size: 24px;
    }
    .ex-area h3 {
        font-size: 22px;
    }
}

@media (max-width: 425px) {
    .ex-area {
        margin-top: 85px;
    }
}


/* ================================ exhibition page start =========================== */


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


/* 
@media only screen and (max-width: 768px) {
    .form-area {
        margin-top: 90px;
    }
    .form-area .form .form-content {
        padding: 30px 10px;
    }
    .form-area .slide-heading h2 {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .form-area .customer-logos {
        margin-top: 0px;
    }
}

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

@media only screen and (max-width: 320px) {
    .account-area {
        margin-top: 70px;
    }
    .form-area .customer-logos {
        margin-top: 0;
    }
    .form .form-content {
        padding: 30px 10px;
    }
    content .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 .common-btn {
        width: 100%;
        height: 38px;
        line-height: 34px;
        font-size: 14px;
        margin-bottom: 0px;
    }
} */


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


/* ============================ member-details page start ==========================*/


/*======= member-details-area start ======= */

@media only screen and (max-width: 1024px) {
    .member-details-area .skills-silde {
        padding: 56px 0;
    }
    .member-details-area .skills-silde .skills-slide-content h2 {
        font-size: 38px;
        line-height: 45px;
        margin: 35px 0px;
    }
    .member-details-area .skills-card .skills-img {
        width: 100%;
        height: 330px;
    }
}

@media (max-width: 768px) {
    .member-details-area .skills-card .skills-img {
        width: 100%;
        height: 274px;
    }
    .member-details-area .skills-silde .skills-slide-content h2 {
        font-size: 32px;
        line-height: 22px;
        margin: 30px 0px;
    }
    .skills-slide-area .skills-silde .skills-slide-content p {
        font-size: 13px;
    }
    .member-details-area .skills-slide-content .admission-details .admission-icon span {
        font-size: 11px;
    }
    .skills-slide-area .skills-silde .skills-slide-content p {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .member-details-area .skills-slide-content .admission-details .admission-icon i {
        font-size: 10px;
        width: 20px;
        height: 20px;
        line-height: 20px;
    }
}

@media (max-width:425px) {
    .member-details-area .skills-silde .skills-slide-content h2 {
        font-size: 30px;
        line-height: 10px;
        margin: 30px 0px;
    }
    .member-details-area .skills-silde {
        padding: 0;
    }
    .skills-slide-area .skills-silde .skills-slide-content {
        padding: 10px;
        margin-bottom: 10px;
    }
}

@media (max-width:320px) {
    .member-details-area .skills-silde .skills-slide-content h2 {
        font-size: 27px;
        line-height: 5px;
        margin: 24px 0px;
    }
    .skills-slide-area .skills-silde .skills-slide-content p {
        font-size: 11px;
        margin-bottom: 10px;
    }
    .member-details-area .skills-slide-content .admission-details .admission-icon i {
        font-size: 9px;
        width: 18px;
        height: 18px;
        line-height: 18px;
    }
    .member-details-area .skills-slide-content .admission-details .admission-icon span {
        font-size: 10px;
    }
}


/*========= member-details section end  ========*/


/* ======member-profile section start ======== */

@media only screen and (max-width: 768px) {
    .member-profile-area .instructor .instructor-img {
        width: 150px;
        height: 150px;
        margin: 40px 28px;
    }
    .member-profile-area .instructor-content {
        padding: 20px;
    }
    .member-profile-area .instructor-content p {
        font-size: 13px;
        line-height: 24px;
    }
    .member-profile-area .instructor-content p a {
        font-size: 14px;
    }
    .member-profile-area .instructor-content span {
        font-size: 23px;
    }
}

@media only screen and (max-width: 425px) {
    .member-profile-area .instructor .instructor-img {
        margin: 10px auto;
    }
    .member-profile-area .instructor-content span {
        font-size: 18px;
    }
}


/* ======member-profile section end ======== */

@media only screen and (max-width: 768px) {
    .courses-area .skills-card .skills-content a h2 {
        font-size: 14px;
    }
    .courses-area .skills-card .skills-content h3 {
        font-size: 12px;
    }
    .courses-area .skills-card span {
        font-size: 18px;
        padding: 8px 0;
    }
}

@media only screen and (max-width: 425px) {
    .courses-area .skills-card .skills-content h3 {
        font-size: 14px;
    }
    .courses-area .skills-card a {
        font-size: 16px;
        font-weight: 500;
    }
    .courses-area .skills-card .skills-img {
        height: 200px;
    }
}

@media only screen and (max-width: 320px) {
    .courses-area .skills-card .skills-content h3 {
        font-size: 13px;
    }
}


/* =======Courses section end ========== */


/* ============================ member-details page end ==========================*/


/* =============================== my-course page start ========================== */

@media only screen and (max-width: 768px) {
    .my-course-area {
        margin-top: 112px;
        margin-bottom: 65px;
    }
    .my-course-area .admission-test a i {
        font-size: 18px;
    }
    .my-course-area .admission-test a {
        font-size: 18px;
    }
    .my-course-area .skills-card .skills-content a h2 {
        font-size: 16px;
    }
    .my-course-area .skills-card .skills-content span {
        padding: 3px 0;
    }
}

@media only screen and (max-width: 425px) {
    .my-course-area {
        margin-top: 70px;
        margin-bottom: 60px;
    }
    .my-course-area .skills-card .skills-img {
        width: 100%;
        height: 250px;
        overflow: hidden;
    }
}


/* =============================== my-course page end ============================ */


/* ===========================payment-history page start ======================= */

@media only screen and (max-width: 768px) {
    .payment-history-area {
        margin-top: 100px;
    }
    .payment-history-area .payment-history .payment-header h3 {
        font-size: 18px;
    }
    .payment-history-area .payment-history ul li {
        font-size: 15px;
    }
}

@media only screen and (max-width: 425px) {
    .payment-history-area {
        margin-top: 80px;
    }
    .payment-history-area .payment-history {
        padding: 10px;
    }
    .payment-history-area .payment-history {
        margin-top: 15px;
    }
    .payment-history-area .payment-history .payment-header h3 {
        font-size: 16px;
    }
    .payment-history-area .payment-history ul li {
        font-size: 12px;
    }
    .payment-history-area .payment-history ul strong {
        font-size: 10px;
    }
    .payment-history-area .payment-history .admission-test {
        font-size: 13px;
    }
}

@media only screen and (max-width: 375px) {
    .payment-history-area .payment-history ul li {
        font-size: 10px;
    }
    .payment-history-area .payment-history .admission-test {
        font-size: 12px;
    }
}


/* ===========================payment-history page end ============================ */


/* ================================ payment-method page start ======================= */

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


/* ================================ payment-method page end ========================= */


/* ============================== profile  page end =========================== */

@media only screen and (max-width: 425px) {
    .profile-area {
        width: 100%;
        margin: 0 auto;
        margin-top: 90px;
    }
    .profile-area .form .form-content input {
        padding: 5px 10px;
        margin-bottom: 15px;
    }
    .profile-area .form .form-content .common-btn {
        height: 38px;
        line-height: 38px;
        font-size: 15px;
        padding: 0 20px;
    }
}


/* ============================== profile page end ============================ */


/* ============================== register page start ===============================*/

@media only screen and (max-width: 425px) {
    .register-area .form .register-content {
        width: 360px;
    }
    .register-area .form .register-content label {
        font-size: 14px;
    }
    .register-area .form .register-content input::placeholder {
        font-size: 14px;
    }
    .register-area .form .register-content .create-account p {
        font-size: 14px;
    }
    .register-area .form .register-content .create-account a {
        font-size: 14px;
    }
    .register-area .form .register-content .common-btn {
        font-size: 14px;
    }
    .register-area .form .register-content h1 {
        font-size: 18px;
    }
}

@media only screen and (max-width: 375px) {
    .register-area .form .register-content {
        width: 280px;
    }
    .register-area .form .register-content label {
        font-size: 12px;
    }
    .register-area .form .register-content input {
        padding: 3px 10px;
        margin-bottom: 10px;
    }
    .register-area .form .register-content input::placeholder {
        font-size: 12px;
    }
    .register-area .form .register-content .common-btn {
        font-size: 13px;
    }
}


/* =============================== register page end ============================== */


/* ============================== skills-course page start ============================= */

@media only screen and (max-width: 1024px) {
    .skills-course-right .accordion-design {
        height: 321px;
    }
}

@media only screen and (max-width: 768px) {
    .skills-course-left .skills-course-links ul li a {
        font-size: 15px;
    }
    .skills-course-left .skills-course-links ul li {
        padding: 9px 10px;
        margin-bottom: 8px;
    }
    .skills-course-left .skills-course-links ul li a i {
        width: 20px;
        height: 20px;
        line-height: 20px;
        font-size: 8px;
        margin-right: 5px;
    }
    .skills-course-left .skills-course-video-header h2 {
        margin: 10px 0;
    }
}

@media only screen and (max-width: 475px) {
    .skills-course-area {
        margin-top: 0;
    }
    .skills-course-left {
        margin-top: 80px;
    }
    .skills-course-left .skills-course-video iframe {
        height: 260px;
    }
    .skills-course-left .skills-course-share {
        padding: 9px 2px;
        margin: 15px 0;
    }
    .skills-course-left .skills-course-share ul li a {
        font-size: 12px;
    }
    .skills-course-left .skills-course-links ul li a {
        font-size: 10px;
    }
    .skills-course-left .skills-course-links ul li {
        padding: 5px 10px;
        margin-bottom: 8px;
    }
    .skills-course-left .skills-course-links ul li a i {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 7px;
    }
    .skills-course-left .skills-course-links ul li {
        padding: 5px 10px;
        margin-bottom: 5px;
    }
    .skills-course-right .according-content {
        padding: 5px 10px;
    }
    .skills-course-right .skills-accordion-header h2 {
        font-size: 15px;
    }
    .skills-course-right .accordint-btn button i {
        font-size: 17px;
    }
    .skills-course-right .skills-course-content ul li p {
        font-size: 12px;
    }
    .skills-course-right .skills-course-content ul li a i {
        width: 15px;
        height: 15px;
        line-height: 15px;
        font-size: 7px;
    }
    .skills-course-right .header {
        padding: 7px 10px;
        margin-top: 40px;
    }
    .skills-course-right .header h3 {
        font-size: 16px;
    }
    .skills-course-right .skills-accordion-header h2 {
        font-size: 14px;
    }
    .skills-course-area .admission-test {
        font-size: 16px;
    }
    .skills-course-area p {
        font-size: 12px;
        line-height: 18px;
    }
    .skills-course-left .skills-course-video-header h2 {
        font-size: 15px;
        margin: 13px 0;
    }
    .skills-course-right .skills-accordion-header span {
        font-size: 11px;
    }
}


/* ============================== skills-course page end ============================= */


/* ============================== contact pages  start ============================= */


/* ====== contact page start =======  */

@media only screen and (max-width: 768px) {
    .contact-area {
        padding: 80px 0px;
    }
    .contact-sub-heading h2 {
        font-size: 18px;
        margin-bottom: 0;
    }
    .contact-area .contact-wrapper .contact-content {
        width: 100%;
    }
    .contact-area .contact-wrapper .contact-content .location p {
        font-size: 14px;
        line-height: 24px;
    }
    /* contact-img */
    .contact-area .contact-wrapper .contact-img-content .contact-img {
        width: 100%;
        height: 420px;
    }
    .contact-area .contact-wrapper .contact-img-content .contact-location p {
        font-size: var(--font-size16);
        line-height: 24px;
        margin: 10px 0;
    }
}

@media only screen and (max-width: 425px) {
    .contact-area .contact-wrapper .contact-img-content .contact-location p {
        font-size: 14px;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 320px) {
    .contact-area .contact-wrapper .contact-img-content .contact-img {
        height: 320px;
    }
}


/* ======== contact page end =========  */


/* ========== otp page start  ========== */

@media only screen and (max-width: 768px) {
    .otp-area .submit-content .submit-form {
        padding-top: 40%;
    }
    .otp-area .submit-content .submit-form form input {
        width: 50px;
    }
}

@media only screen and (max-width: 425px) {
    .otp-area {
        margin: 80px 0;
    }
    .otp-area .submit-content .submit-form {
        padding-top: 20%;
    }
    .otp-area .submit-content .submit-form form input {
        width: 37px;
    }
    .otp-area .submit-img {
        width: 311px;
        height: 339px;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 375px) {
    .otp-area .submit-img {
        width: 262px;
        height: 296px;
    }
}


/* ========== otp page end============= */


/* ========== sign up page start============= */

@media only screen and (max-width: 768px) {
    .information-area {
        padding: 80px 0;
    }
}

@media only screen and (max-width: 768px) {
    .sign-up-area {
        padding: 70px 0;
    }
    .sign-up-area .form-img {
        width: 100%;
        height: 500px;
    }
}

@media only screen and (max-width: 425px) {
    .sign-up-area {
        padding: 50px 0;
    }
    .submit-img {
        height: 308px;
    }
}


/* ========== sign up page end============= */


/* ========== information page start ============= */

@media only screen and (max-width: 768px) {
    .information-area {
        padding: 80px 0;
    }
}


/* ========== information page end ============= */


/* ============================== contact pages  end ============================= */