@media (min-width: 320px) and (max-width: 1199px) {
  #header .container {
    padding: 0;
    max-width: 100%;
  }
  #header .position-absolute {
    position: unset !important;
  }
  #header .position-relative {
    height: auto;
  }
  #header .list-icon {
    width: 100%;
    border-bottom: 1px solid #E5E5E5;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #header .list-icon .icon {
    margin: 0 20px 0 0;
  }
  #header .logo img {
    width: 180px;
  }

  .section-1 .owl-carousel, .section-3 .owl-carousel {
    margin: 0 0 0 20px;
  }

  .heading h2 {
    font-size: 25px;
    margin: 0 20px;
  }

  .section-4 .style-1 {
    text-align: center;
  }
  .section-4 .style-1 a {
    margin: 0 auto;
  }

  .section-5 .owl-prev {
    left: 15px;
  }
  .section-5 .owl-next {
    right: -10px;
  }

  #footer .footer-top .block-online {
    display: inline-block;
  }
  #footer .footer-top .block-online .item {
    width: 50%;
    float: left;
  }

  .section-category .sidebar {
    right: -100%;
    -webkit-transition: right 1s ease;
    transition: right 1s ease;
    position: fixed;
    width: 80%;
    top: 0;
    z-index: 10;
    background: #fff;
    height: 100%;
  }
  .section-category .sidebar::before {
    content: "";
    background: rgba(0, 0, 0, 0.5);
    width: 20%;
    position: fixed;
    height: 100%;
    left: -100%;
    top: 0;
    z-index: 10;
    -webkit-transition: left 1s ease;
    transition: left 1s ease;
  }
  .section-category .sidebar.active {
    right: 0;
  }
  .section-category .sidebar.active::before {
    left: 0;
  }

  .section-detail .tablist .tab-head .nav {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    overflow: scroll;
  }
  .section-detail .tablist .tab-head .nav .nav-item {
    white-space: nowrap;
  }
  .section-detail .main-gallery {
    position: unset;
    width: 100%;
  }
  .section-detail .bx-wrapper {
    width: 100%;
    margin: 0 auto;
  }
  .section-detail .bx-wrapper .bx-next {
    background: url("../img/detail/arrow-prev2.svg") no-repeat;
    width: 23px;
    height: 34px;
    top: 17px;
    left: auto;
    right: -30px;
  }
  .section-detail .bx-wrapper .bx-prev {
    background: url("../img/detail/arrow-next2.svg") no-repeat;
    width: 23px;
    height: 34px;
    top: 17px;
    left: -30px;
    right: auto;
  }
  .section-detail .bx-wrapper .bx-viewport {
    padding: 0;
    margin: 20px 0;
  }
  .section-detail .button .buy, .section-detail .button .buy2 {
    width: 100%;
  }

  .slider .item .content {
    position: unset;
    width: 100%;
  }
  .slider .item .content .text {
    padding: 15px;
  }
  .slider .item .content h1 {
    font-size: 25px;
  }

  #header2 h2 {
    font-size: 15px;
  }
  #header2 ul li .img {
    margin-right: 0;
  }
  #header2 ul li.active::after {
    width: 20px;
    margin: 0 12px;
  }

  .stylett .style1 .input {
    margin-bottom: 20px;
  }
  .stylett .style1 .box2 .input-column3:nth-child(1), .stylett .style1 .box2 .input-column3:nth-child(2), .stylett .style1 .box2 .input-column3:nth-child(3) {
    width: 100%;
  }

  .phuongthucthanhtoan .box {
    margin: 0 -2%;
  }
  .phuongthucthanhtoan .box .item {
    margin: 2%;
    width: 46%;
    float: left;
  }

  .diachinhanhang .content2 .boxship2 .box2 {
    padding-left: 0;
  }
  .diachinhanhang .content2 .boxship2 .input-column2 {
    width: 100%;
    margin-bottom: 12px;
  }
  .diachinhanhang .boxchoose {
    padding: 12px;
  }
  .diachinhanhang .boxchoose ul li {
    margin: 3px 0;
  }
  .diachinhanhang .boxchoose ul li a {
    font-size: 14px;
  }

  .ghichudonhang .box2 {
    margin: 20px 0 0 0;
  }

  .thongtinxuathoadon .input-column2 {
    width: 100%;
  }

  #menu.active {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .section-2 .block {
    position: unset;
    width: 100%;
  }
  .section-2 .block .style-1 {
    text-align: center;
  }
  .section-2 .block .style-1 a {
    margin: 0 auto;
  }

  .section-product .item .body a.addtocart {
    width: 80%;
    font-size: 10px;
    height: 30px;
  }
  .section-product .item .body .price .price-new {
    display: block;
    margin: 0 0 5px 0;
  }
  .section-product .item .body .price .price-old {
    float: left;
    margin: 0 0 10px 0;
  }

  #footer .footer-top .block-online .item {
    width: 100%;
  }

  .section-detail .brand {
    font-size: 20px;
  }
  .section-detail h1 {
    font-size: 25px;
  }

  .section-other h2 {
    font-size: 25px;
  }

  .section-popup .inner {
    width: 90%;
  }
  .section-popup .inner .close {
    text-align: center;
    right: 0;
    left: 0;
  }

  .addaddress, .editaddress {
    width: 100%;
  }
  .addaddress h2, .editaddress h2 {
    font-size: 18px;
  }
}