/* MOBILE FIX */
@media (max-width: 767px) {

  .main_menu {
    display: none;
    width: 100%;
  }

  .main_menu.active {
    display: block;
  }

  .sub_menu,
  .mega_menu {
    display: none;
  }

}


@media (min-width: 992px) and (max-width: 1199.98px) {
  .container {
    width: 960px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 940px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .container {
    width: 720px;
  }
  .mega_menu_demo_2 .mega_menu {
    width: 700px;
  }
  .main_menu ul li a {
    font-size: 15px;
    padding: 20px 3px;
  }
  .main_menu ul li ul {
    width: 150px;
  }
  .row>* {
    padding-left:0px!important;
    padding-right:0px!important;
  }
  .main_menu {
  padding: 0px 0;
  }
  .logo a img{
    width:180px;
  }
  .slider_section {
    padding-top: 65px;
  }
  .carousel-caption p {
    top:0px;
  }
  .carousel-caption .hk-group-c1 {
     top: 0px;
  }
  .carousel-caption h2 {
    top: 0px;
    font-size: 34px;
  }
  .carousel-caption h1 {
    top: 0px;
    font-size: 34px;
  }
  .footer_part {
    padding-left:20px;
  }
  .border-inner {
    height: auto;
  }
  .about-us-section h2 , .about-us-section p , .about-us-section .hk-group-c {
        padding-left: 20px;
  }
  .card {
    width:100%!important;
  }
}

@media (min-width: 768px) {
  .main_menu ul li ul {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li .mega_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    margin-top: 50px;
  }
  .main_menu ul li .mega_menu {
    display: none;
  }
  .main_menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    margin-top: 0px;
    z-index: 99;
  }
  .main_menu ul li:hover > .mega_menu {
    visibility: visible;
    opacity: 1;
    margin-top: 0;
    z-index: 99;
  }
}

@media (max-width: 767.98px) {
  .mega_menu_demo_2 .mega_menu,
  .container {
    width: 100%;
  }
  .mobile_btn {
    cursor: pointer;
    display: block;
    position: absolute;
    top: 44px;
    right:30px;
  }
  .main_menu {
    display: none;
    width: 100%;
  }
  .main_menu ul li {
    display: block;
  }
  .main_menu ul li a i {
    float: right;
  } 
  .has_dropdown .sub_menu li i {
    float: left;
    margin-top: 4px;
  }
  .main_menu ul li a {
    border-bottom: 1px solid #ddd;
  }
  .main_menu ul li ul {
    width: 100%;
  }
  .main_menu ul li ul li ul {
    left: 0;
    top: auto;
  }
  .mega_menu .mega_menu_item {
    width: 50%;
  }
  .main_menu ul li ul {
    display: none;
    transition: none;
  }
  .main_menu ul li .mega_menu {
    display: none;
    transition: none;
  }
  .mega_menu_demo_2 .mega_menu {
    transform: translateX(0);
  }
  .main_menu ul li a{
    font-size: 16px;
    padding: 12px 16px;
  }
}

@media (max-width: 575.98px) {
  .mega_menu .mega_menu_item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .main_menu {
    display: none;
  }
  .main_menu.active {
    display: block;
    height: 530px;
    overflow-y: scroll;
  }
  .sub_menu,
  .mega_menu {
    display: none;
  }
}

@media (min-width: 768px) {
  .main_menu ul li .mega_menu {
    display: flex !important;
    visibility: hidden;
    opacity: 0;
  }
  .main_menu ul li:hover > .mega_menu {
    visibility: visible;
    opacity: 1;
  }
  .main_menu ul li ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
  }
  .main_menu ul li:hover > ul {
    visibility: visible;
    opacity: 1;
  }
}

@media (min-width: 320px) and (max-width: 430px) {
  .main_menu ul{
    float: none!important;
  }
  .border-inner {
    height:auto;
  }
  .breadcrumb_bg h1 {
    font-size: 36px;
  }
  .px-5 {
    padding:0 10px!important;
  }
  .breadcrumb_bg {
    padding-bottom:40px;
  }
  .about-us-section h2{
    font-size:30px;
    line-height:46px;
    padding-top:20px;
  }
  .product_flipflop h2{
    font-size:30px;
    line-height:46px;
    margin-bottom: 0px;
  }
  .services-slider h2 {
    font-size: 34px;
  }
.card {
  margin: 20px auto;
}
  .footer_head {
    margin-top:20px;
  }
.showcase h1 {
  margin-top: 150px;
  font-size: 2em;
}
.products_heading {
  padding:16px;
}
.list_spacing {
  padding-left: 0px!important;
}
.tabs label {
  width:100%;
}
.padding_left {
  padding-left:0px;
}
.showcase h2 {
  margin-top: 160px;
  font-size:26px;
}

}

@media (min-width: 991px) and (max-width: 1024px) {
  .main_menu ul li a{
        padding: 5px 8px;
  }
  nav{
    padding:0px!important;
  }
}