/*About Page Responsive*/


@media only screen and (max-width: 1199px) {
    .box-image-wrapper .main-image {
        width: 650px;
    }

    .banner {

        gap: 7rem;
        padding-top: 12rem;
    }

    .header-banner .dot-left {
        position: absolute;
        left: 60%;
        top: 20%;
    }

    .carousel-item h1 {
        font-size: 4rem;
    }

    .banner .line {
        right: 40%;
    }

    .box-image-wrapper .small-img.top {
        right: 5%;
    }

    .box-image-wrapper .small-img {
        max-width: 380px;
    }

    .small-img-text {
        bottom: 0%;
        right: 20%;
    }

}

@media only screen and (max-width: 1024px) {
    .img-wrapper {
        bottom: 55px;
    }

    .img-inner img {
        height: 350px;
        width: 250px;
    }

    .working-process #aboutText {
        font-size: 3rem;
    }

    .carousel-item h1 {
        font-size: 3.5rem;
    }

    .box-image-wrapper .main-image {
        width: 500px;
    }

    .banner .line {
        right: 46%;
    }

    .box-image-wrapper .small-img {
        max-width: 330px;
    }

    .small-img-text {
        right: 22%;
    }

    #aboutText {
        font-size: 3rem;
    }

    .small-image {
        width: 195px;
        height: 160px;
    }

    .result-section {
        margin: 1rem 0;
    }

    .service-card {
        max-width: 320px;
    }

    .heading {
        font-size: 28px;
    }

    .heading strong {
        font-size: 28px;
    }
}

@media only screen and (max-width: 991px) {
    .about-inner-section {
        padding-top: 0px;
    }

    .services-right {
        display: none;
    }

    .services-section {
        padding: 60px 0;

    }

    .service-card {
        max-width: 420px;
    }

    .mvv-content-wrap {
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .mvv-title-wrap {
        justify-content: center;
        margin-bottom: 20px;
    }

    .mvv-text-wrap {
        justify-content: center;
    }

    .mvv-desc {
        width: 100%;
    }

    .mvv-bg {
        display: none;
    }

    .working-process-area {
        flex-direction: column;
    }

    .process-item:not(:last-child)::after {
        display: none;
        /* hide arrows on mobile */
    }

    .contact-us-sec .bg-primary {
        border-radius: 0;
        margin-top: 2rem;
    }

    .reseller .card-img-top {
        height: 250px;
    }

    .reseller {
        padding: 0 30px;
    }

    .reseller-details .row {
        margin: 0 !important;
        padding: 0 !important;
    }

    .reseller-details .row>* {
        margin: 0 !important;
        padding: 0;
    }

    .resl-dtl-left {
        width: 60%;
    }

    .resl-dtl-rgt {
        width: 40%;
        padding-left: 20px !important;
    }

    .reseller-details {
        padding: 40px 20px;
    }

    .reseller-details-bx {
        padding: 5px 7px !important;

    }

}

@media (max-width: 991px) and (min-width: 668px) {
    section {
        padding: 40px 0;
    }

    .services-left {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
        height: auto;
    }

    .service-card {
        position: relative !important;
        transform: none !important;
        opacity: 1 !important;
        width: calc(50% - 20px);
        margin-bottom: 20px;
        border-width: 10px;
        font-size: 1rem;
    }

    .services-right-inner {
        position: static;
        margin-top: 40px;
        text-align: center;
    }

    .services-right h1 {
        font-size: 32px;
    }

    .services-right ul li {
        font-size: 20px;
        text-align: center;
        border: none;
    }

    .services-right li.active {
        border-left: none;
        transform: none;
        color: #1100ff;
    }


}

/* Below 768px → 1 card per row */
@media (max-width: 767px) {

    .banner-img {
        display: none;
    }

    .working-process #aboutText {
        font-size: 2rem;
    }

    .exp-para {
        padding: 0px;
    }

    .exp-area::before {
        display: none;
    }

    #aboutText {
        font-size: 3rem;
    }

    .banner {
        gap: 7rem;
        padding-top: 8rem;
        padding-bottom: 3rem;
    }

    .carousel-item h1 {
        font-size: 3rem;
    }

    .box-image-wrapper .main-image {
        width: 420px;
        height: auto;
    }

    .box-image-wrapper .small-img {
        max-width: 250px;
    }

    .small-img-text {
        right: 16%;
    }

    .banner .line {
        right: 41%;
    }

    .small-image {
        width: 300px;
        height: 250px;
    }

    .choose-title {
        font-size: 32px;
    }

    .sticky-col {
        position: relative;
        top: 0;
    }

    .choose-box {
        padding-left: 40px;
    }

    .contact-top-sec {
        padding: 50px 30px;
    }

    .contact-us-left {
        padding-top: 40px;
    }

    .cont-heading {
        font-size: 34px;
    }

    .cont-stasf-wrap .item-text {
        font-size: 40px;
    }

    .cont-stasf-wrap i {
        font-size: 21px;
        height: 55px;
        width: 55px;
    }

    .contact-top-sec .row:first-child {
        gap: 20px !important;
    }

    .cont-top-info-list {
        padding: 15px 20px;
    }

    .btn-submit {
        padding-top: 13px;
        height: 50px;
        font-size: 14px;
    }

    .reseller .reselr-card-body {
        padding: 1.5rem 1rem;
    }

    .top-heading-holder {
        margin-bottom: 15px !important;
    }

    .sticky-sidebar-wrapper {
        position: sticky;
        top: 20px;
    }
}

@media only screen and (max-width: 667px) {

    .services-left {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        height: auto;
    }

    .service-card {
        position: relative !important;
        transform: none !important;
        opacity: 1 !important;
        width: 100%;
        max-width: 100%;
        border-width: 10px;
        font-size: 1rem;
    }

    .services-right-inner {
        position: static;
        top: auto;
        margin-top: 40px;
        text-align: center;
    }

    .services-right h1 {
        font-size: 28px;
    }

    .services-right ul li {
        font-size: 18px;
        text-align: center;
        border: none;
    }

    .services-right li.active {
        border-left: none;
        transform: none;
        color: #1100ff;
    }

    .small-image {
        width: 255px;
        height: 223px;
    }

    .testimonial .carousel-control-prev,
    .testimonial .carousel-control-next {
        display: none;
    }

}

@media only screen and (max-width: 568px) {
    .carousel-item h1 {
        font-size: 2rem;
    }

    .client-avatars img {
        width: 35px;
        height: 35px;
    }

    .banner-text {
        padding-bottom: 3rem;
    }

    .small-image {
        width: 220px;
        height: 185px;
    }

    .header-banner .dot-left {
        left: 35%;
        top: 75%;
    }

    .banner .carousel-item {
        margin-bottom: 2rem;
    }

    .reseller .icon-circle i {
        font-size: 20px;
    }

    #sub-text-stock {
        font-size: 34px;
    }

    .reseller {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 479px) {
    .partner-section {
        padding: 0;
    }

    .small-image {
        width: 190px;
        height: 150px;
    }

    .result-box {
        flex-direction: column;
    }

    .cards-wrapper {
        display: block;
    }

    .cards-row {
        display: block;
    }

    .coach-card {
        width: 100%;
        font-size: 20px;
    }

    .vertical-text {
        display: none;
    }
}

@media only screen and (max-width: 414px) {
    .small-image {
        width: 160px;
        height: 130px;
    }

    .experience-badge {
        top: 60px;
    }

}

@media only screen and (max-width: 375px) {
    .small-image {
        width: 140px;
        height: 115px;
    }
}

@media only screen and (max-width: 360px) {}

@media only screen and (max-width: 325px) {
    .carousel-item h1 {
        font-size: 1.8rem;
    }

    .small-image {
        width: 120px;
        height: 100px;
    }
}

/*Faq Responsive*/
@media (max-width: 768px) and (min-width: 360px) {

    .faq-section {
        padding: 50px 15px;
    }

    .exp-para-1 {
        font-size: 12px;
    }

    .faq-hdr {
        margin-bottom: 35px;
    }

    .accordion-box-four .acc-btn {
        font-size: 13px;
        padding: 5px 25px;
    }

    .text {
        font-size: 13px !important;
    }

    .mr-bt {
        font-size: 32px;
        margin: unset;
    }
}

@media(max-width: 768px) and (min-width: 360px) {
    #aboutText-1 {
        display: none;
    }
}

@media(max-width: 1360px) and (min-width: 769px) {
    #aboutText-1 {
        font-size: 22px;
    }
}

@media (max-width: 768px) and (min-width: 360px) {

    .faq-section {
        padding: 50px 15px;
    }

    .exp-para-1 {
        font-size: 12px;
    }

    .faq-hdr {
        margin-bottom: 35px;
    }

    .accordion-box-four .acc-btn {
        font-size: 13px;
        padding: 5px 25px;
    }

    .text {
        font-size: 13px !important;
    }

    .mr-bt {
        font-size: 32px;
        margin: unset;
    }
}

@media(max-width: 768px) and (min-width: 360px) {
    #aboutText-1 {
        display: none;
    }
}

@media(max-width: 1360px) and (min-width: 769px) {
    #aboutText-1 {
        font-size: 22px;
    }
}

@media (max-width: 520px) {
    .contact-top-sec {
        padding: 30px 20px;
    }

    .contact-us-left {
        padding: 20px 30px !important;
    }

    .contact-us-rgt {
        padding: 20px 30px !important;
    }

    .contact-us-left input {
        width: 100% !important;
    }
}