/*Smartphone nhỏ*/
@media (min-width: 320px) and (max-width: 480px) {
  
 #main-menu {
   display: block;
 } 
 
}
/*Mobile*/
@media (max-width: 767px){
  div#mega-menu-wrap-primary {
    display: block;
  }
  .breadcrumb-archive {
    display: none;
  }
  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;
  }
  
  .title-archive h4 span:after {
    bottom: -10px;
  }
  .logo.col-md-3 {
    text-align: center;
  }
  .article-top img {
    width: 100%;
    height: auto;
  }

  .footer-logo>a>img, .footer-logo-search.search-header form {
    max-width: 100%;
  }

  .footer-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .footer-contact-info {
    margin-bottom: 4rem;
  }

  html {
    margin-top: 0 !important;
  }

  #about .section--title strong {
    font-size: 30px;
    display: block;
  }

  .img-about {
    margin-top: 3rem;
  }

  .title-home h2 {
    font-size: 3.6rem;
    letter-spacing: 3.6px;
  }

  .content-section {
      padding-right: 0;
  }

  .gallery-content>h3 {
    font-size: 2.6rem;
    letter-spacing: 5.2px;
  }

  .gallery-content.gallery-divider p {
    font-size: 14px;
    letter-spacing: 2.8px;
  }

  .collections-wrapper {
    padding: 0 15px;
  }

  .slide-item>img {
    height: 230px;
  }

  section#collections .gallery-content, .tax-collections .gallery-content {
    padding-bottom: 0 !important;
  }
  .conten-about-btn {
      text-align: center;
  }

}
/*PC*/
@media (min-width: 768px) {
  ul#main-menu li a:after 
  {
    content: '';
    display: block;
    width: 1px;
    height: 31px;
    position: absolute;
    top: 3px;
    right: 0;
    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 {
    width: auto !important;
    text-align: left;
  }
  ul.sub-menu li {
    border-bottom: 1px solid #ffffff3b;
  }
  ul.sub-menu li:hover {
    border-left: 3px solid #000; 
  }

}

/*Ipad Thường*/
@media (min-width: 768px) and (max-width: 1024px) {
  div#mega-menu-wrap-primary {
    display: block;
  }
  .logo.col-md-3 {
    text-align: center;
  }
  /*.info-footer {
      text-align: center;
  } */
  .title-archive h4 span:after {
    bottom: -10px;
  }  

  #about .row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .content-section {
    padding: 0;
    margin-bottom: 3rem;
  }

  div#video-wrap, video#my-video {
    height: 600px;
  }

  .slide-item>img {
    height: 435px;
  }
/*  .gallery-item a>img {
      height: 320px;
  }*/

h1.section--title {
    font-size: 36px;
}

#about .section--title strong {
    font-size: 42px;
}

.title-home h2 {
    font-size: 6rem;
    letter-spacing: 6px;
}

.gallery-content>h3 {
    font-size: 1.8rem;
    letter-spacing: 3.6px;
}

.gallery-content.gallery-divider p {
    font-size: 13px;
    letter-spacing: 2.6px;
}


}

/*Ipad Lớn*/
@media (min-width: 1025px) and (max-width: 1365px){
  
  
  
}

/*Màn Hình PC*/
@media (min-width: 1024px) {
  
}