/* Min width 576px to Max width 767px */
@media only screen and (min-width: 576px) and (max-width: 767px) {
    .section-title h2 {
        font-size: 32px;
    }

    .section-title-2 h2 {
        font-size: 35px;
    }

    .section-content h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .about-us-area .content img {
        width: 100%;
    }

    .hero-section {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .hero-content h2 {
        font-size: 32px;
    }

    .hero-content .text-generator-box h3 {
        font-size: 20px;
    }

    .hero-content-3 h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .hero-content-3 p {
        margin-bottom: 30px;
    }

    .brand-section {
        padding-top: 590px;
    }

        .brand-section .single-brand {
            text-align: center;
        }

    .img-box {
        height: 510px;
        margin-bottom: 40px;
    }

    .about-content-2 h2 {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .about-content h2 {
        font-size: 42px;
    }

    .about-section-2 .img-box.part-1 {
        height: 510px;
    }

    .testimonial-section .owl-theme .owl-nav {
        right: 200px;
    }

    .footer-area .row .col-sm-6:last-child .footer-widget {
        margin-bottom: 0px;
    }

    .copy-right-area .cpr-right {
        justify-content: space-around;
    }

    .hero-content-2 h2 {
        font-size: 42px;
    }

    .hero-section-3 .short-prompt ul li span {
        padding: 8px 8px;
        font-size: 15px;
    }

    .hero-content-2 .short-prompt ul li {
        margin-right: 14px;
    }

    .team-content h2 {
        font-size: 42px;
    }

    .about-content p {
        font-size: 15px;
    }

    .team-content {
        padding-left: 20px;
        padding-right: 20px;
    }

        .team-content p {
            font-size: 15px;
        }

    .scroll-down-item h4::before {
        width: 72%;
    }

    .hero-content-3 p {
        font-size: 15px;
    }

    .developes-infos {
        padding-top: 40px;
    }

    .expertise-area .row .col-md-6:last-child .expertise-card {
        margin-bottom: 0px;
    }

    .single-team .team-text {
        top: 235px;
        padding: 20px 20px 30px;
    }

    .multip-title h3 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .team-section .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }

    .team-section .owl-carousel .owl-nav button.owl-next {
        left: 470px;
    }

    .single-team .team-text .team-title span {
        font-size: 14px;
    }

    .single-team .team-text .team-title h4 {
        font-size: 18px;
    }

    .single-team .team-text {
        top: 230px;
        padding: 20px 20px 30px;
    }

    .single-team:hover .team-text .team-title {
        padding: 0 0 10px;
        margin-bottom: 10px;
    }

    .single-team .team-text p {
        font-size: 13px;
        top: 50px;
    }

    .single-team .team-text .team-social {
        padding: 0 20px;
    }

    .blog-item-3 .content .bs-btn {
        bottom: 78px;
        left: 56%;
    }

    .blog-item-3 .image .quate-icon {
        top: 70%;
        right: 0px;
    }

    .blog-item-3 .content h4 a {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .blog-item-3 .content p {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .blog-details-dec .article-footer {
        display: flex;
    }

        .blog-details-dec .article-footer .article-tags {
            margin-bottom: 0px;
            text-align: start;
        }

    .blog-card .blog-metainfo li i {
        top: 4.5px;
    }

    .blog-card .blog-metainfo li i, .blog-card .blog-metainfo li a {
        font-size: 13px;
    }

    .blog-card .blog-img .blog-metainfo li {
        font-size: 13px;
    }

    .blog-card .blog-metainfo li {
        padding-left: 20px;
    }

    .blog-section-banner .blog-title-shape {
        padding: 55px 17px;
    }

        .blog-section-banner .blog-title-shape h2 {
            font-size: 28px;
        }

    .blog-details-dec .pera-image .row .col-lg-6:first-child {
        margin-bottom: 0;
    }

    blockquote p, .blockquote p {
        font-size: 18px !important;
    }

    blockquote, .blockquote {
        padding: 48px 30px !important;
        margin-bottom: 30px;
    }

    .faq-question {
        font-size: 18px;
    }

    .faq-answer {
        font-size: 15px;
    }

    .gallery-section h2 {
        font-size: 42px;
    }

    .testimonial-section-2 {
        margin-bottom: 0px;
    }

    .testimonial-item-2 .image .quate-icon {
        top: -24%;
        left: 180px;
    }

    .single-team .team-text .team-social a {
        font-size: 22px;
        margin-right: 25px;
    }

    .single-blog-card .blog-text {
        top: 150px;
        padding: 30px 20px 30px;
    }

        .single-blog-card .blog-text .blog-title h4 {
            font-size: 20px;
        }

        .single-blog-card .blog-text .blog-title ul li {
            font-size: 14px;
        }

    .pricing-section .img-box {
        height: 645px;
    }

    .pricing-content h2 {
        font-size: 42px;
    }

    .pricing-content p {
        font-size: 15px;
    }

    .project-img {
        margin-bottom: 25px;
    }

    .portfolio-details .portfolio-content .sub-title {
        font-size: 35px;
    }

    .pricing-section.style-2 {
        padding: 60px 0;
    }

    /* contact css */
    .contact-content {
        padding-right: 0px;
        margin-bottom: 30px;
    }

        .contact-content h2 {
            font-size: 32px;
            margin-bottom: 25px;
        }

        .contact-content p {
            font-size: 15px;
        }

    .contact-info-box {
        margin-bottom: 0px;
    }

        .contact-info-box i {
            font-size: 35px;
            margin-bottom: 30px;
        }

    .contact-info-box {
        padding: 30px 30px;
    }

        .contact-info-box h4 a {
            font-size: 18px;
        }

        .contact-info-box span {
            font-size: 15px;
        }

    .contact-info .row .col-lg-6:last-child .contact-info-box {
        margin-bottom: 0px;
    }

    .contact-form {
        padding: 35px 30px;
        margin-right: 0px;
        margin-bottom: 40px;
    }

        .contact-form .form-group .form-control {
            height: 50px;
            margin-bottom: 25px;
            font-size: 15px;
        }

    #map iframe {
        height: 300px;
    }
    /* not found page */
    .error-content h2 span {
        font-size: 150px;
    }

    .error-content h2 {
        font-size: 150px;
    }

    .error-content h4 {
        font-size: 30px;
        margin-bottom: 30px;
    }
}

/* Min width 768px to Max width 991px */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .ptb-100 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .pt-100 {
        padding-top: 80px;
    }

    .pb-100 {
        padding-bottom: 80px;
    }

    .ptb-70 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .pt-70 {
        padding-top: 50px;
    }

    .pb-70 {
        padding-bottom: 50px;
    }

    .default-btn {
        padding: 11px 24px;
        font-size: 14px;
    }

    .section-title {
        margin-bottom: 40px;
    }

    .section-title-2 h2 {
        font-size: 45px;
    }

    .section-title h2 {
        font-size: 35px;
    }

    .section-title .sub-title {
        margin-bottom: 20px;
    }

    .section-title-2 {
        margin-bottom: 35px;
    }

    .section-title .sub-title i {
        font-size: 25px;
    }

    .section-title .sub-title p {
        font-size: 15px;
    }

    .section-title .sub-title {
        padding: 6px 16px;
    }

    .section-content h2 {
        font-size: 35px;
    }

    .sub-title-2 p {
        font-size: 16px;
    }

    .sub-title {
        margin-bottom: 20px;
        padding: 6px 16px;
    }

    .section-canvas.bg-14 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .section-content p {
        margin-bottom: 30px;
    }

    .blog-section .section-content {
        text-align: center;
        max-width: 575px;
        margin: auto;
        margin-bottom: 50px;
    }

    .top-left-items {
        text-align: center;
    }

    .top-right-items {
        text-align: center;
    }

    .undergraduate-area .item .content-2 .default-btn {
        margin-left: 0;
    }

    .undergraduate-area .item {
        text-align: center;
    }

        .undergraduate-area .item .content h3 {
            margin-bottom: 20px;
        }

    .undergraduate-area a.white-under-btn {
        display: block;
        margin-bottom: 20px;
    }

    .undergraduate-area .item .content-2 {
        text-align: center;
    }

    .about-us-area .text-content {
        margin-bottom: 40px;
        text-align: center;
    }

        .about-us-area .text-content .sub-title p {
            font-size: 18px;
        }

        .about-us-area .text-content .sub-title {
            margin-bottom: 20px;
            justify-content: center;
        }

        .about-us-area .text-content h2 {
            font-size: 35px;
            margin-bottom: 20px;
        }

    .about-content {
        padding-left: 0;
    }

    .about-section-2 .counter .counter-content h2 {
        font-size: 45px;
        margin-bottom: 10px;
    }

    .about-section-2 .counter .counter-content p {
        font-size: 13px;
    }

    .about-section-2 .counter {
        padding-top: 100px;
    }

    .about-content p {
        font-size: 15px;
    }

    .about-content h2 {
        font-size: 35px;
    }

    .about-content ul li {
        font-size: 15px;
    }

    .about-content .default-btn {
        padding: 12px 25px 12px 25px;
    }

    .features-content .sub-title, .features-content-2 .sub-title {
        margin-bottom: 25px;
    }

    .features-content {
        padding-bottom: 80px;
    }

        .features-content .content {
            margin-bottom: 40px;
        }

        .features-content .image {
            position: initial;
        }

        .features-content .content h2, .features-content-2 .content h2 {
            font-size: 35px;
            margin-bottom: 40px;
        }

    .text-wapper-content {
        min-height: 17em;
        top: 25px;
    }

    .text-left span {
        padding: 15px 20px;
        font-size: 18px;
        margin-right: 16px;
    }

    .academics-item {
        padding: 35px 30px;
        margin-bottom: 30px;
    }

    .academics-area .row .col-lg-4:last-child .academics-item {
        margin-bottom: 0px;
    }

    .faculty-area .content .icon {
        width: 100%;
    }

    .faculty-area .content .text p {
        font-size: 14px;
    }

    .activities-card {
        margin-bottom: 30px;
    }

    .activities-area .row .col-lg-4:last-child .activities-card {
        margin-bottom: 0;
    }

    .quick-search {
        background: none;
    }

        .quick-search .quick-content .sub-title i {
            font-size: 25px;
        }

        .quick-search .quick-content .sub-title {
            margin-bottom: 20px;
        }

        .quick-search .quick-content h2 {
            margin-bottom: 20px;
            font-size: 32px;
        }

        .quick-search .quick-content .sub-title p {
            font-size: 16px;
        }

        .quick-search .quick-content h2 {
            margin-bottom: 20px;
            font-size: 35px;
        }

        .quick-search .quick-content p {
            font-size: 14px;
        }

        .quick-search .quick-content .list .list-items ul {
            padding-top: 0;
            padding-bottom: 0;
        }

            .quick-search .quick-content .list .list-items ul li {
                margin-bottom: 18px;
                font-size: 16px;
            }

        .quick-search .quick-content .apply-banner {
            padding: 15px;
            margin-bottom: 30px;
        }

        .quick-search .course-search-box {
            padding: 45px 30px;
        }

            .quick-search .course-search-box .search-key .form-control {
                height: 50px;
                font-size: 16px;
            }

            .quick-search .course-search-box .search-key .form-select {
                padding: 14px 15px;
                font-size: 16px;
            }

        .quick-search .quick-content .list .list-items ul li i {
            font-size: 22px;
            top: 2px;
        }

        .quick-search .quick-content .user-exprience .exprience .text h4 {
            font-size: 35px;
            margin-right: 10px;
        }

        .quick-search .quick-content .user-exprience .exprience .icon {
            margin-right: 8px;
        }

    .news-content-item .content-box .image {
        width: 18%;
    }

    .news-content-right .content-box img {
        width: 100%;
    }

    .testimonial-item-2 .content p {
        font-size: 16px;
        margin-bottom: 50px;
    }

    .success-area .success-card {
        margin-bottom: 30px;
    }

    .success-area .row .col-lg-4:last-child .success-card {
        margin-bottom: 0px;
    }

    .success-area .success-card .play a {
        height: 40px;
        width: 40px;
        z-index: 1;
        line-height: 47px;
        font-size: 30px;
    }

    .success-area .success-card .play {
        left: 5%;
    }

        .success-area .success-card .play::before {
            height: 55px;
            width: 55px;
        }

    .success-area .success-card ul li h3 {
        font-size: 20px;
    }

    .success-area .success-card ul {
        padding: 0px 15px 0 70px;
    }

    .event .content .image {
        width: 80%;
    }

    .event .content .text {
        padding-right: 30px;
    }

    .upcoming-event .event-dates .date {
        width: 15%;
    }

    .upcoming-event .content {
        padding-right: 30px;
    }

    .copy-right-area .cpr-left p {
        text-align: center;
        margin-bottom: 20px;
    }

    .copy-right-area .cpr-right {
        justify-content: center;
    }

    .footer-top-info .content .image {
        position: relative;
        top: -25px;
    }

    .footer-widget {
        margin-bottom: 40px;
    }

    .footer-widget-info .row .col-lg-3:last-child .footer-widget {
        margin-bottom: 0px;
    }

    .footer-widget-info .row .col-lg-3:nth-child(3) .footer-widget {
        margin-bottom: 0px;
    }

    .hero-content-3 h2 {
        font-size: 55px;
        margin-bottom: 20px;
    }

    .hero-content h2 {
        font-size: 42px;
        margin-bottom: 24px;
    }

    .hero-content-3 p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .developes-infos {
        padding-top: 50px;
    }

    .scroll-down-item h4::before {
        width: 78%;
        top: 12px;
    }

    .hero-content {
        padding-left: 16px;
        padding-right: 40px;
    }

    .image-effect {
        top: -30px;
    }

    .hero-content-3 .content {
        padding-left: 0;
    }

    .hero-section {
        padding-top: 70px;
        padding-bottom: 0px;
    }

    .hero-content .sub-title {
        padding: 6px 15px;
    }

    .hero-content .text-generator-box {
        position: relative;
        width: 190%;
    }

        .hero-content .text-generator-box h3 {
            margin-bottom: 30px;
        }

    .hero-section .searchbox .form-control {
        font-size: 16px;
    }

    .hero-section .short-prompt ul li p {
        font-size: 16px;
    }

    .hero-section .short-prompt {
        width: 180%;
        padding-left: 42px;
    }

        .hero-section .short-prompt ul li a {
            font-size: 15px;
            display: inline-block;
            padding: 10px 18px;
        }

    .brand-section-2 .row .col-6:last-child .single-brand {
        margin-bottom: 0px;
    }

    .skill-bar .text-content {
        padding: 0px 10px 25px;
    }

    .expertise-card h3 {
        font-size: 40px;
    }

    .multiple-section .multip-title p {
        font-size: 16px;
    }

    .multip-title h3 {
        font-size: 45px;
    }

    .blog-item-3 .content {
        padding: 20px 20px;
    }

    .blog-item-3 .image .quate-icon {
        top: 70%;
        right: 0px;
        height: 80px;
        width: 80px;
        font-size: 47px;
        line-height: 82px;
    }

    .blog-item-3 .content .ctag {
        font-size: 16px;
    }

    .blog-item-3 .content h4 a {
        font-size: 26px;
        margin-bottom: 10px;
    }

    .blog-item-3 .content .blog-meta li {
        font-size: 16px;
    }

    .single-blog-card.grid .blog-text {
        top: 250px;
    }

    .wrapper-move-text {
        margin-bottom: 80px;
    }

    .second-move-heading {
        font-size: 100px;
    }

    .heading-move {
        font-size: 100px;
    }

    .faq-answer {
        font-size: 15px;
    }

    .faq-section .img-box {
        height: 470px;
    }

    .faq-item {
        padding: 16px;
    }

    .icon-container i {
        font-size: 28px;
    }

    .faq-question {
        font-size: 18px;
    }

    .blog-card .blog-info h3 a {
        font-size: 25px;
    }

    .blog-section-banner {
        padding: 190px 0;
    }

        .blog-section-banner .blog-title-shape {
            padding: 40px 100px;
        }

            .blog-section-banner .blog-title-shape h2 {
                font-size: 35px;
            }

    .blog-details-dec {
        padding-right: 0;
    }

    .blog-section-2 {
        padding-top: 80px;
    }

        .blog-section-2 .blog-content-2 p {
            font-size: 15px;
        }

        .blog-section-2 .blog-card {
            margin-bottom: 40px;
        }

        .blog-section-2 .row .col-md-6:last-child .blog-card {
            margin-bottom: 0px;
        }

    .comments-area {
        margin-bottom: 50px;
    }

    .blog-stand-card {
        margin-bottom: 50px;
    }

    .project-img {
        margin-bottom: 20px;
    }

    .brand-section .brand-title h4 {
        font-size: 16px;
        padding-left: 45px;
    }

    .brand-section {
        padding-top: 80px;
    }

        .brand-section .brand-title h4::before {
            width: 30%;
        }

    .brand-section-2 .single-brand {
        text-align: center;
        margin-bottom: 30px;
    }

    .brand-section-2 .justify-content-between {
        justify-content: center !important;
    }

    .brand-section .justify-content-between {
        justify-content: center !important;
    }

    .brand-section .row .col-md-4:nth-child(4) .single-brand {
        margin-bottom: 0px;
    }

    .brand-section .row .col-md-4:last-child .single-brand {
        margin-bottom: 0px;
    }

    .brand-section-2 .row .col-md-4:nth-child(4) .single-brand {
        margin-bottom: 0px;
    }

    .brand-section-2 .row .col-md-4:last-child .single-brand {
        margin-bottom: 0px;
    }

    .gallery-section .item-grid {
        grid-template-columns: repeat(4, 1fr);
        margin-top: 40px;
    }

    .gallery-section h2 {
        font-size: 35px;
    }

    .team-content h2 {
        font-size: 35px;
    }

    .team-content {
        padding-left: 30px;
    }

    .single-team .team-text {
        top: 300px;
    }

    .team-section {
        padding-top: 20px;
    }

        .team-section .owl-carousel .owl-nav button.owl-next {
            left: -80%;
            bottom: 25px;
        }

        .team-section .owl-carousel .owl-nav button.owl-prev {
            left: -100%;
            bottom: 25px;
        }

        .team-section .owl-carousel .owl-nav button.owl-prev, .team-section .owl-carousel button.owl-dot {
            font-size: 30px;
        }

        .team-section .owl-carousel .owl-nav button.owl-next, .team-section .owl-carousel .owl-nav button.owl-prev {
            height: 50px;
            width: 50px;
            line-height: 55px;
        }

    .cart-buttons .shopping-coupon-code button {
        height: 50px;
        font-size: 14px;
    }

    .cart-totals {
        margin-left: auto;
        margin-right: auto;
    }

    .billing-details {
        margin-bottom: 40px;
    }

    .products-details-desc {
        padding-left: 0;
        margin-top: 20px;
    }

    .products-details-tabs .tab-content .tab-pane ul {
        margin-top: 20px;
    }

        .products-details-tabs .tab-content .tab-pane ul li {
            font-size: 15px;
        }

    .products-details-desc .products-meta {
        font-size: 16px;
    }

    .products-details-tabs .tab-content .tab-pane p {
        font-size: 16px;
    }

    .products-details-desc p {
        font-size: 16px;
    }

    .products-details-tabs .nav .nav-item .nav-link {
        font-size: 17px;
    }

    .products-reviews {
        margin-bottom: 40px;
    }

    .sub-title-2 {
        margin-bottom: 15px;
    }

    .content-title h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .content-title p {
        font-size: 15px;
    }

    .about-content-2 p {
        font-size: 15px;
        margin-bottom: 30px;
    }

    .about-content-2 h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .about-content-2 {
        padding-left: 0px;
    }

    .process-wrap .process-content .process-item-wrap .process-item .process-info p {
        font-size: 15px;
    }

    .sub-title-1 {
        margin-bottom: 25px;
        padding: 6px 16px;
    }

    .process-wrap .process-content .process-item-wrap .process-item .process-info h4 {
        font-size: 22px;
    }

    .img-box {
        height: 440px;
    }

    .process-wrap .process-content .process-item-wrap {
        margin: 20px 0 0;
    }

        .process-wrap .process-content .process-item-wrap .process-item span {
            width: 70px;
            font-size: 45px;
        }

        .process-wrap .process-content .process-item-wrap .process-item {
            padding-bottom: 20px;
            margin-bottom: 20px;
        }

    .process-wrap .img-box {
        height: 745px;
    }

    .about-section-2 .img-wrapper.part-1 {
        top: 0;
        padding-left: 0;
    }

    .about-section-2 .img-box.part-1 {
        height: 430px;
    }

    .about-section-2 .counter .counter-content {
        margin-bottom: 13px;
    }

    .about-content-2 .counter .counter-content h2 {
        margin-bottom: 0px;
        text-align: center;
        font-size: 55px;
    }

    .about-section-2 .counter {
        padding-top: 40px;
    }

    .about-section .about-wrap .about-video-wrap {
        width: 100%;
        height: 475px;
    }

    .video-section {
        padding-top: 200px;
        padding-bottom: 200px;
    }

    .testimonial-section {
        padding-bottom: 0px;
    }

    .testimonial-item {
        padding: 40px 30px;
        background-color: var(--whiteColor);
        border: 1px solid #ededed;
    }

    .footer-widget-info .subscribe-area {
        padding: 0px 20px;
        margin-bottom: 50px;
        text-align: center;
    }

    .footer-widget {
        margin-bottom: 0px;
    }

    .footer-widget-info .subscribe-area::after {
        display: none;
    }

    .contact-section .contact-wrap .contact-video-wrap {
        width: 100%;
        height: 535px;
    }


    .portfolio-details .portfolio-content {
        margin-bottom: 40px;
    }

    .hero-content-2 h2 {
        font-size: 55px;
        margin-bottom: 40px;
    }

    .hero-section-3 {
        padding-top: 100px;
        padding-bottom: 100px;
    }

        .hero-section-3.zoom-x {
            -webkit-animation: none;
            animation: none;
        }

    .about-1 {
        margin-bottom: 30px;
    }

    .pricing-section.style-2 {
        padding: 100px 0;
    }

        .pricing-section.style-2 .pricing-table .pricing-box {
            margin-bottom: 30px;
        }

        .pricing-section.style-2 .pricing-table .row .col-lg-4:last-child .pricing-box {
            margin-bottom: 0px;
        }

    .pricing-section {
        padding: 0;
    }

    .pricing-content {
        padding-left: 0;
        padding-top: 40px;
    }

        .pricing-content h2 {
            font-size: 35px;
        }

        .pricing-content p {
            margin-bottom: 30px;
            font-size: 15px;
        }

    .pricing-section .price-wrap .price-video-wrap {
        width: 100%;
        height: 600px;
    }

    .single-blog-card .blog-text {
        top: 230px;
    }

    .blog-section-2 .blog-content-2 h2 {
        font-size: 35px;
    }

    .blog-section-2 .blog-content-2 {
        margin-bottom: 40px;
    }

    .footer-top-info .content {
        padding: 40px 75px;
    }
    /* contact css */
    .contact-content {
        padding-right: 0px;
        margin-bottom: 30px;
    }

        .contact-content h2 {
            font-size: 35px;
            margin-bottom: 25px;
        }

        .contact-content p {
            font-size: 15px;
        }

    .contact-info-box {
        margin-bottom: 0px;
    }

    .contact-info-box {
        padding: 30px 30px;
    }

        .contact-info-box span {
            font-size: 15px;
        }

    .contact-info .row .col-lg-6:last-child .contact-info-box {
        margin-bottom: 0px;
    }

    .contact-form {
        padding: 35px 30px;
        margin-right: 0px;
        margin-bottom: 40px;
    }

        .contact-form .form-group .form-control {
            height: 50px;
            margin-bottom: 25px;
            font-size: 15px;
        }

    #map iframe {
        height: 300px;
    }

    .cookie-content {
        padding-right: 0;
        margin-bottom: 40px;
    }

        .cookie-content .pera-list .style-2 {
            padding-top: 0;
        }

    .footer-widget-info .subscribe-area::before {
        display: none;
    }

    /* not found page */
    .error-content h2 span {
        font-size: 200px;
    }

    .error-content h2 {
        font-size: 200px;
    }

    .error-content h4 {
        font-size: 35px;
        margin-bottom: 30px;
    }
}

/* Min width 992px to Max width 1199px */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .section-title h2 {
        font-size: 42px;
    }

    .section-banner {
        padding-top: 70px;
        padding-bottom: 70px;
    }

        .section-banner .banner-content h2 {
            font-size: 45px;
        }

        .section-banner .breadcrumb-item.active {
            font-size: 17px;
        }

        .section-banner .breadcrumb .breadcrumb-item a {
            font-size: 17px;
        }

    .section-content h2 {
        font-size: 42px;
        font-weight: 800;
    }

    .sub-title-2 {
        margin-bottom: 15px;
    }

    .default-btn {
        padding: 12px 25px 12px 25px;
        font-size: 16px;
    }

    .hero-section-3.zoom-x {
        -webkit-animation: none;
        animation: none;
    }

    .hero-content h2 {
        font-size: 45px;
        margin-bottom: 40px;
    }

    .hero-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .text-left span {
        padding: 14px 20px;
        font-size: 20px;
        margin-right: 18px;
    }

    .features-section-2 .feature-box p {
        font-size: 16px;
    }

    .about-content-2 h2 {
        font-size: 42px;
        margin-bottom: 20px;
    }

    .brand-section .brand-title h4::before {
        width: 40%;
    }

    .hero-content .text-generator-box {
        position: relative;
        width: 176%;
        z-index: 1;
    }

        .hero-content .text-generator-box h3 {
            margin-bottom: 30px;
        }

    .hero-section .searchbox .form-control {
        font-size: 16px;
    }

    .hero-section .short-prompt ul li p {
        font-size: 17px;
    }

    .hero-section .short-prompt {
        width: 180%;
        padding-left: 42px;
    }

    .img-box {
        height: 515px;
    }

    .image-effect {
        top: -80px;
    }

    .brand-section {
        padding-top: 100px;
    }

    .about-section .about-wrap .about-video-wrap {
        height: 520px;
    }

    .about-content-2 {
        padding-left: 0;
        padding-top: 60px;
    }

    .about-section-2 .about-1 {
        margin-bottom: 40px;
    }

    .about-section-2 .img-wrapper.part-1 {
        top: 0;
        padding-left: 0;
    }

    .about-section-2 .img-box.part-1 {
        height: 540px;
    }

    .about-content-2 p {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .blog-section .section-content {
        text-align: center;
        max-width: 575px;
        margin: auto;
        margin-bottom: 50px;
    }

    .about-section-2 .counter .counter-content h2 {
        font-size: 45px;
        margin-bottom: 5px;
    }

    .account-process li {
        padding: 20px 20px 20px 45px;
        font-size: 15px;
    }

    .about-section-2 .counter .counter-content p {
        font-size: 16px;
    }

    .account-process li i {
        top: 24px;
        left: 10px;
        font-size: 25px;
    }

    .work-section .title-content h2 {
        font-size: 45px;
    }

    .work-section .title-content p {
        font-size: 16px;
    }

    .work-section .title-section {
        margin-bottom: 50px;
    }

    .work-section .work-box .content3 i {
        top: 17px;
        right: 25px;
        font-size: 23px;
    }

    .work-section .work-box .content3 h3 {
        font-size: 20px;
    }

    .services-details-overview .services-details-desc p {
        font-size: 16px;
    }

    .services-details-overview .services-details-desc h2 {
        font-size: 35px;
    }

    .services-details-overview .services-details-desc .features-text h3 {
        font-size: 22px;
        padding-left: 30px;
    }

    .testimonial-section {
        padding-bottom: 0px;
    }

    .testimonial-item {
        border: 1px solid #ededed;
    }

    .single-team .team-text {
        top: 260px;
    }

    .undergraduate-area .item .content {
        text-align: center;
        margin-bottom: 15px;
    }

    .undergraduate-area .item .content-2 {
        text-align: center;
    }

    .about-content h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .hero-content-2 h2 {
        font-size: 60px;
    }

    .about-content ul li {
        font-size: 16px;
    }

    .team-content h2 {
        font-size: 44px;
    }

    .about-content p {
        font-size: 16px;
    }

    .content-title p {
        font-size: 16px;
    }

    .testimonial-item p {
        font-size: 16px;
    }

    .content-title h2 {
        font-size: 45px;
    }

    .process-wrap .process-content .process-item-wrap .process-item .process-info p {
        font-size: 16px;
    }

    .section-content p {
        margin-bottom: 35px;
        font-size: 16px;
    }

    .blog-content .blog-title p {
        font-size: 16px;
    }

    .blog-content .blog-btn a {
        font-size: 16px;
    }

    .blog-content .blog-date span {
        font-size: 16px;
    }

    .hero-section .short-prompt ul {
        text-align: center;
    }

        .hero-section .short-prompt ul li a {
            padding: 10px 16px;
            font-size: 16px;
        }

    .expertise-card h3 {
        font-size: 42px;
    }

    .expertise-card a {
        font-size: 16px;
    }

    .expertise-card p {
        margin-bottom: 25px;
        font-size: 16px;
    }

    .section-link-regular p {
        font-size: 16px;
    }

    .skill-bar .text-content p {
        font-size: 16px;
    }

    .blog-item-3 .content .ctag {
        font-size: 16px;
    }

    .blog-item-3 .content .blog-meta li {
        font-size: 16px;
    }

        .blog-item-3 .content .blog-meta li::after {
            top: 9px;
        }

    .blog-item-3 .image .quate-icon {
        top: 70%;
        right: 35px;
    }

    .scroll-down-item h4 {
        font-size: 16px;
    }

    .widget-area .widget {
        padding: 30px 25px;
    }

        .widget-area .widget .widget-title {
            font-size: 22px;
        }

    .widget-categories .post-categories ul li a {
        font-size: 16px;
    }

    .widget-social .social-links ul li a {
        font-size: 16px;
    }

    .blog-stand-card {
        margin-bottom: 40px;
    }

    .blog-card.standard .blog-info p {
        font-size: 16px;
    }

    .blog-card .blog-info .btn-link {
        font-size: 16px;
    }

    .team-content {
        padding-left: 30px;
        padding-bottom: 50px;
        max-width: 560px;
    }

    .gallery-section h2 {
        font-size: 44px;
    }

    .gallery-section .item-grid {
        margin-top: 40px;
    }

    .section-title-2 {
        margin-bottom: 40px;
    }

    .pricing-content h2 {
        font-size: 44px;
    }

    .pricing-content {
        padding-left: 10px;
    }

        .pricing-content p {
            font-size: 16px;
        }

    .price-wrap {
        margin-bottom: 40px;
    }

    .pricing-table .pricing-box {
        padding: 75px 20px 30px;
    }

    .pricing-section .price-wrap .price-video-wrap {
        height: 655px;
    }

    .blog-section-2 .blog-card {
        margin-bottom: 40px;
    }

    .blog-section-2 .row .col-md-6:last-child .blog-card {
        margin-bottom: 0px;
    }

    .contact-content p {
        font-size: 16px;
    }

    .contact-form .form-group .form-control {
        font-size: 16px;
    }

    .contact-content h2 {
        font-size: 45px;
        margin-bottom: 20px;
    }

    .contact-info-box h4 a {
        font-size: 16px;
    }

    .contact-section .contact-wrap .contact-video-wrap {
        height: 630px;
    }

    .testimonial-section-2 {
        padding-bottom: 0px;
    }

    .blog-section-2 {
        padding-top: 0px;
    }

        .blog-section-2 .blog-content-2 h2 {
            font-size: 44px;
        }

    .widget-post .item .info h4 a {
        font-size: 16px;
    }

    .team-section .owl-carousel .owl-nav button.owl-prev {
        left: 80%;
        top: -25%;
    }

    .team-section .owl-carousel .owl-nav button.owl-next {
        left: 92%;
        top: -25%;
    }

    .single-blog-card.grid .blog-text {
        top: 195px;
    }

    .faq-section .img-box {
        height: 480px;
    }

    .faq-question {
        font-size: 20px;
    }

    .faq-answer {
        font-size: 15px;
    }

    .faq-item {
        padding: 15px 20px;
    }

    .portfolio-details .portfolio-content {
        padding: 30px 25px;
    }

        .portfolio-details .portfolio-content .sub-title {
            font-size: 35px;
        }

        .portfolio-details .portfolio-content ul li .title {
            padding-right: 25px;
        }

        .portfolio-details .portfolio-content ul li p {
            font-size: 16px;
        }

        .portfolio-details .portfolio-content ul li .title {
            font-size: 16px;
        }

        .portfolio-details .portfolio-content ul li span {
            font-size: 16px;
        }

    .project-dec p {
        font-size: 16px;
    }

    .cookie-content h2 {
        margin-bottom: 20px;
    }

    .cookie-content p {
        font-size: 16px;
    }

    .cookie-content .pera-list ul li {
        font-size: 16px;
    }

    /* not found page */
    .error-content h2 span {
        font-size: 250px;
    }

    .error-content h2 {
        font-size: 250px;
    }

    .error-content h4 {
        font-size: 40px;
        margin-bottom: 30px;
    }

    .section-canvas.bg-14 {
        padding-top: 80px;
        padding-bottom: 80px;
    }

    .hero-content-3 h2 {
        font-size: 52px;
    }

    .hero-content-3 p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .developes-infos {
        padding-top: 50px;
    }

    .scroll-down-item h4::before {
        width: 84%;
        top: 12px;
    }

    .brand-section-2 .single-brand {
        margin-bottom: 0;
    }

    .multiple-section .multip-title p {
        font-size: 16px;
    }

    .multip-title h3 {
        font-size: 45px;
        margin-bottom: 0px;
    }

    .skill-bar .text-content {
        padding: 0px 0px 25px;
    }

    .blog-item-3 .content .bs-btn {
        bottom: 35px;
        left: 57%;
    }

    .blog-details-dec {
        padding-right: 10px;
    }

    .blog-section-banner .blog-title-shape h2 {
        font-size: 42px;
    }

    .blog-lists .blog-card .blog-info h3 a {
        font-size: 20px;
    }

    .footer-widget-info .subscribe-area {
        padding-right: 90px;
    }

        .footer-widget-info .subscribe-area p {
            font-size: 16px;
        }

    .subscribe-area .subscribe-box .form-control {
        font-size: 16px;
    }

    .footer-widget-info .footer-widget ul li a {
        font-size: 16px;
    }

    .footer-widget-info .footer-widget .ft-number {
        font-size: 17px;
    }

    .footer-widget-info .footer-widget .ft-mail {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .footer-widget-info .footer-widget span {
        font-size: 16px;
    }

    .subscribe-area .subscribe-box .btn {
        padding: 12px 15px;
        font-size: 16px;
    }

    .copy-right-area .cpr-left p {
        font-size: 16px;
    }

    .copy-right-area .cpr-right ul li a {
        font-size: 16px;
    }
}

/* Min width 1200px to Max width 1399px */
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
    .hero-section .short-prompt ul li a {
        padding: 12px 14px;
        font-size: 15px;
    }

    .brand-section {
        padding-top: 100px;
    }

        .brand-section .brand-title h4::before {
            width: 50%;
        }
}

.footer-widget-info .subscribe-area {
    position: relative;
    padding-right: 0;
}

    .footer-widget-info .subscribe-area h2 {
        font-size: 36px;
    }

    .footer-widget-info .subscribe-area::after {
        display: none;
    }

.footer-widget-info .subscribe-area {
    margin-bottom: 40px;
}

    .footer-widget-info .subscribe-area p {
        font-size: 15px;
    }

.portfolio-details .portfolio-content .sub-title {
    font-size: 30px;
}

.footer-widget {
    margin-bottom: 40px;
}

.footer-widget-info .row .col-lg-2:last-child .footer-widget {
    margin-bottom: 0px;
}

.footer-top-info .content .image {
    top: -20px;
}

.footer-top-info .content {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

    .footer-top-info .content h2 {
        font-size: 36px;
    }

    .footer-top-info .content ul li a {
        height: 35px;
        width: 35px;
        font-size: 20px;
    }

.footer-widget-info .footer-widget span {
    font-size: 16px;
    margin-bottom: 20px;
}

.footer-widget-info .footer-widget .ft-mail {
    font-size: 16px;
    margin-bottom: 20px;
}

.footer-widget-info .footer-widget .ft-number {
    font-size: 20px;
}

.footer-widget-info .footer-widget ul li a {
    font-size: 16px;
}



/* Make the page a flex column, full height */
.mobile-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    background: var(--bs-primary, #0d6efd); /* fallback to blue if variable not set */
}

    /* Main fills remaining space between header and footer */
    .mobile-page main {
        flex: 1 0 auto;
        display: flex;
        flex-direction: column;
    }

    /* Content (body) area fills available space between header and footer */
    .mobile-page .main-content-area {
        flex: 1 0 auto;
        background: #fff !important;
        padding: 1rem;
        margin: 0 auto;
        width: 100%;
        box-sizing: border-box;
        border-radius: 0.75rem;
        box-shadow: 0 4px 16px rgba(13, 110, 253, 0.06);
        min-height: 0;
    }

    /* Fixed footer */
    .mobile-page footer-area {
        flex-shrink: 0;
        width: 100%;
        background: #222;
        color: #fff;
        padding: 1rem 0 0 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 50;
        box-shadow: 0 -2px 12px rgba(13,110,253,0.05);
    }

    .mobile-page .footer-area {
        /* ...existing styles... */
        height: 3rem; /* or whatever height matches your footer */
    }

    .mobile-page copy-right-area {
        width: 100%;
        text-align: center;
        color: #fff !important;
    }

.btn-mobile {
    background: #0F73CF;
    color: #fff;
    border: none;
    border-radius: 12px;
    /*padding: 8px 16px;
        font-size: 1rem;*/
    font-weight: 600;
    cursor: pointer;
    transition: background 0.15s;
    outline: none;
}

    .btn-mobile:hover,
    .btn-mobile:focus {
        background: linear-gradient(94deg, #1ba8fd 21%, #0F73CF 104%);
        color: #fff;
    }

@media (max-width: 767px) {
    .mobile-page main-content-area {
        padding: 1rem 0.5rem;
        border-radius: 0.3rem;
    }
}

.quote-card-custom {
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    background: #fff;
    display: flex;
    flex-direction: column;
}

.quote-card-row-top {
    background: #f8f9fa;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    font-size: 1.1rem;
    min-height: 44px;
}

.quote-card-row-center {
    border-top: 1px solid #e6e6e6;
    background: #fcfcfc;
}

.project-name {
    font-size: 1.2rem;
    font-weight: 600;
    color: maroon;
}

@media (max-width: 575.98px) {
    .quote-card-row-center .col-6 {
        margin-bottom: 12px;
    }

    .badge {
        font-size: 0.8em;
        text-align: center;
        padding: 10px;
        margin: 0px;
    }
}


.mobile-card-header {
    background-color: #282F37;
}