#footer-section .footerMenu .col{
    max-width: 17%;
}
.footerArea .footerMenu ul {
   display: inline-block;
   vertical-align: top
}

.footerArea .footerMenu ul li {
   display: inline-block;
   width: 100%;
   padding-left: 0;
   margin-left: 0
}

.footerArea .footerMenu li a,
.footerArea .footerMenu li span {
   line-height: 24px;
   color: #cfc8c2;
   display: block
}

.footerArea .footerMenu li a img {
   margin: -1px 0 0 5px;
   width: auto;
   vertical-align: middle
}

.footerArea .footerMenu li a:hover {
   color: #fff
}

.footerArea .footerMenu li a:focus {
   border: 1px solid #cfc8c2
}

.footerArea .footerMenu li:first-child,
.footerArea .footerMenu li:first-child span {
   font-size: 15px;
   font-weight: 400;
   color: #fff;
   margin-bottom: 0;
   display: inline-block
}

.shop-assist {
   font-size: 15px;
   font-weight: 400;
   color: #fff !important;
   margin-bottom: 8px;
   margin-top: 8px;
   display: inline-block
}

.footer_drop_menu h4 {
   font-size: 15px;
   font-weight: 400;
   font-family: HyundaiMedium;
   color: #fff;
   margin-bottom: 5px;
   text-align: left
}

.footerArea .footerMenu li.electric-cars a,
.footerArea .footerMenu li.hatchback-cars a,
.footerArea .footerMenu li.sedan-cars a,
.footerArea .footerMenu li.suv-cars a {
   font-size: 14px;
   font-weight: 400;
   font-family: HyundaiMedium;
   color: #fff;
   margin-bottom: 0;
   display: inline-block;
   letter-spacing: .2px
}

.footerArea .tabC {
   margin-top: 10px;
   display: inline-block
}

.footerArea .copyright {
   color: #cfc8c2 !important
}

ul.col .hyundai_story ul,
ul.col .investor_relations ul {
   width: 100% !important
}

.investor_relations ul li {
   margin: 10px 0
}

.investor_relations li a {
   font-size: 15px !important;
   color: #fff !important;
   margin-top: 10px;
   margin-bottom: 10px;
   font-family: HyundaiMedium !important;
   letter-spacing: .5px
}

ul.test-submenu {
   width: 100% !important
}

.test-submenu a {
   font-size: 12px !important;
   font-family: HyundaiRegular !important;
   color: #cfc8c2 !important
}

.test-submenu li a:hover {
   color: #fff !important
}

@media screen and (max-width:767px) {
   .test-submenu {
      width: 100% !important
   }

   .footer_drop_menu ul {
      width: 100% !important
   }
}

@media (max-width:768px) {
   .footer_drop_menu ul {
      display: none !important
   }

   .footer_drop_menu ul.show {
      display: block !important
   }

   .footer_drop_menu .toggle-menu {
      cursor: pointer;
      display: inline-block;
      padding: 10px 0;
      width: 100%
   }

   .footer_drop_menu {
      display: inline-block;
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      width: 100%;
      margin-bottom: 10px
   }

   .footer_drop_menu h4 .toggle-menu:before {
      content: '\f107';
      color: #fff
   }

   .footer_drop_menu h4 .toggle-menu:before {
      position: absolute;
      top: auto;
      right: 15px;
      font-family: FontAwesome;
      line-height: 1;
      -webkit-transition: -webkit-transform .25s;
      transition: -webkit-transform .25s;
      transition: transform .25s;
      transition: transform .25s, -webkit-transform .25s
   }

   .footer_drop_menu h4 .show:before {
      -webkit-transform: rotate(180deg);
      transform: rotate(180deg)
   }

   .footerArea .footerMenu ul {
      width: 100% !important
   }

   #footer-section .footerMenu .col {
      max-width: 100%;
      -ms-flex-preferred-size: 1;
      flex-basis: 1;
      -ms-flex-positive: 1
   }

   #footer-section .footerMenu {
      display: block
   }

   .investor_relations li a {
      border-bottom: 1px solid rgba(255, 255, 255, .2);
      padding-bottom: 15px
   }
}

@media (min-width:769px) {
   .footer_drop_menu ul {
      display: block !important
   }
}