
    @media (min-width:991px){
        .search-btn i:hover{
            transform: rotate(360deg);
        }
       .responsive-menu{
           display: none;
       }
       .btnSearch{
           margin-inline-end: 12px;
       }
        }
        @media (max-width:1200px) and  (min-width:991px){
            
        }
        @media (max-width:991px){
            .mynav{
                display: none;
            }
    
            .mynav .row {
                text-align: center;
            }
    
    

        }
        @media (max-width:768px){
           
            .slider-home .owl-item .slider-img{
                height: 550px;
            }
            .slider-home .owl-item .slider-img img{
                height: 550px;
                object-fit: cover;
            }
            .carousel-info {
                bottom: 40px;
                transition: all 0.3s ease-in;
                padding:20px;
                width: 100%;
            }
            .slider-info h2{
                font-size: 30px;
                margin: 15px 0;
            }
            .slider-info p{
                margin: 10px 0;
            }
            .slider-home.owl-theme .owl-dots {
                bottom: 28px;
            }
           

            .carousel-info .more-data{
                flex-direction: column;
                align-items: center;
            }
            .comp-video{
                margin-bottom: 20px;
            }
            .logo img {
                max-height: 70px;
            }
            .carousel-info p {
                font-size: 15px;
                margin-block: 20px;
            }

            .site-search .woocommerce-product-search,
             .site-search .widget_search .search-form{
                width: 85%;
            }
            .carousel-info h2{
                font-size: 28px;
            }
    

    
        .comp-rights,.copy-right {
            text-align: center;
        }
        .copy-right p{
            margin-bottom: 10px;
        }
        
        .breadcrumb-section .breadcrumb-info h4 {
            font-size: 24px;
        }
        .breadcrumb-section .breadcrumb-info h4::after {
            bottom: -40px;
        }
       
      
        .card-slider.owl-theme .owl-nav .owl-prev {
            left: -19px;
        }
        .card-slider.owl-theme .owl-nav .owl-next {
            right: -19px;
        }
      section{
          padding: 32px 0;
      }
      h5.title{
          font-size: 20px;
      } 
    
        footer{
            padding: 10px 0 0;
        }
        .card-slider.owl-theme .owl-dots{
            display: none;
        }
        .card-slider.owl-theme .owl-nav .owl-prev ,
        .card-slider.owl-theme .owl-nav .owl-next{
            position: unset;
            transform: unset;
        }
        .card-slider.owl-theme .owl-nav{
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .section-title h4 {
            font-size: 26px;
            margin-bottom: 0;
        }
        .footer-logo p {
            padding-inline-end: 14px;
            font-size: 16px;
            margin-top: 17px;
            margin-bottom: 0;
        }
        footer h5{
            margin-bottom: 18px;
            font-size: 20px;
            text-transform: capitalize;
        }
        .footer{
            padding: 40px 0 0;
        }
        .important-links{
            margin-top: 20px;
        }
        
        .breadcrumb-section h2{
            font-size: 22px;
        }
        .breadcrumb-section a,.breadcrumb-item.active{
            font-size: 20px;
        }
        .footer-logo{
            width: 100%;
        }
        .home-slider .owl-theme .owl-nav .owl-prev,
         .home-slider .owl-theme .owl-nav .owl-next{
            display: none;
        }

        .sidebar .close-side i {
            top: 28px;
            left: 28px;
        }
        .sidebar .side-content {
            padding-inline-start: 26px;
        }
        .sidebar .logo {
            margin-bottom: 30px;
        }
        .sidebar li {
            margin-bottom: 18px;
        }
        .sochial-links a {
            margin-inline-start: 16px;
            font-size: 17px;
        }
        .slider .owl-item.active img {
            transform: none;
        }
        .comp-item {
            padding: 26px 12px;
            margin: 10px 4px 24px;
        }
        .comp-item .title h5 {
            font-size: 16px;
            min-height: unset;
            margin: 18px 10px 12px;
            line-height: 27px;
        }
        .section-title {
            margin-bottom: 26px;
        }

        .about-info h4 {
            font-size: 21px;
            margin-bottom: 16px;
        }
        .about-page .about-img img {
            height: 300px;
        }
        .about-page ul {
            flex-direction: column;
        }

        .about-page ul li{
            margin-bottom: 22px;
        }

        .vission-box .icone {
            width: 52px;
            height: 52px;
            margin-inline-end: 10px;
        }

        .technology .tech-box {
            padding: 22px 10px;
            margin-bottom: 20px;
        }
        .technology .tech-box h5, .service-box h5 {
            font-size: 16px;
            line-height: 27px;
        }
        .counter-info h3 {
            font-size: 19px;
            margin-bottom: 32px;
            line-height: 30px;
        }
        .counter-item {
            font-size: 40px;
            line-height: 60px;
        }
        .details h6 {
            font-size: 17px;
        }
        .map iframe{
            height: 320px;
        }
        .contact-form {
            padding: 40px 12px;
        }
        .more a, .more button {
            min-width: 146px;
        }
        .card-header .btn {
            padding: 8px;
            padding-inline-end: 34px;
        }

        }
        @media (max-width:425px){
          
          .carousel-info h2{
            font-size: 20px;
        }
        .responsive-menu .menu .logo{
            margin-inline-end: -10px;
        }
        .responsive-menu .menu ul li:nth-child(2){
            justify-content: end;
        }
        .sidebar{
            width:320px;
        }
        
        }