@media (min-width: 498px) and (max-width: 767px){
  .sosanh {margin-left: 28% !important}
  ..search .search-border {
    margin-top: 10px;
  }
  }
/**********END MIN 498 AND MAX 767******************************************************************************************************/


/**********END MAX 767******************************************************************************************************/

  @media (min-width: 768px) and (max-width: 991px){
    .hotline {
      margin-top: 0;
      float: left;
    }
    .header-banner {
      height: auto;
    }
    .hotline {
          padding-left: 53px;
          z-index: 1;
          text-align:left;
    }
    .hotline>i {
          left: 15px;
    }
    .page-content-tt .item-tt {
      min-height: 416px;
    }
    .menu-click {
      margin-top: -20px;
    }
  .support {float: left !important}
  .hotro {margin-left: 50px;}
  .hotline span {  line-height: 27px;font-size: 14px;}
  .hotline a {float: right;font-size: 22px}
  .text-slide1 { font: normal 26px arial;
} .text-slide2 {  padding: 5px 0;}
  .text-slide3 {  font: normal 44px arial;margin-bottom: 7px;}
  .btn-xemnhanh {left: 34%;}
  .grid .btn-xemnhanh {  left: 19%;}

.item-tt {min-height: 397px;}

.form-bottom {
  right: 0;
}
.text-slide {
  display: none;
}
.vdgt>iframe {
      height: 300px;
}
.vdgt {
  text-align: center;
}
.join-video {
      margin: auto;
    margin-top: 19px;


}
.blgt .title {
      text-align: center;
}
.blgt {
      border-top: 1px solid #ccc;
    padding-top: 20px;
}
.tab-content ul.f-news li {
      min-height: 427px;
}
.main-tt .tab-content .f-news {
  margin: 0
}
.tab-hot .customNavigation .prev {
  left: 0
}
.tab-hot .customNavigation .next {
  right: 0;
}
.block_bottom .row {
  margin: 0
}
.bl-n-v {
  display: none;
}
  }


/**********END MIN 768 AND MAX 991******************************************************************************************************/


  @media (max-width: 991px){
    .slide_news_home {
      margin: auto;
    }
    .main-tt .tab-content .owl-theme .owl-controls .owl-pagination {
      display: none !important;
    }
    .tab-content ul.f-news li {
      padding: 5px;
    }
      .ic-mxh {
    display: none;
  }

    .v2-home-catepr-tabul {display: none;}
    .f-footer ul.f-footer-nav {text-align: left;}
    .f-footer ul.f-footer-nav > li {
      float: none;width: 100%;  border-bottom: 1px solid #fff;
       padding: 10px;

}
    .f-footer ul.f-footer-nav>li>a {padding: 0;border-right: 0;}
    .menu-top > div > div > nav > ul > li:hover a {color: #555}
    .f-maps-left .list a {margin: 10px 0; display: block;}
    .f-maps-left .list p {  margin: 10px 0;}
    .f-ctn-left {display: none}
      .slide-bottom .item img {width: 100%} 
    .item-tabsp img {width: 100%;}
  .select button {float: right;}
  .select-box {padding: 10px 5px;}
  .select {padding: 10px 0;}
  .bando {margin: 30px 10px !important}
  .icon-mxh {*float: left;}
  .mxh {margin-top: 20px}
  .form-re {margin-top: 20px}
  .menu-bottom {padding-top: 20px;padding-left: 0 !important}
  .img-ab img {width: 100%;}
  .img-vd img {width: 100%;}
  .item-tt img {width: 100%;}
  .menu-click {display: block;}
  .menu-click i {margin-top: 7px;color: #47240E;}
  .main-menu {display: none ;padding:0;margin-top: 0;}
  .menu-top > div > div > nav > ul > li> a {color: #fff;}
  .menu-top > div > div > nav > ul > li {  float: none;
        width: 100%;
        background: #47240E;
    text-align: left;
  border-bottom: 1px dotted #fff;}

  .menu-top .container {padding: 0 10px;}
  .menu-top ul li.home a {display: none}
  .menu-top > div > nav > ul > li> a {padding:12px;}
  .menu-top ul li.active a {  background-color: #DF2F00;}
  .menu-top > div > nav > ul > li:hover > a {  background-color: #DF2F00;}
  .menu-top {padding: 0;
  background: #fff;
  margin-top: -30px;
  border-radius: 5px;}
  .menu-top li div.level1 {  
  width: 100%;
  background: inherit;
  box-shadow: inherit;
  border: 0;}
  .bg-cat-menu {display: none !important}
  .menu-top li div.level1 li{  position:relative;float: none;
  width: 100%;
  padding: 12px 12px 12px 25px;}
  .level1 ul {width: 100%;}

  .level1 li a {
  padding: 0px 5px;
  color: #fff;
  font-size: 17px;
  text-transform: uppercase;
}
  .level1 li i {  font-size: 6px;
  color: #555;
  position: absolute;
  left: 17px;
  top: 17px;}
    .sosanh  {margin-left: 50px;}
.left  {display: none}
.search-category {padding: 10px;}
#nonlinear  {margin: 10px;}

    }
/**********END MAX 992******************************************************************************************************/

@media (min-width: 992px) {

.menu-top > div > div > nav > ul > li:hover > div.level1 {display: block;}
.menu-top li div.level1{  display: none;
  width: 200px;
  position: absolute;
  left: 0;
  top: 39px;
  padding: 10px 0;
  z-index: 1;
  background: rgba(245, 121, 33, 0.68);
  *height: 234px;
    border: 0;
  border-radius: 0;
  z-index: 11;}
  .main-menu .dropdown {position: inherit;}


}

/**********END MIN 992******************************************************************************************************/


  @media (min-width: 992px) and (max-width: 1199px){
    .text-slide {
          width: 56%;
          height: 140px;
    }
    .language {
      margin-left: 0;
    }

    .text-slide3 {
          width: 102%;
    }
    .vdgt {
      padding: 0 10px;
    }
    .vdgt>iframe {
      margin: auto;
      display: block;
    }
    .join-video {
      width: auto;
    }
    .f-center-module > .container > .row {
      margin:0;
    }
    .f-footer ul.f-footer-nav>li>a {  font-size: 16px;  padding: 0px 27px;}
    .module .title {font-size: 14px}
  #tabs_page_sp .nav-tabs li a {  padding: 5px;}
  #tabs_page_sp .nav-tabs li a i {  font-size: 20px;}
    .bg-cat-menu {right: 8%;}
    .menu-top > div > div > nav > ul > li> a {font-size: 13px;line-height: 17px;}
  .love button {padding:10px 2px !important}

  .grid .btn-xemnhanh {left: 6%}
  .grid .promotion {top: 1%}
  .category_filter ul li {  padding: 0 5px;}
  .size ul li {  padding-right: 98px;}
  .block-laber {font-size: 11px !important;}
  .blyk .f-news-bl-item-title h2 a {font-size: 12px !important}
  #input_file {font-size: 12px !important}
  .dm-right-logo ul li a {
        font-size: 14px;
        padding: 0 10px;
  }
  .menu-top>div>div>nav>ul>li {
    width: 155px;
  }
  }

/**********END MIN 992 AND MAX 1199******************************************************************************************************/
 @media (max-width: 1119px){ 
 .dm-right-logo {
  float: left;
 }
 .bl-n-v .border .f-news-bl-item-img:before {
  display: none;
 }
}
/**********END max 1119******************************************************************************************************/
 
  @media (min-width: 1200px){ 
.slider { 
    height: 370px;
    position: relative;
    overflow: hidden;
    padding-left: 0;
    padding-right: 10px;
    margin-top: 10px;
  }

  }
.slider .carousel-inner > .item > img {
height: 360px;
width: 100%;
}
/**********END MIN 1200******************************************************************************************************/
 
 @media (max-width: 767px){
  .vdgt {
     text-align: center;
    padding: 0 10px;
    margin: auto;
    display: block;
    margin-top: 22px;
    padding-left: 20px;
}
  .slider {
        padding-left: 20px;
  }
  .logo-bottom img {
        max-width: 72%;
    margin: auto;
  }
  .f-footer ul.f-footer-nav li ul li a {
    font-size: 12px;
  }
  .f-footer ul.f-footer-nav>li>a {
    font-size: 12px;
  }
  .f-footer ul.f-footer-nav>li {
        border-bottom: 1px solid #3E3D3D;
  }
  .f-footer ul.f-footer-nav {
    margin-top: 0
  }
  .blgt ul li .f-news-bl-item .f-news-bl-item-img>a {
    font-size: 16px;
  }
    .tab-content ul.slide_news_home li {
        padding:0 21px;
  }
  .slide-down .title-tuychinh {
    font-size: 15px;
    text-align: left;
  }
  .item-tt p {
    display: none ;
  }
  .read-more-tt i {
    margin-top: 0;
  }
  .name-tt a {
    font-size: 12px;
  }
  .tab-content ul.f-news li , .item-tt{
    min-height: inherit !important;
  }
  .item-tt .info {
    display: none;
  }
  .form-bottom {
    display: none;
  }
  .form-bottom>div,.blgt div.title span ,.home-ab .f-center-title ul li a h2 , .block_bottom .title-tuychinh {
    font-size: 15px;
  }
  .f-pr-tab-home-cate li.active a h2 {
    font-size: 15px;
  }
  body {
    overflow: hidden;
  }
  .search , #BNC_txt_search{
    width: 100% !important;
  }
  .search .search-border {
    width: 86% !important;
    float: right !important;
  }
  .header-top {
    height: auto;
  }
  .menu-click {
        float: left;
    margin-top: -43px;
    padding-right: 0;
  }
  .slider .carousel-indicators {
        bottom: -17px;
        left: 0;
        right: 0;
        margin: auto;
  }
  .owl-carouselab {
    overflow: hidden;
  }
  .tab-hot>.container:after {
    display: none;
  }
  .slider .carousel-inner>.item>img {
    height: auto;
    width: auto;
  }
    .read-more {
          position: absolute;
    bottom: -20px;
    right: 0;
    }
    .read-more-tt { }
    .language {
      margin-left: 0;
      float: none;
      text-align: center;
    }
    .f-center-module > .container > .row {
      margin:0;
    }
    .slide-down > .row {
      margin: 0
    }
    .hotline {
    clear: none;
    margin-top: 0;
    font-size: 27px;
    line-height: 34px;

    }
    .vdgt>iframe {
      height: 300px;
      max-width: 100%;
      }
      .tab-content ul.f-news li {
            min-height: 466px;
      }
      .bl-n-v{
        display: none;
      }
      .vdgt {
        text-align: center;
      }
      .join-video {
        margin: auto;
        margin-top: 19px;
            text-align: center;
     width: auto;
      }
      .f-contact-form .form-horizontal .form-group {
        margin-right: 0;
      }
      .f-container2 > div > div.row {
        margin: 0
      }
      .blgt {
            border-top: 1px solid #ddd;
    padding-top: 20px;
      }
    .form-bottom {
          position: inherit;
    right: 0;
    margin-top: 20px;
    height: 325px;
    background: rgb(218, 216, 216);
    }
    .menu-top {
      margin-top: 0;
    }
    .dm-right-logo {
      display: none;
    }
    .header-banner {
      height: auto;
    }
    .header-top ul li {
      float: none;
      display: inline-block;
    }
    .name-language {
      font-size: 10px
    }
    .f-product-view .f-product-view-info .f-product-view-info-detail .f-product-view-name {
        margin-top: 10px;
    }
    .grid .main-hover {left: 0;right: 0;}
    .v2-tab-home-ul li a {font-size: 20px;}
    .search-border .input-group-btn {} 
    .logo-xs .logo h1 img {  margin: auto;max-width: 100%}
    .main-check {float: right;}
    .ykien-thum {margin-bottom: 10px;}
    .ykientitle {margin-top: 10px;}
    .form_ykien .control-label {margin-bottom: 10px;}
    .header-top .login-bar {text-align: center;}
    .header-top .login-bar li {float: none;display: inline-block;}
    .f-page-split .ttprodss a {margin-left: 42%;}
 .title-all > h1 > span {  font-size: 21px;}
.grid .img-tab {width: 100% !important}
.grid .sosanh {margin-left: 25%}
.grid .promotion {  left: 5%;top: 4%;}
.grid .v2-pr-item-boxdetail {width: 100% !important}
.grid .ttprodss{width: 100% !important}
.grid .btn-xemnhanh {left: 45%;}
.grid .ttprodss div {width: auto !important}
.left {display: *block !important;}
.sosanh {margin-left: 28% }
.menu-header {clear:both;height: auto !important;margin: 0;padding-top: 5px !important}
.login {  margin-left: 0;
  width: 100%;
  padding-left: 0;}
  .checkon {text-align: center}

.login li a {padding-left: 0 !important}
.menu-header {float: left !important;width: 100%}
.phoneview {float: left !important;}
.checkcart {float: right !important}
.search {*display: none;*margin-top: 0;}
.submit-search1 {display: block;position: inherit;margin-top: 25px;}
.submit-search {*display: none;}
.form-control {*height: 40px;}
.main-header .tab {display: none;}
.hotro {display: none}
.text-slide {display: none;}
.icon-slide {font-size: 30px !important;}
.category ul li a img {width: 100%;}
.btn-xemnhanh {left: 39%}
.item-ab {  margin: 10px 10px 20px 10px !important;}

  }

@media (max-width: 497px) {
.blgt .f-block-body {
      height: 500px;
}
.blgt span {
    line-height: 18px;
}
.tab-content ul.f-news li {
  min-height: 403px;
}
.f-pagging .pagination li {
      padding: 0;
    display: inline-block;
}
.content-list ul li span {
  padding-left: 0
}
  .f-module-page .f-module-page-title span {font-size: 23px;}
.shopcart {clear: both;}
.search-basic {display: none;}
.search {margin-top: 26px;}
.sosanh {margin-left: 16%}
.grid .sosanh {margin-left: 16% !important}
.grid .dathang button {  padding: 7px 2px !important;  font-size: 10px;}
.grid .love button {  padding: 7px 2px !important;  font-size: 10px;}
.title-tab {*float: left !important;}
.grid .sosanh a {padding-left: 0;}
.f-page-split .ttprodss a {  margin-left: 37%;}
.logo-xs {width: 100%;}

.search-xs ,{  width: 100%;
  margin-bottom: 10px;}
  .search ,#BNC_txt_search {
    width: 100%;
  }
  .search  .input-group {
    width: 100%
  }
  .header-banner {height: auto;}
  .hotline {

        width: 100%;
  }
}
/**********END MAX 497******************************************************************************************************/