@media screen and (min-width: 1024px) and (max-width: 1366px) {

    /* .ui-sect {
        padding-left: 247px;
    }
    .logo-in {
        width: 11%;
    }
    .header_section1{
        padding-left: 8px;
    } */
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    /* body {
        font-size: 16px;
    } */

    .ui-sect {
        gap: 30px;
        padding-left: 150px;
        padding-top: 3px;
    }

    /* .logo-in {
        width: 23%;
        padding-top: 10px;
    }

    .logo-in1 {
        width: 77%;
        padding-top: 10px;
        gap: 10px;
    } */

    .logoimg {
        width: 100px;
    }

    .hed {
        gap: 4px;

    }

    .wrap-caption {
        width: 94%;
    }

    .bi-arrow-left::before {
        font-size: 16px;
        background-color: #ffaf29;
        padding: 4px 7px;
        border-radius: 6px;
        margin-top: 193px;
    }

    .bi-arrow-right::before {
        font-size: 16px;
        background-color: #ffaf29;
        padding: 4px 7px;
        border-radius: 6px;
        margin-top: 193px;
    }

    .upcontan1 {
        padding-left: 10px;
    }

    .upcontan {
        padding-left: 10px;
    }

    .upcontan2 {
        padding-left: 10px;
    }

    .wrap-caption h2 {
        font-size: 51px;
        font-weight: 700;
    }

    .wrap-caption {
        color: #ffffff;
        width: 90%;
        margin-left: 30px;
    }

    .testimonial-card {
        width: 594px;
    }

    .image-container .video-btn {
        top: 25%;
    }
}


@media screen and (max-width: 767px) and (min-width: 320px) {
    .header_section {
        display: none;
    }

    .header-in {
        display: none;
    }

    .cart-count {
        position: absolute;
        right: 138px;
        bottom: 42px;
        color: #ff0000;
    }

    .navbar-cont {
        padding-bottom: 0px;
    }

    /* .logo-in1 {
        display: none;

    }

    .logo-in {
        display: none;
    } */
    .logoimg {
        width: 75%;
    }

    .naveg.navbar-toggler-icon {
        background-image: url(../image/tharee-dot.png);
        color: #000;
    }

    .navbar-nav .nav-link {
        font-size: 14px;
        padding: 10px;
    }

    .header {
        flex-direction: column;
        align-items: flex-start;
    }

    .header-in {
        width: 100%;
        margin-bottom: 10px;
    }

    .ui-sect {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 27px;
        padding-left: 41px;
    }

    .ui-sect li {
        margin-right: 10px;
    }

    .navbar-cont {
        margin-top: -6px;
    }



    .hed {
        gap: 1px;
    }

    .header_section {
        font-size: 11px;
    }

    .header_section1 nav {
        text-align: center;
    }

    .carousel-control-next,
    .carousel-control-prev {
        width: 85%;
    }

    .upcontan1 {
        padding-left: 35px;
    }

    .wrap-caption {
        font-size: 20px;
        width: 100%;
        margin-left: 0px;
    }

    .wrap-caption h2 {
        font-size: 24px;
    }

    .upcontan {
        bottom: 178px;
        padding: 21px;
        height: 206px;
    }


    .wrap-caption .btn,
    .wrap-caption .btan1,
    .wrap-caption .btan2 {
        padding: 5px 12px;
    }

    .banner-section {
        height: 350px;
    }

    .upcontan {
        position: relative;
        z-index: 1;
        bottom: 280px;
        padding-left: 38px;
    }

    .upcontan1 {
        bottom: 256px;
        padding-left: 38px;
    }

    .upcontan2 {
        bottom: 233px;
        padding-left: 38px;
    }

    .bi-arrow-left::before {
        font-size: 16px;
        background-color: #ffaf29;
        padding: 4px 7px;
        border-radius: 6px;
        margin-top: 193px;
    }

    .bi-arrow-right::before {
        font-size: 16px;
        background-color: #ffaf29;
        padding: 4px 7px;
        border-radius: 6px;
        margin-top: 193px;
    }

    .industrial-solution-section h2 {
        font-size: 20px;
        color: white;
        font-weight: 600;
        margin: 9px 0px 13px 0px;
    }

    .industrial-solution-section .lead {
        color: white;
        margin-bottom: 20px;
        font-size: 9px;
    }

    .btan {
        padding: 7px 9px;
    }


    .products {
        left: 0px;
    }

    .none {
        margin-top: 20px;
    }

    .testimonial-card {
        width: 367px;
    }

    .client {
        top: -60px;
        left: 207px;
    }

    .client1 {
        top: -60px;
        left: 207px;
    }

    .client3 {
        top: -60px;
        left: 207px;
    }

    .client2 {
        top: -60px;
        left: 207px;
    }

    .contact-in {
        left: 0px;
    }

    .about-contant {
        top: 383px;
        left: 0px;
    }

    .jumbo-heading h2 {
        font-size: 21px;
        padding: 1px 9px;
    }

    .jumbo-heading img {
        width: 95%;
    }

    .lead1 {
        font-size: 16px;
        font-weight: 300;
        padding: 15px;
    }

    .overlap-hedding {
        font-size: 27px;
        margin: 8px 5px;
    }

    .section-heading {
        padding: 16px 8px;
    }

    .grid-services {
        padding: 11px;
    }

    .stats-section {
        margin-top: 20px;
    }

    .breadcrumb-container {
        padding: 10px 17px;
    }

    .section-heading1 {
        margin: 9px 10px;
        font-weight: 700;
        font-size: 24px;
    }

    .project1 {
        padding: 15px 0px;
        background-color: #ffffffe5;
    }

    .about-overlap-hedding {
        font-size: 28px;
        font-weight: 600;
        margin-top: 26px;
    }

    .gellery-section {
        background-color: white;
        padding: 64px 9px;
    }

    .jumbo-heading h2 {
        font-size: 21px;
        padding: 7px;
    }

    .footer-logo img {
        margin-bottom: 15px;
        max-width: 1000px;
    }

    .contact-in {
        right: 1px;
    }

    .project {
        background-color: #f9f8f8;
        padding-bottom: 25px;
        padding-top: 10px;
    }

    .commitment {
        padding-bottom: 18px;
        padding-top: 2px;
    }
    .pro-list h1 {
        font-size: 26px;
    }
    .text-muted {
        color: #6c757d !important;
        font-size: 11px;
    }
    .cart{
    padding: 30px;
    }
}