/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* PC 1400+  */
}
@media screen and (max-width: 1399px) and (min-width: 1199px) {
  /* Labtop(1368x768) 1400+ ~ 1200 */
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* iPad Pro 768+ ~ 960 */
  .menuAc {display: block;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* Tablet (iPad) 768+ ~ 960 */
  .menuAc {display: block;}

  header .top {display: block;}
  header .top .contact {display: none !important;}
  header .top .social-media {margin: 0 auto;}
  .menuAc {    display: block;
    bottom: 0;
    transform: translateY(0px);
    top: auto;}
  header .main nav.menu {display: none;}
  header .main {height: 50px;}
  header .main .logo {margin: 0; width: 150px;}

  main #bars .bar .desc h3 {font-size: 14px;}
  main #bars .bar .desc p {font-size: 10px;}
  main #contact-us .form .form-title {font-size: 35px;text-align: center;display: block;}

  footer {padding: 25px 0;}
  footer .column {margin: 15px 0;}
  .row {margin: 0;}
  html, body {
  	overflow-x:hidden;
  }
  #copyright {margin-bottom: 50px; padding:15px;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* Mobile 480+ ~ 640 */
  .menuAc {display: block;}

  header .top {display: block;}
  header .top .contact {display: none !important;}
  header .top .social-media {margin: 0 auto;}
  .menuAc {    display: block;
    bottom: 0;
    transform: translateY(0px);
    top: auto;}
  header .main nav.menu {display: none;}
  header .main {height: 50px;}
  header .main .logo {margin: 0; width: 150px; padding: 0 20px;}

  main #bars .bar .desc h3 {font-size: 14px;}
  main #bars .bar .desc p {font-size: 10px;}
  main #contact-us .form .form-title {font-size: 35px;text-align: center;display: block;}

  footer {padding: 25px 0;}
  footer .column {margin: 15px 0;}
  .row {margin: 0;}
  html, body {
  	overflow-x:hidden;
  }
  #copyright {margin-bottom: 50px; padding:15px;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* Mobile 320+ ~ 480 */
  html, body {
  	overflow-x:hidden;
  }
  .menuAc {display: block;}

  header .top {display: block;}
  header .top .contact {display: none !important;}
  header .top .social-media {margin: 0 auto;}
  .menuAc {    display: block;
    bottom: 0;
    transform: translateY(0px);
    top: auto;}

  .row {margin: 0;}
  #maps .column { border: 5px solid #053160 !important; }
  header .main nav.menu {display: none;}
  header .main {height: 50px;}
  header .main .logo {margin: 0;width: 150px;background: white;padding: 0 20px;}

  main #bars .bar .desc h3 {font-size: 14px;}
  main #bars .bar .desc p {font-size: 10px;}
  main #contact-us .form .form-title {font-size: 35px;text-align: center;display: block;}

  footer {
	  padding: 25px 0;
	  margin-top: -140px;
	  }
	  
  footer .column {margin: 15px 0;}
  #copyright {margin-bottom: 50px; padding:15px;}
}