@media (min-width: 991px) {
  .responsive-menu ,.mobile-footer-logo{
    display: none;
  }
  .search-btn i:hover {
    transform: rotate(360deg);
  }
  .owl-theme .owl-nav {
    /*display: none;*/
  }
  .contact-details {
    margin-inline-start: 36px;
}
}
@media (max-width: 1200px) and (min-width: 991px) {
}
@media (max-width: 991px) {
    .footer-logo{
        display:none;
    }
  footer {
    padding: 40px 0 0;
    margin-top: 0;
  }
  .mynav,
  .topbar .left-topheader {
    display: none;
  }
  .site-search .widget_search .search-form,
  .site-search .woocommerce-product-search {
    width: 93%;
  }
  .site-search .widget_search .search-form label,
  .site-search .woocommerce-product-search label {
    font-size: 28px;
    margin-bottom: 14px;
  }
}
@media (max-width: 768px) {
  .logo {
    height: 54px;
  }
  .animate__fadeInLeft,
  .animate__fadeInRight {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  .comp-rights {
    text-align: center;
    margin-top: 10px;
  }
  .breadcrumb-section {
    padding-top: 52px;
    padding-bottom: 70px;
  }
  .breadcrumb-info h2 {
    font-size: 42px;
    line-height: 52px;
    margin: 0;
  }
  .copy-right {
    margin-top: 20px;
  }
  .copy-right p {
    text-align: center;
    margin-top: 10px;
  }
  .about-img,
  .about-page .about-img {
    height: 300px;
    width: 100%;
    position: relative;
    top: unset;
    left: unset;
    right: unset;
    padding: 12px;
    margin-bottom: 24px;
  }
  section.about .row {
    flex-direction: column-reverse;
  }
  section,
  section.about {
    padding: 42px 0;
  }
  .pagination-list {
    width: 330px;
  }
  .circle {
    display: none;
  }
  .banner-info h3 {
    font-size: 55px;
  }
  .banner-info h2 {
    font-size: 50px;
    line-height: 60px;
    margin-bottom: 14px;
  }
  .banner-info p {
    max-width: 100%;
    margin-bottom: 32px;
  }
  .hero-img {
    position: absolute;
    width: 400px;
    height: 400px;
    top: 22px;
  }
  .breadcrumb-section .hero-img {
    width: 300px;
    height: 300px;
    top: -18px;
  }
  .breadcrumb-info h3 {
    font-size: 38px;
    line-height: 48px;
  }
  section.banner-sec {
    padding-top: 100px;
    padding-bottom: 32px;
  }
  .about-img img {
    border-top-left-radius: 30px;
  }
  .about-info h3 {
    font-size: 30px;
    line-height: 40px;
  }
  .about-info h2 {
    font-size: 52px;
    line-height:62px;
    margin:0px 0;
  }
  .section-title h4 {
    margin-bottom: 20px;
    font-size: 38px;
  }
  .services-info h5 {
    font-size: 18px;
    margin-bottom: 32px;
  }
  .col-lg-6:first-of-type .service-item {
    margin-top: 42px;
  }
  .col-lg-6:last-of-type .service-item {
    margin-top: 0;
  }
  .service-item {
    padding: 72px 32px 32px 26px;
    margin-bottom: 32px;
  }
  .service-item p {
    font-size: 17px;
    margin: 20px 0 20px;
  }
  .service-item h3,.services-page .service-item h3 {
    font-size: 28px;
    line-height:38px;
    min-height:unset;
  }
  .sec-title {
    margin-bottom: 38px;
    flex-direction: column;
    display: flex;
    align-items: start;
  }
  .card-slider.owl-carousel .owl-stage-outer::after,
  .card-slider.owl-carousel .owl-stage-outer::before {
    width: 30px;
  }
  .project-disc p {
    font-size: 18px;
    line-height: 29px;
    opacity: 1;
  }
  .proj-name h4 {
    font-size: 30px;
    line-height: 40px;
  }
  .footer-logo {
    margin-bottom: 28px;
    text-align:center;
  }
  .vission-sec {
    padding-top: 0 !important;
}
  .request-service h4 {
    font-size: 28px;
    line-height: 38px;
    padding-inline-end: 0;
    margin-bottom: 24px;
  }
  .request-service {
    margin-bottom: 34px;
    padding: 42px 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .footer-soch {
    margin-top: 24px;
  }
  .project-item .proj-img {
    height: 400px;
  }
  .vission-item {
    border-radius: 27.6px !important;
    min-height: unset;
    margin-bottom: 24px;
    padding: 42px 24px;
  }
  .vission-item h5 {
    font-size: 30px;
    margin-bottom: 22px;
  }
  .about-page .about-img img {
    border-radius: 30px !important;
  }
  .about-img::before,
  .about-page .about-img::before {
    display: none;
  }
  .footer-soch a {
    width: 48px;
    height: 48px;
    margin-inline-end: 8px;
  }
  .mypagination {
    margin: 10px auto 0;
  }
  .single-port-img {
    height: 320px;
  }
  .single-portf-details h5 {
    font-size: 28px;
    line-height: 38px;
  }
  .single-portf-video {
    margin-top: 32px;
    height: 300px;
  }
  .single-portf-video img {
    height: 300px;
  }
  .services-page {
    padding-bottom: 40px;
  }
  .blog-item {
    margin-bottom: 32px;
  }
  .post-details {
    max-width: 100%;
    margin: 38px auto 0;
  }
  .single-img {
    height: 300px;
    margin-bottom: 16px;
    border-radius: 20px;
}
.post-details h4 {
    font-size: 32px;
    margin-bottom: 8px;
}
.contact-details .title h3, .contact-form .title h3 {
    font-size: 30px;
    margin-bottom: 16px;
    line-height: 40px;
}
.contact-details{
  margin-top: 38px;
}
.contact-details .map {
    height: 300px;
    margin: 16px 0 24px;
}
section.about-page {
    padding-top: 40px;
    padding-bottom:22px;
} 
.about-img::after {
    width: 93.8%;
    height: 91%;
    top: 13px;
     right: unset !important;
     left: 50% !important;
     transform: translateX(-50%) !important;
    border-radius: 30px !important;
}
.about.active .about-img img {
    animation: none !important;
}
    .about-img img {
        border-radius: 30px !important;
    }
}
@media (max-width: 425px) {
  .sidebar {
    width: 320px;
  }
}