/*Mobile Nhỏ nhất*/
@media (min-width: 320px) and (max-width: 480px) {
  
 #main-menu {
   display: block;
 } 
  
}
/* Mobile */
@media (max-width: 768px){
  #mega-menu-wrap-primary {
    width: 100%;
  }
  span.title-menu 
  {
    color: #fff;
    text-transform: uppercase;
    margin-left: 10px;
    display: block;
    margin-top: 15px;
  }
  button.navbar-toggle span {
    background-color: #fff !important;
  } 
  button.navbar-toggle {
    border: none;
  } 
  .navbar-collapse {
    padding-left: 0;
  }
  .navbar-nav .open .dropdown-menu>li>a {
    padding-left: 45px;
    color: #fff !important;
  }
  .index-content .col-lg-4 {
    margin-top: 20px;
  }
    .index-content .card img {
    height: 230px !important;
  }
  ul#menu-menu-chinh {
    text-align: left;
  }
  ul#menu-menu-chinh>li {
    width: 100%;
    border-bottom: 1px solid #ffffff4d;
  }
  .sf-menu li {
    background: #014388;
  }
  .sidenav a {
    color: #fff;
  }
  .sf-menu ul.sub-menu {
    position: unset !important;
    width: 100% !important;
  }
  .sf-menu ul.sub-menu li a {
    padding-left: 30px;
  }
  .sf-menu ul.sub-menu ul.sub-menu li a {
    padding-left: 40px;
  }
  .navbar.navbar-default {
    position: absolute;
    z-index: 9999;
    width: 100%;
  }
  ul#menu-menu-chinh {
      margin: 0 -15px;
  }
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }
  .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: transparent;
  }
  span.caret {
    float: right;
  }
  footer#footer {
      padding: 0 10px;
  }
  .info-footer {
      text-align: center;
  }
  form#searchform {
      padding-left: 30px;
  }
  .breadcrumb-archive {
      display: none;
  }
  .title-archive {
      margin-top: 45px;
  }
  article .content {
      margin-top: 40px;
  }
  h1.page-title {
      margin-top: 50px;
  }
  section#slide,section#contact,.title-single {
      margin-top: 50px;
  }
  .content.col-md-9 {
      padding: 0;
  }
  .title-single h3 {
      font-size: 2.5rem;
      font-weight: 600;
  }
  .woocommerce .woocommerce-breadcrumb {
      margin-top: 25px;
  }
  .woocommerce div.product div.summary {
      clear: both;
  }
  .article-top img {
      width: 100%;
      height: auto;
  }
  div#wowslider-container1 {
      margin-top: 35px;
  }
}
/*PC*/
@media (min-width: 769px) {
    ul#main-menu li a:after 
    {
        content: '';
        display: block;
        width: 1px;
        height: 31px;
        position: absolute;
        top: 3px;
        right: 0;
        background: -webkit-linear-gradient(top, transparent, #ffffff, transparent);
        background: -o-linear-gradient(top, transparent, #fff, transparent);
        background: -moz-linear-gradient(top, transparent, #fff, transparent);
    }
    ul#main-menu li.menu-contact a:after {
        display: none;
    }
    ul#menu-menu-chinh-1 {
      float: none;
      text-align: center;
    }
    ul#menu-menu-chinh-1>li {
      display: inline-block;
      float: none;
      margin-left: -4px;
    }
    ul#menu-menu-chinh-1>li>a{
      display: inline-block;
      line-height: 20px;
    }
    ul.sub-menu {
      text-align: left;
    }
    ul.sub-menu li {
      border-bottom: 1px solid #ffffff3b;
    }
    ul.sub-menu li a {
      padding: 6px 20px;
    }
}

/*Ipad nhỏ*/
@media (min-width: 768px) and (max-width: 1024px) {
.navbar-toggle {
    display: block;
}  
.navbar-header {
    float: none;
}
ul.dropdown-menu {
    position: relative;
    background: transparent;
    width: 100%;
    border: none;
    box-shadow: none;
    transition: 0.3s;
}
.logo.col-md-3 {
    text-align: center;
}
#mega-menu-wrap-primary {
    width: 100%;
  }
}

/*Ipad lớn*/
@media (min-width: 1024px) and (max-width: 1366px){
  
}

@media (min-width: 481px) and (max-width: 767px) { 
 #main-menu {
   display: block;
 }

}

/*PC*/
@media (min-width: 1024px) {

}