@charset "UTF-8";

/* --------------------------------------------------
TABLET AND MOBILE SCREENS
--------------------------------------------------*/
@media (max-width: 991px) {
  #expertise .container-1100 {
    padding: 0 15px;
  }
  #expertise .expertise-box .title-expertise-box h4,
  #expertise .expertise-box .title-expertise-box h3 {
    font-size: 1.4rem;
  }
  #expertise .expertise-box p {
    font-size: 1rem;
  }
  #expertise .content-expertise .expertise-box {
    height: 11rem;
    max-width: 450px;
  }
  #expertise .expertise-box:hover {
    height: 11.93rem;
  }
  #expertise .btn-common2 {
    font-size: 1rem;
    padding: 0px 13px;
    line-height: 50px;
    height: 45px;
  }
  #expertise .btn-common2:hover {
    font-size: 1.1rem;
  }

  section#expertise {
    padding-bottom: 40px;
  }
}

@media (max-width: 768px) {
  #expertise .content-expertise .expertise-box {
    height: 12.5rem;
  }
    #expertise .expertise-box:hover {
    height: 13.4rem;
  }
  #expertise .expertise-box p {
    font-size: 0.8rem;
  }
}

@media (max-width: 576px) {
}

/*===============================================================
500px
===============================================================*/
@media (max-width: 500px) {
  #expertise .expertise-box .title-expertise-box h4,
  #expertise .expertise-box .title-expertise-box h3 {
    font-size: 1rem;
  }
}
/*===============================================================
450px
===============================================================*/
@media (max-width: 450px) {
  #expertise .content-expertise .expertise-box {
    height: 9.375rem;
  }
  #expertise .expertise-box:hover {
    height:10.275rem;
  }
  #expertise .expertise-box .title-expertise-box h4,
  #expertise .expertise-box .title-expertise-box h3 {
    font-size: 0.7rem;
  }
  #expertise .expertise-box p {
    font-size: 0.7rem;
  }
  #expertise .content-expertise .expertise-box {
    padding: 5px;
  }
}
/*===============================================================
376px
===============================================================*/
@media (max-width: 376px) {
}