/* Media query pour les écrans de petite taille */

@media (max-width: 767px) {
    .handle-preloader .animation-preloader .txt-loading .letters-loading{
      font-size: 25px;
      line-height: 25px;
    }

    .header-top .info li{
        position: relative;
        display: block;
        float: center;
        font-size: 15px;
        line-height: 21px;
        color: #fff;
        padding: 0px 0px 10px 27px;
        border-right: 1px solid transparent;  
      }
      
      .header-top .info li i{
        position: relative;
        left: 0px;
        top:0px;
        font-size: 18px;
        margin-right:10px;
        margin-left:-27px;
      }

      #sw_services_title{
        margin-top:70px;
      }

      #twenty_years_div{
        display:none;
      }

      #aboutus_breadcrumb{
        display:none;
      }

      #sw_aboutus_content{
        margin-top:-80px;
      }

      #sw_testimonials_h2{
        color:var(--sw_color_light);
        margin-top:80px;
      }

      #sw_galery_content{
        margin-top:40px;
      }

      #sw_galery_filters{
      margin-left:45px;
      }
      
      .sw_contact_means{
        margin-top:20px;
        margin-left:5px;
      }

      .sw_contact_form_title{
        margin-top:-60px;
      }

      .sw_contact_fields{
        margin-left:50px;
      }

      .header-top .top-inner{
        display:none;
      }

      .sw_detailed_services_title{
        font-size: 70%;
      }
}

/* Media query pour les écrans de taille moyenne (par exemple, tablettes) */

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

  .handle-preloader .animation-preloader .txt-loading .letters-loading{
    font-size: 25px;
    line-height: 25px;
  }  

  .header-top .top-inner{
    display:none;
  }
  
  .header-top .info li{
        position: relative;
        display: block;
        float: center;
        font-size: 15px;
        line-height: 21px;
        color: #fff;
        padding: 0px 0px 10px 27px;
        border-right: 1px solid transparent;  
      }
      
      .header-top .info li i{
        position: relative;
        left: 0px;
        top:0px;
        font-size: 18px;
        margin-right:10px;
      }

      #sw_contact_link_for_mobile{
        display:none;
      }

      #sw_aboutus_content{
        margin-top:-80px;
      }
}

/* Media query pour les écrans de grande taille (par exemple, ordinateurs de bureau) */

@media (min-width: 992px) and (max-width: 1199px) {
    .header-top .info li{
        position: relative;
        display: inline-block;
        float: left;
        font-size: 15px;
        line-height: 26px;
        color: #fff;
        padding: 15px 25px 14px 27px;
        border-right: 1px solid var(--sw_color_dark);
        margin-right: 25px;
      }
      .header-top .info li i{
        position: absolute;
        left: 0px;
        top: 19px;
        font-size: 18px;
      }

      #sw_aboutus_content{
        margin-top:-80px;
      }

      #sw_testimonials_h2{
        color:var(--sw_color);
      }

      #sw_contact_link_for_mobile{
        display:none;
      }

      #sw_aboutUs_text{
        margin-top:-90px;
      }
}

/* Media query pour les écrans extra-larges (par exemple, grands écrans d'ordinateur) */

@media (min-width: 1200px) {
    .header-top .info li{
        position: relative;
        display: inline-block;
        float: left;
        font-size: 15px;
        line-height: 26px;
        color: #fff;
        padding: 15px 25px 14px 27px;
        border-right: 1px solid var(--sw_color_dark);
        margin-right: 25px;
      }
      .header-top .info li i{
        position: absolute;
        left: 0px;
        top: 19px;
        font-size: 18px;
      }

      #sw_aboutus_content{
        margin-top:-80px;
      }
      
      #sw_testimonials_h2{
        color:var(--sw_color);
      }
      #sw_contact_link_for_mobile{
        display:none;
      }
}
