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

  .navbar-nav .nav-link {

    margin: auto;

  }

  .container,

  .container-md,

  .container-sm {

    max-width: 100% !important;

  }

  .hero-content {

    width: 100% !important;

  }

  .hero-section {

    background-size: cover !important;

  }

  .category-card{

    height: 300px;

  }

  .product-item-img {

    text-align: center;

  }

  .product-item-details{

    margin-top: 30px;

  }

  .features-section,

  .agriculture-content,

  .agriculture-text{

    flex-direction: column;

    padding: 0 !important;

  }



 .footer .border-bottom {

  border: none !important;

}

.contact-contnet-details-icon .clock {

  width: 60px !important;

}

.contact .border-start {

  border: none !important;

}

.contact,

.contact .ps-5, 

.contact .pe-5{

  padding: 0 !important;

}

.main-content-contact{

  padding-top: 0;

}

}



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

  .container,

  .container-md,

  .container-sm {

    padding: 20px !important;

  }

  .hero-content {

    padding: 20px;

  }

  .page-bg-content{

    padding: 40px !important;

  }

  .service-card {

    border: none;

    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;

    border-radius: 10px;

    transition: all 0.3s ease;

  }

  .service-card:hover {

    box-shadow: none;

    transform: scale(1.05);

    border: 2px solid var(--primary-cyan);

    background-color: var(--primary-cyan);

    cursor: pointer;

  }

  .service-card:hover .service-info p {

    color: white;

  }

  .service-icon{

    top: 15px;

    left: 15px;

    border-radius: 5px;

  }

  .cta{

   padding: 20px 0 !important;

   border: none !important;

 }

  .footer-logo img {

    width: 50% !important;

  }

  .footer-content {

    grid-template-columns: 1fr 1fr 1fr;

    text-align: left !important;

    padding: 0 20px !important;

  }

  .service-cards {

    grid-template-columns: 1fr;

  }

  .footer-contact,

  .footer-logo {

    text-align: left !important;

  }

  .category-card{

    height: auto;

  }

  .contact-contnet-details-icon .clock {

    width: 60px !important;

  }

  .contact-submit-btn{

    width: auto !important;

  }

  .projects-item img{

    width: 100%;

  }

  .page-bg::after {

    content: " ";

  }

}



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

  .hero-content {

    padding: 20px 10px;

  }

  .hero-title {

    font-size: 35px;

  }

  .hero-subtitle {

    font-size: 16px;

  }

  .nav-logo {

    width: 50%;

    height: auto;

  }

  .service-card {

    display: block;

    text-align: center;

  }

  .service-icon {

    background-color: var(--primary-cyan);

    display: block;

    margin: 20px auto;

    font-size: 24px;

    position: relative;

  }

  .service-info {

    width: 100%;

  }

  .btns {

    display: block !important;

  }

  .btns button {

    margin: 14px 0;

  }

  .footer-content {

    grid-template-columns: 1fr;

    text-align: center !important;

  }

  .footer-logo,

  .footer-contact {

    text-align: center !important;

  }

}