/*============================================================================
   #Webcms
==============================================================================*/
/* Resert CSS */
*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body{
    font-family: "Roboto Slab", sans-serif;
}

iframe{
  width:100% !important;
}

.wrapper{
    position: relative;
    width: 100%;
}

#line{
    width: 100%;
    background: gray;
    height: 10px;
}


/* Header top */
.header-inner{
    color: #000;
    width: 100%;
    height: auto;
    padding: 6px 0;
    border-bottom: 1px solid;
    border-bottom-color: rgb(140,131,131);
}
/* .header-wrapper{
    padding: 20px 0;

} */

/* Bars */
.bars1{
    text-align: start;
    padding-top: 30px;
}

.bars{
    width: 20%;
    border: none;
    background: transparent;
    font-size:20px;
}


/* Logo */
#logo{
    width:200px;
    height: auto;
   
}

.logo{
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

#img-logo{
    width: 100%;
    
    cursor: pointer;
}

/* Header mobile */
    .butoon-hn{
        display: flex;
        align-items: center;
    }

    .logo-mobile{
        display: flex;
        margin-top: 29px;
        justify-content: center;
    }
    #logo-mobile{
        width: 100%;
        height: auto;
    }

    #logo-mobile img{
        width: 100%;
       
    }

    .nav-header-mobile{
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-nav-mobile{
    display: flex;
    justify-content: flex-end;
    font-size: 13px;
    font-family: 'Roboto Slab', serif;
    margin-top: 26px;
    /* padding-top: 5px; */

    }

    .header-nav-mobile li{
    text-decoration: none;
    display: block;
    
    }

    .header-nav-mobile a{
        color: black;
    }

    .cart-item-mobile{
    border-style: solid;
    border-width: 0.2px;
    border-color: rgb(176,176,176);
    padding: 5px 10px;
    font-size: 28px;
    position: relative;
    top: 2px;
    height: fit-content
    }
/* Topbar-right */
.html1 p.text_1{
    display: flex;
    justify-content: flex-end;
    padding: 0 0 5px;
    margin: 0 0 5px;
    border-bottom: 1px dashed !important;

}

.text_1 a:hover{
    color: #c19662 !important ;
}

#icon-tele{
    font-size: 13px;
    margin-right: 4px;
    margin-top: 5px;
    
}

.html1 p.text_2{
    font-size: 15px;
    font-family: 'Roboto Slab', serif;
}

.html1 p.text_2 span,
.html1 p.text_1 a{
    color: #898f9c
}

.cart-item{
   
    border-style: solid;
    border-width: 0.2px;
    border-color: rgb(176,176,176);
    padding: 10px 16px;
    font-size: 28px;
    position: relative;
    top: 2px;
    height: fit-content;

}

.cart-item a:hover{
    color: #000;
}

.up-number {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50%;
    padding: 0px 5px;
    border: 1px solid #d26e4b;
    font-size: 12px;
    background-color: #d26e4b;
    color: white;

}
.header-nav{
    display:flex;
    padding-top: 3%;
    justify-content: flex-end;
    font-size: 16px ;
    font-family: 'Roboto Slab', serif;
    margin-top: 7px;
    
}

.header-nav > li{
    text-decoration: none ;
    display: block;
    margin-left: 10px;
    
}

.header-nav a{
    color: #000;
    text-decoration: none  ;
}

.nav-dropdown{
    position: absolute;
    min-width: 260px;
    max-height: 0;
    z-index: 9;
    padding: 20px 0 20px;
    display:none;
    margin: 0;
    transition: opacity .25s;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    border: 2px solid #ddd;
    color: #777;
    background-color: #fff;
    text-align: left;
    display: table;
    right: 0;
    padding-top: 20px;
    font-family: 'Roboto Slab', serif;
}
.nav-dropdown1{
  display:none;
}

.nav-dropdown p{
    font-family: 'Roboto Slab', serif;
    font-weight: 500;
    font-size: 16px;
}
.product-selected1{
    position: absolute;
    min-width: 260px;
    z-index: 10;
    padding: 20px 0 20px;
    display: none;
    transition: opacity .25s;
    box-shadow: 1px 1px 15px rgb(0 0 0 / 15%);
    border: 2px solid #ddd;
    color: #777;
    background-color: #fff;
    text-align: left;
   
    right: 0;
    padding-top: 20px;
}

.view-product-selected1{
    margin-left: 10px;
    margin-right: 10px;
}

.nav-dropdown li{
    display: block;
    margin: 0;
    /* vertical-align: top; */
}

.cart-item:hover .product-selected1{
   display: block;
}

.cart-drop-content{
    font-size: 16px ;
    text-align: center;
    font-family: 'Roboto Slab', serif;
}



/* Header bottom */
.header-bottom{
    width: 100%;
    font-family: "Roboto Slab", sans-serif;
    
}

/* Navigation */
.nav-bar {
    position: relative;
    display: flex;   
    justify-content: flex-start;
    width: 100%;
    
    
}

.sub-nav{
    justify-content: flex-start;
    display: flex;
    font-style: normal;
    padding-left: 0 !important;
    margin-top: 8px;
    text-transform: uppercase;
}





.sub-nav > li{
    text-decoration: none;
    display: inline-block;
    margin: 0 35px;
    font-weight: normal;
    font-family: 'Roboto Slab', serif;
    font-size: 18px;
    text-align: center;
    
}

.sub-nav a{
    color: #333;
    font-weight: normal;
    line-height: 100%;
    text-decoration: none;

}

.sub-nav a:hover{
    color:rgba(28,42,66,0.7);
    cursor:pointer ;
}

.sub-nav > li:hover{
    color:rgba(28,42,66,0.7);
    cursor:pointer ;
}

/* Header bottom */
.header-bottom{
    display: flex;
    margin-top: 12px;
}

.menu-item{
  text-transform:uppercase;
}

/* Search */
.search{
    width: 100%;    
    display: flex;
    align-items: center;
    justify-content: flex-end;

}

#li-first{
    margin-left: 0;
}

.flex-grow1 input{
    font-size: 13px;
    width: 100%;
    border: none;
   
}

.search-area{
    display: flex;
    background-color: #ebebeb;
    width: 100%;
}

.search-field {
    border: none;
}

.input{
    display: flex;
    background-color: transparent;
    padding: 8px;
    width: 100%;
}

.text-input{
    outline: none;
    width: 100%;
    border: none;
    
    background-color: #ebebeb;
    padding:0 0 0 7px ;
}

.button-search{
    padding: 3px 8px !important;
    position: absolute;
    right: 0px;
    top: 5px;
    font-size: 18px !important;
    background-color: #ebebeb;
}


#text{
    width: 240px;
    height: 11px;
    padding: 13px;
    position: relative;
}

/* Slider */

.tong {
    width: 100%;
    height: auto;
    position: relative;
  }

  .tong .your-class {
    width: 100%;
    height: 100%;
    position: relative;
  }

  .db {
    width: 100%;
    position: relative;

  }

  .slick-prev {
    background: transparent;
    width: 100px;
    height: 100%;      
    border: none;  
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 9999;  
    opacity: 0;  
  }

  .slick-prev i{
    color: white;
  }

  .slick-next {
    background: transparent;
    width: 100px;
    height: 100%;
    border: none;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
  }

  .slick-next i{
    color: white;
  }


  .your-class:hover .slick-next{
    opacity: 1;
  }
  
  .your-class:hover .slick-prev{
    opacity: 1;
  }

/* Produrt */
.produ-inner{
    margin-top: 20px;
}

.text-icon{
    
    width: 100%;
    text-align: center;
    font-family: "Roboto Slab", sans-serif;
   text-transform: uppercase;
}

.hello{
    padding-bottom: 0;
    margin-bottom: 0;
}

.title{
    font-size: 22px;
    margin-bottom: 0;
    font-family: "Roboto Slab", sans-serif;
}

#hash{
    margin-bottom: 1px;
    border-bottom: 1px dashed !important;
    margin-top: -5px;
}

#icon-img{
    width: 23px;
    margin-bottom: -15px;
    background-color:white;
    
}

.text-prod{
    margin-top: 20px;
}



.produce{
    width: 100%;
   
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    
}

.produce a{
    color: black;
    text-decoration: none;
  }

.produce1{
    width: 100%;
   
    margin-top: 20px;
    position: relative;
    overflow: hidden;
    background-size: 100%;
    
}

.produce1 a{
    color: black;
    text-decoration: none;
}

/* .produce:hover{
    border: #5a6781 solid 12px;
 
} */

.produce:hover .img-produ{
    transform: scale(1.3);
    transition: 5s;
}

.produce1:hover .img-produ{
    transform: scale(1.1);
    transition: 2s;
}

.produce1 a:hover  {
    color: black;
    border-color: black;
}

.produce a:hover  {
    color: black;
    border-color: black;
}

.img-produ{
    width: 100%;
    
    object-fit: contain; 
    margin-top: 1px;
    background-size: 100%;
    
   
}



.overplay{
   position: absolute;
   width: 100%;
   height: 100%;
   bottom:0;
}

.produce:hover .overplay{
    border: #37435f solid 5px;
    cursor: pointer;
    opacity: 0.8;
    transition: 0.5s;
}

.produce1:hover .overplay{
    border: #37435f solid 5px;
    cursor: pointer;
    opacity: 0.8;
    transition: 0.5s;
}


.btn-tat{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    left: 0;
    opacity:0;
    right: 0;
   
}

.produce:hover .btn-tat{
    height: 20%; 
    opacity:1;

}

.produce1:hover .btn-tat{
    height: 20%; 
    opacity: 1;

}
.background-succ {
    background-color: #000000;
    color: #fff;
    top: 0;
    left: 0;
    width: 400px;
    z-index: 1000;
    border-radius: 5px;
    height: 215px;
    position: absolute;
    display: none;
    justify-content: ;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.mySwiperMore .swiper-button-next,
.mySwiperMore .swiper-button-prev {
   color: #d26e4b;
}
.background-succ .content {
    padding-top: 50px;
    position: relative;
    text-align: center;
}
.background-succ .content img {
    width: 60px;
    height: 60px;
}
.background-succ .content p {
    display: block;
    font-size: 18px;
    margin-top: 1rem;
    font-weight: 500;
    color: #fff;
}

.btn-click{
    width: 20%;
    border: hidden;
    height: 65%;
    margin: 0 5px;  
    position: relative;
    display: inline-block;
}
div.btn-click {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}
div.btn-click1 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

.btn-click i{
  width:100%;
}

.btn-click .tooltiptext{
    visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -60px;
}

.btn-click .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  }

.btn-click:hover .tooltiptext {
    visibility: visible;
  }  

.btn-click:hover {
    background-color: #273242;
}
.btn-click:hover i {
    color: #fff;
}

.btn-click a{
    text-decoration: none;
    color: #000;
    width: 100%;
}

.btn-click:hover a{
    color: #ffffff;
    

}

.price-pd{
    font-family:"Roboto Slab", sans-serif ;
    color: #6c757d;
}

.price-pd p{
    text-align: center;
    width: 100%;
    
}


#price{
    color: #c91a1a;
}

#btn-up{
    border-radius: 50%;
}

#btn-seen{
   text-align: center;
   padding: 10px 0;
}

#btn-seen a{
    text-decoration: none;
    color: #000;
    background-color: white;
    font-size: 14px;
    padding: 5px 15px;
    box-shadow: 1px 1px 3px 1px #888888;
}

#btn-seen a:hover{
    color: white;
    background-color:#4c4653;
}

/* Banner */
.banner-main{
    width: 100%;
}


.banner-text{
    color: #fff;
    text-align: center;
    font-family: "Roboto Slab", sans-serif ;
   top: 0 ;
   width: 100%;
   letter-spacing: 1px;
    line-height: 2;
}

.test{
    background-image: url(http://keodauphong.mau.webngon.vn/wp-content/uploads/2018/08/banner-top-1024x175.jpg)  ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 170px;
    display: flex;
    overflow: hidden;
   padding-top:35px;
    
}

.banner-footer{
    text-align: center;
    align-items: center;
    position: relative;
    width: 100%;
    opacity: 0;
    height: 50%;
}


.text-3{
    margin-bottom: 0;
    font-size: 20px;
    text-transform: uppercase;
}

.text-3 span{
    
    padding-left: 5px;
    font-size: 16px;
    font-weight: bolder;
    margin-bottom: 0;
    letter-spacing: 1px;
    font-size: 20px;
   

}

.text-4{
    margin-bottom: 0;
    font-size: 14px;
}

/* News */

.col-inner{
    font-family: "Roboto Slab", sans-serif ;
       ;
}

.text-news{
    font-family:"Roboto Slab", sans-serif ;
}

.row-collapse{
    padding: 0;
}

.box-image {
    position: relative;
   
    display: block;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 10px;
    width: 100%;
}
.cover-img{
    position: relative;    
    width: 100%;
    overflow: hidden;
    background-position: 50% 50%;
    
}


.box-text-inner a{
    color:black;
   text-decoration: none;
}

.box-text-inner a:hover{
   color:rgba(28,42,66,0.7);
   
}


.box-text{
    padding-top: 7px;
    padding-bottom: 1.4em;
    position: relative;
    width: 100%;
    font-size: .9em;
}

.post-title{
    font-weight: 700;
     text-transform: uppercase;
     font-size: 16px;
}

.post-meta{
    opacity: .8;
    font-size: 12px;
}

.cover-img img {
    width: 100%;
    object-fit: cover;
    aspect-ratio: 1/1;
}

.overplay1{
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    
}

.cover-img:hover .overplay1{
    border: #fffefe solid 5px;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.5s;
}

.box-text button{
    border: none;
    color: #000;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    font-family:"Roboto Slab", sans-serif ;
    background-color: transparent !important;
}

.box-text button:hover{
  color:rgba(28,42,66,0.7);
}

/* Footer */
.footer1{
    background-color: #000;
    color: #9e9e9e;
    
}

.section-content{
    padding:30px 0;
}

.text-f{
    color: #9e9e9e;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 14px;
    
}

.text-f i{
  margin-right:5px;
  
}

.text-f a{
    text-decoration: none;
    color:#9e9e9e;
}



.payment-icon{
    display: inline-block;
    opacity: .6;
    transition: opacity .3s;
    border-radius: 5px;
    background-color: rgba(0,0,0,0.1);
    padding-bottom: 0;
    padding: 3px 5px 5px;
    margin: 3px 3px 0;
    background-color: rgba(255,255,255,0.1);
}


.footer-secondary{
    padding: 7.5px 0;
}

.col-inner .text-f a:hover{
    color:#9e9e9e;
    cursor: pointer;
}

input #form-km{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #ccc;
}

.social-icon{
    flex-wrap: wrap;
    margin-top: 15px;
    display:flex;
}

.social-icon a{
   
    text-decoration: none;
   
}

.social-icon a:hover{
    color: #fff;
    
}

.social-icon i{
  font-size: 18px;
  color: #dcd6d6;
  color: #dcd6d6;
  display: flex;
  align-items: center;
    /* width: 100%; */
  height: 100%;
  justify-content: center;
}

.social-icon .icon-button1:hover{
    background-color: #569ce4;
}

.social-icon .icon-button2:hover{
    background-color: #fb6767;
}

.tooltip1 {
    position: relative;
    
  }
  
  .tooltip1 .tooltiptext1 {
    visibility: hidden;
    width: 200px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: -10px;
    margin-left: -60px;
    text-decoration: none;
  }
  
  .tooltip1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;

  }
  
  .tooltip1:hover .tooltiptext1 {
    visibility: visible;
    
  }

.address-form{
    
    background-color: #000;
    position: relative;
    display: block;
    
}

.form-km{
    color: white;
}

#form-km{
    background: transparent;
    border: none;
    border-bottom: 1px solid #ccc;
    color: #ccc;
    font-weight: 700;
    padding-bottom: 6px;
}

.address-input{
    display: block;
    position: relative;
}

.address-input input{
    width: 100%;
    padding-left: 5px;
    
}

#bt-km{
    opacity: 0;
}

.submit-km{
    top: 26px;
    position: absolute;
    right: 6px;
    font-size: 25px;
    transition: all .35s ease;
}

.submit-km i:hover{
    color: #207751;
    cursor: pointer;
}

.address-email .text-f1{
    margin-top: 40px;
    margin-bottom: 5px;
    color: #9e9e9e ;
    line-height: 30px;

}

.address-email form{
  position:relative;
   background-color: #000;
    display: block;
}

.fanpage iframe{
    width: 100%;
}

/* Footer abso */

.col-inner .tieu-de-f{
    color: white;
    font-size: 16px;
    font-weight: 500;
    font-family:"Roboto Slab", sans-serif ;
}

.absolute-footer{
    background-color: #5b5b5b;
    text-align: center;
    font-family: "Roboto Slab", sans-serif;
    font-size: 14.4px;
    padding: 10px 0 15px;
}

.payment-icons{
    display: inline-block;
    width: 300px;
}
  
.payment-icon {
    display: inline-block;
    opacity: .6;
    transition: opacity .3s;
    border-radius: 5px;
    
    padding-bottom: 0;
    padding: 3px 5px 5px;
    margin: 3px 3px 0;
    width: 16%;
}

.payment-icon:hover path{
    fill:white ;
}

path{
    fill: rgb(211, 211, 211);
}
.copyright-footer p{
  margin:0;
  color:white;
}

.copyright-footer a{
    text-decoration: none;
    
}
.copyright-footer img{
  width: 16%;
}

.footer-primary{
   padding: 20px 0;
}
.footer-primary .copyright-footer img {
    width: 100px;
}

/* Sidebar Left */

.mfp-wrapper{
   display: block;
}

#main-menu{
    margin-top: 33px ;
    width: 100%;
    height: 100%;
}

.mfp-content{
    background-color: #f4f4f4;
    position: relative;
    top: 0;
    
}

.nav-sidebar{
    padding-left: 0;
}

.nav-sidebar li{
    border-bottom: solid 1px;
    border-bottom-color: rgb(205,203,203);
    text-decoration: none;
    padding-right: 15px;
    padding-top: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    font-weight: normal;
    font-family:"Roboto Slab", sans-serif ;
}

.nav-sidebar a{
    text-decoration: none;
    color: #000;
    font-size: 17px;
}

.nav-sidebar a:hover{
    color: rgb(82, 73, 73);
    cursor: pointer;
}

.flex-row{
    position: relative;

}

.flex-col1 button{
    position: absolute;
    top: 4px;
    right: 6px;
    border: none;
    background-color: transparent;
}

.flex-grow input{
    border-radius: 10px;
    width: 100%;
    background-color: #e1e1e1;
    border: rgb(191,190,190) solid 1px;
}

.mfp-content{
    width: 320px;
    opacity: 1 ;
    height: 100%;
    position: fixed;
    overflow: scroll;
    z-index: 10000;
    
}

.mfp-container{
    position: fixed;
    background: rgba(0,0,0,0.3);
   width: 100%;
    top: 0;
    height: 100%;
    z-index: 9999;
}



#menu {
    display: none;
}

#mfp-container{
    display: none;
}

.mfp-container button{
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    border: none;
    background-color: transparent;
}



.mfp-close i{
    color: white;
    padding: 6px 15px;
    font-size: 25px;
}

.searchform button{
    padding-right: 4px;
    font-size: 18px;

}

.header-newsletter-item .news-letter{
    color: gray;
    font-weight: 600;
    font-size: 12px;
}

.header-newsletter-item i{
    color: gray;
}

.social-icons i{
    color: gray;
    padding-bottom: 2px;
    margin: 0 3px;
    font-size: 15px;
    padding-left: 2px;
    padding-right: 2px;
    border-bottom: dashed 1px ;
    border-bottom-color: rgba(147,148,152,1);
}

.header-social-icons{
    border: none !important;
    padding-bottom: 0 !important;
}

.social-icons i:hover{
    color: #d88f30;
}

/* Button top */


.back-to-top{
    border: #000 solid 3px;
    border-radius: 50%;
    position: fixed;
    bottom: 30px;
    right: 20px;
    opacity: 1;
}
.back-to-top i{
    padding: 11px 12px;
    color: black;
}

.back-to-top:hover{
    background-color: #000;
}

.back-to-top:hover i{
    color: #fff;
}

/* Main */
.col-inner1{
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}

.page-wrapper{
    padding-top: 30px;
    padding-bottom: 30px;
}

.page-wrapper1{
    
    padding-bottom: 30px;
}

/* Cart-right */
.mfp-wrap{
    display: block;
}

.mfp-container1{
    position: absolute;
    background: rgba(0,0,0,0.3);
   width: 100%;
    top: 0;
    height: 100%;
    z-index: 9999;
}

.mfp-wrap button{
    position: absolute;
    font-size: 20px;
    right: 0;
    top: 0;
    border: none;
    background-color: transparent;
    z-index: 99999;
}

.mfp-close1 i{
    color: black;
    padding: 6px 15px;
    font-size: 25px;
    opacity: .5;
}

#mfp-content1{
    right: 0;
}

.uppercase{
    text-align: center;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: .05em;
    font-weight: 700;
    font-size: 18px;
    font-family: "Roboto Slab", sans-serif;
}

.is-divider{
    margin-left: auto;
    margin-right: auto;
    height: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    width: 100%;
    max-width: 30px;
}

.inner-padding{
    padding: 30px;
}

#mfp-content1 {
    display: none;
}

#mfp-container1{
    display: none;
}

#mfp-close1{
    display: none;
}

/* Giỏ hàng */
.text-center{
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.text-center p{
    margin-bottom: 2rem !important;
}

.cart-empty{
    font-weight: 500;
    font-size: 18px;
}

.button-back{
    background-color: black;
    color: white;
    
    text-decoration: none;
    padding: 10px 20px;
    font-weight: 600;
    font-size: 16px;
    font-family: "Roboto Slab", sans-serif ;
    text-transform: uppercase;
    letter-spacing: .05em;
}

.button-back:hover{
    cursor: pointer;
    color: white;
}

/* Breadcrumb */

.shop-page-title{
    width: 100%;
    margin-top: 30px;
}

.page-title-inner{  
    padding-left: 30px;   
    padding-right: 30px;
    padding-top: 2px;
}

.medium-right{ 
    float: right;   
    display: flex;
    text-align: center;
    height: 100%;
    font-family: "Roboto Slab", sans-serif;
}

.title-first{
    font-size: 18px;
    margin-right: 15px;    
    justify-content: center;
    padding-top: 6px
}

.order-mobile{
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 31px;
}

.orderby{
       box-shadow: inset 0 -1.4em 1em 0 rgb(0 0 0 / 2%);
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: auto 15%;
    border-radius: 0;
    padding: 7px 12px;
} 

/* .medium-right .breadcrumb{
    text-align: center;
} */

.medium-left{
    
    float: left;
    height: 100%;
}

ul.breadcrumb {
    padding: 10px 0;
    list-style: none;
    
  }
  ul.breadcrumb li {
    font-family: "Roboto Slab", sans-serif;
    display: inline;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
  }
  ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
  }
  ul.breadcrumb li a {
    color: rgba(102,102,102,0.7);
    font-weight: normal;
    text-decoration: none;
  }
  ul.breadcrumb li a:hover {
    color: black;
    text-decoration: none;
  } 

  /* Sản phẩm - main */
  /* .main-wrap{
    padding-left: 26px;
  } */

  .list-product{
      width: 100%;
  }

  .selec-product{
    font-family:"Roboto Slab", sans-serif ;
  }

  .selec-product .cat-item{
    padding: 25px 0;
    font-weight: 400;
    list-style: square;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #e1e1e1;
    border-top: none;
    list-style-position: inside;
  }

  .selec-product .cat-item-end{
    padding: 25px 0;
    font-weight: 400;
    list-style: square;
    font-size: 14px;
    color: #666;
    border-top: none;
    list-style-position: inside;
  }

  .selec-product a{
      text-decoration: none ;
      color: #707070;
  }

  .selec-product a:hover{
      color: black;
  }


  .selec-product a:focus{
      color: black;
      font-weight: 600;
  }

  .title-list{
    font-family: "Roboto Slab", sans-serif;
    color: #252525;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
    padding-right: 0;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-bottom: 15px;
    margin-top: 0;
    display: block;
  }

  .title-list1{
    font-family: "Roboto Slab", sans-serif;
    color: #252525;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
    padding-right: 0;
    text-transform: uppercase;
    margin-bottom: 25px;
    padding-bottom: 15px;
    margin-top: 0;
    display: block;
    margin-top: 25px;
  }

  .text-price p{
    font-family:"Roboto Slab", sans-serif ;
    color: #6c757d;
    width:100%;
  }

  .price-1 {    
    text-transform: capitalize;
  }

.btn-down{
    padding-bottom: 16px
}

  .btn-down span{
      font-weight: 600;
  }

  .mfp-wrapper2{
    display: block;
  }

  .mfp-container2{
    position: absolute;
    background: rgba(0,0,0,0.3);
   width: 100%;
    top: 0;
    height: 100%;
    z-index: 9999;
  }

  #mfp-wrapper2{
      display: none;
  }
  
  #mfp-container2{
      display: none;
  }

  .list-selec1{
    width: 260px;
    opacity: 1;
    height: 100%;
    position: fixed;
    overflow: scroll;
    z-index: 10000;
    background-color: #f4f4f4;
    top: 0;
}
  
  #list-selec1{
      display: none;
  }

  /* Tin Tức */
  .col-inner2{
      margin-bottom: 20px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-family: "Roboto Slab", sans-serif;
  }

  .col-inner2 span{
    text-transform: uppercase;
    font-size: 30px;
    font-weight: 700;
  }

  .main-news-box{
      margin-top: 10px;
      display: flex;
  }

  .main-news-box:hover .overplay1{
    border: #fffefe solid 10px;
    cursor: pointer;
    opacity: 0.5;
    transition: 0.8s;
}

  .box-image-new{
      width: 30%;
      height: 200px;
      overflow: hidden;
      border: double;
      border-radius: 10px 0 10px 0;
      border-width: 7px;
      border-color: rgb(235,231,231);
      position: relative;
  }
  
  .box-image-new img{
      width: 100%;
      height: 100%;
      position: relative;
  }

  .box-title-new{
      margin-top: 5px;
      font-family: "Roboto Slab", sans-serif;
      margin-left: 30px;
      width: 70%;
  }
  
  .box-title-new a{
      text-decoration: none;
      color: #315940;
  }

  .box-title-new h5{
      text-transform: uppercase;
      font-size: 16px;
      font-weight: 600;
      color: #315940;
  }

  .post-time span{
      font-size: 14px;
      font-weight: normal;
  }

  .post-time i{
    font-size: 14px;
    font-weight: normal;
}

  .post-user span{
      font-size: 14px;
      font-weight: normal;
      
  }
  .post-user a{
      text-decoration: none;
      color: black;
  }
  .post-user a:hover{
    
    color: black;
}

  .post-user i{
    font-size: 14px;
    font-weight: normal;
    }

  /* List news */

  .list-news-wrapper{
      border-left: rgb(219,219,219) solid 1px;
      padding: 0 30px !important;
      
  }

  .list-newx{
      width: 100%;
     
  }

  .selec-news{
      padding-bottom: 20px;
      font-family: "Roboto Slab", sans-serif;
  }

  .selec-news form{
      position: relative;
      width: 100%;
  }

  .selec-news input{
    width: 100%;
    border-radius: 5px;
    border: rgb(207,207,207) solid 1px;
    padding: 5px 10px;
  }

  .search-new{
    display: block;
    background-color: #2c6350;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 5px;
    padding: 10px 13px;
    border: none;
  } 
  
  .search-new i{
    color: white;
    font-size: 17px;
  }

  .selec-news p{
      font-size: 20px;
      font-weight: normal;
      color:#6d6d6d;
      text-transform: none;
      border-bottom: rgb(219,219,219) solid 1px;
      padding-bottom: 10px;
  }

  .title-newx{
      padding-left: 0;
  }

  .title-newx li{
    list-style: none;
    text-align: left;
    padding: 10px 0;
    border-bottom: rgb(219,219,219) solid 1px;
    text-transform: uppercase;
    font-size: 15px;
    color: #656565;
    font-size: 14px;
  }

  .title-newx a{
      color: gray;
      text-decoration: none;
  }

  .title-newx a:hover{
      color: black;
  }

  .list-luu-tru{
      padding-left: 0;
  }

  .list-luu-tru li{
    list-style: none;
    text-align: left;
    padding: 10px 0;
    border-bottom: rgb(219,219,219) solid 1px;    
    font-size: 15px;
    color: #656565;
    font-size: 14px;
  }

  .list-luu-tru a{
    color: gray;
    text-decoration: none;
}

.list-luu-tru a:hover{
    color: black;
}

  .chuyen-muc{
      padding-left: 0;
  }

  .chuyen-muc li{
    list-style: none;
    text-align: left;
    padding: 10px 0;
    border-bottom: rgb(219,219,219) solid 1px;    
    font-size: 15px;
    color: black;
    font-size: 14px;
    font-weight: 600;
  }

  .chuyen-muc a{
    color: gray;
    text-decoration: none;
}

.chuyen-muc a:hover{
    color: black;
}

  .list-meta{
      padding-left: 0;
  }

  .list-meta li{
    list-style: none;
    text-align: left;
    padding: 10px 0;
    border-bottom: rgb(219,219,219) solid 1px;    
    font-size: 15px;
    color: #656565;
    font-size: 14px;
  }

  .list-meta a{
    color: gray;
    text-decoration: none;
}

.list-meta a:hover{
    color: black;
}

  .title-end{
      border:none !important;
  }

  /* Phần Liên Hệ */
  .main-lien-he{
      width: 100%;
  }

  .google-map{
    width: 100%;
    
    margin-bottom:20px;
  }

  .google-map iframe{
      width: 100%;
    
  }

  .text-truyen-thong{
      width: 100%;
      font-family: "Roboto Slab", sans-serif;
  }

  .text-truyen-thong h3{
      text-align: center;
  }

  .main-text{
      font-size: 20px;
      font-weight: 600;
      margin-top: 20px;
      margin-bottom: 25px;
  }

  .main-text:after {
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: #315940;
    margin: 2px auto 0;
}

.text-lien-he{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 25px;
}

.text-lien-he:after{
    content: "";
    display: block;
    width: 100px;
    height: 3px;
    background: #315940;
    margin: 2px auto 0;
}

.text-truyen-thong a{
    text-decoration: none;
    color: gray;
}

  .text-thongtin{
      width: 100%;
  }

  .text-thongtin input{
      width: 100%;
      border: none;
      border-bottom: gray solid 1px;
      padding: 10px 0;
      margin-bottom: 10px;
  }

  .text-thongtin textarea{
      width: 100%;
      border: none;
      border-bottom: gray solid 1px;
      padding: 10px 0;
      margin-bottom: 10px;
      height: 80px ;
  }
  #form1{
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height:1.5;
 
    background-color: #fff;
    background-image: none;
    border-bottom: 1px solid #ccc;
    -webkit-appearance: initial;
    border-radius: 4px;
    box-shadow: none;
    transition: 0.5s;
  }

  .btn-gui{
      width: 100%;
      text-align: center;
  }

  .btn-gui button{
    background-color: #315940;
    border-radius: 5px;
    border: 1px solid #315940;
    color: white;
    padding: 5px 40px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
  }

  /* Chi tiết hình ảnh */

  .swiper-slide img{
      width: 100%;
      
  }

  .main-img-title{
      width: 100%;
      position: relative;
  }

  .swiper-container {
    width: 100%;
  
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
  }
  .swiper-wrapper {
    position: relative;
    height: auto !important;
  }
  /*.swiper-slide {*/
  /*  width: 100% !important;*/
  
  /*}*/

  /* .img{
    width: 100%;
    height: 100%;
  } */

  .gallery-top {
    height: 80%;
    width: 100%;
  }
  .gallery-top .swiper-button-next, 
   .gallery-top .swiper-button-prev {
     color: #d26e4b;
   }
  .gallery-thumbs {
    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;
  }

  .gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
  }

  .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
  }

  /* Chi tiết sản phẩm */

  .main-wrap1{
      padding: 40px 0;
  }

  .main-chi-tiet{
      font-family:"Roboto Slab", sans-serif ;
  }

  .main-chi-tiet h1{
      text-transform: capitalize;
      font-size: 25px;
      font-weight: 700;
  }

  .d-one{
      display: flex;
  }

  .title-breadcrumb a{
    text-decoration: none;
    color: gray;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Slab", sans-serif;
  }

  .is-diviser{
    height: 3px;
    display: block;
    background-color: #efefef;
    margin: 1em 0 1em;
    width: 100%;
    max-width: 30px;
  }

  .price-wrapper{
      margin-bottom: 10px;
  }

  .price-wrapper span{
      color: #db2121;
      font-size:22px;
  }

  .produce-meta > span {
    display: block;
    border-top: 1px dotted #ddd;
    padding: 5px 0;
}

  .posted_in a{
      text-decoration: none;
      color: gray;
      font-size: 14px;
  }

  .posted_in a:hover{
    color: #c19662;
  }

  .tagged_as a{
      text-decoration: none;
      color: gray;
      font-size: 14px;
}

.tagged_as a:hover{
    color: #c19662;
  }
  
  .social-icon-enter{
    display: flex;
  }

  .social-icon-enter a{
    
    text-decoration: none;
  }
  
  .button-icon-web{
    color: #c0c0c0;
    border: #c0c0c0 solid 2px;
    border-radius: 50%;
    align-items: center;
    font-size: 15px;
    margin-left: 7px;
    padding: 5px;
    text-align: center;
    line-height: 3;

    width: 50px;
    height: 50px;
  }
  
  .button-icon-web1{
    color: #c0c0c0;
    border: #c0c0c0 solid 2px;
    border-radius: 50%;
   margin-right: 3px;
    line-height: 3;
    width: 35px;
    height: 35px;
  }

  .social-icon-enter i{
      color: #dcd6d6;
      color: #dcd6d6;
    display: flex;
    align-items: center;
    /* width: 100%; */
    height: 100%;
    justify-content: center;
  }

  .icon-button1:hover{
   background-color: blue ;
   border: blue;
   border-radius:50%;
   padding:5px;
}

  .icon-button1:hover i{
    color: white ;
     }

  .icon-button2:hover{
    background-color: red;
    border: red;
    border-radius:50%;
    padding:5px;
     }

 .icon-button2:hover i{
        color: white;
         }

 .icon-button3:hover{
    background-color: black;
    border: black;
    border-radius:50%;
    padding:5px;
 }  
 
 .icon-button3:hover i{
    color: white;
     }
.product-tabs{
     border-top: 1px dotted #ddd;
     font-family: "Roboto Slab", sans-serif;
     padding-left: 0;
}

.product-tabs:hover a{
    border-top: none;
}

.product-tabs li{
    list-style: none;
    padding: 10px 0;
    
}

.product-tabs a{
    text-decoration: none;
    font-size: 15px;
    color: #315940;
    text-transform: uppercase;
    font-weight: 700;
    border-top: 3px solid black;
    padding: 10px 0;
}


.product-tabs a:hover{
    color: #315940;
    border-top: 3px solid black;
}

.inter{
    
    position: relative;
    width: 100%;
    border-bottom: 1px solid #e9ebee;
    line-height: 25px;
    margin-bottom: 24px;
    height: 50px;
    padding: 8px 0;
}

.txt-bl{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
}

.txt-bl span{
    font-size: 16px;
    font-weight: 500;
}

.inter-sx{
    top: 0;
    position: absolute;
    bottom: 0;
    right: 0;
}

#sapxep{
    background-color: #f5f6f7;
    border-color: #ccd0d5;
    color: #4b4f56;
    font-size: 14px;
    font-weight: 500;
}

.inner-bl{
   
    width: 100%;
}

.img-bl{
    
    width: 100%;
    height:50px;
}

.img-bl img{
    width: 100%;
    height: 100%;
}

.input-bl{
    width: 100%;
    height: 50px;
   
}

.input-bl textarea{
    width: 100%;
    height: 100%;
    padding-top: 5px ;
    padding-left: 5px;
    font-size: 16px;
    font-weight: 500;
}

.link-face{
    margin-top: 20px;
    padding-bottom: 8px;
    padding-top: 8px;
    border-top:  1px dotted #ddd;
}

.link-face span{
    color: #14319e;
}

.link-face a{
    text-decoration: none;
    color: #14319e;
    font-size: 14px;
    font-weight: normal;
}

.link-face a:hover{
    text-decoration: underline;
    color:#14319e;
}

.product-footer{
    padding: 30px 0;
}

    /* Số lượng */
    .btn_num {
        font-size: 25px;
        line-height: 0;
        border: solid 1px #D7D7D7;
        display: inline-block;
        width: 40px;
        height: 40px;
        background: #FFFFFF;
        color: #222222;
        text-align: center;
        padding: 0;
    }

    .btn_num1 {
        font-size: 25px;
        line-height: 0;
        border: solid 1px #D7D7D7;
        display: inline-block;
        width: 20px;
        height: 30px;
        background-color: #f9f9f9;
        color: #222222;
        text-align: center;
        padding: 0;
    }

    .btn_num2 {
        font-size: 25px;
        line-height: 0;
        border: solid 1px #D7D7D7;
        display: inline-block;
        width: 20px;
        height: 30px;
        background-color: #f9f9f9;
        color: #222222;
        text-align: center;
        padding: 0;
    }

    .btn_numberplus {
        display: flex !important;
        margin-bottom: 20px;
    } 

    .prd_quantity {
        width: 60px !important;
        height: 40px !important;
        text-align: center !important;
        border-radius: 0 !important;
    }

    .prd_quantity1 {
        width: 42px !important;
        height: 30px !important;
        text-align: center !important;
        border-radius: 0 !important;
    }
    
    .btn-them{
        text-transform: uppercase;
        color: white;
        font-family:"Roboto Slab", sans-serif ;
        font-weight: 700;
        font-size: 16px;
        background-color: #315940;
        border-color: #315940;
        margin-left: 15px;
        padding: 0 10px;
    }

    .btn-them:hover{
        color:#315940 ;
        background-color: white;
    }
 /* Sản phẩm tương tự */
  .product-section{
    border-top: 1px solid #ececec;
    font-family:"Roboto Slab", sans-serif ;
  }  
  
  .product-section h3{
      text-transform: uppercase;
      padding: 15px 0;
      line-height: 1.2;
      font-weight: 700;
      font-size: 20px;
      color: black;

  } 
  .product-section1 {
    width: 100%;
    height: auto;
    position: relative;
  } 

  .product-section1 .your-class {
    width: 100%;
    height: 300px;
    position: relative;
  } 

  .db {
    width: 100%;
    position: relative;
  }

  .slick-prev1 {
    background: rgb(239, 239, 239, .6);
    width: 100px;
    height: 100%;
    border: none;
    position: absolute;
    bottom: 0;
    top: 0;
    z-index: 9999;
    opacity: 0;
  }

  .slick-prev1 i {
    color: white;
    font-size: 20px;
  }

  .slick-next1 {
    background: rgb(239, 239, 239, .6);
    width: 100px;
    height: 100%;
    border: none;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
  }

  .slick-next1 i {
    color: white;
    font-size: 20px;
  }


  .your-class:hover .slick-next1 {
    opacity: 1;
  }

  .your-class:hover .slick-prev1 {
    opacity: 1;
  }

  .produce2 {
    width: 100%;
   
    position: relative;
    overflow: hidden;
    background-size: 100%;

  }

  .produce2:hover .img-produ1 {
    transform: scale(1.3);
    transition: 2s;
  }

  .produce2:hover .overplay2 {
    border: #37435f solid 5px;
    cursor: pointer;
    opacity: 0.8;
    transition: 0.5s;
  }

  .produce2:hover .btn-tat1 {
    height: 20%;
    opacity: 1;

  }
  .main-produce1 a {
      color: #333;
      text-decoration: none;
  }
  
  .produce2 a{
    text-decoration: none;
    color: black;
  }
  
  .produce2 a:hover{
    color: black;
  }

  .img-produ1 {
    width: 100%;
   
    object-fit: contain;
    margin-top: 1px;
    background-size: 100%;


  }

  .overplay2 {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
  }

  .btn-tat1 {
    position: absolute;
    
    bottom: 0;
    width: 100%;
    text-align: center;
    transition: .5s ease;
    left: 0;
    right: 0;
    opacity: 0;
  } 

  #price1{
    color: #c91a1a;
}

   .btn-click1{ 
    width: 13%;
    border: hidden;
    height: 65%;
    margin: 0 5px;
    position: relative;
    display: inline-block;
  } 

   .btn-click1 .tooltiptext1 {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
  } 

   .btn-click1 .tooltiptext1::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: black transparent transparent transparent;
  } 

  .btn-click1:hover .tooltiptext1 {
    visibility: visible;
  } 

  .btn-click1:hover {
    background-color: #273242;
  } 

  .btn-click1 a {
    text-decoration: none;
    color: #000;
    width: 100%;
  } 

   .btn-click1:hover a {
    color: #ffffff;


  } 
  .btn-click1:hover i {
      color: #fff;
  }

   .price-pd1 {
    font-family: "Roboto Slab", sans-serif;
    color: #6c757d;
  } 

  .price-pd1 p {
    text-align: center;
    width: 100%;
    margin-bottom: 0;
  }  
/* Archives */
.col-inner2 h1{
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.col-inner2 .thang-chin{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
} 

.col-inner2 .Quan-tri{
    text-transform: uppercase;
    font-size: 35px;
    font-weight: 700;
    color: gray;
}

.col-inner2 .Quan-tri:hover{
    color: #c19662;
    cursor: pointer;
}

/* Món ngon xứ huế */
.entry-header{
    font-family: "Roboto Slab", sans-serif;
}

.entry-title{
    text-transform: uppercase;
    width: 100%;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 14px;
    letter-spacing: 1px;
    color: black;
    padding: 15px 0;
}

.entry-meta{
    width: 100%;
    font-size: 12px;
}

.post-on{
    margin-right: 20px;
}

.post-on a{
    text-decoration: none;
    color: black;
}

.post-on a:hover{
    color: #315940;
}

.byline{
    margin-right: 20px;
}

.byline a{
    text-decoration: none;
    color: black;
}

.byline a:hover{
    color: #315940;
}
.entry-category{
    margin-right: 20px;
}

.entry-category a{
    text-decoration: none;
    color: black;
}

.entry-category a:hover{
    color: #315940;
}

.social-icon-share{
    justify-content: center;
    display: flex;
}

.is-diveder-medium{
    height: 3px;
    display: block;
    background-color: rgba(0,0,0,0.1);
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 100%;
    max-width: 30px

}

.social-icon-share a{
    text-decoration: none;
  
}

.social-icon-share i{
  color: #dcd6d6;
  color: #dcd6d6;
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
}

.linke{
    padding: 0 4px;
}

.faceb{
    padding: 0 2px;
}

.nav-previous a{
    font-family: "Roboto Slab", sans-serif;
    text-decoration: none;
    color: gray;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
}

.nav-previous a:hover{
    color: #c19662;
}

.nav-previous i{
 margin-right: 6px;
}

.nav-next{
  float:right;
}

.nav-next a{
  font-family: "Roboto Slab", sans-serif;
    text-decoration: none;
    color: gray;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 16px;
}

.nav-next a:hover{
    color: #c19662;
}

.nav-next i{
 margin-left: 6px;
}

.nav-previous-main{
    border-bottom: 1px dotted #ddd;
    border-top: 1px dotted #ddd;
}

.naps{
    padding: 20px 0;
}

/* View giở hàng */

table{
    font-family: "Roboto Slab", sans-serif;
    width: 100%;
    margin-bottom: 1em;
    border-color: #ececec;
    border-spacing: 0
}

.shop-table{
    border-width: 3px;
}

.product-remove a{
    text-decoration: none;
    color: gray;
}

.product-thumbnail{
    min-width: 60px;
    max-width: 90px;
    width: 90px;
}

.product-thumbnail img{
    width: 100%;
    padding: 10px 5px;
}



.product-thumbnail a{
    text-decoration: none;
}

.product-name{
    word-break: break-word;
    text-overflow: ellipsis;
}

.product-name a{
    text-decoration: none;
    color:gray;

}

.product-name a:hover{
    color: #c19662;
}

.product-price span{
    color: #db2121;
    font-weight: normal;
}

.product-subtotal span{
    color: #db2121;
    font-weight: normal;
}

.product-subtotal1{
   color: #db2121;
    font-weight: normal;
    text-align: right;
}

.continue-shopping a{
    text-decoration: none;
    text-transform: uppercase;
    color: black;
    border: 2px solid currentColor;
    padding: 7px 20px;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
}

.continue-shopping a:hover{
    color: white;
    background-color: black;
}

/* .actions{
    display: flex;
} */

.button-continue-shopping{
    float:left;
    margin-right: 10px;
}
/* table */
.table-1{
    border-bottom: 3px solid #ececec;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Slab", sans-serif;
    letter-spacing: 1px;
} 

.table-th{
    border-bottom: 3px solid #ececec;
    text-transform: uppercase;
    font-size: 14px;
    font-family: "Roboto Slab", sans-serif;
    letter-spacing: 1px;
}

.table-3{
    border-bottom: 1px solid #ececec ;
}

.table-5{
    border-bottom: 3px solid #ececec;
}

.table-a a{
  text-decoration: none;
  color:#666;
  text-transform: capitalize;
}

.table-a strong{
  color:#666;
}

/* .table-4{
    
} */

.primary-button{
    padding: 7px 25px;
    background-color: #625f5f;
    color: white;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-top: 10px;
}

.product-subtotal{
    text-align: right;
}

.btn_numberplus1 {
    display: flex !important;
    width: 70%;
    
} 

/*.btn_numberplus2 {*/
/*    display: flex !important;*/
/*    width: 100%;*/
/*    justify-content: flex-end;*/
    
/*}*/

.buttons_added {
    opacity:1;
    
    white-space:nowrap;
    vertical-align:top;
    text-align: center !important;
}
.is-form {
    overflow:hidden;
    position:relative;
    background-color:#f9f9f9;
    height: 30px;
    width: 16px;
    padding:0;
    text-shadow:1px 1px 1px #fff;
    border:1px solid #ddd;
}
.is-form:hover{
    background-color: #bbb;
    transition: 0.3s;
}
.is-form:focus,.input-text:focus {
    outline:none;
}
.input-qty {
    background-color:#fff;
    height: 30px;
    width: 22px;
    text-align:center;
    font-size:1rem;
    display:inline-block;
    vertical-align:top;
    margin:0;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    border-left:0;
    border-right:0;
    padding:0;
    outline: none;
}
.input-qty::-webkit-outer-spin-button,.input-qty::-webkit-inner-spin-button {
    -webkit-appearance:none;
    margin:0;
}







.flo{
    border-right: 1px solid black;
    margin-bottom: 30px;
}

.sum-money td{
    border-bottom: 1px solid #ececec;
}

.sum-money th{
    border-bottom: 3px solid #ececec;
}

.checkout{
    background-color:  #d26e4b;
    text-align: center;
    min-width: 100%;
    margin-right: 0;
    display: block;
    margin: 30px 0;
    padding: 10px 0;
}

.checkout a{
    color: white;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 1px;
}

.checkout a:hover{
    color: white;
}

.check-form-main input{
    width: 100%;
    
}

.checkout-button{
    font-family: "Roboto Slab", sans-serif;
    letter-spacing: 1px;
}

.input-text{
    margin-bottom: 20px;
    border: 1px solid #ddd;
    vertical-align: middle;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    padding:5px 10px;
    font-family: "Roboto Slab", sans-serif;
}

.check-form-main h3{
    font-family: "Roboto Slab", sans-serif;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-bottom: 3px solid #ececec;
}

.check-form-main i{
    color: gray;
}

.btn-ap-dung{
    padding: 5px 0;
    border: 1px solid #ddd;
    color: #666;
    background-color: #f9f9f9;
    font-family: "Roboto Slab", sans-serif;
    font-size: 16px;
    text-shadow: 1px 1px 1px #fff;
    text-transform: none;
}

.td-sum{
    padding-top: 15px;
    padding-bottom: 10px;
    
}

.th-sum{
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.pd-bottom{
    padding-bottom: 5px;
}

.product-quantity1{
    text-align: right;
}
.product-quantity{
  text-align:center;
}

.amount1{
    color: #db2121;
    font-weight: normal;
    font-size: 17px
}

.mobile-product1{
    font-weight: normal;
    font-size: 12px;
}

/* Thêm sản phẩm */
.product-views{
    display: flex;
    margin-bottom: 6px;
}

.product-views1 {
    display: flex;
    margin-bottom: 6px;
}

.product-views1 .product-title1{
    font-size: 16px;
    text-transform: capitalize;
    
}

.product-views-img{
    width: 60px;
    height: 60px;
}

.product-views-img img{
    width: 100%;
    height: 100%;
}

.product-views-title{
    margin-left: 20px;
    margin-right: 20px;
}

.product-title1{
    text-transform: capitalize;
    color: rgba(28,42,66,0.7);
    font-family: "Roboto Slab", sans-serif;
}

.product-title1 a{
    text-decoration: none;
    color:  rgba(28,42,66,0.7);
    font-weight: 500;
}

.product-title1 a:hover{
    color:#c19662 ;
}

.count1{
    font-size: 12px;
}

.price-sp{
    color: #db2121;
    font-weight: normal;
    font-size: 17px
}

.span-close i{
    color: rgba(147,148,152,1);
    font-size: 18px;
}

.product-price{
    border-bottom: 2px solid #ececec;
    font-family: "Roboto Slab", sans-serif;
    
    
}

.product-price p{
  margin-bottom:0;
  color:#db2121;
}

.product-subtotal p{
  margin-bottom:0;
}

.product-price1{
    padding: 12px 0;
    margin-bottom: 6px;
    border-bottom: 2px solid #ececec;
    border-top: 1px solid #ececec ;
    font-family: "Roboto Slab", sans-serif;
    text-align: center;
}

.product-price1 strong{
    font-size: 18px;
}

.product-button1{
    text-align: center;
}

.product-button1 #btn-seen1{
    padding: 10px 45px;
    background-color: black;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
}

.product-button1 #btn-seen2{
    padding: 10px 50px;
    background-color: #d26e4b;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
}

.product-button a{
    text-decoration: none;
    border: 1px black solid;
    color: black;
}
#btn-seen1{
   
    padding: 5px 24px;
    background-color: black;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
}
#btn-seen2{
   
    padding: 5px 30px;
    background-color: #d26e4b;
    color: white;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 15px;
    font-weight: 600;
}

.up-far{
    margin-top: 30px;
    font-family: "Roboto Slab", sans-serif;
}

/* Thanh toán */

.message-container{
    font-weight: 600;
    margin-bottom: 8px;
}

.message-container a{
    text-decoration: none;
    color: rgba(28,42,66,0.7);
}

.message-container a:hover{
    color: #c19662;
}

.bliling-field{
    padding: 20px 0;
    font-family: "Roboto Slab", sans-serif;
    margin-bottom: 20px;
    border-top: 2px solid #ddd;
    
}

.bliling-field h3{
    text-transform: uppercase;
    font-family: "Roboto Slab", sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 5px;
}

.field-wrapper{
    width: 100%;
}

.form-row-first{
    width: 48%;
    float:left;
    margin-right: 4%;
}

.form-row-first input{
    width: 100%;
}


.form-row-second{
    float: left;
    width: 48%;
}

.form-row-second input{
    width: 100%;
}

.form-row-third{
    float: left;
    width: 100%;
}

.form-row-third input{
    width: 100%;
}

.form-row-fourth{
    float: left;
    width: 100%;
}

.form-row-fourth select{
    width: 100%;
    border: 1px solid #ddd;
    background-color: #fff;
    height: 2.507em;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    
}

.form-row-fiveth{
    float: left;
    width: 48%;
    margin-top: 22px;
}

.form-row-fiveth input{
    width: 100%;
}

/* .form-row-first{
    margin-right: 4px;
} */

.field-wrapper label{
    color: #222;
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 5px;
}

.field-wrapper .required{
    border-bottom: none;
    text-decoration: none;
}

.field-wrapper input{
   
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
   
}

/* .input-text-tt{
    width: 48% !important;
    
} */

.textarea-ghichu{
    width: 100%;
    height: auto;
}

.hoa-don{
    border: 1px solid black;
    padding-top: 20px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 30px;
    width: 100%;
}

.hoa-don h3{
    text-transform: uppercase;
    font-family: "Roboto Slab", sans-serif;
    font-weight: bolder;
    font-size: 18px;
    padding-top: 10px;
}

.bn{
    padding: 10px 0;
}

.bm{
    padding:5px 0;
    font-weight: bold;
    font-size: 14px;
}

.table-b{
    border-bottom: 3px solid #ececec;
}





.bb{
    padding: 6px 0;
    float: right;
    color: #db2121;
    font-weight: normal;
    font-size: 17px;
}

.Sum-price{
    float: right;
    text-align: end;
}

.paypal-tt{
    font-family: "Roboto Slab", sans-serif;
    font-size: 15px;
}

.paypal-tt label{
    font-weight: bold;
}

.btn-pay{
    font-family: "Roboto Slab", sans-serif;
    background-color: #d26e4b;
    border-color: #d26e4b;
    text-transform: uppercase;
    color: white;
    font-size: 15px;
    letter-spacing: 1px;
    padding: 5px 15px;
    font-weight: bold;
}

.btn-pay:hover{
    box-shadow: inset 0 0 0 100px rgb(0 0 0 / 20%);
    outline: none;
}

.text-bold{
      font-weight: bolder;
  }
  .lost-password a{
      text-decoration: none;
      color: rgba(28,42,66,0.7);
  }
  
  .lost-password a:hover{
    color: rgba(28,42,66,0.7);
  }
  .btn-dang-nhap{
      background-color: black;
      border-color: rgba(0,0,0,0.05);
      color: white;
      text-transform: uppercase;
      font-weight: 700;
      font-family: "Roboto Slab", sans-serif;
      font-size: 16px;
      padding: 2px 15px;
  }
  .form-txt input{
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    max-width: 100%;
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: color .3s, border .3s, background .3s, opacity .3s;
  }
  
  
  /* Form quên mật khẩu */
  .form-miss{
    font-family: "Roboto Slab", sans-serif;
  }
  .form-miss label{
      font-weight: 600;
      font-size: 16px;
      margin-bottom: 8px;
  }
  .form-miss input{
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    
    width: 50%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: color .3s, border .3s, background .3s, opacity .3s;
  }
  .form-miss button{
      text-transform: uppercase;
      background-color: black;
      color: white; 
      letter-spacing: 1;
      font-size: 14px;
      padding: 2px 20px;
      font-weight: 600;
  }

.zoom {
    background-position: 50% 50%;
    position: relative;
    width: 500px;
    overflow: hidden;
    cursor: zoom-in;
  }
  .zoom img:hover {
    opacity: 0;
  }
  .zoom img {
    transition: opacity 0.5s;
    display: block;
    width: 100%;
    height: 100%;
  }
  
  .input-ad{
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: 1em;
    width: 85%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: color .3s, border .3s, background .3s, opacity .3s;
  }

  .btn-ap-dung1{
      width: 14%;
      color: white;
      background-color: black;
      text-transform: uppercase;
      height: 2.607em;
      vertical-align: middle;
      font-weight:600;
      border-width:0;
  }

  .show_div{
      border: 1px dotted black;
      padding: 20px 20px;
      font-family: "Roboto Slab", sans-serif;
  }
  
  /*top bar */
  .text_chao {
      margin: 5px;
      text-transform: capitalize;
      font-family: "Roboto Slab", sans-serif;
      font-size: 14px;
      font-weight: bolder;
  }
  .top-bar-right {
      display: flex;
      justify-content: flex-end;
  }
  .top-bar-right li{
      list-style: none;
      border-right: 1px solid black;
  }

  .top-bar-link {
      margin: 5px 10px;
      text-decoration: none;
      color:#666;
  }
  .top-bar-link:hover{
      color: #333;
  }

  .end-top-bar{
      border:none !important;
  }
  .end-top-bar1{
      border:none !important;
  }
  
  .end-top-bar1 a{
    text-decoration: none;
    color:black;
    font-weight: bolder;
  }
  
  .end-top-bar1 a:hover{
    color:black;
  }
  
  /* form đăng ký */
  .acount input{
    box-sizing: border-box;
    border: 1px solid #ddd;
    padding: 0 .75em;
    height: 2.507em;
    font-size: .97em;
    
    width: 100%;
    vertical-align: middle;
    background-color: #fff;
    color: #333;
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    transition: color .3s, border .3s, background .3s, opacity .3s;
  }
  .acount label{
    font-family: "Roboto Slab", sans-serif; 
    font-weight: bolder;
  }
  .button-DK{
      text-align: center;
  }
  .btn-DK {
    background-color: black;
    border-color: rgba(0,0,0,0.05);
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Roboto Slab", sans-serif;
    font-size: 16px;
    padding: 2px 15px;
    margin: 10px 0;
  }
  
  /* acount*/
  .menu-account ul {
  margin: 0;
  padding: 0;
}
.menu-account ul li {
 padding: 15px;
 border-bottom: 1px solid #ddd;
}

.menu-account ul li:hover {
  padding-left: 10px;
  border-bottom: 1px solid #ddd;
 }

 .title-account {
   border-bottom: 2px solid #ddd;
 }

 .profile-chidren {
   padding-top: 20px;
   display: flex;
 }

 .profile-input {
   width: 50%;
 }

 .profile-input p {
   margin-bottom: 5px;
 }

 .profile-input input {
   width: 90%;
 }

 .select-gender {
   display: flex;
 }

 .gioitinh {
   display: flex;
  align-items: center;

 }

 .gioitinh input {
   width: auto;
 }

.order-profile table {
  width:100%;
}

.thaotac {
  text-align: right;
}

.rss {
  margin: 20px 0 !important
}
.hero .owl-carousel .owl-item img {
    aspect-ratio: 4/3;
}
.swiper {
        width: 100%;
       
      }

      .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .swiper-slide img {
        display: block;
        width: 100%;
        object-fit: cover;
      }
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #333;
  }
  .account-login {
      max-width: 600px;
      margin: auto;
  }
  .account-login .acount {
      margin-bottom: 10px;
  }
  .account-login .acount label {
      margin-bottom: 10px;
  }
  .form-txt label {
      margin-bottom: 10px;
  }
  
.breadcrumb-main {
    display: flex;
    background: #818181;
    padding: 10px;
    align-items: center;
}  

.breadcrumb-main .breadcrumb-ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.breadcrumb-ul .breadcrumb-li {
    color: #fff;
}

.breadcrumb-ul .breadcrumb-li span {
    padding: 0 10px;
}

.breadcrumb-main .breadcrumb-li a {
    color: #fff;
    text-decoration: none;
}

h1.h1-title-search {
    text-align: center;
    padding: 10px;
}

h3.h3-title-register,
h3.h3-title-login {
    text-align: center;
    padding: 10px;
}
  
/* Media */
@media screen and (min-width:321px){
   
}



@media screen and (min-width:426px){
    
}

@media screen and (max-width:549px){
    .box-image-new{
        height: 100px !important;
    }
}


@media screen and (max-width:534px) {
    
    .form-row-first {
        width: 100%;
        float: left;
    }
    .form-row-second{
        width: 100%;
        float: left;
    }
    .form-row-fiveth{
        width: 100%;
        float: left;
    }
    .test{
        height: 75px;
       padding-top:0;
    }
    .btn-tat{
      display:none;
    }
    .product-price{
      display:none;
    }
    .product-subtotal{
      display:none;
    }
    .product-quantity{
     text-align: right;
    }
    
}

@media screen and (min-width:547px){
  .product-name p{
    display:none;
  }
}

@media screen and (max-width:768px){
    .col-inner .tieu-de-f{
        font-size: 15.5px;
    }
    .button-back{
        font-size: 15px;
    }
    .cart-empty{
        font-size: 18px;
        font-weight: 400;
    }
    
    .text-center{
        padding-top: 0;
    }
    
    .back-to-top{
        display: none !important;
    }
    .medium-left{
        max-width: 252px;
        margin: auto;
        float: none;
        
    }
    .medium-left.breadcrumb  {
        padding-bottom: 5px !important;
        list-style: none;
    }

    .medium-left-mobile{
    max-width: 246px;
    margin-left: auto;
    margin-right: auto;
    }

    .medium-left-mobile.breadcrumb{
        padding-bottom: 5px !important;
        list-style: none;
    }

   
    .medium-right{
        max-width: 170px;
        margin: auto;
        float: none;
        margin-top: 15px;
    }

    .medium-right-mobile{
        max-width: 170px;
        margin: auto;
        float: none;
        margin-top: 15px;
    }

    .list-selec{
        display: none;
    }
    .btn-down-mobile{
        max-width: 73px;
        margin-left: auto;
        margin-right: auto;
        font-size: 19px;
        font-weight: 600;
        font-family: "Roboto Slab", sans-serif;
    }
    .back-to-top{
        display: none;
    }
    .main-text{
        font-size: 16px;

    }
    .text-lien-he{
        font-size: 16px;
    }
    .coupon-toggle{
        text-align: center;
    }

    .flo{
        border-right: none;
    }
}

@media screen and (max-width:769px) {
    .logo{
        display: none;
    }
    .header-nav{
        display: none;
    }
    .header-inner{
        border-bottom: none;
    }
    .header-bottom{
        display: none;
    }
    .post-title{
        font-size: 17px;
    }
    .list-newx{
        margin-top: 60px;
    }
    .page-wrapper{
        padding-top: 20px;
    }
    .box-title-new{
        margin-top: 25px;
    }
    .box-image-new{
        height: 150px;
    }
    .list-news-wrapper{
        border-left: none;
        padding: 0 15px !important;
    }

}

@media screen and (min-width:767px) {
    
}


@media screen and (max-width:848px){
    .html1{
        display: none;
    }
    .header-bottom{
        display: none;
    }

    .logo{
        display: none;
    }
    .header-nav{
        display: none;
    }
    
    .form_acount{
      display:none;
    }
    .title-first{
      display:none;
    }
    
}

@media screen and (min-width: 850px){
    .bars1{
        display: none;
    }
    .btn-down1{
        display: none;
    }
    .btn-down{
        display: none;
    }

    .bars{
        display: none;
    }
    .logo-mobile{
        display: none;
    }
    .header-nav-mobile{
        display: none;
    }
    .medium-left-mobile{
        display: none;
    }
    .medium-right-mobile{
        display: none;
    }
    .btn-down-mobile{
        display: none;
    }
    
}
@media screen and (max-width: 992px) {
    .col-order2 {
        order: 2;
    }
}

@media screen and (max-width: 1024px){
    .sub-nav li{
        font-size: 14px;
        font-weight: 500;
    }
    .search-area{
        width: 80%;
    }
    
    .title-first{
        font-size: 16px;
    }
    .col-inner .tieu-de-f{
        font-size: 16px;
    }
    .button-back{
        font-size: 15px;
    }
    .social-icon a{
        line-height: 3;
    }
    .text-center{
        padding-top: 0;
    }
    .cart-empty{
        font-size: 16px;
    }
    .page-wrapper{
        padding-bottom: 50px;
    }
  
    
}

@media screen and (min-width: 1024px) {
    .bars{
        display: none;
    }
    .logo-mobile{
        display: none;
    }
    .header-nav-mobile{
        display: none;
    }
    
}
@media screen and (min-width:1440px) {
   
}

@media screen and (max-width:2560px) {
    .product-selected{
        display: none;
    }
    
}