/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Feb 22, 2019, 3:22:43 PM
    Author     : nham.tv8693
*/
@media(max-width:980px){

}
@media(max-width:768px){
    .container{max-width:100%;width:100%}
    header{position: relative;}
    header .main-header{height: 68px;}
    footer .col-md-12 img{width:100%;height:auto;}
    .bx-slider .slider-option-control{position: relative;bottom: 0}
    .bx-slider .slider-option-control a{width: calc(50% - 20px);padding: 9px 10px;margin: 0 10px 10px 10px;font-size: 14px;float:left;}
    header .top-header .contact .item{position: relative;top: -7px;}
    header .top-header .contact .item span{max-width: 150px;overflow: hidden;font-size: 14px;}
    header .top-header .contact .item:nth-child(2){display: none}
    header .top-header .contact .item:nth-child(3){display: none}
    header .cart .icon-cart{border: #FFF solid 1px;}
    header .cart{top: 66px;position: absolute;right: 80px;}
    header .top-header .social{position: absolute;top: 0;right: 0;}
    .bx-list-product-cate .list-slider-product .control span{z-index: 9999;}
    .bx-list-product-cate .list-slider-product .control span.next{right: 0}
    .bx-list-product-cate .list-slider-product .control span.prev{left: 0}
    header .main-header .menu{width: 100%;height: auto;position: absolute;top: 160px;margin-left: 0;left: 0;z-index: 9999999999;background:#7D0300;display: none}
    header .main-header .menu ul{}
    header .main-header .menu ul li{width: 100%;height: 45px;line-height: 45px;border-bottom:#6F0000 solid 1px;}
    header .main-header .menu ul li a{font-weight: normal;color:#FFF}
    header .main-header .option-user .guest{top: 11px;right: 0px;}
    header .main-header .option-user .guest a{padding: 0 10px;}
    .showMenuMobile{display: block;width: 45px;height: auto;position: absolute;top: 75px;right: 16px;}
    .showMenuMobile i{width: 100%;height: 3px;float: left;background:#c03d45;margin-bottom: 8px;}
    .bx-list-product-page .bx-list-product-cate .item{width:50%;margin-bottom: 15px;}
    .bx-list-product-cate .list .content .add-to-cart a{width: auto;margin-right: 0;display: block;float: initial;}
    .bx-list-product-cate .list .content .add-to-cart a:last-child{margin-left: 0;margin-top: 10px}
    .bx-list-page .list-page a{width: calc(50% - 10px);float: left;padding: 0 5px;font-size: 13px;margin-bottom: 10px}
    #gallery-2 .gallery-item{width: 100% !important;}
    .single-product-page .tabContent{margin-right: 0px;margin-left: 0px;}
    .single-product-page .tabContent .col-md-12{padding: 0}
    .bx-list-cate a{width: 100%;float: left;height: 40px;line-height: 40px;}
    .bx-list-product-cate .list .content h3{height: 55px;overflow: hidden;}
    .bx-news .list-news .item{width:100%;margin-bottom: 15px}
    .bx-news .list-news{display: block}
    .bx-address-contact .col-md-6 .content{padding: 0 10px 130px 10px;}
    .bx-frm-contact .main-frm{width:100%}
    .bx-address-contact .row{margin: 0}
    .popup-form-user .popup-form-user-ctn{width:100%;top:0;padding: 30px;}
    .popup-form-user .bx-frm .frm-control input{height:35px}
    .popup-form-user .bx-frm{padding: 20px 20px;}
    header .main-header .option-user{position: absolute;left: 75px;top: 45px;display: none;}
    header .main-header .logo img{top: 4px;height: 60px;}
    header .top-header .social{display:none;}
    .bx-about .header .sologan span{display: none}
    .bx-menu-footer a{width:50%;height:auto;float:left;padding: 15px 5px}
    .bx-menu-user-mobile{display: block;width: 40px;height: 40px;position: absolute;right: 150px;top: 75px;}
    .bx-menu-user-mobile .bx-icon{width: 40px;height: 40px;background: #9f2522;position: absolute;color: #FFF;line-height: 40px;text-align: center;border-radius: 50%;}
    .bx-menu-user-mobile .bx-info{width: 180px;height: auto;float: left;position: absolute;top: 0;background: #FFF;z-index: 99999;box-shadow: 1px 1px 1px 1px #CCC;top: 47px;border-radius: 5px;padding: 10px;left: -75px;display: none;}
    .bx-menu-user-mobile .hello{width: 100%;height: auto;float: left;font-weight: bold;font-size: 14px;}
    .bx-menu-user-mobile .list-link{width: 100%;height: auto;float: left;padding-top: 5px;}
    .bx-menu-user-mobile .list-link a{width: 100%;float: left;color: #333;padding-bottom: 5px;}
}
.bx-about .header .sologan span{display: none}