/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* PC 1400+  */ 
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1599px) and (min-width: 1369px) {
  /* PC 1368-1600 */
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1368px) and (min-width: 1199px) {
  /* PC - IPad PRO */
  .menuAc {display: none !important;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPad PRO */
  .menuAc, .mContact {display: block !important;}
  .site-header .main .main-right .menu {display: none;}
  .site-header .main .column:nth-child(2) {display: none;}
  .site-header .main .column:nth-child(3) {margin-right: 50px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .menuAc, .mContact {display: block !important;}
  .site-header .main .main-right .menu {display: none;}
  .site-header .main .column:nth-child(2) {display: none;}
  .site-header .main .column:nth-child(3) {margin-right: 50px;}
  main #sss .question {background: transparent;}
  footer {margin-bottom: 44px;}
  footer .main {padding: 15px 0;}
  footer .column {border: none; border-bottom: 1px solid #FFF; padding: 50px 0;}
  main .detail .sidebar {order: 2;}
  main #sss .question figure {display: none;}
  main .detail #detail h3 {font-size: 16px;}
  main .detail #detail h2 {font-size: 18px;}
  main .detail #detail h1 {font-size: 20px;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  .menuAc, .mContact {display: block !important;}
  .site-header .main .main-right .menu, .site-header .top {display: none;}
  .site-header .main .column:nth-child(2) {display: none;}
  .site-header .main .column:nth-child(3) {margin-right: 65px;}
  .site-header .main .logo {width: 175px;}
  main #sss .question {background: transparent;}
  footer {margin-bottom: 44px;}
  footer .main {padding: 15px 0;}
  footer .column {border: none; border-bottom: 1px solid #FFF; padding: 50px 0;}
  main #sss .question figure {display: none;}
  main .detail .sidebar {order: 2;}
  main .detail #detail h3 {font-size: 16px;}
  main .detail #detail h2 {font-size: 18px;}
  main .detail #detail h1 {font-size: 20px;}
  main #sss .question .accordion .card-header h2 button {font-size: 14px;padding: 0;padding-left: 12px;line-height: 18px;}
  main #sss .question .accordion .card-header h2 button:before {width: 20px;height: 20px;line-height: 20px;font-size: 13px;}
  main #sss .question .accordion .card {margin-bottom: 15px;overflow: initial;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  .row {margin: 0;}
  .menuAc, .mContact {display: block !important;}
  .site-header .main .main-right .menu, .site-header .top {display: none;}
  .site-header .main .column:nth-child(2) {display: none;}
  .site-header .main .column:nth-child(3) {margin-right: 65px;}
  .site-header .main .logo {width: 175px;}
  main #sss .question {background: transparent;}
  footer {margin-bottom: 44px;}
  footer .main {padding: 15px 0;}
  footer .column {border: none; border-bottom: 1px solid #FFF; padding: 50px 0;}

  main .detail .sidebar {order: 2;}
  main .detail #detail h3 {font-size: 16px;}
  main .detail #detail h2 {font-size: 18px;}
  main .detail #detail h1 {font-size: 20px;}
  main #referances, main #about {padding: 20px 0;}
  main #sss .question figure {display: none;}
  main #about .text {margin-bottom: 25px;}
  main #contact-us .form {margin-top: 25px;}
  main #contact-us .form .form-group {margin: 0;}
  main #contact-us .form .form-group .column {padding: 15px;}
  main #sss .question .accordion .card-header h2 button {font-size: 14px;padding: 0;padding-left: 12px;line-height: 18px;}
  main #sss .question .accordion .card-header h2 button:before {width: 20px;height: 20px;line-height: 20px;font-size: 13px;}
  main #sss .question .accordion .card {margin-bottom: 15px;overflow: initial;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  .row {margin: 0;}
  p {font-size: 12px;}
  .menuAc, .mContact {display: block !important;}
  .site-header .main .main-right .menu, .site-header .top {display: none;}
  .site-header .main .column:nth-child(2),  .site-header .main .column:nth-child(3) {display: none;}
  .site-header .main .logo {width: 175px;}
  main #sss .question {background: transparent;min-height: auto;}
  footer .main {padding: 15px 0;}
  footer .column {border: none;border-bottom: 1px solid #FFF;padding: 50px 0;padding: 15px !important;}

  main #referances, main #about {padding: 20px 0;}
  main #about .text {margin-bottom: 25px;}
  main #contact-us .form {margin-top: 25px;}
  main #contact-us .form .form-group {margin: 0;}
  main #contact-us .form .form-group .column {padding: 15px;}

  main .detail .sidebar {order: 2;}
  main .detail #detail h3 {font-size: 16px;}
  main .detail #detail h2 {font-size: 18px;}
  main .detail #detail h1 {font-size: 20px;}
  main .head-title {padding: 15px 0;}
  main .head-title h1 {font-size: 25px;}
  main .head-title .breadcrumbs {font-size: 12px;}
  main .title {font-size: 14px;}
  main .title span {font-size: 20px;}
  main .title span:nth-child(2) {font-size: 25px;}
  main #about .text .more  {line-height: 35px; padding: 0 15px; font-size: 15px;}

  main #sss .question figure {display: none;}
  footer {margin-bottom: 44px;}
  footer ul li {float: none; width: 100%;}
  main #sss .question .accordion .card-header h2 button {font-size: 14px;padding: 0;padding-left: 12px;line-height: 18px;}
  main #sss .question .accordion .card-header h2 button:before {width: 20px;height: 20px;line-height: 20px;font-size: 13px;}
  main #sss .question .accordion .card {margin-bottom: 15px;overflow: initial;}
  main #slider .items .slick-arrow {width: 50px; height: 50px; background-color: #FFF; border-radius: 5px;}
  main #slider .items .slick-arrow img {width: 60%;}
}