@media only screen and (max-width: 1000px) {
    body[yahoo] .full_width_600 {
        width: 90% !important;
    }
    .mobile-bar{
        background-color:#ffffff;
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100px;
        padding: 0px;
    }
    .menu-icon > span:before, .menu-icon > span:after{
        background-color: rgba(58, 78, 56, 1);
    }
    .menu-icon > span{
        background-color: rgba(58, 78, 56, 1); 
    }
    .navbar-brand img{
        width: 90px;
    }
    .header{
        display: block;
        padding-top: 100px;
        background-color: #ffffff;
        padding-right: 0px;
        z-index: 1;
    }
    .header nav, .header ul{
        display: block;
        padding-left: 0px;
        width: 95%;
        margin-left: auto;
        margin-right: auto;
    }
    #responsive-logo-text{
        width: 100px;
    }
    .booknow-btn{
        margin-top: 30px;
        margin-left: 0px;
    }
    .header a{
        color: #718B71;
    }
    .header li{
        border-bottom: 1px solid #718B71;
    }
    .card-2-column{
        width: 100%;
    }
    .mobile-responsive{
        display: flex;
        width: 90%;
        align-items: center;
        justify-content: space-between;
        margin-left: auto;
        margin-right: auto;
    }
    .bottom-contact-details {
        display: flex
    ;
        align-items: baseline;
        gap: 15px;
        flex-direction: column;
        justify-content: start;
        padding-bottom: 20px;
    }
    #border-left2{
        padding: 0px;
        border-left: 0px solid #dfdfdf !important;
    }
}

@media (min-width: 1000px) {
    .mobile-bar {
        display: none;
    }
    .header {
        z-index: 5;
        position: relative;
        left: 0;
        padding-top: 0;
        width: 100%;
        height: auto;

        visibility: visible;
        opacity: 1;
        text-align: right;
        display: flex;
    justify-content: space-between;
    align-items: center;
    }
    .header li {
        display: inline-block;
        margin-right: -6px;
        /* fix the inline-block gap */
        border: none;
        text-align: left;
    }
    .header a {
        padding: 15px 15px;
    }
    
}
@media (max-width: 768px) {
    .card-wrapper {
      margin: 0 10px 25px;
    }
    .card-wrapper .swiper-slide-button {
      display: none;
    }
    .footer-mobile{
        display: block;
        background-color: rgb(0, 0, 0);
    }
    .footer-desktop{
        display: none;
      }
      .footer-bottom-text-parent{
        border: none;
      }
      .footer-bottom-text-child1 p{
        text-align: left;
        color: #dfdfdf;
        font-size: 14px;
      }
      .footer-image{
        padding-bottom: 30px;
      }
      .nav-links li a{
        padding: 10px 0px !important;
      }
      .booknow-btn a{
        width: 100%;
        color: #fff !important;
      }
  }

  @media (max-width: 500px) {
    
    .process-flex-parent{
        grid-template-columns: repeat(2, 1fr);
        gap: 28px
    }
    .process-column h5{
        font-size: 16px;
    }
    .process-column img{
        width: 50px;
    }
    .card-2-parent-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .card-2-column img{
        height: auto;
    }
    .card-2-column h6{
        font-size: 20px;
    }
    .car-2-second-row{
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    #card-2-column{
        width: 100% !important;
    }
    .cas-image-1 img{
        height: 140px;
    }
    .cas-image-2 img{
        height: 140px;
    }
    .cas-image-3 img{
        height: 140px;
    }
    .cas-banner-images-parent{
        padding-top: 40px;
    }
    .cas-banner-section .wrapper{
        padding-bottom: 50px;
    }
    .cas-about-row{
        display: block;
    }
    .cas-about-left-column h2{
        font-size: 35px;
    }
    .cas-about-section .wrapper{
        padding-top: 50px;
        padding-bottom: 80px;
    }

    .cas-about-right-column h2{
        font-size: 35px;
        line-height: 40px;
        padding-top: 30px;
    }
    .cas-about-left-image{
        width: 88%;
    }
    .about-us-btn a{
        font-size: 16px;
        padding: 15px;
    }
    .cas-our-services .wrapper{
        padding-top: 80px;
        padding-bottom: 80px;
    }
    .our-services-heading h2{
        font-size: 35px;
        text-align: left;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .card-number-text{
        display: block;
    }
    .cas-our-services-column h2{
        padding: 20px 20px;
        font-size: 24px;
        line-height: 30px;
    }
    .cas-our-services-column p{
        padding: 0px 20px 20px 20px;
    }
    .card-number-text h1{
        font-size: 35px;
    }
    .counter-row{
        grid-template-columns: repeat(1, 1fr);
        gap: 25px;
    }
    .counter-column h4{
        font-size: 24px;
    }
    .counter-column h2{
        height: 110px;
        align-items: center;
        font-size: 40px;
        width: 100%;
    }
    .ready-row{
        display: flex;
        flex-direction: column-reverse;
        align-items: baseline;
    }
    .ready-column-2 img{
        width: 100%;
    }
    .ready-column h2{
        font-size: 40px;
        line-height: 45px;
    }
    .jobs-btn a{
        font-size: 16px;
        padding: 15px;
    }
    .testimonial-text h2{
        font-size: 35px;
        text-align: left;
        padding-bottom: 30px;
    }
    .testimonal-row{
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0px;
    }
    .swiper{
        height: 450px;
    }
    .testimonal-left{
        padding: 30px;
    }
    .testimonal-right img{
        width: 100px;
        margin-top: 0px;
    }
    .card-list .card-link .badge{
        font-size: 24px;
    }
    .card-list .card-link .card-title{
        font-size: 14px;
    }
    .partners-text h2{
        font-size: 35px;
        text-align: left;
    }
    .partners-text{
        padding-top: 50px;
        padding-left: 20px;
    }
    .client-slider{
        height: 150px;
    }
    .card-list .card-item .card-link{
        border-radius: 0px 50px 50px 50px;
    }
    .testimonal-right{
        margin-left: auto;
        margin-right: auto;
      }
    .job-enquire-section .wrapper{
        padding-top: 50px;
        padding-bottom: 80px;
    }
    .job-enquire-row{
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .contact-top-text h2{
        font-size: 35px;
        padding-bottom: 25px;
    }
    .input-form-1-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .input-form-2-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;  
    }
    .footer-mobile .wrapper{
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .cas-our-services-column{
        width: 97%;
    }
    .faq-accordian-head h3{
        color: #dfdfdf;
    }
    .faq-accordian-head i{
        color: #dfdfdf;
    }
    #footer-image img {
        width: 130px;
    }
    .footer-column p{
        font-size: 14px;
    }
    #mobile-logo-2{
        display: none;
    }
    .jobs-banner-content h2{
        font-size: 45px;
        padding-top: 0px;
    }
    .jobs-banner-content p{
        font-size: 16px;
        line-height: 25px;
    }
    .search-button{
        width: 100%;
        border-radius: 0px;
    }
    .search-bar{
        display: block;
        border-radius: 10px;
    }
    .search-divider {
        width: 100%;
        height: 1px;
        background-color: #ccc;
    }
    .search-input input, .location-input input{
        font-size: 14px;
    }
    .popular-category-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .jobs-list-section .wrapper{
       display: block;
    }
    .jobs-list-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .job-detail-column-child-row h2{
        font-size: 20px;
    }
    .job-detail-row{
        display: block;
    }
    .job-detail-column-2 a{
        width: 100%;
        margin-top: 20px;
        justify-content: center;
    }
    .job-overview-row{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px !important;
    }
    .jobs-list-right{
        display: block;
    }
    .jobs-list-left{
        margin-bottom: 20px;
    }
    .job-detail-column-2{
        display: block;
        margin-top: 30px;
    }
    .jobs-list-card{
        margin-top: 30px;
    }
    .job-detail-column-child-row p{
        font-size: 12px;
    }
  }
  @media screen and (min-width:501px) and (max-width:600px) {
    .cas-image-1 img{
        height: 200px;
    }
    .cas-image-2 img{
        height: 200px;
    }
    .cas-image-3 img{
        height: 200px;
    }
    .cas-about-right-column h2{
        font-size: 45px;
        line-height: 50px;
        padding-top: 30px;
    }
    .cas-about-left-column h2{
        font-size: 45px;
    }
    .our-services-heading h2{
        font-size: 45px;
        text-align: left;
    }
    .cas-our-services-column h2{
        padding: 20px 20px;
        font-size: 30px;
        line-height: 35px;
    }
    .counter-row{
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .counter-column h4{
        font-size: 20px;
    }
    .ready-column h2{
        font-size: 50px;
        line-height: 60px;
    }
    .jobs-btn {
        margin-top: 50px;
    }
    .jobs-btn a{
        font-size: 16px;
        padding: 18px 40px;
    }
    .testimonal-right img{
        width: 200px;
        margin-top: 0px;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .testimonial-text h2{
        font-size: 45px;
        text-align: left;
        padding-bottom: 30px;
    }
    .partners-text h2{
        font-size: 45px;
        text-align: left;
        padding-bottom: 30px;
    }
    .jobs-list-section .wrapper{
        display: block;
     }
     .jobs-list-row{
         grid-template-columns: repeat(1, 1fr);
     }
     .job-detail-column-child-row h2{
         font-size: 20px;
     }
     .job-detail-row{
         display: block;
     }
     .job-detail-column-2 a{
         width: 100%;
         margin-top: 20px;
         justify-content: center;
     }
     .job-overview-row{
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20px !important;
     }
     .jobs-list-right{
         display: block;
     }
     .jobs-list-left{
         margin-bottom: 20px;
     }
     .job-detail-column-2{
         margin-top: 20px;
     }
     .jobs-list-card{
         margin-top: 30px;
     }
     .job-detail-column-child-row p{
         font-size: 14px;
     }
  }
  @media screen and (min-width:601px) and (max-width:800px) {
    .ingredients-slider-wrapper{
        height: 450px;
    }
    .cas-image-1 img{
        height: 230px;
    }
    .cas-image-2 img{
        height: 230px;
    }
    .cas-image-3 img{
        height: 230px;
    }
    .cas-about-right-column h2{
        font-size: 50px;
        line-height: 60px;
        padding-top: 30px;
    }
    .cas-about-left-column h2{
        font-size: 60px;
    }
    .cas-about-left-image img {
        width: 100%;
    }

    .our-services-heading h2{
        font-size: 45px;
        text-align: left;
    }
    .cas-our-services-column h2{
        padding: 20px 20px;
        font-size: 30px;
        line-height: 35px;
    }
    .counter-row{
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
    .counter-column h4{
        font-size: 20px;
    }
    .ready-column h2{
        font-size: 50px;
        line-height: 60px;
    }
    .jobs-btn {
        margin-top: 50px;
    }
    .jobs-btn a{
        font-size: 16px;
        padding: 18px 40px;
    }
    .testimonal-right img{
        width: 200px;
        margin-top: 0px;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .cas-about-left-image{
        width: 100%;
    }
    .cas-about-left-image{
        background-size: contain;
    }
    .partners-text h2{
        font-size: 60px;
        text-align: left;
    }
    .testimonial-text h2{
        text-align: left;  
        padding-bottom: 30px; 
    }
    .jobs-list-section .wrapper{
        display: block;
     }
     .jobs-list-row{
         grid-template-columns: repeat(1, 1fr);
     }
     .job-detail-column-child-row h2{
         font-size: 20px;
     }
     .job-detail-row{
         display: block;
     }
     .job-detail-column-2 a{
         width: 100%;
         margin-top: 20px;
         justify-content: center;
     }
     .job-overview-row{
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20px !important;
     }
     .jobs-list-right{
         display: block;
     }
     .jobs-list-left{
         margin-bottom: 20px;
     }
     .job-detail-column-2{
         margin-top: 20px;
     }
     .jobs-list-card{
         margin-top: 30px;
     }
     .job-detail-column-child-row p{
         font-size: 14px;
     }
  }
  @media screen and (min-width:801px) and (max-width:1000px) {
    .ingredients-slider-wrapper{
        height: 500px;
    }
    .cas-about-left-image{
        background-size: contain;
    }
    .cas-image-1 img{
        height: 300px;
    }
    .cas-image-2 img{
        height: 300px;
    }
    .cas-image-3 img{
        height: 300px;
    }
    .cas-about-right-column h2{
        font-size: 55px;
        line-height: 60px;
        padding-top: 30px;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .cas-our-services-column h2 {
        padding: 20px 20px;
        font-size: 30px;
        line-height: 35px;
    }
    .our-services-heading h2{
        text-align: left;
    }
    .counter-row{
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    .counter-column h4{
        font-size: 24px;
    }
    .ready-column h2{
        font-size: 70px ;
        line-height: 75px;
    }
    .jobs-btn a{
        font-size: 16px;
    }
    .partners-text h2{
        font-size: 60px;
        text-align: left;
    }
    .testimonal-right img{
        width: 200px;
    }
    .swiper{
        height: 520px;
    }
    .testimonial-text h2{
        font-size: 60px;
        text-align: left;
        padding-bottom: 30px;
    }
    .jobs-list-section .wrapper{
        grid-template-columns: 32% 64%;
     }
     .jobs-list-row{
         grid-template-columns: repeat(1, 1fr);
     }
     .job-detail-column-child-row h2{
         font-size: 20px;
     }
     .job-detail-row{
         display: block;
     }
     .job-detail-column-2 a{
         width: 100%;
         margin-top: 20px;
         justify-content: center;
     }
     .job-overview-row{
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20px !important;
     }
     .jobs-list-right{
         display: block;
     }
     .jobs-list-left{
         margin-bottom: 20px;
     }
     .job-detail-column-2{
         margin-top: 20px;
     }
     .job-detail-column-child-row p{
         font-size: 14px;
     }
  }

  @media screen and (min-width:501px) and (max-width:1000px) {
        
    .process-flex-parent{
        grid-template-columns: repeat(2, 1fr);
        gap: 28px
    }
    .process-column h5{
        font-size: 16px;
    }
    .process-column img{
        width: 50px;
    }
    .card-2-parent-row{
        grid-template-columns: repeat(1, 1fr);
    }
    .card-2-column img{
        height: auto;
    }
    .card-2-column h6{
        font-size: 20px;
    }
    .car-2-second-row{
        display: flex;
        flex-direction: column;
        margin-top: 20px;
    }
    #card-2-column{
        width: 100% !important;
    }

    .cas-banner-images-parent{
        padding-top: 40px;
    }
    .cas-banner-section .wrapper{
        padding-bottom: 50px;
    }
    .cas-about-row{
        display: block;
    }

    .cas-about-section .wrapper{
        padding-top: 50px;
        padding-bottom: 80px;
    }


    .about-us-btn a{
        font-size: 16px;
        padding: 15px;
    }
    .cas-our-services .wrapper{
        padding-top: 80px;
        padding-bottom: 80px;
    }


    .card-number-text{
        display: block;
    }

    .cas-our-services-column p{
        padding: 0px 20px 20px 20px;
    }
    .card-number-text h1{
        font-size: 35px;
    }


    .counter-column h2{
        height: 80px;
        align-items: center;
        font-size: 40px;
        width: 100%;
    }
    .ready-row{
        display: flex;
        flex-direction: column-reverse;
        align-items: baseline;
    }
    .ready-column-2 img{
        width: 100%;
    }



    .testimonal-row{
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0px;
    }

    .testimonal-left{
        padding: 30px;
    }

    .card-list .card-link .badge{
        font-size: 24px;
    }
    .card-list .card-link .card-title{
        font-size: 14px;
    }

    .partners-text{
        padding-top: 50px;
        padding-left: 40px;
    }
    .client-slider{
        height: 150px;
    }

    .job-enquire-row{
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }
    .contact-top-text h2{
        font-size: 35px;
        padding-bottom: 25px;
    }
    .input-form-1-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .input-form-2-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;  
    }
    .footer-mobile .wrapper{
        padding-top: 50px;
        padding-bottom: 20px;
    }
    .cas-our-services-column{
        width: 97%;
    }
    .faq-accordian-head h3{
        color: #dfdfdf;
    }
    .faq-accordian-head i{
        color: #dfdfdf;
    }
    #footer-image img {
        width: 130px;
    }
    .footer-column p{
        font-size: 14px;
    }
  }
  @media screen and (min-width:1001px) and (max-width:1200px) {
    .cas-image-1 img{
        height: 300px;
    }
    .cas-image-2 img{
        height: 300px;
    }
    .cas-image-3 img{
        height: 300px;
    }
    .testimonal-row{
        display: flex;
        flex-direction: column-reverse;
        padding-top: 0px;
    }
    .cas-banner-section .wrapper{
        padding-top: 150px;
    }
    .ingredients-slider-wrapper{
        height: 500px;
    }
    .cas-about-left-image{
        background-size: contain;
    }
    .cas-about-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .cas-about-right-column h2{
        font-size: 55px;
        line-height: 60px;
        padding-top: 30px;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .cas-our-services-column h2 {
        padding: 20px 20px;
        font-size: 30px;
        line-height: 35px;
    }
    .our-services-heading h2{
        text-align: left;
    }
    .counter-row{
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
    }
    .counter-column h4{
        font-size: 24px;
    }
    .ready-column h2{
        font-size: 70px ;
        line-height: 75px;
    }
    .jobs-btn a{
        font-size: 16px;
    }
    .partners-text h2{
        font-size: 60px;
        text-align: left;
    }
    .testimonal-right img{
        width: 200px;
    }
    .swiper{
        height: 640px;
    }
    .testimonial-text h2{
        font-size: 60px;
        text-align: left;
        padding-bottom: 30px;
    }
    .partners-text {
        padding-top: 50px;
        padding-left: 40px;
    }
    .input-form-1-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .input-form-2-parent{
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .footer-parent-row{
        grid-template-columns: repeat(2,1fr)
    }
    .jobs-list-section .wrapper{
        grid-template-columns: 32% 64%;
     }
     .jobs-list-row{
         grid-template-columns: repeat(1, 1fr);
     }
     .job-detail-column-child-row h2{
         font-size: 20px;
     }
     .job-detail-row{
         display: block;
     }
     .job-detail-column-2 a{
         width: 100%;
         margin-top: 20px;
         justify-content: center;
     }
     .job-overview-row{
         display: grid;
         grid-template-columns: repeat(1, 1fr);
         gap: 20px !important;
     }
     .jobs-list-right{
         display: block;
     }
     .jobs-list-left{
         margin-bottom: 20px;
     }
     .job-detail-column-2{
         margin-top: 20px;
     }
     .job-detail-column-child-row p{
         font-size: 14px;
     }
  }
  @media screen and (min-width:1201px) and (max-width:1340px) {
    .cas-image-1 img{
        height: 400px;
    }
    .cas-image-2 img{
        height: 400px;
    }
    .cas-image-3 img{
        height: 400px;
    }
    .cas-banner-section .wrapper{
        padding-top: 150px;
    }
    .cas-our-services-row{
        grid-template-columns: repeat(2, 1fr);
    }
    .footer-parent-row{
        grid-template-columns: repeat(2,1fr)
    }
    .jobs-list-section .wrapper{
        grid-template-columns: 32% 64%;
     }
     .jobs-list-row{
         grid-template-columns: repeat(1, 1fr);
     }
     .job-detail-column-child-row h2{
         font-size: 20px;
     }
     .job-detail-row{
         display: block;
     }
     .job-detail-column-2 a{
         width: 100%;
         margin-top: 20px;
         justify-content: center;
     }
     .jobs-list-right{
         display: block;
     }
     .jobs-list-left{
         margin-bottom: 20px;
     }
     .job-detail-column-2{
         margin-top: 20px;
     }
     .job-detail-column-child-row p{
         font-size: 14px;
     }
  }
  @media (max-width: 768px) {
    .card-wrapper {
      margin: 0 10px 25px;
    }
    .card-wrapper .swiper-slide-button {
      display: none;
    }
  }
  @media screen and (min-width:769px) and (max-width:1000px) {
    .footer-parent-row{
        grid-template-columns: repeat(2,1fr)
    }
  }