@media (min-width: 1899px) and (max-width: 2000px){
    .hero-section video {
        width: 100%;
        height: 765px;
        object-fit: cover;
    }
}

@media (min-width: 1600px){
    .logo-image {
        height: 100px;
        width: 130px;
        object-fit: cover;
    }
    .nav-item.nav-effect a{
        font-size: 21px;

    }
    .icon-logo {
        padding-top: 13px;
    } 
    .category-of-bags-wrapper .swiper-button-prev {
        top: 65%;
        left: 11%;
    }
    .category-of-bags-wrapper .swiper-button-next {
        top: 65%;
        right: 11%;
    }
}
@media (min-width: 1600px) and (max-width: 1800px){
    .machinery-wrapper video{
        height: 473px;
    }
    .hero-section video {
        width: 100%;
        height: 710px;
        object-fit: cover;
    }
    .category-of-bags-wrapper .swiper-button-prev {
        top: 65%;
        left: 8%;
    }
    .category-of-bags-wrapper .swiper-button-next {
        top: 65%;
        right: 8%;
    }

}
@media (min-width: 1381px) and (max-width: 1500px) {

    .hero-section video {
        width: 100%;
        height: 567px;
        object-fit: cover;
    }
    .unique-card-heading h3 {
        font-size: 25px;
    }
    .unique-card-para {
        font-size: 14px;
    }
    .card-back-heading{
        font-size: 25px;
    }
    .card-back-para{
        font-size: 14px;
    }

    .flip-card-btn button{
        font-size: 13.4px;
    }

    .wheel-wrapper #wheel-container {

        height: 27rem;
        width: 27rem;
    }
    .wheel-wrapper #wheel-container #spin-action {
       
        width: 4rem;
        height: 4rem;
        font-size: 14px;

    }

    .category-of-bags-wrapper .swiper-button-prev {
        top: 65%;
        left: 5%;
    }

    .category-of-bags-wrapper .swiper-button-next {
        top: 65%;
        right: 5%;
    }

    .spin-inner-container {
        padding-top: 40px;
    }

    .img-project1 {
      width: 100%;
      height: 206px;
      border-radius: 10px;
      object-fit: cover;
   }
   
.img-project2 {
    width: 100%;
    height: 206px;
    border-radius: 10px;
    object-fit: cover;
}
.contact-container {
    padding-top: 16px;
}

.vision:hover .abouts_titles {
    transform: translateX(33%) translateY(-50%) scale(1.2);
    transition: 0.5s ease-in-out;
}

.mission:hover .abouts_titless {
    transform: translateX(-27%) translateY(-50%) scale(1.2);
    transition: 0.5s ease-in-out;
    margin: auto;
}
.accordion-wrapper .accordion-button {
    background-color: #000000;
    color: #f4f4f4;
    font-size: 16.8px;
}
}

@media(min-width:1536px){
    .wheel-wrapper #wheel-container {
        height: 28rem;
        width:28rem;
        position: relative;
        border-radius: 50%;
        box-shadow: 1.5rem 0 1.5rem rgb(0 0 0 / 30%);
        overflow: hidden;
    }


    .wheel-wrapper #wheel-container #spin-action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 700;
        text-transform: uppercase;
        width: 4rem;
        height: 4rem;
        display: block;
        border: 0;
        border-radius: 50%;
        font-size: 12px;
        box-shadow: 0.5rem 0 0.5rem rgb(0 0 0 / 30%);
        outline: none;
        cursor: pointer;
        background: #FFFFFF;
        color: #555555;
        color: black;
    }
}

@media (min-width: 1215px) and (max-width: 1381px) {

    .hero-section video {
        width: 100%;
        height: 550px;
        object-fit: cover;
    }
    .unique-card-heading h3 {
        font-size: 24px;
    }

    .unique-card-para {
        font-size: 14px;
    }
    .card-back-heading{
        font-size: 24px;
    }
    .card-back-para{
        font-size: 14px;
    }

    .flip-card-btn button{
        font-size: 12.4px;
    }

    .wheel-wrapper #wheel-container {

        height: 26rem;
        width: 26rem;
    }

    .wheel-wrapper #wheel-container #spin-action {
       
        width: 3rem;
        height: 3rem;
        font-size: 13px;

    }

    .category-of-bags-wrapper .swiper-button-prev {
        top: 65%;
        left: 5%;
    }

    .category-of-bags-wrapper .swiper-button-next {
        top: 65%;
        right: 5%;
    }
    .product-wrapper .swiper-button-prev {
        left: -4%;
    }

    .product-wrapper .swiper-button-next {
        right: -4%;
    }

    .spin-inner-container {
        padding-top: 30px;
    }

    .img-project1 {
    width: 100%;
    height: 206px;
    border-radius: 10px;
    object-fit: cover;
   }

.img-project2 {
    width: 100%;
    height: 206px;
    border-radius: 10px;
    object-fit: cover;
}
.contact-container {
    padding-top: 15px;
}

.vision:hover .abouts_titles {
    transform: translateX(33%) translateY(-55%) scale(1.2);
    transition: 0.5s ease-in-out;
}

.mission:hover .abouts_titless {
    transform: translateX(-27%) translateY(-55%) scale(1.2);
    transition: 0.5s ease-in-out;
    margin: auto;
}
.accordion-wrapper .accordion-button {
    background-color: #000000;
    color: #f4f4f4;
    font-size: 16.8px;
}
.iso-certified img {
    height: 95px !important;
    width: 120px !important;
    object-fit: contain !important;
}
.iso-certified1 img {
    height: 70px !important;
    width: 120px !important;
    object-fit: contain !important;
}
.sedex-footer {
    height: 70px !important;
    width: 70px !important;
    border-radius: 50%;
    padding: 5px;
    object-fit: contain;
}


}
@media(min-width: 1024px)and (max-width: 1215px){
    .iso-certified img {
        height: 78px !important;
        width: 120px !important;
        object-fit: contain !important;
    }
    .iso-certified1 img {
        height: 60px !important;
        width: 120px !important;
        object-fit: contain !important;
    }
    .sedex-footer {
        height: 60px !important;
        width: 60px !important;
        border-radius: 50%;
        padding: 5px;
        object-fit: contain;
    }
}

@media(max-width:1024px){
 .menu-tab{
   width: 100%!important;

}
.hero-section video {
    width: 100%;
    height: auto;
    object-fit: cover;
} 
    .fixed-top{
        padding: 8px 40px;
    }

    .left-part {
        position: absolute;
        z-index: 99;
        top: 35%;
        width: 45%;
        left: 5%;
    }
    .nav-link {
        color: white;
        font-size: 12px;
    }
    .navbar-list {
        gap: 15px;
    }
    .wrapper1 {
        display: inline-block;
        position: absolute;
        bottom: -7%;
        left: 55%;
        transform: translate(-50%, -50%);
    }
    .About-ligo-container1{
        padding:50px 0px;
    }
    .about-ligo-left-part{
        margin-top:24px;
    }
    .about-ligo-right-part{
        margin-top: 168px;

    }

    .about-heading-title{
        color: #b69c11;
        font-size: 12px;
        text-align: center;

    }

    .about-paragraph p{
        color: #757575;
        font-size: 12px;
        text-align: center;
    }

    .ligo-left{
        border-right:none;
    }

    .ligo-left h3{
        font-size:17.8px;
        width: 100%;
    }

    .bg {
        position: relative;
        width: 100%;
        height:100%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        display: flex;
        align-items: center;
        padding:50px 0px;
    }

    .counter-icon-content{
        padding-top: 40px;
    }

    .counter-heading h3{
        font-size: 32.4px;
        color: #f4f4f4;
        text-align: center;
        font-weight: bolder;
    }

    .counter-count{
        font-size:32.4px;
        color: #f4f4f4;
        text-align: center;
        font-weight: bolder;
    }

    .counter-p{
        font-size:17.8px;
        color: #f4f4f4;
        margin-top: -24px;
        text-align: center;
        font-weight:bolder;
    }

    .Clientele{
        position: relative;
        padding-left:0;
    }

    .Clientele span:nth-child(2) {
        color: #b69c11;
        font-size: 19px;
        position: absolute;
        font-weight: bolder;
        top: 0;
        right: -20px;
    }

    .super {
        font-size: 19px;
        color: #b69c11;
        position: absolute;
        font-weight: bolder;
        top: 0;
        right: -20px;
    }

    .first-heading h6{
        font-size: 12px;
    }

    .core-value-paragraph {
        padding-top: 10px;
        width: 95%;
        margin: auto;
    
    }

    .core-value-paragraph p{
        text-align: center;
        font-size: 12px;
        color: #757575;
    }

    .heading-title-text{
        font-weight: bolder;
        font-size: 32.4px!important;
        text-align: center;
    }

    .image-box-container{
        border-radius: 10px;
        padding: 45px;
        height:auto;
     
    }


    .core-value-image-box-desc h4{
        font-size:17.8px;
        color: #000000;
    }

    .core-value-image-box-desc p {
        color: #757575;
        font-size:12px;
        font-family: sans-serif;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .core-value-button-text{
        color: #1d2f40;
        font-size:10.8px;
        font-family: sans-serif;
    
    }

    .spin-text{
        width: 95%;

    }

    .spin-text p{
        font-size:12px;
        text-align: center;
    }
    .core-value-button-text {
        color: #1d2f40;
        font-size: 11.2px;
        font-family: sans-serif;
    }
   
    .spin-heading-text h3{
        font-size:32.4px;
        text-align: center;
    }
    .spin-heading-title{
        font-size:12px;
    }
    .spin-inner-container{
        padding-top: 0;
    }
    .wheel-wrapper #wheel-container #wheel .part .name {
        width: 100%;
        height: 100%;
        padding: 0 4rem 0 2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-size: 12px;
        font-weight: 600;
        overflow: hidden;
        white-space: nowrap;
    }

    .wheel-wrapper #wheel-container #spin-action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 700;
        text-transform: uppercase;
        width: 3rem;
        height: 3rem;
        display: block;
        border: 0;
        border-radius: 50%;
        font-size:12px;
        box-shadow: 0.5rem 0 0.5rem rgb(0 0 0 / 30%);
        outline: none;
        cursor: pointer;
        background: #FFFFFF;
        color: #555555;
        color: black;
    }

    .wheel-wrapper #wheel-container {
        height: 26rem;
        position: relative;
        border-radius: 50%;
        box-shadow: 0.5rem 0 1.5rem rgb(0 0 0 / 30%);
        width: 26rem;
        left:0;
        top: 50px;
        margin: auto;
    }
    .block-quote-author-name{
        font-size: 17.8px;     
    }
     .econ-inner1{
        padding: 50px 0px;
    }

    .contact-us-heading h2{
        color: #f4f4f4;
        font-size: 32.4px;
        text-align: center; 
        width:98%;
        margin: auto;
    }

    .contact-us-content p {
        margin: auto;
        font-size: 12px;
        color: #d9d9d9;
    }

    .contact-us-button button {
        padding: 14px 23px;
        border-radius: 5px;
        background-color: #b69c11;
        color: white;
        border: none;
        font-size: 10.8px;
    }

    .product-heading2-title h2{
        text-align: center;
        font-size:32.4px;
        color: #000000;
        font-weight: bolder;
    }

    .our-product-container p {
        width: 95%;
        margin: auto;
        color: #757575;
        font-size: 12px;
        margin-top: 16px;
    }

    .bag-img{
        margin-top: 0px!important;
    }

    .process1-icon{
        margin-bottom: 20px;
    }

    .process-icon-box-wrapper{
        padding-left: 0!important;
    }



    .icon-box-title1{
        font-size:17.8px;
        color: #000000;
    }

    .icon-box-description1{
        font-size:12px;
        color: #757575;
    }

    .right-part-heading{
        font-size:12px;
        color: #b69c11;
    }

    .right-part-heading1 h3{
        font-size:32.4px;
        color: #000000;
        padding-top: 10px;
    }

    .right-part-content p{
        font-size:12px;
        color: #757575;
    }

    .process-right-part{
        padding-left: 0 !important;
        padding-top:100px;
    }

    .process-left-part {
        padding-top:0px;
    }

    .process-button{
        font-size: 10.8px;
    }

    .blog-heading-title{
        text-align: center;
        font-size:12px;
        color: #b69c11;
    }

    .blog-heading1-title h3{
        text-align: center;
        font-size:32.4px;
        color: #000000;
    }

    .blog-image-content-inner {
        padding: 19px;
    }

    .blog-content p {
        text-align: center;
        margin: auto;
        font-size: 12px;
        color: #757575;
        padding-top: 11px;
    }

    .blog-image-data a{
        font-size:7px;
        text-decoration: none;
        color: #b69c11;
    }

    .blog-image-heading-title a{
        text-decoration: none;
        font-size:17.8px;
        color: #f4f4f4;
    }

    .blog-comment {
        padding-left: 15px;
        margin-top: -5px;
    }

    .blog-content-data p{
        font-size:12px;
        color: #d9d9d9;
        padding-top: 17px;
    }

    .footer-content p{
        font-size:15px;
        color: #d9d9d9;
    }

    .footer-icon {
        padding-top: 20px;
        margin-bottom: 35px;
    }

    .footer-heading-title h4{
        font-size:17.8px;
        color: #f4f4f4;
    }

    .lists-container ul li a {
        font-size:12px;
    }

    .contact-content{
        font-size:12px;
        color: #f4f4f4;
    }

    .copyright-section p{
        text-align: center;
        font-size:12px;
        color: #b0b0b0;
        margin-bottom: 0;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact-icons-box{
        width: 100%!important;
        height:156px;
    }

    .contact-icons-box1{
        width: 100%;
        margin-left: 0px!important;
        height:156px;
    }

    .contact-icon-box-inner{
        padding: 18px 8px;

    }
    .contact-right-part{
        padding-top: 30px;
    }
    .contact-map{
        padding-top: 30px;
    }

    .contact-container{
        padding-top: 0px;
    }


    .contact-heading{
        font-size:12px;
        text-align: center;
    }

    .Contact-us-heading h2{
        font-size:32.4px;
        text-align: center;
    }

    .contact-paragraph p{
        font-size: 12px;
        text-align: center;
        width: 95%;
    }

    .contact-us-wrapper .form-control{
        font-size: 12px;
    }

    .contact-button{
        font-size:10.8px; 
        padding: 13px 37px;
    }

    .contact-phone{
        font-size:32.4px;
    }

    .contact-no{
        font-size: 12px;
    }

    .timeline-wrapper-inner {
        padding: 50px 0px;
    }

    .journey-img {
        height: 180px;
        margin-top: 20px;
    }
    
    .team-section {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
        padding: 50px;
    }

    .team-card h3{
        font-size: 17.8px;
    }
    .team-card p{
        font-size: 12px;
    }

    .icon-right:nth-child(odd) h3::after {
        content: "";
        position: absolute;
        left: 100%;
        transform: translate(0, 19%);
        width: 0;
        border-left: 7px solid #000000;
        border-top: 7px solid transparent;
        border-bottom:7px solid transparent;
        z-index: 999;
    }

    .timeline-heading1 {
        font-size:17.8px;
        color: #000000;
        text-align: end;
    }

    .timeline-paragraph {
        font-size:12px;
        color: #757575;
        margin-top: 10px;
    }

    .icon-right1:nth-child(odd) h3::after {
        content: "";
        position: absolute;
        right:100%;
        transform: translate(0, 19%);
        width: 0;
        border-right:7px solid #000000;
        border-top:7px solid transparent;
        border-bottom:7px solid transparent;
        z-index: 999;
    }

    .timeline-heading {
        font-size:17.8px;
        color: #000000;
    }

    .year {
        font-size: 32.4px;
    }
    .other-product-inner h4 {
        font-size: 32.4px;
        color: #f4f4f4;
        padding-bottom: 24px;
    }

    .lists-container1 a {
        font-size: 12px;
        color: #f4f4f4;
        text-decoration: none;
    }

    .product-contact-inner h4 {
        font-size: 17.8px;
        color: #f4f4f4;
    }

    .product-contact-inner {
        top:30%;
        text-align: center;
        width: 100%;
        height: 100%;
    }

    .contact-button1 {
        font-size: 10.8px;
        color: #f4f4f4;
        background-color: #b69c11;
        border-radius: 5px;
        padding: 14px 23px;
        border: none;
    }

    .product-contact-container{
        margin-bottom: 24px;
        height: 335px;
    }


    .contact-left-part-content h1 {
        font-size: 32.4px;
        color: #000000;
        margin-bottom: 24px;
        text-align: center;
    }

    .contact-left-part-content p {
        font-size: 12px;
        color: #757575;
        text-align: center;
    }
    .vibes-design a{
        font-size:12px;
        color: #b0b0b0;
        margin-bottom: 0;
        padding-bottom: 20px;
        text-decoration: none;

    
    }
    .vibes-design{
        text-align: center;
    }

     .blogs-details-content li{
            color: #757575;
            font-size: 12px;
    }
    .counter-res{
        justify-content: center!important;
    }
    
   .founder-heading {
    font-size: 32.4px!important;
    text-align: center;
   }
   
   .founder-paragraph {
    font-size: 12px;
    text-align: center;
   }
   .co-founder-wrapper img{
    height: auto!important;
   }
   .modal-header h5 {
    font-size: 16.4px;
   }

.form-select {
    font-size: 12px!important;
}
.trust-wrapper img {
    height:auto;
    object-fit: cover;
    /* box-shadow: 0px 0px 5px #5b5757; */
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.trust-wrapper video {
    width: 100%;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.accordion-heading {
    font-size: 12px;
    color: #b69c11;
    font-weight: bold;
}


}


@media (min-width: 1024px) and (max-width: 1215px) {
     .unique-card-heading h3{
        font-size: 16px;
     }

     .unique-card-para {
        font-size: 10px;
     }
     .enquire-popup{
        margin-top: 24px!important;
     } 
     .img-project1{
        object-fit: cover;
     }
     .img-project2{
        object-fit: cover;
     } 

     .card-front img {
        height: auto;
     }

     .card-back-heading {
       font-size: 16px;
     }

     .card-back-para{
        font-size: 12px;
     } 
     .flip-card-btn button {
       font-size: 10.4px;
     }

     .card-back {
      height: 212px;
      background-color: #000000;
      padding: 9px 0px;
    }

    .card-flip {
    height: 212px;
    width: 100%;
    border-radius: 0px;
}
   .category-of-bags-wrapper .swiper-button-next {
    top: 70%;
    right: 1%;
}
   .category-of-bags-wrapper .swiper-button-prev {
    top: 70%;
    left: 1%;
}

.wheel-right-part {
    display: flex;
    justify-content: center;
    position: relative;
    top: -7%;
}
    .spin-inner-container {
        padding-top: 70px;
    }

        .counter-icon-content {
        padding-top:0px;
    }
        .about-ligo-left-part {
         margin-top:0px; 
    }

    .abouts_titless p {
        font-size: 12px;
    }
    .abouts_titles p{
        font-size: 12px;
    }
    .vision:hover .abouts_titles p {
    font-size: 13px;
   }
   .mission:hover .abouts_titless p {
    font-size: 13px;
    }
    .mission:hover .abouts_titless {
    transform: translateX(-27%) translateY(-25%) scale(1.2);
    transition: 0.5s ease-in-out;
    margin: auto;
   }

   .vision:hover .abouts_titles {
    transform: translateX(33%) translateY(-25%) scale(1.2);
    transition: 0.5s ease-in-out;
   }

   .team-section .swiper-button-next {
    top: 60%;
    Right: 3%;
   }
   .team-section .swiper-button-prev {
    top: 60%;
    left: 1%;
  }
  .catalog-first-heading h3 {
    font-size: 32.4px;
  }
      .contact-heading {
        font-size: 12px;
         text-align:start; 
    }
        .Contact-us-heading h2 {
        font-size: 32.4px;
        text-align: start;
    }

    .contact-paragraph p {
        font-size: 12px;
        text-align: start;
        width: 100%;
    }
        .contact-right-part {
         padding-top:0px; 
    }

        .contact-icons-box1 {
        width: 100%;
        margin-left: 0px !important;
        height: 100px;
    }

        .contact-icons-box {
        width: 100% !important;
        height: 100px;
    }

        .contact-map {
        padding-top: 12px;
        height: 100%;
    }

    .contact-map iframe {
       border-radius: 10px;
       height: 55%;
  }

  .product-detail-banner img {
    width: 100%;
    border-radius: 10px;
    height: 97%;
    object-fit: cover;
}
.product-wrapper .swiper-button-next {
    right: -4%;
}
.product-wrapper .swiper-button-prev {
    left: -4%;
}
.contact-left-part-content p {
    font-size: 16px;
    color: #757575;
    text-align: center;
}
.blogs-details-wrapper .blog-detail-banner-img {
    height: auto;
    object-fit: cover;
    width: 100%;
}
.blogs-details-content h1 {
    font-size: 32.4px;
    color: #000000;
    margin-top: 24px;
    font-weight: bolder;
}
.blogs-details-content p {
    font-size: 12px;
    color: #757575;
}
.sedex-wrapper p {
    color: #f4f4f4;
    font-size: 12px;
}
.machinery-wrapper video {
    width: 100%;
    height: auto;
    object-fit: fill;
    border-radius: 10px;
}
.img-project2 {
    width: 100%;
    height: auto;
    border-radius: 10px;
}
.accordion-wrapper .accordion-button {
    background-color: #000000;
    color: #f4f4f4;
    font-size: 16px;
}
.accordion-heading-title h3 {
    font-size: 32.4px;
    color: #f4f4f4;
    font-weight: bold;
}
.banner-content {
    position: relative;
    text-align: left;
    z-index: 2;
    margin-top: 6rem;
}
.banner{
    height: auto;
}
.other-product-inner {
    padding: 73px 45px;
}

}

@media (max-width: 991px){
     
   .menu-tab{
        width: 100%!important;

     }
    .unique-card{
        margin-top: 24px;
    }

    .client-item{
        margin-bottom: 24px;
    }

  .client-second-row {
    margin-top: 0px!important;
  }
  .enquire-popup{
    margin-top: 24px!important;
  }
  .our-product-container {
    padding-top: 10px;
    width: 95%;
    margin: auto;
}

.machinery-wrapper video {
    width: 100%;
    height: auto;
    object-fit: fill;
    border-radius: 10px;
}

.img-project1 {
    width: 100%;
    height:250px;
    border-radius: 10px;
    object-fit: cover;
}

.img-project2 {
    width: 100%;
    height:250px;
    border-radius: 10px;
    object-fit: cover;

}
.wheel-right-part {
    display: flex;
    justify-content: center;
    position: relative;
    top: -4%;
}

.macinery-img {
    position: relative;
    margin-top: 24px;
}
.machinery-second-row{
    margin-top: 0px!important;
}

.category-of-bags-wrapper .swiper-button-prev {
    left: 0%;
}

.category-of-bags-wrapper .swiper-button-next {
    right: 0%;
}

.blog-content {
    padding-top: 10px;
    width: 95%;
    margin: auto;
}

.blog-image-content-inner {
        padding: 19px;
    }
.unique-card-para {
    color: #d9d9d9;
    font-size: 12px;
    position: absolute;
    top:58%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
    width: 95%;
    margin: auto;
    z-index: 999;
}

.unique-card-heading h3 {
    color: #b69c11;
    font-size: 27px;
    position: absolute;
    top: 35%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}

.card-back-para {
    font-size: 12px;
    width: 95%;
    margin: auto;
    color: #d9d9d9;
}
.catalog-first-heading h3 {
    font-size: 32.4px;
    color: #f4f4f4;
    font-weight: bolder;
    margin-bottom: 24px;
    text-align: center;
}

.contact-us-content {
    color: white;
    width: 95%;
    margin: auto;
    margin-top: 10px;
}

.contact-us-buttons button {
    padding: 13px 8px;
    border-radius: 5px;
    background-color: #b69c11;
    color: #f4f4f4;
    border: none;
    font-size: 10.8px;
}

.flip-card-btn button {
    font-size: 10.8px;
    color: #f4f4f4;
    background-color: #b69c11;
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
}

.enquire-popup .enquire-btn {
    background: #b69c11;
    color: #f4f4f4;
    padding: 13px 9px;
    font-size: 16px;
    font-size: 10.8px;
    border-radius: 5px !important;
}

.form-control{
    font-size: 12px;
}

.Mission-title {
    color: #f4f4f4;
    text-transform: uppercase;
    width: fit-content;
    background-color: #b69c11;
    padding: 11px 30px;
    border-radius: 5px;
    top: -13px;
    position:relative;
    font-size:17.8px;
    z-index: 1;
    left: 0px;
    transition: transform .8s;
    margin: auto;
}

.vision-title {
    color: #f4f4f4;
    text-transform: uppercase;
    width: fit-content;
    background-color: #b69c11;
    padding: 11px 30px;
    border-radius: 5px;
    top: -13px;
    position: relative;
    font-size:17.8px;
    z-index: 1;
    right: 0px;
    transition: transform .8s;
    margin: auto;
}

.abouts_titless {
    width: 100%;
    position: relative;
    bottom: -24px;
    transition: transform .8s;
    right: 0;
}

.abouts_titless p {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    margin: 0;
    background: rgb(48 50 44 / 70%);
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    position: relative;
    height:150px;
}

.abouts_titles {
    width: 100%;
    position: relative;
    bottom: -24px;
    left: 0;
    transition: transform .8s;
}

.abouts_titles p {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    margin: 0;
    background: rgb(48 50 44 / 70%);
    padding: 30px 30px 30px 30px;
    border-radius: 10px;
    position: relative;
    height: 150px;
}

.mission:hover .Mission-title{

    transform:none;

    transition: 0.5s ease-in-out;

}

.vision:hover .vision-title{

    transform:none;

    transition: 0.5s all ease;

}


.mission:hover .abouts_titless{

    transform:none;

    transition: 0.5s all ease;

    margin: auto;

}

.mission:hover img,.vision:hover img{

    transform:scale(1.05);
    transition: 0.5s all ease;

}

.vision:hover .abouts_titles{

    transform: none;

    transition: 0.5s all ease;

}

.mission:hover .abouts_titless p{

    font-size: 10px;

}

.vision:hover .abouts_titles p{

    font-size: 10px;

}

.over-hide {
    padding: 50px 0px 80px 0px;
}

.card-flip {
    height: auto;
    width: 100%;
    border-radius: 0px;
    /* margin-bottom: 24px; */
}

.product-second-rows{
    margin-top: 0px!important;
}

.other-product-container {
    background-color: #000000;
    border-radius: 10px;
    margin-bottom: 24px;
    margin-top: 24px;
}

.contact-button-container {
    padding-top: 10px;
    text-align: center;
    margin-bottom: 24px;
}
.nav-effect:hover:before{
    display: none;
}
.accordion-heading-title h3 {
    font-size: 32.4px;
    color: #f4f4f4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
.accordion-heading {
    font-size: 12px;
    color: #b69c11;
    font-weight: bold;
    text-align: center;
}
.accordion-content p {
    color: #d9d9d9;
    font-size: 12px;
    text-align: center;
}
.left-part-accordion {
    padding-bottom: 0px;
}
.accordion-wrapper .accordion {
    padding-top: 0px;
}
.accordion-body {
    font-size: 12px;
}
.sedex-wrapper p {
    color: #f4f4f4;
    font-size: 12px;
    text-align: center;
}
.blogs-details-content h1 {
    font-size: 32.4px;
    color: #000000;
    /* margin-top: 24px; */
    font-weight: bolder;
}
.blogs-details-wrapper .blog-detail-banner-img {
    height: auto;
    object-fit: cover;
    width: 100%;
}
.blogs-details-content p {
    font-size: 12px;
    color: #757575;
}
.banner-content {
    position: relative;
    text-align: left;
    z-index: 2;
    margin-top: 4rem;
}
.banner {
    height: auto;
}

.unique-card img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 15px;
}
.nav-effect .active_menu:before{
    display: none;
} 
.blog-image-container img {
    width: 100%;
    transition: transform 0.3sease;
    height: auto;
    object-fit: cover;
}
.trust-video {
    padding-left:10px !important;
    display: flex;
    align-items: center;
    padding-right: 0px!important;
}
.footer-logo-sedex{
    width: 32%!important;
}

.iso-certified{
    justify-content: start!important;
}


} 

@media(max-width:676px){
    .menu-tab{
     width: 100%!important;

     }

    .hero-section video {
        width: 100%;
        height: auto;
        object-fit: cover;
    }
    .navbar-list{
        gap: 8px;
    }
    .logo-image {
        height: 80px;
        width: auto;
    }
    .nav-link {
        color: white;
        font-size: 12px;
    }
    .fixed-top{
        padding: 8px 18px;
    }

    .left-part{
        position: absolute;
        z-index: 99;
        top: 40%;
        width: 100%;
        left: 5%;
    }

    .About-ligo-container1{
        padding: 50px 0px;
    }
    .about-ligo-left-part{
        margin-top: 0px;
    }

    .ligo-card::before {
        height: 361px;
        width: 68%;
        border: 1px solid #b69c11;
        content: " ";
        position: absolute;
        border-radius: 10px;
        z-index: 2;
        top: 42px;
        left: 12%;
    }

    .about-ligo-right-part{
        padding-top:150px;
        margin-top: 0px;
    }

    .about-ligo-right-part1{
        padding-top:0px;
        margin-top: 0px;
    }

    .about-heading-title{
        color: #b69c11;
        font-size: 11.2px;
        text-align: center;
    }

    .about-paragraph{
        font-size: 9.6px;
        width: 100%;
        padding-top: 4px;
    }

    .ligo-left{
        border-right: none;
    }

    .ligo-left h3{
        font-size: 15.8px;
        width: 100%;
    }

    .bg{
        position: relative;
        width: 100%;
        height:100%;
        background-size: cover;
        background-attachment: fixed;
        background-position: center;
        display: flex;
        align-items: center;
        padding:50px 0px;
    }

    .counter-heading h3 {
        font-size: 15.8px;
        color: #f2f2f2;
        text-align: center;
        font-weight: bolder;
    }

    .counter-icon-content{
        padding-top: 29px;
    }

    .counter-count{
        font-size:15.8px;
        color: #f4f4f4;
        text-align: center;
        font-weight: bolder;
    }

    .counter-p{
        font-size:11.2px;
        color: #f4f4f4;
        margin-top: -24px;
        text-align: center;
        font-weight: bolder;
        padding-top: 6px;
    }

    .Clientele{
    
        padding-left:0;
    }

    .Clientele span:nth-child(2) {
        color: #b69c11;
        font-size: 15.2px;
        position: absolute;
        font-weight: bolder;
        top: -9px;
        right: -15px;
    }

    .super {
        font-size: 15.2px;
        color: #b69c11;
        position: absolute;
        font-weight: bolder;
        top: -9px;
        right: -15px;
    }  

    .core-value-inner-container{
        padding: 50px 0px;
    }

    .first-heading h6{
        font-size: 11.2px;
    }

    .core-value-paragraph {
        padding-top: 10px;
        width: 98%;
        margin: auto;
        font-size:12px;
        color: #757575;
    
    }

    .heading-title-text{
        font-weight: bolder;
        font-size: 15.8px!important;
        width: 100%;
        text-align: center;
    }

    .image-box-container {
        border-radius: 10px;
        height:auto;
       
    }
    .value-common{
      margin-top: 24px!important;
    }
    .core-value-image-box-desc h4 {
        font-size: 15.8px;
        color: #000000;
    }

    .core-value-image-box-desc p{
        color: #757575;
        font-size:12px;
        font-family:sans-serif;
    }
    .wheel-wrapper{
        margin-top:24px;
    }

    .spin-text p{
        font-size: 12px;
        text-align: center;
    }
    .core-value-button-text {
        color: #1d2f40;
        font-size: 11.2px;
        font-family: sans-serif;
    }
   
    .spin-heading-text h3{
        font-size: 15.8px;
        text-align: center;
    }
    .spin-heading-title{
        font-size: 11.2px;
    }
    .spin-inner-container{
        padding-top: 0;
    }
    .wheel-wrapper #wheel-container #wheel .part .name {
        width: 100%;
        height: 100%;
        padding: 0 4rem 0 2rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-size: 9px;
        font-weight: 600;
        overflow: hidden;
        white-space: nowrap;
    }

    .wheel-wrapper #wheel-container #spin-action {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-weight: 700;
        text-transform: uppercase;
        width: 3rem;
        height: 3rem;
        display: block;
        border: 0;
        border-radius: 50%;
        font-size:9px;
        box-shadow: 0.5rem 0 0.5rem rgb(0 0 0 / 30%);
        outline: none;
        cursor: pointer;
        background: #FFFFFF;
        color: #555555;
        color: black;
    }

    .wheel-wrapper #wheel-container {
        height:21rem;
        position: relative;
        border-radius: 50%;
        box-shadow: 0.5rem 0 1.5rem rgb(0 0 0 / 30%);
        width:21em;
        left: 0;
        top: 10px;
        margin: auto;
    }
    .econ-inner1{
        padding: 50px 0px;
    }

    .contact-us-heading h2{   
        color: #f4f4f4;
        font-size: 15.8px;
        text-align: center;
        width: 100%;
        margin: auto;
     }

     .contact-us-content p{
        width: 95%;
        margin: auto;
        font-size:12px;
        color: #d9d9d9;
    }

    .contact-us-button button{
        padding: 14px 25px;
        border-radius: 5px;
        background-color: #b69c11;
        color: white;
        border: none;
        font-size:9.6px;
    }

    .product-wrapper-inner{
        padding: 60px 0px 0px;
    }
    .product-wrapper-inner1{
        padding: 50px 0px;
    }

    .product-wrapper-inner2 {
        padding: 60px 0px 0px;
    }

    .swiper.mySwiper3 {
        height:100%;
    }
  
    .product-heading2-title h2{
        text-align: center;
        font-size: 15.8px;
        color: #000000;
        font-weight: bolder;
    }

    .our-product-container p {
        width:95%;
        margin: auto;
        color: #757575;
        font-size: 12px;
    }
    .product-image-wrapper2 {
        padding-top: 0px;
    }
    .product-image-wrapper {
        padding-top:0px;
        margin-top: 24px;
    }

    .process-icon-box-wrapper{
        padding-left:0px !important;
    }

    .icon-box-title1{
        font-size: 15.8px;
        color: #000000;
        padding-top: 7px;
    }

    .icon-box-description1{
        width: 100%;
        font-size:12px;
        color: #757575;
    }

    .process-right-part{
        padding-left: 0px !important;
        padding-top: 14px;
    }

    .process-left-part {
        padding-top: 60px;
    }

    .right-part-heading{
        font-size: 11.2px;
        color: #b69c11;
    }

    .right-part-heading1 h3{
        font-size: 15.8px;
        color: #000000;
        padding-top: 10px;
        width: 100%;
    }

    .right-part-content p{
        font-size:12px;
        color: #757575;
        width: 100%;
    }

    .process-button{
        font-size:9.6px;
        color: #f4f4f4;
        background-color: #b69c11;
        border-radius: 5px;
        padding: 13px 15px;
        border: none;
    }
    .blog-image-wrapper{
        margin-bottom: 24px;
    }

    .blog-heading-title{
        text-align: center;
        font-size: 11.2px;
        color: #b69c11;
    }

    .blog-heading1-title h3{
        text-align: center;
        font-size: 15.8px;
        color: #000000;
    }

    .blog-image-content-inner{
        padding:27px;
        height:auto;
    }

    .blog-content p{
        text-align: center;
        width:100%;
        margin: auto;
        font-size:12px;
        color:#757575;
        padding-top: 11px;
    }

    .blog-image-heading-title a{
        text-decoration: none;
        font-size: 15.8px;
        color: #f4f4f4;
    }

    .fa-calendar-o{
        font-size: 9.6px;
    }

    .blog-image-data a span{
        font-size:12px;
    }

    .blog-content-data p{
        font-size:12px;
        color: #d9d9d9;
        padding-top: 17px;
    }

    .footer-container-inner{
        padding-top: 20px;
        padding-bottom: 20px;
    
    }

    .footer-logo-container img{
        height:60px;
        width: 80px;
    }

    .footer-content p{
        font-size:12px;
    }

    .footer-heading-title h4{
        font-size: 15.8px;
        color: #f4f4f4;
        padding-top: 27px;
    }

    .lists-container ul li a{
        font-size:12px;
    }

    .contact-content{
        font-size: 12px;
    }

    .copyright-section p{
        text-align: center;
        font-size:12px;
        color: #b0b0b0;
        margin-bottom: 0;
        padding-top: 11px;
        padding-bottom:11px;
    }


    .contact-icons-box{
        width: 100%!important;
        height: 150px;
    }

    .contact-us-inner {
        padding: 50px 0px;
        position: relative;
        z-index: 999;
    }

    .contact-icons-box1{
        width: 100%;
        margin-left: 0px!important;
        height: 150px;
        margin-bottom: 24px !important;
    }

    .contact-icon-box-inner{
        padding:8px 7px;
    }


    .contact-map{
        padding-top:24px;
    }
    
    .contact-container{
        padding-top: 0px;
    }
    .contact-heading{
        font-size: 11.2px;
        text-align: center;
    }

    .Contact-us-heading h2{
        font-size: 15.8px;
        text-align: center;
    }

    .contact-paragraph p{
        font-size: 12px;
        text-align: center;
    }

    .contact-us-wrapper .form-control{
        font-size: 12px;
    }

    .contact-button{
        font-size: 9.6px;
        padding: 13px 30px;
    }

    .contact-phone{
        font-size: 15.8px;
    }

    .contact-no{
        font-size: 12px;
    }

    .team-card:after {
        position: absolute;
        content: '';
        width: 67%;
        height: 75%;
        border: 1px solid #b69c11;
        top: -23px;
        left: 39px;
        border-radius: 10px;
    }


    .team-card img {
      width: 68%;
      height: auto;
      border-radius: 10px;
      margin-bottom: 15px;
      position: relative;
      z-index: 9;
    }

    .team-card h3 {
        margin: 10px 0 5px;
        color: #333;
        font-size: 15.8px;
    }

    .team-card p {
        color: #555;
        margin: 0;
        font-size: 12px;
    }

    .timeline-wrapper-inner {
        padding: 50px 0px;
    }

    .timeline1::before {
        display: none;
    }

    .timeline-heading1 {
        font-size: 15.8px;
        color: #000000;
        text-align: center;
    }

    .timeline-paragraph {
        font-size: 12px;
        color: #757575;
        margin-top: 10px;
        text-align: center;
    }
    .middle-icon {
        display: none;
    }

    .icon-right1:nth-child(odd) h3::after {
      display: none;
    }
    .icon-right:nth-child(odd) h3::after {
        display: none;
    }

    .year {
        font-size: 15.8px;
        text-align: center;
        margin-top: 24px;
    }

    .timeline-heading {
        font-size: 15.8px;
        color: #000000;
        text-align: center;
    }

    .our-journey{
        display: flex!important;
        flex-direction: column-reverse;
    }
    .journey-img {
        height:280px;
        margin-top: 20px;
        width: 100%;
    }
    .bag-img{
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }
    .rounded{
        padding-top:24px;
    }

    .product-detail-inner {
        padding: 50px 0px;
    }

    .product-right-inner{
        margin-top: 24px;
    }
    .other-product-inner h4 {
        font-size:15.8px;
        color: #f4f4f4;
        padding-bottom: 24px;
    }

    .lists-container1 a {
        font-size: 12px;
        color: #f4f4f4;
        text-decoration: none;
    }

    .product-contact-inner h4 {
        font-size:15.8px;
        color: #f4f4f4;
        width: 95%;
    }

    .contact-button1 {
        font-size:9.6px;
        color: #f4f4f4;
        background-color: #b69c11;
        border-radius: 5px;
        padding: 14px 25px;
        border: none;
    }

    .product-contact-inner {
        top:28%;
        text-align: center;
        bottom: 0;
    }

    .contact-left-part-content h1 {
        font-size:15.8px;
        color: #000000;
        margin-bottom: 24px;
        text-align: center;
    }

    .contact-left-part-content p {
        font-size: 12px;
        color: #757575;
        text-align: center;
    }

    .product-contact-container{
        margin-bottom: 24px;
    }
    .swiper.mySwiper15 {
        height:100%;
    }

    .unique-card{
        margin-top: 24px;
    }
    

    .machinery-wrapper video {
        width: 100%;
        height:auto;
        object-fit: fill;
        border-radius: 10px;
    }

    .vision-title {
        position: relative;
        padding: 11px 24px;
        margin: auto;
        font-size: 15.8px;
    }

    .abouts_titles {
        width: 100%;
        position: relative;
        bottom: 0;
        left: 0;
        transition: transform .8s;
        margin-bottom: 24px;
        margin-top: 24px;
    }

    .Mission-title {
        position: relative;
        padding: 11px 24px;
        margin: auto;
        font-size: 15.8px;
    }

    
.abouts_titless {
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    transition: transform .8s;
    margin-top: 24px;
}

.client-item {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0px 1px 9px gray;
    margin-bottom: 24px;
}

.client-second-row{
    margin-top: 0px!important;
}

.enquire-popup{
    margin-top: 0px!important;
}

.our-product-container {
    padding-top: 10px;
    width: 100%;
    margin: auto;
}

.machinery-second-row{
    margin-top: 0px!important;
}

.catalog-first-heading h3 {
    font-size: 15.8px;
    color: #f4f4f4;
    font-weight: bolder;
    margin-bottom: 24px;
    text-align: center;
}

.contact-us-buttons button {
    padding: 13px 8px;
    border-radius: 5px;
    background-color: #b69c11;
    color: #f4f4f4;
    border: none;
    font-size: 9.6px;
}

.pu-unit-video video {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-top: 18px;
     border-radius: 0px; 
}

.blog-content {
    padding-top: 10px;
    width: 100%;
    margin: auto;
}

.contact-us-content {
    color: white;
    width: 100%;
    margin: auto;
    margin-top: 10px;
}



.unique-card-heading h3 {
    color: #b69c11;
    font-size: 15.8px;
    position: absolute;
    top: 28%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 999;
}

.unique-card-para {
    color: #d9d9d9;
    font-size: 12px;
    position: absolute;
    top:40%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
    width: 90%;
    margin: auto;
    z-index: 999;
}

.card-back-heading {
    font-size: 15.8px;
}

.card-back-para {
    font-size: 12px;
    width: 95%;
    margin: auto;
    color: #d9d9d9;
}

.flip-card-btn button {
    font-size: 9.6px;
    color: #f4f4f4;
    background-color: #b69c11;
    border-radius: 5px;
    padding: 10px 20px;
    border: none;
}

.enquire-popup .enquire-btn {
    background: #b69c11;
    color: #f4f4f4;
    padding: 13px 9px;
    font-size: 16px;
    font-size: 9.6px;
    border-radius: 5px !important;
}

.enquire-popup .enquire-title {
    color: #000000;
    font-size: 15.8px;
    font-weight: bolder;
}
.client-wrapper .form-control{
    font-size: 12px;
}

.pu-unit-video marquee {
    font-size: 15.8px;
    color: #000000;
    margin-top: 18px;
}

.over-hide {
    padding: 50px 0px;
}

.abouts_titles p {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    margin: 0;
    background: rgb(48 50 44 / 70%);
    padding:15px;
    border-radius: 10px;
    position: relative;
    height:auto;
}

.abouts_titless p {
    font-size: 12px;
    font-weight: 400;
    color: #f4f4f4;
    margin: 0;
    background: rgb(48 50 44 / 70%);
    padding:15px;
    border-radius: 10px;
    position: relative;
    height:auto;
}
.mission-idv{
    margin-top: 24px!important;
}


.banner {
    position: relative;
    width: 100%;
    height: auto;
    background-size: cover;
    background-position: center;
    color: white;
    display: flex;
    align-items: center;
    justify-content: left;
}

.about-paragraph p {
        color: #757575;
        font-size: 12px;
        text-align: center;
    }

.card-flip {
    height: 300px;
    width: 100%;
    border-radius: 0px;
    /* margin-bottom: 24px; */
}

.img-project2 {
    width: 100%;
    height:215px;
    object-fit: cover;
    border-radius: 10px;
}

.img-project1 {
    width: 100%;
    height:215px;
    object-fit: cover;
    border-radius: 10px;
}
.banner h1 {
    margin: 0;
    font-size: 2rem;
}

.contact-button-container {
    padding-top: 10px;
    text-align: center;
}
.product-wrapper .swiper-button-prev {
    left: 0%;
}

.product-wrapper .swiper-button-next {
    right: 0%;
}

.mission:hover .Mission-title{

    transform:none;

    transition: 0.5s  all ease;

}

.vision:hover .vision-title{

    transform:none;

    transition: 0.5s all ease;

}


.mission:hover .abouts_titless{

    transform:none;

    transition: 0.5s all ease;


}

.mission:hover img,.vision:hover img{

    transform:scale(1.05);
    transition: 0.5s all ease;

}

.vision:hover .abouts_titles{

    transform: none;

    transition: 0.5s all ease;

}

.mission:hover .abouts_titless p{

    font-size: 10px;
    margin-top: 24px;

}

.vision:hover .abouts_titles p{

    font-size: 10px;

}
.core-value-image-box img {
    height: 40px;
    transition: transform 0.3s ease;
}
.nav-effect:hover:before{
    display: none;
}
.blogs-details-wrapper .blog-detail-banner-img {
    height: auto;
    object-fit: cover;
    width: 100%;
}
.blogs-details-content h1 {
    font-size:20px;
    color: #000000;
    /* margin-top: 24px; */
    font-weight: bolder;
}
.publish-date {
    color: #000000 !important;
    font-size: 15.8px;
}
.blogs-details-content p {
    font-size: 12px;
    color: #757575;
}
.blogs-details-content h2 {
    font-size: 15.8px;
    color: #000000;
    margin-top: 24px;
    margin-bottom: 9px;
    font-weight: bolder;
}

.accordion-heading {
    font-size: 11.2px;
    color: #b69c11;
    font-weight: bold;
    text-align: center;
}
.accordion-heading-title h3 {
    font-size: 15.8px;
    color: #f4f4f4;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
}
.accordion-content p {
    color: #d9d9d9;
    font-size: 12px;
    text-align: center;
}
.accordion-wrapper .accordion-button {
    background-color: #000000;
    color: #f4f4f4;
    font-size: 12px;
}
.accordion-wrapper .accordion {
    padding-top:0px;
}

.left-part-accordion {
    padding-bottom: 0px;
}
.accordion-body {
    font-size: 12px;
}
.sedex-wrapper p {
    color: #f4f4f4;
    font-size: 12px;
    text-align: center;
}
.blog-listing-second{
    margin-top: 0px!important;
}
.banner-content {
    position: relative;
    text-align: left;
    z-index: 2;
    margin-top: 2rem;
}
#myBtn {
     right: 2%;
}
.whatsapp-footer-inner img{
    right: 2%;
}
.iso-footer{
    width: 50%!important;
}
.footer-icon{
    margin-bottom: 0px;
}

.unique-card img {
    width: 100%;
    border-radius: 10px;
    margin-bottom: 10px;
}
    .product-second-rows {
        margin-top: 24px !important;
    }
    .nav-effect .active_menu:before{
        display: none;
    } 
    .choose-list {
        font-size: 12px;
        color: #757575;
    }
    .swiper-button-next:after, .swiper-button-prev:after{
        font-size: 25px;
    }
    .category-of-bags-wrapper .swiper-button-prev {
        left: 2%;
    }
    .category-of-bags-wrapper .swiper-button-next {
        right: 2%;
    }
    .vibes-design a{
        font-size:12px;
        color: #b0b0b0;
        margin-bottom: 0;
        padding-bottom: 20px;
        text-decoration: none;

    
    }
    .vibes-design{
        text-align: center;
    }

    .blogs-details-content li{
        color: #757575;
        font-size: 12px;
    }
    .counter-res{
      justify-content: center!important;
    }
    .founder-paragraph{
        font-size: 12px;
        text-align: center;
    }
    .founder-heading{
        font-size: 15.8px!important;
        text-align: center;
    }
    .modal-header h5 {
        font-size: 13.8px;
        color: #000000;
    }
    .form-select {
        font-size: 12px !important;
    } 
    
    .name-of-trust {
        padding-right:14px!important;
    }
    .trust-wrapper img {
    box-shadow:none!important;
    height:auto!important;
    }
    .trust-video {
        padding-left: 11px!important;
        padding-right: 11px!important;
    }
    .footer-logo-sedex{
     width: 32%!important;
    }
   
 
}

@media (min-width: 500px) and (max-width: 580px){

.card-front img {
    height: 410px;
    object-fit: cover;
    border-radius: 10px;
}
    .card-flip {
        height: 411px;
        width: 100%;
        border-radius: 0px;
        margin-bottom: 24px;
    }
    .card-back {
    height: 410px;
    background-color: #000000;
    padding: 125px 0px;
}
}

@media (min-width: 300px) and (max-width: 344px){
    .wheel-wrapper #wheel-container {
        height: 19rem;
        width: 19rem;
    }
    .iso-certified {
        justify-content: center !important;
    }
}