@media (max-width: 767px){

    .swiper-button-next,
    .swiper-button-prev{
        display: none;
    }
    .swiper-pagination {
        bottom: 10px !important;
    }
  
    .hero-phone h2{
        font-size: 14px;
    }
    
    .about-section .about-text h2{

        font-size:26px;
    }

    .about-section .about-text p{
        font-size: 14px;
    }

    .service {
        font-size: 12px;
    }

    .services-modern h2{
        font-size: 26px;
    }

    .footer-text {
        font-size:12px;
    }

    .partners-section h2 {

        font-size:22px;
    }
    .phone p {
        font-size: 14px;
        margin-top: 18px;
    }
    .cloud-services h2 {
        font-size:24px;
    }
    
    .contact-card h4{
        
        font-size:18px;
    }
    
   
    .about-section .about-img {
        
        width:270px;
    }
    
        .hero-content img{
        height: 200px;
    }
    .hero-phone img{
        height: 190px;
    }
   .note-online {
    font-size: 14px;
   
    margin-right: 10px !important;
    margin-top: 39px !important;

}





@media (max-width: 375px){

    .hero-phone h2 {
        font-size: 18px;
    }
    
       .hero-content img{
        height: 220px;
    }
     .about-section .about-img {
        
        width:270px;
    }
.note-online{
        font-size:14px; 
        margin-bottom:-27px;
}
    
}