@font-face {
   font-family: FontAwesome;
    src: url(../font-awesome/fonts/fontawesome-webfont.ttf);
}
*:after, *:before 
{
    font-family:FontAwesome;       
}
@font-face {
   font-family: avo;
	src: url(../fonts/avo.svg);
}

body#mainbody 
{
    font-size:1rem;
    font-family: avo;
    background:#f1f1f1;
    padding-bottom:0px;
    color:#555;
}

body .container-fluid.white,body .container.white
{
    background:#fff;    
    padding:0px 0px;
}
body #logo-container.container
{
    background:#fff;    
    padding:0px;
    text-align:center;
}

body .body-main-right
{
    padding:0px;    
}
p
{
    font-size:.9rem;    
}
.pd-t-10
{
    padding-top:10px;    
}
.m-15
{
    margin-left:15px;
    margin-right:15px;    
}
div.m-0
{
    margin:0px;    
}
.m-t-20
{
    margin-top:20px;    
}.m-t-10
{
    margin-top:10px;    
}
.right
{
    float:right;    
}
h2.section-title.m-l-15
{
    margin-left:15px;    
}

.m-b-20
{
    margin-bottom:20px;  
}
div.none-padding-r
{
    padding-right:0px;
}
.none
{
    display:none;    
}
.center
{
    text-align:center;    
}
div.none-padding
{
    padding-left:0px;
    padding-right:0px;  
}
.none-magirn
{
    margin-left:0px;
    margin-right:0px;    
}
.card .none-magirn-padding
{
    margin-left:0px;
    margin-right:0px;
    padding-left:0px;
    padding-right:0px;    
}
ul,li
{
    list-style-type:none;    
}
img
{
    max-width:100%;    
}
#logo
{
    margin-top:5px;
    width:180px;    
}
h2.logo
{
    margin:0px;
    padding:0px;    
}
#banner.container-fluid
{
    margin:0;
    padding:0;    
}

#cate-product-top .dropdown-menu a
{
    display:list-item;
}
body .section
{
    margin-bottom:20px;    
}
h2.section-title,h1.page-name,h2.page-name,h1.product-name,h1.page-cart-name,h1.section-title
{
    font-size: 1.2rem;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: none;
    background:#fafafa;
    border-bottom:solid 1px #eceeed;
    margin-right:15px;
    margin-top:0px;
    /* border: solid 1px #ccc; */
}
h2.section-title,h1.section-title
{
  padding-left:0px;  
  margin:0px;
  margin-right:15px;
  margin-bottom:0px;
  padding:0px 0px 12px;
 
}
h1.section-title a.level1,h2.section-title a.level1
{
    color:#fff;    
}
h2.section-title a.level1:hover,h1.section-title a.level1:hover
{
    color:#fff;    
}
h2.section-title .level1,h1.section-title .level1
{
    padding:5px 0px 5px 5px;
    background:#1b6aed;
    font-size:1rem;
    font-weight:bold;
    text-transform:uppercase;
}
h2.section-title .level2 
{
    padding:12px 10px 8px;
    font-size:1.2rem;
}
h2.section-title span, h1.section-title span {
    margin-bottom: -8px;
    display: inline-block;
    border-style: solid;
    border-width: 27px 0 0 30px;
    border-color: transparent transparent transparent #1b6aed;
}
h1.section-title i
{
    font-size:.9rem;    
}
h1.section-title a
{
    font-size:1.3rem;    
    padding-right:10px;
}
h1.section-title span
{
    font-size:1rem;
    padding-left:10px;
}
h1.page-cart-name
{
    margin-bottom:10px;    
}
h1.product-name
{
    margin-bottom:1rem;   
    padding:12px; 
}
h2.section-title a,h1.section-title a
{
    color:#fff;
}
.product-page h2.section-title .level2
{
    color:#7796f3;  
}
.h367::before
{
    
}
.menu-category-product-left .list-group-item
{
    padding:.75rem 0.5rem;    
}
*.rem1
{
    font-size:1rem;
}
.none-boder
{
    border:none;    
}
.box-face
{
    float:left;
    width:100%;    
}
.lineitem,.line
{
    float:left;
    width:100%;
    height:1px;    
}
ul.pagination li a
{
    color:#555;      
}
.swiper-slide img
{
    width:100%;    
}
.adv-left
{
    background:rgba(99, 7, 2, 0.91);
    color:#fff;
    padding:15px 20px;   
    text-align:center;
    font-size:2rem; 
}
.banner-top img
{
    width:100%;
}
#banner-slider-doitac
{
    margin:0px
}
#banner-slider-doitac .swiper-slide div
{
    padding:5px 0px;
    text-align:center;
}
#banner-slider-doitac .swiper-slide img
{
    
}
.row-pagination
{
    float:left;
    width:100%;
    text-align:center;    
}
.none-PC,.none-pc
{
    display:none;    
}
#hotline-fix-moible,#back-page
{
    display:none;
}
.container.banner-top
{
   padding:0px; 
}
.shadow
{
    box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12)
}
.thongketruycap
{
    padding:15px 0px;    
}
.thongketruycap i
{
    margin-right:15px;    
}
.thongketruycap p
{
    text-align:left;    
    margin:10px 10px 0px 20px;
    font-size:1rem;
}
@media screen and (min-width: 1200px) 
{
    body .container-fluid
    {
        max-width :1140px;
    }
}
@media (min-width: 992px)
{
  
}
@media screen and (max-width: 980px) 
{
    .container.banner-top{
        margin-bottom:-10px;
    }
    h1.page-name, h2.page-name, h1.product-name, h1.page-cart-name
    {
        font-size:1.2rem;
    }    
    body .container-fluid
    {
        max-width:100%;  
    }
    .none-mobile
    {
        display:none;    
    }
    .none-PC,.none-pc
    {
        display:block;    
    }
    body .body-main-right
    {
        float:left;
        width:96%;
        margin:0px 2%;
    }
    #back-page
   {
        position: fixed;
        left:15px;
        bottom:15px;  
        display:block;  
        border-radius:50%;
        background:#fff;
        color:Red;
        padding:10px;
        box-shadow:0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
   }
   #back-page .fa
   {
        font-size:2rem;
   }
   #hotline-fix-moible 
   {
        position: fixed;
        bottom: 15px;
        right: 15px;
        z-index: 7;
        padding: 10px;
        font-size: 1.3rem;
        background: #fff;
        color: red;
        display: block;
    }
    h2.section-title span, h1.section-title span
    {
        display:none;    
    }
    h1.section-title a.level1, h2.section-title a.level1
    {
        line-height:2rem;
        float:left;
        width:100%;    
    }
    h2.section-title,h1.section-title
    {
        font-size:1rem;    
        float:left;
        background:#fff;
        width:100%;
    }
    .product-page h2.section-title .level2
    {
        float:left;
        color:#616161;
    }
    .product-page h2.section-title .level2:before
    {
        content:"\f101";
        margin-right:5px;
    }

}