/* Global class */

.block {
    display: block;
}

.inline-block {
    display: inline-block;
    font-size: 15px;
}

.mg0 {
    margin: 0px;
}

.pd0 {
    padding: 0px;
}



.mgr5{margin-right:5px}
.table tbody a{color:#337ab7}
.btn-success,.btn-primary {
    color: #fff !important; 
}

.btn i {
    margin-right:7px
}

/* body, html */
body {
    font-size:15px;
    color: #333;
    margin: 0;
    padding: 0;
    position: relative;
    /*background: #f2f2f2;*/
 font-family: 'Roboto', sans-serif;
}

a:link, a:hover, a:focus, a:active, a:visited {
    text-decoration: none;
    color: inherit;cursor:pointer;
}

a:hover {
    color: #e5c145 ; 
}

img {
    max-width: 100%;
}

.toplist{ line-height:40px;margin-left:30px}
.toplist i{margin-right:7px}

header {
    background:#ff7f00 url(../images/headerbg.png) no-repeat;
    background-size:100% 100%; height:170px;
}

header .topbar{border-bottom:1px solid rgba(255,255,255,0.2); color:#fff}
header .topbar a{color:#fff;}

.sitename{    font-weight: bold;    font-size: 48px;}
.slogan{letter-spacing:7px; padding:10px 0}
.hrmain{border-top:2px solid #ddd}

.logo img {
    margin-top: 10px;
    max-width: 90%;height:auto;
}

.h2home{margin-top:0px; text-align:center; letter-spacing:7px; color:#666; font-size:24px; padding-bottom:20px}

.navbar {
    margin-bottom: 7px;
    min-height: 40px;
}

.navbar-default {
    border: none;
    background:none;
    border-radius:0px;
    margin:5px 0 0; 
}
    .navbar-nav{width:100%; }
    .navbar-nav > li{float:none; display:inline-block; }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none;
        padding: 0px;
    }

        .navbar-default .navbar-collapse li {
            margin-right: 1px;
        }

            .navbar-default .navbar-collapse li > a {
                color: #444;
                padding: 14px 10px;
                font-size: 15px;
                text-transform:uppercase;line-height:34px
            }

                .navbar-default .navbar-collapse li:hover .ico,.navbar-default .navbar-nav > .active .ico {
                    background: #008a25;
                }

            
          .navbar-default .navbar-collapse > .nav> li:last-child > a{border:none}

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > li:hover > a {
        color: #ffc300;
        background:none;
    }


    .navbar-default .navbar-nav li.dropdown .dropdown-menu {
        border-radius: 0px;
        border: 1px solid #ddd;
    }
    .navbar-default .navbar-collapse li:first-child > a{padding-left:0px}


    .navbar-default .navbar-collapse li .dropdown-menu {
        min-width: 250px;
        border: none;
        padding: 0px;
    }

        .navbar-default .navbar-collapse li .dropdown-menu > li {
            border-bottom: 1px dotted #ddd;
           
        }

            .navbar-default .navbar-collapse li .dropdown-menu > li:last-child {
                border: none;
            }

            .navbar-default .navbar-collapse li .dropdown-menu > li > a {
                color: #333;
                font-weight: normal;
                 border-right:none;
                 text-transform:none; font-size:14px; padding:3px 10px; 
            }

    /* level 3*/
    .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu {
        left: 248px;
        top: -3px;
    }

#image-gallery img{width:100%}

.popup{position:fixed; background:rgba(0,0,0,0.8); top:0px; left:0px; width:100%; height:100%; z-index:1000}
.popup .fa-close{color:#fff ; font-size:34px; margin:30px 0 10px 0; cursor:pointer}
.popup .fa-close:hover{color:red !important}

.date-bar {
    background: #ddd;
    height: 40px;
    margin-bottom: 7px;
}

    .date-bar .date {
        line-height: 40px;
        padding-left: 7px;
        font-style: italic;
    }

.hotline{text-transform:uppercase;font-size:16px;color:#ffe149}
.hotline i{margin-right:7px; font-size:15px}
.speech{font-size:13px; color:#fff}
.mgr20{margin-right:20px}

.form-search {
    margin: 2px 2px;
}

    .form-search .form-control {
        background: none;
        border: none;
            box-shadow: none;
    }

    .form-search  ::-webkit-input-placeholder {
    font-size: 12px;
    font-style: italic;
    color: #fff;
}

.form-search button {
    background: none;
    border: none;
    height: 35px;
    padding: 0 10px;
}

.comment iframe,.fb-comments ,.fb-comments  span{max-width:100% !important}
.sociallist{
    margin-top:5px;
}
.sociallist .ico{border-radius:100%; background:none; text-align:center;display:block;  height:30px; width:30px }
.sociallist .ico i{color:#fff; font-size:15px; margin-top:9px}
.sociallist .ico:hover i{color:#ffce45}

.nav  .ico{border-radius:100%; background:#888; text-align:center;display:block;  height:35px; width:35px ; float:left; margin-right:7px}
.nav .ico i{color:#fff; font-size:15px; margin-top:11px}

.saletag{color:#111; font-weight:normal;margin-left:10px}
.saletag .fa{color:#e07762}

.oldprice{text-decoration:line-through;font-size:12px;color:#999 !important}
.banner-item {
    margin-bottom: 5px;
    border: 1px solid #eee;
}

.topbanner-item{text-align:center}
.topbanner-item .img{ margin-bottom:20px; display:block}
.topbanner-item .title{font-size:18px;font-weight:bold; color:#666 }
.topbanner-item .ovv{color:#999 }

    .banner-item img {
        width: 100%;
        display: block;
    }

    .file-custom{background:#eee; border-radius:4px; padding:10px; width:60px; height:60px; color:#666; line-height:45px; cursor:pointer; text-align:center}
.file-custom i{font-size:21px}
.file-custom:hover{background:#ddd}

.lbhover{cursor:pointer}

.submenu{background:#007f4b; }
.submenu ul li a{color:#fff; line-height:45px; font-size:16px; padding:0px 40px 0 0}
.submenu ul{margin:0px; padding:0px}

.hotrolist{list-style:none; padding:0}
.hotrolist li{margin-bottom:10px; font-size:13px}

footer {
    padding: 10px 0 10px 0;font-family:Arial;  font-size: 11px; background:#6c8b2a; color:#fff
}

    footer p {
        margin: 0px !important;
        line-height: 18px;
      
    }

        footer p a:hover {
            color: #f5c96c;
        }
       

.header .fa-shopping-basket{font-size:32px;}
 .shopping-num {text-align:left; }
 .cartlist{margin-top:25px}
.shopping-num a{color:#008a25}

.home-banner{margin:10px 0;height:185px; overflow:hidden;background:#84a933; color:#fff}
.home-banner .left{float:left;width:185px; }
.home-banner .right{float:left; width: calc(100% - 185px);padding:7px;  text-align:center }
.home-banner .right p{font-size: 13px}
.home-banner .right  h4{text-align:center; text-transform:uppercase}

.bannerhomelist .col-md-4:nth-child(2) .home-banner{background:indianred}
.bannerhomelist .col-md-4:nth-child(3) .home-banner{background:#55897c}

.mgt30{margin-top:30px}

.mytabcontent{padding-top:20px}

.article-body h1 {
    font-size: 24px;
    font-weight: bold;
}



.hutr{font-weight:bold; text-align:center; font-size:30px; color:#000; margin-top:25px}
.hutr .hi{color:#007f4b}
.hutr .up{color:#e5c145}

.slide{margin:10px 0 0 0}
.slide img{width:100%}

.mobile-slide{display:none}


.subinfo{background:#ff7f00; padding:40px 0 30px; color:#fff}
.subinfo a{color:#fff}
.subinfo h4{font-size:18px;font-weight:bold;font-family:Arial;margin-bottom:20px}


.dh-btn{background:#e07762; color:#fff;border:none}
.txtAmount{text-align:center;border-radius:3px;box-shadow:none; border:1px solid #ddd; padding:7px 0;margin:0 0 0 10px}

.dh-btdiv{height: 42px; width: 100%; text-align: center; background: #649488; color: #fff; font-size: 13px; font-weight: bold;line-height: 47px; margin: 85px 0}
.yellowdiv{background: #649488}

.col-detail .left{width: calc(100% - 250px); float:left}
.col-detail .right{ width:230px; float:right; margin-left:10px; padding-left:10px; border-left:1px solid #ddd;font-size:13px}

.box1000{width: 1000px; max-width:100% ;margin: auto}
.mbg0{margin-bottom: 0px !important}
.dathang-tbl{ margin-top: 10px; width: 100%; font-size: 13px; }
.dathang-tbl tr td:first-child{font-weight:bold}
.dathang-tbl tr td .form-control{box-shadow:none; }
.dathang-tbl tr td {padding-bottom: 10px}

.productoderdetail-tbl{font-size: 12px; }
.productoderdetail-tbl tr th{text-align: center; background: #fef7e7; border: none !important}
.productoderdetail-tbl tr td{text-align: center}
.productoderdetail-tbl tr td:nth-child(2){font-weight: bold;text-align: left}
.comment{font-size: 13px}
.mybtndh2{padding: 10px 60px;height:35px;color:#fff !important;font-weight:bold; line-height: 35px;background: #e07762;font-size: 12px; text-transform: uppercase;border:none;outline:none; }
 
.mybtndh{padding: 0px 30px;height:35px;color:#111;font-weight:bold; line-height: 35px;background: #e07762; color: #fff;font-size: 12px; text-transform: uppercase;border:none;outline:none; }
.mybtndh:hover{color: #fff; background: #fec628 !important}

.mybtndhblue{background:none;font-size: 18px; font-weight: bold;padding: 10px 30px;color:#222;padding:0px }
.finaldh-btn{height: 35px; padding: 0 30px;  background: #008a25; color: #fff; text-align: center; border: none;outline: none;font-size: 16px;font-weight: bold}
.greybtn{background: #b7b7b7;height:35px;font-size:12px}
.greybtn:hover{color:#333}
.summarytotal{font-weight:bold;font-size:18px;margin:5px 0 20px 0}


.dhtc{width:575px; max-width:90%; margin:auto}
.dhtc .header{height:35px; line-height:35px; text-align:center; font-size:16px; color:#fff;font-weight:bold; text-transform:uppercase;background:#f9b528}
.dhtc .body{padding:50px;  font-size:18px; background:#fef7e7;text-align:center }
.vertical-align {
  display: flex;
  align-items: center;
  flex-direction: row;
}



.dlfile {
    color: #af0e00 !important;
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
}

    .dlfile i {
        margin-right: 7px;
    }

.pdl0 {
    padding-left: 0px;
}

.pdr0 {
    padding-right: 0px;
}

.fb-div{margin-top:20px}
.fb-div iframe{max-width:100% !important}
.category-list {
    margin:40px 0;
}

    .category-list .cat-item {
        margin-bottom: 15px;
    }
  

        .category-list .cat-item .header {
            line-height: 30px;
            padding: 15px 0px 7px;
            border-top: 1px solid #ddd;
        }

            .category-list .cat-item .header:before {
                display: block;
                content: '';
                background: #709701 ;
                height:3px;
                margin-top: -18px;
                width: 25%;
            }


            .category-list .cat-item .header ul {
                margin: 0px;
            }

            .category-list .cat-item .header li {
                padding: 0px;
            }

                .category-list .cat-item .header li a {
                    color: #fff;
                    font-size: 10px;
                    padding: 0px;
                }

                .category-list .cat-item .header li:first-child a {
                    color: #709701 ;
                    font-size: 18px;
                    padding-left: 0px;
                    font-weight: bold;
                }

                .category-list .cat-item .header li:first-child i {
                    color: #171717;
                    font-weight: normal;
                    font-size: 14px;
                    margin-left: 5px;
                }

                .category-list .cat-item .header li a:hover {
                    color: #af0e00;
                }

            .category-list .cat-item .header h4 {
                margin: 20px 0 0 0;
                padding: 0px;
            }

        .category-list .cat-item .body {
            padding: 7px 10px;
        }

            .category-list .cat-item .body .row {
                margin-left: -10px;
                margin-right: -10px;
            }

            .category-list .cat-item .body .first-article-item .img {
                margin: 0 0px 7px 0;
                display: block;
            }

                .category-list .cat-item .body .first-article-item .img img {
                    width: 100%;
                }

            .category-list .cat-item .body .first-article-item .title {
                font-size: 14px;
                font-weight: bold;
            }

            .category-list .cat-item .body .first-article-item .ovv {
                line-height: 150%;
            }

            .category-list .cat-item .body ul {
                clear: both;
                padding-left: 0px;
                list-style: none;
            }

                .category-list .cat-item .body ul li {
                    margin-bottom: 10px;
                      padding: 0px;
                }

                    .category-list .cat-item .body ul li .date {
                        font-size: 14px;
                        color: #999;
                        margin-left: 7px;
                    }

                  


                    .category-list .cat-item .body ul li:after {
                        content: '';
                        display: block;
                        clear: both;
                    }

                    .category-list .cat-item .body ul li a.img {
                        float: left;
                        margin: 0 7px 7px 0;
                    }

.document-tbl {
}

    .document-tbl tbody tr td:last-child ul li a {
        cursor: pointer;
        color: #337ab7 !important;
    }

.md-item {
    margin-bottom: 10px;
    border: 1px solid #ddd;
}

    .md-item .header {
        background: #af0e00;
        line-height: 40px;
        padding: 0 10px;
        color: #ddd;
        font-weight: bold;
        font-size: 14px;
    }

        .md-item .header i {
            margin-right: 7px;
        }

    .md-item .body {
        padding: 5px;
    }

        .md-item .body .form-control {
            border-radius: 0px;
            padding: 5px;
            background: #f2f2f2;
        }

.lkws .header{background:none; color:#444}

.dvsn .header {
    background: #182045;
    font-size:14px;
}
 .dvsn .header a:hover{color:#fcefd3 !important}

.dvsn .body {
    background: #f9f9f9;
    padding:20px 0 7px 0px; 
}

    .dvsn .body ul {
        list-style: none;
        padding: 0px;
        margin: 0 0 0 10px;
    }

        .dvsn .body ul li {
            margin-bottom:3px;
            background:url(../images/blue-dot.png) left 5px no-repeat;
            padding-left:10px;
            margin-bottom:14px;            
        }

            .dvsn .body ul li:last-child {
                border: none;
            }

            .dvsn .body ul li a {
                color: #182045 !important;
                display: block;
                padding:0px 0;
            }
           


.nlist {
    padding: 10px 0 10px 0;
    border-bottom: 1px solid #ddd;
    border-top:1px solid #ddd;
    margin-left: 0px;
    color: #182045;text-transform:uppercase;  font-size:12px;background:#f2f2f2; margin-bottom:15px;
}

.nlist ul{margin:0px}
.nlist ul li:first-child{padding-left:0px}

.mytab  > li > a{color:#649488}
.mytab > li.active > a, .mytab > li.active > a:hover, .mytab > li.active > a:focus{ color:#e65d65

}

.img-sub {
    color: #a32402;
    font-style: italic;
    text-align: center;
    padding: 7px;
}

.nlist a {
    color: #182045;
   
    color: #008a25; 
}

.nlist >li:first-child{padding-left:0px !Important}

.nlist i {
    margin-left: 10px;
    margin-right:7px;
}

.xs-show{display:none}

.article-body {
}

    .article-body img, .article-body table {
        max-width: 100%;
        height: auto;
        color: #444;
    }

    .article-body img {
        display: block;
        max-width: 100%;
        height: auto !important;
        margin: auto;
    }

    .article-body .ovv {
        font-weight: bold;
        font-size: 13px;
        margin: 7px 0 10px 0;
    }

    .article-body p {
        line-height: 20px;
    }

    .article-body .author {
        font-weight: bold;
        text-align: right;
        margin: 20px 0 10px;
    }

.article-content div {
    margin-bottom: 30px;
    line-height: 20px;
}

.article-content table,.article-content iframe {
    max-width: 100%; 
}


.article-item {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ddd;
}

    .article-item .img {
        display: block;
        float: left;
        margin: 0px 10px 10px 0;
        width: 25%;
    }

        .article-item .img img {
            width: 100%;
        }

    .article-item h4 {
        margin-top: 0px;
        font-weight:bold;
        font-size:14px;
    }
     .article-item h4 a{
         font-size:21px;
         color:#444;
     }

.video-item{}
.video-item .img{display:block; height:150px; overflow:hidden; position:relative}
.video-item .img .play{position:absolute; width:100%; height:100%; background:rgba(0,0,0,0.9); top:0px; left:0px; z-index:20; text-align:center;opacity:0.7;   -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;}
.video-item .img:hover .play{opacity:0.9}
.video-item .img .play i{color:#fff; margin-top:50px; font-size:50px;}
.video-item .img img{width:100%}
.video-item h4{font-size:11px; font-weight:bold; margin-bottom:10px}

.video .carousel-control.right,.video .carousel-control.left{background:none}
.video .carousel-control{opacity: 0.5;height: 40px;top: -45px; box-shadow:none}
.video .carousel-control:hover{color:#af0e00}
.video .carousel-control span{font-size:21px !important}

.img-wrap{}
.img-wrap .col-xs-6{margin-bottom:8px; }
.img-wrap .col-xs-6:nth-child(even){padding-left:4px}
.img-wrap .col-xs-6:nth-child(odd){padding-right:4px}
.img-item{height:75px; display:block; overflow:hidden}

.album-list{list-style:none; padding:0px;font-size:13px; text-transform:uppercase;}
.album-list li{margin-bottom:20px;    border-bottom: 1px dotted #ccc;    padding-bottom: 20px;}
.album-list li.active{color:coral; border-color:coral}
.album-list i{margin-right:10px; font-size:18px}

.pagination > li > a, .pagination > li > span {
    border: none;
    font-size: 13px;
    color: #555;
    font-weight: bold;
    cursor: pointer;
}

.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
    border-radius: 0px;
}

.other-list {
}

    .other-list h2 {
        border-bottom: 2px solid #ccc;
        font-size: 18px;
        margin-bottom: 30px;
        font-weight: bold;
        padding-bottom: 15px;
    }

    .other-list ul {
        padding: 0px;
        margin-left: 20px;
    }

        .other-list ul li {
            margin-bottom: 10px;
        }

.trans03 {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.toggle-title{    
    float: left;
    display:none;

}


/*full Calendar*/
.fc-event-container div {
    font-size: 11px;
    padding: 3px;
    color: #666;
    background: blanchedalmond;
}




    .fc-event-container div h5 {
        color: darkorange;
        margin: 0px;
        font-size: 11px;
    }

.fc-unthemed td.fc-today {
    background: chocolate !important;
    color: #fff;
    font-weight: bold;
}

.fc-toolbar .fc-left h2 {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
}

.fc-row:hover {
    overflow: visible !important;
}

.lxx-table{}
.lxx-table thead th{text-align:center; font-weight:bold; background:#af0e00; color:#fff}
.lxx-table tr td{vertical-align:middle !important}


.signin{ margin:40px 0}
.signin h4 {font-weight:bold; margin-bottom:30px}
.signin .form-control{border-radius:0px}
.signin .btn{border-radius:0px; background:#666; font-size:11px; text-transform:uppercase; margin:10px auto; display:block; border:none; width:150px}
.signin .btn:hover{background:#444}

.validation-summary-errors, .field-validation-error {
    color: red;
    font-size: 12px;
    font-style: italic;
    text-align:center;
}

.col2dt iframe{max-width:100%}
.navbar-default .navbar-collapse li .btn{display:none}

.ovvproduct{font-size:13px}
           
.product-item{ height:300px; margin:20px 0}
.product-item h4{text-align:center; font-size:18px}
.product-item .img{ display:block; text-align:center;position:relative}
.product-item .img img{border:1px solid #f2f2f2;}
/*.product-item .img:after{content: "";
  display: block;
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 5px;
    height: 5px;
    background: white;
}*/
.product-item .price{font-weight:normal; text-align:center; font-size:16px; color:#84a933}

.ttct1{ margin-top:20px; font-size:16px;border-top:1px dashed #ddd;margin-top:20px; padding-top:10px}
.ttct{border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:10px; margin-top:20px; font-size:24px;border-top:1px dashed #ddd;margin-top:20px; padding-top:10px}
.ttctsub{margin-bottom:40px}
.product-detail .price{font-size:21px; color:#649488; font-weight:bold}

.gift-item{margin-top:10px;border-bottom:1px solid #f2f2f2;padding-bottom:10px}
.gift-item:last-child{border:none}
.gift-img{float:left;width:60px; }
.gift-img .img{width:50px;height:50px;overflow:hidden;display:block}
.gift-img .img img{max-width:none}
.gift-txt{float:right;width:calc(100% - 80px);}
.gift-txt label{cursor:pointer}
.gift-input {width:20px;float:left}

.hdmh{margin-top:25px;padding-top:15px; border-top:dashed 1px #ddd;font-family:Arial}
.hdmh h4{font-weight:bold}
.hdmh p{font-size:13px}
.productname{margin-top:0px}

.formdh{margin-top:20px}
.hotproduct .product-item{padding:0px; min-height:initial}
.hotproduct .product-item h4{font-size:18px}
.hotproduct .product-item .price{font-size:16px}

.carousel-control.right,.carousel-control.left{background:none}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #444;
    border-color: #555;
}

.subicon{position:fixed; right:15px; bottom:50px; z-index:99}
.subicon .ico{width:50px; height:50px; background:#ffb002; border-radius:100%; text-align:center; line-height:55px; cursor:pointer}
.subicon i{font-size:21px; color:#fff;line-height:50px}
/*.icophone{display:none}*/

.dathang-div{font-family:Arial}

.subinfo-list{padding:0px; list-style:none}
.subinfo-list li{margin-bottom:7px}
.info-list i{font-size:24px}
.info-list li:first-child{width:40px;    vertical-align: top;    text-align: center;    line-height: 50px;}
.info-list li:nth-child(2){width:calc(100% - 80px)}
.info-list li p{font-size:12px;margin-bottom:5px}
.info-list li p:first-child{border-bottom:1px dotted rgba(255,255,255,0.5);padding-bottom:5px}

.dangky-list li:first-child{width: calc(100% - 150px)}
.dangky-list li:last-child{width: 130px}
.btn-dangky{color:#fff;background:rgba(0,0,0,0.6);border:none;margin:10px 0;width:130px}
.btn-dangky:hover{background:rgba(0,0,0,1);color:#fff}



@media (max-width:1200px) {
    .navbar-default .navbar-collapse li > a{font-size:14px; padding:15px 15px}
}



@media (max-width:991px) {
    header .form-search{display:none}
    .mainhd .absl{display:none}
    .xs-hide{display:none !important}
    .xs-show{display:inline-block !important}
    .navbar-default .navbar-collapse li > a{padding:7px 10px}
 .navbar-default .navbar-collapse li:first-child > a{padding-left:10px}
    .logo{margin:10px auto}
        .submenu{display:none}
      .navbar-header {
        float: none;
    }
      .hutt img{display:block; margin:auto}
        footer{border-top:1px dashed #ddd}
        .col2dt{display:none}
    /*NAVIGATION TOGGLE*/
    .navbar-default{margin-top:0px;background:#fafafa}
  .navbar-nav > li{display:block; border-bottom:1px dotted #ddd}
  .nav  .ico{display:inline-block;float:none}
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    .navbar-nav>li {
        float: none; text-align:left
     
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .collapse.in{
        display:block !important;
    }

      .navbar-header, .navbar-toggle,.navbar-default .navbar-toggle .icon-bar, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        /*background: #af0e00;*/
       
    }
      .navbar-default .navbar-collapse li > a{font-size:12px}
     .navbar-default .navbar-nav li.dropdown .dropdown-menu{border:none}
       .navbar-default .navbar-collapse li .dropdown-menu > li > a{padding:7px 15px;font-size:12px; color:#e07762}
       .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu{left:0;top:48px;}
          .navbar-default .navbar-nav li.dropdown .dropdown-menu li .dropdown-menu li a{color:#649488}
    .toggle-title{display:block;}
    .navbar-default .navbar-collapse li{position:relative}
    .navbar-default .navbar-collapse li .btn{position:absolute; right:10px; top:10px;    background: none;display:block;
    box-shadow: none;
    border: 1px solid #ccc;    padding: 2px 10px;
    color: #ccc;}
    .navbar-nav .open .dropdown-menu,.navbar-default .navbar-collapse li .dropdown-menu{width:100% !important; background:#fff}

    /*END NAVIGATION*/

    .features-list{height:350px;}

    .cat-item .body .pdr0{ padding-left:0px}
    .subinfo-list{margin-bottom:20px}
    header{
        height:auto; background-image:none
           }
    .cartlist{margin-top:10px; text-align:left; margin-left:90px}
}

/*Phone*/


@media (max-width: 767px) {
    .product-item{margin-bottom:10px; height:auto}
    .hotproduct .product-item h4{font-size:14px}
       .productname{margin-top:30px}
  
    header .dropdown-menu-right{right:auto}
    .submap .subinfo{padding:40px 15px}

    .mobile-slide{display:block}
        .mobile-slide img {
            width: 100%;
        }
    .main-slide{display:none}

    .features-item {
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 20px;
        /*min-height:450px;*/
    }

    .article-item .img {
        float: none;
        width: auto;
    }

    .article-body img {
        width: auto !important;
        height:auto !important;
    }

    .navbar-nav {
        margin: 8px 0px;
    }

    .form-search {
        width: auto;
        text-align: right;
    }
    .navbar-default .form-search{margin-top:7px}
  

    .banner-item {
                margin: 0 auto 10px auto;
    }

  
       footer .text-right{text-align:left; margin-top:10px; color:burlywood}
}

  
@media (max-width: 480px) {
      header img {
            height: 75px;
            max-width: none;
        }
      .spnb{font-size:28px}
      .cartlist{margin-top:5px}
      .cartlist li:nth-child(2){display:none}
}

@media (max-width: 320px) {
      header img {
            height: 60px;
            max-width: none;
        }

       .sociallist{margin:0 0 10px 0}
}

/*.form-group .form-control{margin-bottom:7px}*/