/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* PC 1400+  */ 
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  .menuAc, .mContact {display: block !important;}
  main .headTitle p {font-size: 13px;}
  main .headTitle h1 {font-size: 25px;}
  main .headTitle h6 {font-size: 16px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .menuAc, .mContact {display: block !important;}
  header {margin: 0;}
  header .head-right {display: none !important;}
  header .logo {position: relative; margin: 0 auto; top: 0; left: 0; transform: translateY(0) translateX(0); width: 150px; padding: 15px;}

  main .headTitle p {font-size: 13px;}
  main .headTitle h1 {font-size: 25px;}
  main .headTitle h6 {font-size: 16px;}
  main #services .nav .nav-item {padding: 20px; font-size: 12px;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  .menuAc, .mContact {display: block !important;}
  header {margin: 0;}
  header .head-right {display: none !important;}
  header .logo {position: relative; margin: 0 auto; top: 0; left: 0; transform: translateY(0) translateX(0); width: 150px; padding: 15px;}
  main .headTitle p {font-size: 13px;}
  main .headTitle h1 {font-size: 25px;}
  main .headTitle h6 {font-size: 16px;}
  main #services .nav .nav-item {width: 100%;}
  main #services .nav .nav-item:after {width: 80%; height: 1px; bottom: 0; right: 50%; transform: translateX(50%); top: auto;}

}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  .menuAc, .mContact {display: block !important;}
  main .headTitle p {font-size: 13px;}
  main .headTitle h1 {font-size: 25px;}
  main .headTitle h6 {font-size: 16px;}
  
  header {margin: 0;}
  header .head-right {display: none !important;}
  header .logo {position: relative; margin: 0 auto; top: 0; left: 0; transform: translateY(0) translateX(0); width: 150px; padding: 15px;}
  main #services .nav .nav-item {width: 100%;}
  main #services .nav .nav-item:after {width: 80%; height: 1px; bottom: 0; right: 50%; transform: translateX(50%); top: auto;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  .menuAc, .mContact {display: block !important;}
  main .headTitle p {font-size: 13px;}
  main .headTitle h1 {font-size: 25px;}
  main .headTitle h6 {font-size: 16px;}
  
  header {margin: 0;}
  header .head-right {display: none !important;}
  header .logo {position: relative; margin: 0 auto; top: 0; left: 0; transform: translateY(0) translateX(0); width: 150px; padding: 15px;}
  main #services .nav .nav-item {width: 100%;}
  main #services .nav .nav-item:after {width: 80%; height: 1px; bottom: 0; right: 50%; transform: translateX(50%); top: auto;}
  #slider {
    padding-top: 93px;
}
}