/*// Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
  #home {
    margin-top: 0;
    margin-top: 90px;
    padding-bottom: 4rem;
    background-image: url(../images/home-bg-sm.png);
    background-position: center right;
  }
  .home-content {
    margin-left: 10px;
    margin-top: 300px;
   }
   .home-content p {
    margin: 5px 0 20px;
    font-size: 12px;
    }
  .home-content .title-l{
    font-size: 24px;
    margin-bottom: 10px;
   }
  .nav-socail{
    margin-left: 0;
  }
  .section-control {
    padding: 4rem 0;
   }
   footer {
    padding: 2rem 0;
  }
  .title-l {
    font-size: 38px;
    font-family: "Roboto-b";
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
   }
   .logo {
    max-width: 120px;
   }
   #pratice img {
    max-width: 100%;
   }
   .other_countries {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
  #other_countries {
    padding: 0 0 2rem 0;
  }
  .work-item {
    flex-direction: column;
  }
  .country-list .country {
    flex: 100%;
  }
}

/*// Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
  .home-content {
    margin-left: 4rem;
  }
  .section-control {
    padding: 4rem 0;
   }
   footer {
    padding: 2rem 0;
  }
  .logo {
    max-width: 120px;
   }
   .title-l {
    font-size: 38px;
    font-family: "Roboto-b";
    letter-spacing: 1px;
    margin-bottom: 1.5rem;
   }
   #pratice img {
    max-width: 100%;
   }
   #home {
    margin-top: 0;
    margin-top: 90px;
    padding-bottom: 4rem;
    background-image: url(../images/home-bg-sm.png);
    background-position: center right;
  }
  .nav-socail{
    margin-left: 0;
  }
  .other_countries {
    display: flex;
    flex-direction: column;
    gap: 2rem;
  }
   .country-list .country {
    flex: 50%;
  }
}

/*// Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
  
}
/*// Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
 
}

/*// Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
}
