@media (max-width: 767px) {
    .hero-1 {
        padding: 150px 0 0px;
    }

    .hero-1 .hero-content h1 {
        font-size: 30px;
    }

    .theme-btn {
        padding: 17px 34px;
    }

    .hero-1 .hero-thumb {
        margin-bottom: 0px;
        width: 306px;
        margin-left: 100px;
        position: relative;
        top: -67px;
    }

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

    .about-wrapper .about-content p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .about-wrapper .about-content .about-author {
        margin-top: 25px;
        justify-content: center;
    }

    .service-card-items .service-cotent h3 {
        font-size: 25px;
    }

    .about-wrapper .about-content .icon-box-items .icon-items h6 {
        font-size: 19px;
    }

    .about-wrapper .about-content .icon-box-items span {
        font-size: 16px;
    }

    .service-card-items .service-cotent p {
        font-size: 16px;
        margin-top: 10px;
    }

    .service-card-items .service-image img {
        width: 230px;
    }

    .link-btn {
        font-size: 20px;
    }

    .link-btn i {
        font-size: 15px;
    }

    .work-process-box-items .content h3 {
        font-size: 22px;
    }

    .work-process-box-items .content p {
        font-size: 16px;
    }

    .product-header .nav .nav-item .nav-link {
        font-size: 13px;
        padding: 11px 20px;
    }

    .product-header .nav {
        gap: 6px;
    }

    .cart-title .theme-btn {
        padding: 13px 10px;
    }

    .faq-sec h2 {
        padding-bottom: 0;
    }

    .faq-im {
        padding-left: 0;
    }

    .faq-sec {
        padding-top: 45px;
        padding-bottom: 45px;
    }

    .scrolll-down,
    .scrolll-up {
        height: 60vh;
        display: none;
    }

    .mt-5 {
        margin-top: 0rem !important;
    }

    .blog-wrapper {
        margin-bottom: 60px;
    }

    .cta-wrapper {
        padding: 34px 18px;
    }

    .cta-wrapper .section-title h2 {
        padding-bottom: 15px;
        font-size: 23px;
    }

    .cta-wrapper .service-btn a {
        font-size: 23px;
    }

    .footer-widgets-wrapper {
        padding: 0px 0 20px;
    }

    .footer-widgets-wrapper .single-footer-widget.social-footer {
        text-align: center;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head a img {
        width: 250px;
    }

    .footer-bottom .footer-wrapper .social-icon {
        /* margin-top: -18px; */
        margin-bottom: 20px;
        justify-content: center;
    }

    .quik-col1 {
        width: 40%;
    }

    .quik-col2 {
        width: 60%;
    }

    .pravicy-policy p {
        padding-left: 8px;
    }

    .footer-bottom .footer-wrapper {
        gap: 0px;
        margin-top: 15px;
        text-align: center;
    }

    .footer-bottom .footer-wrapper p {
        font-size: 14px;
    }

    .header-section .container-fluid {
        padding-left: 0;
    }

    .header-1 .header-right {
        gap: 20px;
    }

    .about-wrapper .about-image-items .about-image-3 img,
    .about-wrapper .about-image-items .about-image-2 img {
        display: none;
    }

    .about-wrapper .about-image-items .about-image-2 {
        margin-top: 0;
    }

    .product-image-items {
        display: block;
    }

    .product-details-wrapper .product-image-items .nav {
        padding-top: 20px;
        display: flex;
        gap: 10px;
    }

    .product-details-wrapper .product-image-items .nav .nav-link img {
        width: 80px;
    }

    .product-details-wrapper .product-details-content .cart-wrp .cart-quantity {
        display: grid;
        gap: 10px;
    }

    .description-content {
        margin-top: 0;
    }

    .breadcrumb-wrapper .page-heading h1 {
        font-size: 25px;
    }

    .product-details-wrapper .product-details-content h3 {
        font-size: 34px;
    }

    .project-title-content a:last-child {
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .prod-benwfit:nth-child(2),
    .prod-benwfit:nth-child(5) {
        margin-left: 0;
    }

    .prod-benwfit {
        margin-bottom: 30px;
    }

    .prod-benwfit img {
        width: 260px;
    }

    .prod-benwfit h3 {
        position: absolute;
        bottom: 30px;
        left: 98px;
        font-size: 21px;
    }

    .benefits-sec {
        padding-top: 0;
    }

    .pr-hight {
        padding-top: 40px;
    }

    .desktop {
        display: none !important;
    }

    .mobile {
        display: block !important;
    }

    .cart-page .cart-grid {
        display: block;
    }

    .cart-page .cart-item {
        margin-bottom: 20px;
    }

    .cart-page .cart-section {
        padding: 20px;
        margin-bottom: 20px;
    }

    .cart-page .coupon-input-group {
        flex-direction: column;
    }

    .cart-page,
    .checkout {
        padding-top: 100px;
        padding-bottom: 0;
    }

    .checkout .page-header,
    .cart-page .page-header {
        margin-bottom: 20px;
    }

    .login .main-wrapper {
        padding-top: 125px;
    }

    .footer-bottom .footer-wrapper .pravicy-policy p {
        font-size: 13px;
        padding-right: 16px;
    }

    .footer-bottom .footer-wrapper p:nth-child(even) {
        display: none;
    }

    .pravicy-policy {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
    }

    .pravicy-policy> :last-child {
        grid-column: 1 / -1;
    }

    .footer-widgets-wrapper .single-footer-widget .list-items li a,
    .footer-widgets-wrapper .single-footer-widget .list-items li p {
        font-weight: 400;
    }

    .footer-widgets-wrapper .single-footer-widget .widget-head h3 {
        font-size: 20px;
    }

    .cont-rows {
        flex-direction: column-reverse;
    }

    .contact-area .map-content-area .google-map {
        margin-top: 10px;
    }

    .map-content-area {
        padding-top: 40px;
    }

    .zulfikar .hero-section {
        padding: 50px 0;
    }

    .zulfikar .hero-section h1 {
        font-size: 20px;
        line-height: 1.4;
    }

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

    .zulfikar .hero-section p {
        font-size: 15px;
        font-weight: 400;
        line-height: 1.4;
        padding-top: 10px;
    }

    .zulfikar .content-section p {
        font-size: 15px;
        line-height: 1.5;
    }

    .zulfikar .content-section h3 {
        font-size: 1.3rem;
    }

    .zulfikar .table-of-contents {
        position: static;
        margin-bottom: 30px;
        display: none;
    }

    .zulfikar .numbered-item {
        padding: 20px;
    }

    .zulfikar .accordion-button {
        font-size: 15px;
        padding: 15px 18px;
        line-height: 1.4;
    }

    .zulfikar .accordion-body {
        padding: 18px;
        font-size: 0.95rem;
    }

    .zulfikar .stats-grid {
        grid-template-columns: 1fr;
    }

    .zulfikar .hero-meta {
        font-size: 0.9rem;
    }

    .zulfikar .cta-section {
        padding: 40px 20px;
    }

    .zulfikar .breadcrumb {
        margin-bottom: 0;
    }

    .zulfikar .key-points li {
        padding: 4px 0 0px 32px;
        font-size: 15px;
    }

    .zulfikar .key-points {
        padding: 19px;
        margin: 10px 0;
        padding-top: 0px;
    }

    .zulfikar .cta-section h2 {
        font-size: 20px;
    }

    .zulfikar .cta-section p {
        font-size: 17px;
        line-height: 1.3;
        ;
    }

    .abou-manufacturer {
        background-image: url('../imgaes/faq-bg.webp');
        padding: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
        border-radius: 20px;
    }

    .abou-manufacturer p {
        color: #000;
        font-weight: 400;
    }

    .abou-manufacturer h2 {
        font-size: 25px;
    }

    .section-title h6 {
        font-size: 12px;
        padding: 12px 28px;
        margin-bottom: 13px;
    }

    .about-content.ab-pages {
        margin-top: 0;
    }

    .about-wrapper .about-location .about-image-1 img {
        width: 230px;
    }
    .footer-section{
        padding-top: 40px;
    }
    .main-prod img {
    position: relative;
    top: 0;
    width: auto;
    height: auto;
    object-fit: contain;
}
.main-prod {
    height: auto;
}
}