/*------------------------------------------------------------------//
//      RESPONSIVE SYSTEM                                                                                 //
//------------------------------------------------------------------*/
@media screen and (min-width: 1601px) {
  /* PC 1400+  */ 
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1600px) and (min-width: 1369px) {
  .mobile-hamburger-menu, .mContact {display: none !important;}
}
@media screen and (max-width: 1368px) and (min-width: 1199px) {
  .mobile-hamburger-menu, .mContact {display: none !important;}
  .site-header .head-right nav.menu {padding: 0 15px 0 0;}
  .site-header .head-right nav.menu ul li a {padding: 0 10px; font-size: 14px;}
  .site-header .head-right .btn {margin: 0 2.5px; font-size: 14px;}

  main #slider .slider-navigation {bottom: 80px;}
  main #slider .social-media a {line-height: 80px;}

  footer .social-media .item .btn {font-size: 14px; padding: 0 15px;}
}
@media screen and (max-width: 1198px) and (min-width: 992px) {
  /* IPAD PRO */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header .head-right nav.menu {display: none !important;}
  main .section .title {font-size: 35px; line-height: 35px;}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
  /* TABLET 768+ ~ 960 */
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 10px 0 !important;}
  .site-header .head-right {display: none !important;}

  main .section .title {font-size: 35px; line-height: 35px;}

  main #what-are-we .items .column {padding: 15px 0;}
  main #what-are-we .items .column .item {text-align: center !important;}
  main #what-are-we .items .column .item .shape {display: none;}

  footer .other .column {border-right: none; border-bottom: 1px solid #ee2a80;}
  main #slider .slider-navigation {padding: 10px 0; bottom: 0;}
  main #slider .slider-navigation .navs .item figure img {width: 70px;}
  main #slider .slider-navigation .navs .item .title {font-size: 12px;}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
  /* TABLET 640+ ~ 768 */
  p {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 10px 0 !important;}
  .site-header .head-right {display: none !important;}

  main .section .title {font-size: 35px; line-height: 35px;}

  main #what-are-we .items .column {padding: 15px 0;}
  main #what-are-we .items .column .item {text-align: center !important;}
  main #what-are-we .items .column .item .shape {display: none;}

  footer {margin-bottom:75px;}
  footer .other .column {border-right: none; border-bottom: 1px solid #ee2a80;}
  main #slider .slider-navigation {padding: 10px 0; bottom: 0;}
  main #slider .slider-navigation .navs .item figure img {width: 70px;}
  main #slider .slider-navigation .navs .item .title {font-size: 12px;}
}
@media screen and (max-width: 639px) and (min-width: 480px) {
  /* MOBILE 480+ ~ 640 */
  p {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 10px 0 !important;}
  .site-header .logo img {width: 100%; height: auto;}
  .site-header .head-right {display: none !important;}

  main .section .title {font-size: 25px;line-height: 25px;margin-bottom: 10px;}
  
  main #what-are-we {padding: 50px 0;}
  main #what-are-we .items .column {padding: 15px;}
  main #what-are-we .items .column .item {text-align: center !important;}
  main #what-are-we .items .column .item .shape {display: none;}

  main #contact-us .form {padding: 15px;}
  main #services{margin: 50px 0;}
  main #services .service .desc .title {font-size: 18px;}
  main #services .service .desc .btn  {font-size: 14px;padding: 0 10px;line-height: 40px;}

  main #about-us .text .title {margin: 20px 0 !important;}

  footer {margin-bottom:75px;}
  footer .social-media .item {display: block !important; padding: 25px;}
  footer .social-media .item .btn {margin-top: 15px !important;}
  footer .other .column {border-right: none; border-bottom: 1px solid #ee2a80;}
  footer .contact .item {padding: 15px; margin: 2.5px 0; height: auto;},
  main #slider .slider-navigation {padding: 10px 0; bottom: 0;}
  main #slider .slider-navigation .navs .item figure img {width: 70px;}
  main #slider .slider-navigation .navs .item .title {font-size: 12px;}
}
@media screen and (max-width: 479px) and (min-width: 320px) {
  /* MOBILE 320+ ~ 480 */
  p {font-size: 12px !important;}
  .mobile-hamburger-menu, .mContact {display: block !important;}
  .site-header {padding: 10px 0 !important;}
  .site-header .logo img {width: 100%; height: auto;}
  .site-header .head-right {display: none !important;}

  main .section .title {font-size: 25px;line-height: 25px;margin-bottom: 10px;}
  
  main #what-are-we {padding: 50px 0;}
  main #what-are-we .items .column {padding: 15px;}
  main #what-are-we .items .column .item {text-align: center !important;}
  main #what-are-we .items .column .item .shape {display: none;}

  main #contact-us .form {padding: 15px;}
  main #services{margin: 50px 0;}
  main #services .service .desc .title {font-size: 18px;}
  main #services .service .desc .btn  {font-size: 14px;padding: 0 10px;line-height: 40px;}

  main #about-us .text .title {margin: 20px 0 !important;}

  footer {margin-bottom:75px;}
  footer .social-media .item {display: block !important; padding: 25px;}
  footer .social-media .item .btn {margin-top: 15px !important;}
  footer .other .column {border-right: none; border-bottom: 1px solid #ee2a80;}
  footer .contact .item {padding: 15px; margin: 2.5px 0; height: auto;}
  main #slider .slider-navigation {padding: 10px 0; bottom: 0;}
  main #slider .slider-navigation .navs .item figure img {width: 70px;}
  main #slider .slider-navigation .navs .item .title {font-size: 12px;}
}