/*head navbar*/







* {



    box-sizing: border-box;



}







html,



body {



    margin: 0;



    padding: 0;



    font-family: sans-serif !important;



    font-size: 62.5%;



    height: 100%;



}







h1 {



    font-size: 14pt !important;



}







h2 {



    font-size: 13pt !important;



    display: block;



}







h3 {



    font-size: 10pt !important;



}







h1,



h2,



h3,



h4,



h5,



h6 {



    font-weight: bold !important;



}







a {



    text-decoration: none !important;



}







div,



dl,



dt,



dd,



ul,



ol,



li,



h1,



h2,



h3,



h4,



h5,



h6,



blockquote,



pre,



form,



input,



textarea {



    margin: 0;



    padding: 0;



}







p {



    margin: 0;



    padding: 0;



}







div {



    margin: 0;



    padding: 0;



    display: block;



    box-sizing: border-box !important;



}







div::after,ul::after {



    content: '';



    display: block;



    clear: both;



}



li {



    list-style: none;



}







ul,



ol {



    margin-bottom: 0 !important;



}







*:focus {



    outline: 0 !important;



}







.fl {



    float: left;



}







.fr {



    float: right;



}







.block {



    display: block;



}







.select {



    font-size: 10pt;



    padding-left: 5px;



    line-height: 29px;



}







.select select {



    text-align: left;



}







.title {



    font-size: 10pt;



    line-height: 29px;



    color: #fff;



}







.lang-select {



    line-height: 29px;



    width: 100%;



    background: #008dbd;



    display: none;



}







.clear {



    clear: both;



    font-size: 0px;



    line-height: 0px;



    height: 0;



}







.padding-top {



    padding-top: 100px;



}







#hv-wrapper {



    max-width: 100%;



}







.wrapper {



    max-width: 100%;



}















/*-------------------------------------------------------------------*/



/*Loading Icon



/*-------------------------------------------------------------------*/



.loading {



    position: fixed;



    width: 100%;



    height: 100%;



    background: #515151;



    opacity: 0.9;



    z-index: 1000;



    top: 0



    left: 0;



    margin: auto auto;



    display: none;



}



.loading .loading-text {



    position: absolute;



    top: 50%;



    left: 50%;



    transform           : translate(0, -50%);



    -moz-transform      : translate(0, -50%);



    -webkit-transform   : translate(0, -50%);



    transform           : translate(-50%, -50%);



    -moz-transform      : translate(-50%, -50%);



    -webkit-transform   : translate(-50%, -50%);



    display: inline:    ;



}



.loading-text img {



    /*position: absolute;*/



    width: 50px;



    height: 50px;  



    margin: 0 auto;



    display: block;



}



.loading-text h2 {



    color: #fff;



    font-weight: 700;



    font-size: 16pt !important;



    text-align: center;



}



/*-------------------------------------------------------------------*/



/*End loading icon



/*-------------------------------------------------------------------*/















/* begin fix top */







.cat.fixed {



    position: fixed;



    top: 0;



}







.mainmenu .submenu.fixed {



    position: fixed;



    height: 100%;



    background: #EFEFEF;



}



.mainmenu .submenu .inside {



    height: 70%;



    overflow-x: hidden;



    overflow-y: auto;



}



/* end of fix top */







.hv-header {



    position: relative;



    z-index: 999;



    width: 100%;



}











/*-------------------------------------------------------------------*/



/*Top menu css for desktop



/*-------------------------------------------------------------------*/



.topnav-bar {



    display             : none;



}







.topnav {



    background          : #008dbd;



    border-bottom       : #dddddd solid 1px;



}







.topnav > nav > ul {



    margin              : 0 auto;



    padding             : 0 15px;



    background          : #008dbd;



    position            : relative;



}







.topnav > nav > ul.showed {



    display             : block;



}







.topnav > nav > ul > li {



    float               : left;



    width               : 9%;



    list-style          : none;



    font-size           : 10pt;



    text-align          : center;



}















.topnav > nav > ul > li > a {



    color               : #fff;



    display             : block;



    padding             : 5px 0px;



}







.topnav > nav > ul > li > a:hover {



    color               : #000 !important;



    background          : #fff;



}



/*-------------------------------------------------------------------*/



/*End menu css for desktop



/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/



/*Logo hotline css for desktop



/*-------------------------------------------------------------------*/



.logo-hotline {



    padding         : 5px 15px;



    width           : 100%;



}







.logo-hotline .l-logo {



    width           : 200px;



    margin          : 5px 0;



}







.logo-hotline .l-logo > img {



    max-width       : 100%;



    height          : auto;



    vertical-align  : middle;



}







.logo-hotline .search-form {



    margin          : 15px 0px;



    margin-left     : 100px;



}







.search-form > form {



    width: 300px;



    position        : relative;



}







.search-form > form > input[type=text] {



    border          : #008dbd 2px solid;



    height          : 40px;



    width           : 300px;



    border-radius   : 50px;



    padding         : 5px 10px;



}







.search-form > form > button {



    position        : absolute;



    top             : 0;



    height          : 40px;



    width           : 40px;



    background      : none;



    border          : none;       



    right           : 5px;



    outline         : none;



    font-size       : 20px;



    display         : inline-block;



}







.search-form > form > button > i{



    font-family     : "FontAwesome";



    width           : 10px;



    height          : 10px;



    color           : #008dbd;



    display         : inline-block;



}







.slogan-hotline {



    margin          : 15px 0;



}







.slogan-hotline .item {



    cursor          : pointer;



    display         : inline-block;



    margin-left     : 20px;  



}







.slogan-hotline .item > i {



    font-family     : "FontAwesome";



    color           : #fff;



    font-size       : 20pt;



    height          : 40px;



    display         : inline-block;



    color           : #008dbd;



    text-align      : center;



    margin-right    : 10px;



    font-style      : normal;



    vertical-align  : middle;



}







.slogan-hotline .item .text {



    text-transform  : uppercase;



    display         : inline-block;



    vertical-align  : middle;



    font-weight     : 400;



}







.slogan-hotline .item .text .hotline-number {



    color           : #f00;



}







.slogan-hotline .item .text .hotline-number.phone > a {



    font-weight     : 500;



    color           : #f00;



}



/*-------------------------------------------------------------------*/



/*End logo hotline css for desktop



/*-------------------------------------------------------------------*/











/*-------------------------------------------------------------------*/



/*Main category css for desktop



/*-------------------------------------------------------------------*/



.cat-bar {



    display         : none;



}







.cat .search-form {



    display         : none;



}







.cat {



    background      : #008dbd;



    border-bottom   : #dddddd solid 1px;



    width           : 100%;



    position        : relative;



    z-index         : 99;



}







.cat > nav > ul {



    padding         : 0 15px;



}







.mainmenu {



    font-size       : 10pt;



    text-align      : center;



    float           : left;



}







.mainmenu > a {



    padding         : 10px 15px;



    font-weight     : 700;



    display         : block;



    position        : relative;



    color           : #fff;



}







.mainmenu > a:hover {



    background      : #EFEFEF;



    color           : #008dbd;



}







.mainmenu img.mainmenu-icon {



    width           : 20px;



    height          : 20px;



    vertical-align  : middle !important;



}







.mainmenu > span {



    padding-left    : 5px;



    vertical-align  : middle !important;



}







.mainmenu .submenu {



    width           : 100%; 



    display         : none;



    position        : absolute;



    z-index         : 12;



    border-bottom   : #f00 solid 1px;



    left            : 0;



    background      : #fff;



    text-align      : center;



    padding         : 0px 5px 15px 5px;



}







.mainmenu:hover .submenu {



    display         : block;



}







.submenu .brand-box {



    width           : 25%;



    margin-right    : 1.5%;



}







.submenu .brand-box > h3 {



    border-bottom   : #f00 solid 1px;



    padding-bottom  : 3px;



    text-transform  : uppercase;



    color           : #000;



    text-align      : left;



    margin-bottom   : 10px;



    font-size       : 12pt !important;



}







.submenu .brand-box > ul {



    max-height      : 300px;



    overflow        : auto;



}







.submenu .brand-box > ul > li {



    width           : 25%;



    float           : left;



    margin          : 5px 10px;



}



.submenu .brand-box > ul > li > a {



    display         : block;



    height          : 38px;



    font-size       : 10pt;



}







.submenu .brand-box > ul > li > a > span {



    display         : none;



}







.submenu .brand-box > ul > li > a:hover > img {



    border          : #000 1px solid;



}







.submenu .brand-box > ul > li > img {



    max-width       : 100% !important;



    border          : #fff 1px solid;



}







.submenu .subcat-outline {



    width           : 70%;



    display         : flex;



    display         : -webkit-flex;



    flex-flow       : row wrap;



    margin          : 0;



    padding         : 0;



    /*float: left;*/



}







.submenu .subcat {



    width           : 49%;



    margin-left     : 5px;



    /*flex: 1 1 auto;*/



}







.submenu .subcat > h3 {



    border-bottom   : #f00 solid 1px;



    padding-bottom  : 3px;



    text-transform  : uppercase;



    color           : #000;



    text-align      : center;



    margin-bottom   : 10px;



    font-size       : 12pt !important;



}







.submenu .subcat > ul {



    overflow        : auto;



    font-size       : 10pt;



}







.submenu .subcat > ul > li {



    width           : 50%;



    float           : left;



    text-align      : left;



    display         : block;



}







.submenu .subcat > ul > li > a {



    display         : block;



    margin-bottom   : 3px;



    color           : #000;



}







.submenu .subcat > ul > li > a:hover {



    color           : #008dbd;



}







/*-------------------------------------------------------------------*/



/*End main category css for desktop



/*-------------------------------------------------------------------*/











/*-------------------------------------------------------------------*/



/*Mobile floating call icon



/*-------------------------------------------------------------------*/



.mobile-float-call-icon {



    position        : fixed;



    right           : 20px;



    bottom          : 20px;



    color           : #ee888d;



    font-size       : 30px;



    z-index         : 500;



    display         : none;



}



/*-------------------------------------------------------------------*/



/*End mobile floating call icon



/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/



/*Banner new product css for desktop



/*-------------------------------------------------------------------*/



.banner-new-product {



    display             : flex;



    display             : -webkit-box;



    display             : -webkit-flex;



    display             : -moz-flex;



    display             : -ms-flexbox;



    display             : -ms-flexbox;



    padding             : 10px 15px;



}







.banner-new-product .banner-slider {



    width               : 70%;



    border              : #E8E3E3 solid 1px;



}







.banner-new-product .banner-slider img {



    margin: 0 10px 0 0;



}







.banner-new-product .new-product-wrapper {



    width               : 30%;



    padding-left        : 20px;



}







.new-product-container {



    background          : #Fff;



    border              : #E8E3E3 solid 1px;



    display             : block;



    position            : relative;



}







.new-product-container .new-product-title {



    padding             : 5px 0px;



    text-align          : center;



    background          : #FF9F2D;



    color               : #fff;



    font-weight         : bold;



    font-size           : 10pt;



    border-bottom       : #f00 solid 1px;



}







.new-product-container .new-product-detail {



    display             : block;



    position            : relative;



}







.new-product-detail .inner {



    overflow            : hidden;



    padding             : 0px 15px;



    position            : relative;



}







.new-product-detail .inner .thumb {



    text-align          : center !important;



    margin-top          : 10%;



}







.new-product-detail .inner .thumb > a {



    display             : block;



    margin-bottom       : 5%;



    padding-top         : 10%;



}







.new-product-detail .inner .thumb .icon-brand {



    bottom              : 0;



    background          : #008dbd;



    color               : #FFF;



    font-weight         : 700;



    text-transform      : uppercase;



    border-radius       : 3px;



    padding             : 3px 9px;



}







.new-product-detail .inner .thumb img {



    width               : 55%;



} 







.new-product-detail .text {



    text-align          : center;



    margin-top          : 5%;



}







.new-product-detail .text > h2 {



    margin              : 0;



    font-size           : 11pt !important;



    font-weight         : 500 !important;



    line-height         : 20px;



    min-height          : 25px;



    overflow            : hidden;



}







.new-product-detail .price {



    color               : #F0190E;



    font-weight         : 700;



    text-transform      : uppercase;



    margin-top          : 5%;



}



/*-------------------------------------------------------------------*/



/*End banner new product css for desktop



/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/



/*Owl - carousel nav button



/*-------------------------------------------------------------------*/



.owl-nav {



    position            : absolute;



    top                 : 50%;



    left                : 3px;



    right               : 0;



    padding             : 0;



    margin              : 0;



    transform           : translate(0, -50%);



    -moz-transform      : translate(0, -50%);



    -webkit-transform   : translate(0, -50%);



}







.owl-nav i {



    font-size           : 30pt;



    color               : #000;



    opacity             : 0.7;



}







.owl-nav i:hover {



    color               : #fff;



    color               : #008dbd;



}







.owl-nav input[type="button"] {



    outline             : none;



}







.owl-nav input[type="button"]::-moz-focus-inner {



    border              : 0;



}







.owl-nav .owl-next {



    position            : absolute;



    right               : 3px;



}



/*-------------------------------------------------------------------*/



/*Owl - carousel nav button



/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/

/*Promote hot product css for desktop

/*-------------------------------------------------------------------*/

.promote-hot-product {
    margin-top          : 15px;
    max-width           : 100%;
}

.promote-hot-product .promote-hot-container {
    padding             : 0px 15px;
}

.promote-hot-container .promote-hot-title {
    padding-left        : 10px;
    margin-bottom       : 10px;
    position            : relative;
    background          : #CF2E18;
}

.promote-hot-title .h2-title {
    color: #FFF;
    padding: 10px 0;
    margin: 0;
}

.promote-hot-product .product-list {
    
}

.promote-product-list > ul {

}

.promote-product-list > ul > li {
    display: inline;
    margin: 0;
    padding: 0;
}

.promote-product-list > ul > li > img {
    width: 33%;
    border: 1px;
}

.promote-product-list > ul > li > iframe {
   margin-top: 5px;
   text-align: center;
}

.promote-hot-product .promote-hot-tab > nav > ul {



    width               : 100%;



    background          : #e5e5e5;



    border              : #e5e5e5 1px solid;



}

.promote-hot-product .promote-hot-tab > nav > li {



    display             : inline-block;



}

.promote-hot-product .promote-hot-tab > nav > li > a {



    display             : block;



    font-weight         : bold;



    background          : #008dbd;



    color               : #fff;



    padding             : 5px 10px;



    font-size: 100%;



}

.promote-hot-product .promote-hot-tab > nav > li > a.current {



    background          : #f00;



    color               : #fff;



}

.promote-hot-product .promote-hot-tab > nav > li > a.current:hover {



    color               : #fff;



}

.promote-hot-product .promote-hot-tab > nav > li > a:hover {



    color               : #f00;



}

.promote-hot-product .promote-hot-content {



    width               : 100%;



    margin-top          : 20px;



    border              : #e5e5e5 1px solid;



    position            : relative;



    display             : block;



    text-align          : center;



}

.promote-hot-content .product-img {



    text-align          : center !important;



    margin              : 10px 0px;



}

.promote-hot-content .product-img > img {



    width               : 70%;



}

.promote-hot-content .item {



    padding             : 10px 0px;



    border-right        : #e5e5e5 1px solid;



    float               : left;



}

.promote-hot-content .owl-nav {



    position            : absolute;



    /*top: 0;*/



    right               : 0;



    padding             : 0;



    margin              : 0;



}

.promote-hot-content .owl-nav i {



    font-size           : 20pt;



    background          : #008dbd;



    color               : #fff;



    display             : block;



}

.promote-hot-content .owl-nav input[type="button"] {



    outline             : none;



}

.promote-hot-content .owl-nav input[type="button"]::-moz-focus-inner {



    border              : 0;



}

.promote-hot-content .owl-nav .owl-prev {



    margin-right        : 3px;



}

/*-------------------------------------------------------------------*/

/*Promote hot product css for desktop

/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/



/*Product list on home page css for desktop



/*-------------------------------------------------------------------*/







.box-product {



    margin-top          : 15px;



    padding-top         : 15px;



    min-height          : 1000px;



}







.box-product .box-product-container {



    margin-bottom       : 15px;



    padding             : 0px 15px;



}







.box-product-container .box-title {



    padding-left        : 10px;



    margin-bottom       : 10px;



    position            : relative;



}







.box-title .group-title {



    margin              : 0;



    font-size           : 16pt;



    font-weight         : 650;



    text-transform      : uppercase;



    padding             : 10px 0px;



}







.box-title .group-title > a {



    color: #fff;



}







.box-title .group-menu {



    position            : absolute;



    top                 : 50%;



    right               : 115px;



    border-right        : 1px solid #C0C0C0CD;



    transform           : translate(0, -50%);



    -moz-transform      : translate(0, -50%);



    -webkit-transform   : translate(0, -50%);



}







.box-title .group-menu > nav > ul > li {



    display             : inline-block;



    padding             : 0px 15px;



}







.box-title .group-menu nav > ul > li > a {



    color               : #fff;



}







.box-title .group-menu nav > ul > li > a:hover {



    color               : #E0E0E0;



}







.box-title .view-all > a {



    color               : #fff;



}







.box-title .view-all > a:hover {



    color               : #E0E0E0;



}







.list-product {



    position            : relative;



}







/*-------------------------------------------------------------------*/



/*End of product list css



/*-------------------------------------------------------------------*/















.view-all {



    position: absolute;



    top: 50%;



    right: 10px;



    transform: translate(0, -50%);



    -moz-transform: translate(0, -50%);



    -webkit-transform: translate(0, -50%);



    color: #fff;



}















.list-product .group-item {



    position: relative;



}







.list-product .show-product {



    margin-top: 10px;



}







.product {



    width: 20%;



    float: left;



    transition: 0.5s;



    cursor: pointer;



    -webkit-transition: 0.5s;



    position: relative;



    border: 1px solid #e4e4e4;



    z-index: 20;



}







.product:hover {



    border: 1px solid #008dbd;



}







.product:before,



.product:after {



    width: 100%;



    height: 100%;



    z-index: -3;



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    box-sizing: border-box;



    -webkit-transform: scale(0);



    transition: 0.5s;



}







.hover::before {



    border-bottom: 2px solid #008dbd;



    border-left: 2px solid #008dbd;



    -webkit-transform-origin: 0 100%;



}







.hover::after {



    border-top: 2px solid #008dbd;



    border-right: 2px solid #008dbd;



    -webkit-transform-origin: 100% 0%;



}







.product:hover::after,



.product:hover::before {



    -webkit-transform: scale(1);



}







.product .inner {



    overflow: hidden;



    padding: 15px;



}







.product .inner .thumb {



    position: relative;



    margin-bottom: 5px;



    padding-bottom: 5px;



    text-align: center;



}







.product .inner .thumb a {



    display: block;



    position: relative;



    padding-top: 80%;



}







.product .inner .thumb a img {



    position: absolute;



    top: 50%;



    left: 50%;



    max-width: 50%;



    max-height: 50%;



    transform: translate(-50%, -50%);



    -moz-transform: translate(-50%, -50%);



    -webkit-transform: translate(-50%, -50%);



}







.product .inner .thumb span.icon-brand {



    display: inline-block;



    background: #008dbd;



    color: #FFF;



    font-weight: 700;



    text-transform: uppercase;



    border-radius: 3px;



    padding: 1px 9px;



}







.product .inner .text {



    position: relative;



    text-align: center;



    margin-top: 5px;



}







.product .inner .text h2 {



    margin: 0;



    font-size: 14px !important;



    font-weight: 500 !important;



    line-height: 20px;



    margin-bottom: 5px;



    min-height: 45px;



    overflow: hidden;



}







.product .inner .text .price {



    color: #F0190E;



    font-weight: 700;



    text-transform: uppercase;



}















/*end of product list css*/











/*product-detail css*/







.product-list {



    padding: 0px 15px 15px 15px;



    width: 100%;



    display: flex;



    min-height: 500px;



}







.side-bar {



    width: 25%;



    margin-right: 10px;



}







.side-bar .side-bar-menu {



    padding: 15px;



    border: #008dbd 3px solid;



    margin-bottom: 15px;



}







.side-bar .side-bar-menu .title h2 {



    margin: 0;



    color: #008dbd;



    text-transform: uppercase;



}







.side-bar .side-bar-menu .list {



    margin-top: 10px;



}







.side-bar .side-bar-menu .list nav ul {



    position: relative;



}







.side-bar .side-bar-menu .list nav li {



    position: relative;



    padding: 7px;



    border-bottom: 1px #CECECEFF dashed;



}







.side-bar .side-bar-menu .list a {



    padding-left: 10px;



    display: block;



    color: #000;



}







.side-bar .side-bar-menu .list a:hover {



    padding-left: 13px;



    color: #008dbd;



}







.side-bar .side-bar-menu .list a::before {



    content: '\f105';



    font-weight: 400;



    font-family: FontAwesome;



    position: absolute;



    left: 0;



}







.side-bar .group-ad-list {



    padding: 15px;



}







.primary {



    width: 75%;



    margin-left: 10px;



}







.list-product .primary-content {



    margin-top: 20px;



}







.list-product .primary-content p {



    text-align: justify;



    line-height: 25px;



    margin: 0 0 10px;



}







.primary .box-title {



    position: relative;



    border-bottom: #008dbd 3px solid;



}







.primary .product {



    width: 25%;



}







.primary .product-carousel {



    position: relative;



    margin-bottom: 30px;



    margin-top: 10px;



}







.primary .box-title .view-all a {



    color: #f00;



}







.primary .box-title .view-all a:hover {



    color: #008dbd;



}







.primary .box-title .group-title {



    margin: 0;



    font-size: 14pt !important;



    font-weight: 650;



    text-transform: uppercase;



    padding-bottom: 3px;



}







.primary .box-title .group-title a {



    color: #000;



}







.active {



    color: #008dbd !important;



}







.last {



    border-bottom: 0 !important;



    padding-bottom: 0 !important;



}







.breadcrumb {



    width: 100%;



    background: #E2E2E2FF;



}







.breadcrumb .group-breadcrumb nav ul {}







.breadcrumb .group-breadcrumb nav li {



    position: relative;



    float: left;



    padding: 7px;



}







.breadcrumb .group-breadcrumb a {



    font-size: 10pt;



    padding-right: 7px;



}







.breadcrumb .group-breadcrumb a::after {



    content: '\f105';



    font-weight: 400;



    font-family: FontAwesome;



    position: absolute;



    right: 0;



}



/*product carousel*/



.product2 {



    transition: 0.5s;



    cursor: pointer;



    -webkit-transition: 0.5s;



    position: relative;



    border: 1px solid #e4e4e4;



    z-index: 20;



}







.product2:hover {



    /*border: 1px solid #008dbd;*/



}







.product2:before,



.product2:after {



    width: 100%;



    height: 100%;



    z-index: -3;



    content: '';



    position: absolute;



    top: 0;



    left: 0;



    box-sizing: border-box;



    -webkit-transform: scale(0);



    transition: 0.5s;



}







.hover::before {



    border-bottom: 1px solid #008dbd;



    border-left: 1px solid #008dbd;



    -webkit-transform-origin: 0 100%;



}







.hover::after {



    border-top: 1px solid #008dbd;



    border-right: 1px solid #008dbd;



    -webkit-transform-origin: 100% 0%;



}







.product2:hover::after,



.product2:hover::before {



    -webkit-transform: scale(1);



}







.product2 .inner {



    overflow: hidden;



    padding: 15px;



}







.product2 .inner .thumb {



    position: relative;



    margin-bottom: 5px;



    padding-bottom: 5px;



    text-align: center;



}







.product2 .inner .thumb a {



    display: block;



    position: relative;



    padding-top: 90%;



}







.product2 .inner .thumb a img {



    position: absolute;



    top: 50%;



    left: 50%;



    max-width: 60%;



    transform: translate(-50%, -50%);



    -moz-transform: translate(-50%, -50%);



    -webkit-transform: translate(-50%, -50%);



}







.product2 .inner .thumb span.icon-brand {



    display: inline-block;



    background: #008dbd;



    color: #FFF;



    font-weight: 700;



    text-transform: uppercase;



    border-radius: 3px;



    padding: 1px 9px;



}







.product2 .inner .text {



    position: relative;



    text-align: center;



    margin-top: 5px;



}







.product2 .inner .text h2 {



    margin: 0;



    font-size: 14px !important;



    font-weight: 500 !important;



    line-height: 20px;



    margin-bottom: 5px;



    min-height: 45px;



    min-width: 45px;



    overflow: hidden;



}







.product2 .inner .text .price {



    color: #F0190E;



    font-weight: 700;



    text-transform: uppercase;



}



/*end of product carousel*/







/*end of product detail*/















/*-------------------------------------------------------------------*/



/*Contact css for desktop 



/*-------------------------------------------------------------------*/



.contact {



    margin-top: 30px;



    padding: 0px 15px;



}



.contact-title {



    padding-bottom: 15px;



    border-bottom: #008dbd 2px solid;



}



.contact h2 {



    margin: 0;



    font-size: 16pt !important;



    text-transform: uppercase;



}



.contact-title span {



    font-size: 10pt !important;



    text-transform: none;



}



.contact .contact-content {



    margin-top: 15px;



}



.contact-content .contact-detail {



    padding: 0px 15px 0px 15px;



    float: left;



    width: 33.33333%;



    border-right: #C4C4C4FF 1px solid;



}



.contact-detail.last {



    border: none;



}



.contact-detail > h2 {



    margin: 0;



    font-size: 13pt !important;



}



.contact-detail > ul > li {



    padding: 15px 0px 5px 45px;



    position: relative;



    border-bottom: #f00 1px dashed;;



}



.contact-detail > ul > li:before {



    color: #008dbd;



    font-family: "FontAwesome";



    font-size: 15pt;



    position: absolute;



    left: 0;



    text-align: center;



    border-radius: 3px;



    padding: 5px;



    vertical-align: top;



    width: 35px;



    height: 36px;



}



.contact-detail > ul > li > span{



    display: block;



    font-weight: 500;   



}



.contact-detail > ul > li > span.bold{



    text-transform: uppercase;



    font-weight: 700;   



}



.contact-detail .map {



    margin-top: 10px;



}



.contact-detail .map > h2 {



    margin: 0;



    font-size: 13pt !important;



}



.contact-detail .map .map-frame {



    width: 100%;



    height: 400px;



    overflow: hidden;



}



.contact-form {



    margin-top: 30px;



    padding: 0px 15px;



    display: none;



}



.contact-form h2 {



    font-size: 16pt !important;



    margin: 0;



    text-transform: uppercase;



}



.contact-form-title {



    padding-bottom: 15px;



    border-bottom: #008dbd 2px solid;



}



.contact-form-table {



    margin-top: 15px;



    border: none;



}



.contact-form-table table {



    width: 80%;



    margin: 0 auto;



}



.contact-form-table table td {



    padding-bottom: 10px;



}



.contact-form-table .input-label {



    width: 20%;



}



.contact-form-table .input-field {



    width: 30%;



    position: relative;



}



.contact-form-table .input-field span.secure-code{



    position: absolute;



    top: 0;



    right: 0;



    font-size: 18pt;



    line-height: 40px;



    padding: 0 10px;



    background: #606060FF;



    opacity: 0.7;



    color: #fff;



}



.contact-form-table .msg-field {



    width: 30%;



}



span.error {



    color: #f00;



}



.contact-form-table table label {



    font-weight: 400;



    margin: 0;



    color: #9B9B9B;



}



.contact-form-table table td input[type='text'],textarea{



    width: 100%;



    padding: 5px 5px;



    border: #9B9B9B 1px solid;



    border-radius: 3px;



}



.contact-form-table table td input[type='text']:focus,textarea:focus{



    border: #008dbd 2px solid;



    border-radius: 3px;



    box-shadow: 1px 0.5px 5px #BABABA;



    transition: all .1s ease-in-out;



    -moz-transition: all .1s ease-in-out;



    -webkit-transition: all .1s ease-in-out;



}



.contact-form-table table td input[type='text'] {



    height: 40px;



}



.contact-form-table table td input[type='text'].focus,textarea.focus{



    border: #008dbd 2px solid;



}



.contact-form-table table td textarea {



   resize: none;



   height: 150px;



}



span.required {



    color: #f00;



}



.contact-form-table button {



   padding: 10px 20px;



   background: #008dbd;



   color: #fff;



   font-size: 10pt;



   text-transform: uppercase;



   border: none;



   font-weight: 700;



}



.contact-form-table button {



   padding: 10px 20px;



   background: #008dbd;



   color: #fff;



   font-size: 10pt;



   text-transform: uppercase;



   border: #008dbd 1px solid;



   font-weight: 700;



   transition: all .4s ease-in-out;



    -moz-transition: all .4s ease-in-out;



    -webkit-transition: all .4s ease-in-out;



}



.contact-form-table button:hover {



  color: #000;



  background: #fff;



}



/*-------------------------------------------------------------------*/



/*End contact css for desktop



/*-------------------------------------------------------------------*/















/*-------------------------------------------------------------------*/



/*Footer css for desktop 



/*-------------------------------------------------------------------*/



.footer-mobile {



    display: none;



}



.footer {



    background: #008dbd;



    padding: 30px 30px;



    margin-top: 20px;



}



.footer::after {



    content: '';



    display: table;



    clear: both;



}



.footer .footer-left {



    width: 66.66666667%;



    overflow: hidden;



    float: left;



}



.footer .footer-left::after {



    content: '';



    display: table;



    clear: both;



}



.footer-left li.last-item {



    margin-bottom: 0;



}



.footer-left .brand-list {



    margin-top: 20px;



}



.footer-left .brand-list .brand-list-title{



    color: #fff;



    margin: 35px 0px 0px 0px;



    font-weight: 600 !important;



    font-size: 10pt !important;



    text-transform: uppercase;



}



.footer-left .brand-list .brand-list-content li {



    float: left;



    width: 20%;



    background: #fff;



    padding: 5px 5px;



}



.footer .menu-footer {



    width: 33.3333%;



    float: left;



}



.footer .menu-footer li {



    margin-bottom: 12px;



    display: list-item;



}



.footer .menu-footer a {



    color: #fff;



}



.footer .menu-footer a:before {



    content: "-";



    margin-right: 3px;



}



.footer .menu-footer a:hover {



    color: #E0E0E0;



}



.footer .menu-footer .footer-title {



    color: #fff;



    text-transform: uppercase;



    font-weight: 700;



    font-size: 13px !important;



}



.footer-right {



    float: left;



    width: 33.3337%;



    height: 100%;



}



.footer-right .address-list {



    padding-left: 15px;



}



.footer-right .address {



    padding: 10px 0 10px 10px;



    margin-bottom: 10px;



    border: #fff 1px solid;



    border-radius: 3px;



}



.footer-right .address .address-content li {



   color: #fff;



   font-size: 10pt !important;



   font-weight: 400 !important;



   margin-top: 5px;



   overflow: hidden;



   text-overflow: ellipsis;



}



.address-content li:before {



   font-family: "FontAwesome";



   padding-right: 12px;



   font-size: 16px;



}



.address-content li span {



   margin-left: 15px;



}



.address-content li span:before {



   font-family: "FontAwesome";



   padding-right: 12px;



   font-size: 16px;



}



.footer-right .address h3.address-title {



    color: #fff;



    margin: 0;



    font-weight: 600 !important;



    font-size: 10pt !important;



    text-transform: uppercase;



}



.footer-right .address-list h3.company-name {



    color: #fff;



    text-transform: uppercase;



}



.small-font-size

{

    font-size: 11pt;

    color: #000000;

}

.medium-font-size

{

    font-size: 13pt;

    color: #000000;

}

.large-font-size

{

    font-size: 16pt;

    color: #008dbd;

    font-weight: bold;

}

.bold

{

    font-weight: bold;

}

.note-font-size

{

    font-size: 12pt;

    color: #ff0000;

    font-weight: bold;

}

.note-color

{

    color: #ff0000;

}

.center-text

{

    text-align: center;

}

.left-40px

{

    margin-left: 40px;

}

.img-480x320

{

    width: 320px;

    height: 240px;

}

/*-------------------------------------------------------------------*/



/*End footer css for desktop 



/*-------------------------------------------------------------------*/





.copy-right {

    text-align: center;

    font-size: 11pt;

    color: #ffff00;

}



.design-by {

    text-align: center;

    font-size: 11pt;

    color: #ff0000;

}









/*1140 screen css*/







@media (max-width: 1140px) {



    .cat .search-form {



        /*display: block;*/



    }



    .product {



        width: 25%; 



    }



    .primary .product {



        width: 25%;



    }



}



















/*-------------------------------------------------------------------*/



/*



/*CSS for device width 960px



/*



/*-------------------------------------------------------------------*/







@media (max-width: 960px) {



    /*-------------------------------------------------------------------*/



    /*Top menu css for screen 960 px*/



    /*-------------------------------------------------------------------*/



    .topnav {



        border: none;



    }



    .topnav .topnav-bar {



        display: block;



        background: #fff;



        border-bottom: #BABABA 1px solid;



        position: relative;



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: bold;



        padding: 25px;



        box-shadow: 0px 0.5px 5px #BABABA;



    }



    .topnav-bar::before {



        content: "\f105";



        display: block;



        font-family: "FontAwesome";



        color: #008dbd;



        font-size: 20pt;



        position: absolute;



        right: 15px;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



        padding: 0px 8px;



        cursor: pointer;



        text-align: center;



        vertical-align: top;



    }



    .topnav-bar-name {



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: 700;



        color: #008dbd;



        position: absolute;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .topnav > nav {



        position: relative;



    }



    .topnav > nav > ul {



        width: 100%;



        display: none;



        padding: 0;



        left: 0;



        position: absolute;



        z-index: 1000;



    }



    .topnav > nav > ul > li {



        width: 100%;



        float: none;



        font-size: 10pt;



        text-align: center;



        border-bottom: #fff 1px solid;



    }



    .topnav nav ul li a {



        border: none;



        padding: 10px 0px;



    }



    /*-------------------------------------------------------------------*/



    /*End menu css for screen 960 px



    /*-------------------------------------------------------------------*/



    











    /*-------------------------------------------------------------------*/



    /*Logo hotline css for screen 960 px



    /*-------------------------------------------------------------------*/



    .logo-hotline .search-form {



        display: block;



        margin: 15px 0 15px 50px;



    }



    .search-form > form > input[type=text] {



        margin-left: 0;



        border-radius: 3px;



    }



    .slogan-hotline {



       display: none;



    }



    /*-------------------------------------------------------------------*/



    /*end logo hotline css for screen 960 px



    /*-------------------------------------------------------------------*/











    



    /*-------------------------------------------------------------------*/



    /*Main category css for screen 960 px



    /*-------------------------------------------------------------------*/



    .cat-bar {



        display: block;



        background: #008dbd;



        border-bottom: #BABABA 1px solid;



        position: relative;



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: 700;



        padding: 25px 15px;



        box-shadow: 0px 0.5px 5px #BABABA;



    }



    .cat-bar-name {



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: 700;



        color: #fff;



        position: absolute;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .cat-bar .search-form {



        width: 150px;



        position: absolute;



        top: 50%;



        margin-left: 100px;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .cat-menu::before {



        content: "\f0c9";



        display: inline-block;



        font-family: "FontAwesome";



        color: #fff;



        font-size: 30px;



        vertical-align: bottom;



        text-align: center;



        position: absolute;



        right: 15px;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



        cursor: pointer;



    }



    .cat-menu.expand::before {



        content:"\f057";



    }



    .cat > nav > ul {



        padding             : 0;



    }



    .mainmenu {



        width               : 33.3333%;



        display             : none;



    }



    .mainmenu img.mainmenu-icon {



        width               : 15px;



        height              : 15px;



        display             : inline-block;



        text-align          : center;



    }



    .mainmenu > a > span {



        padding             : 0px;



        display             : block;



    }



    .mainmenu:hover .submenu {



        display         : none;



    }



    .mainmenu .submenu {



        background: #EFEFEF;



        border-bottom: #cecece 2px solid;



    }



    .submenu .brand-box {



        width               : 100%;



        margin              : 0;



    }



    .submenu .brand-box > h3 {



        border-bottom       : #f00 solid 1px;



        padding-bottom      : 3px;



        text-transform      : uppercase;



        color               : #000;



        text-align          : center;



        margin-bottom       : 10px;



        font-size           : 10pt !important;



    }



    .submenu .brand-box > ul {



        max-height          : auto;



        overflow            : auto;



    }



    .submenu .brand-box > ul > li {



        width               : 48%;



        float               : left;



        margin              : 0 2% 10px 0;



    }



    .submenu .brand-box > ul > li > a {



        display             : block;



        font-size           : 10pt;



        padding             : 10px 20px;



        background          : #008dbd;



        color               : #fff;



        font-weight         : 700; 



    }



    .submenu .brand-box > ul > li > a > span {



        display             : block;



    }



    .submenu .brand-box > ul > li > a:hover {



         background         : #fff;



         color              : #000;



    }



    .submenu .brand-box > ul > li > a > img {



        display         : none;



    }



    .submenu .subcat-outline {



        width           : 100%;



        display         : block;



        margin          : 0;



        padding         : 0;



    }



    .submenu .subcat {



        width           : 100%;



        margin-top          : 20px;



        display         : block;



    }



    .submenu .subcat > h3 {



        border-bottom   : #f00 solid 1px;



        padding-bottom  : 3px;



        margin          : 0;



        text-transform  : uppercase;



        color           : #000;



        text-align      : center;



        margin-bottom   : 10px;



        font-size       : 10pt !important;



    }



    .submenu .subcat > ul {



        overflow        : auto;



        font-size       : 10pt;



        margin-top      : 10px; 



    }



    .submenu .subcat > ul > li {



        width           : 50%;



        float           : left;



        text-align      : left;



        display         : block;



    }



    .submenu .subcat > ul > li > a {



        display         : block;



        margin-bottom   : 3px;



        color           : #000;



    }



    /*-------------------------------------------------------------------*/



    /*End main category css for screen 960px



    /*-------------------------------------------------------------------*/











    /*-------------------------------------------------------------------*/



    /*Banner new product css for screen 960px



    /*-------------------------------------------------------------------*/



    .banner-new-product {



        display             : block;



    }



    .banner-new-product .banner-slider {



        width               : 100%;



        border              : #E8E3E3 solid 1px;



    }



    .banner-new-product .new-product-wrapper {



        width               : 50%;



        padding             : 0;



    }



    /*-------------------------------------------------------------------*/



    /*Banner new product css for screeb 960px



    /*-------------------------------------------------------------------*/















    /*-------------------------------------------------------------------*/



    /*Home page box-title on each cat css for screen 960px



    /*-------------------------------------------------------------------*/



    .box-title .group-menu {



        display: none;



    }



    /*-------------------------------------------------------------------*/



    /*end home page box-title on each cat css for screen 960px



    /*-------------------------------------------------------------------*/















    /*-------------------------------------------------------------------*/



    /*sidebar css for screen 960 px



    /*-------------------------------------------------------------------*/



    .side-bar {



        width: 100%;



        margin: 0;



    }



    .side-bar .group-ad-list {



        display: none; 



    }



    /*-------------------------------------------------------------------*/



    /*end logo hotline css for screen 960 px



    /*-------------------------------------------------------------------*/







    



    



    /*-------------------------------------------------------------------*/



    /*product list css for screen 960 px



    /*-------------------------------------------------------------------*/



    .product-list {



        display: block;



    }



    .primary {



        width: 100%;



        margin: 0;



    }



    /*-------------------------------------------------------------------*/



    /*end product list css for screen 960 px



    /*-------------------------------------------------------------------*/



    











    /*-------------------------------------------------------------------*/



    /*All product css for screen 960 px



    /*-------------------------------------------------------------------*/



    .product {



        width: 25%;



    }



    .primary .product {



        width: 25%;



    }



    /*-------------------------------------------------------------------*/



    /*End all product css for screen 960 px



    /*-------------------------------------------------------------------*/



    











    /*-------------------------------------------------------------------*/



    /*Contact css for 960px



    /*-------------------------------------------------------------------*/



    .contact-content .contact-detail {



        padding: 0;



        width: 100%;



        border: none;



    }



    .contact-detail > ul > li {



        padding: 15px 0px 5px 45px;



        position: relative;



        border-bottom: #f00 1px dashed;



    }



    .contact-detail > ul > li:before {



        color: #008dbd;



        font-family: "FontAwesome";



        font-size: 15pt;



        position: absolute;



        left: 0;



        text-align: center;



        border-radius: 3px;



        padding: 5px;



        vertical-align: top;



        width: 35px;



        height: 36px;



    }



    .contact-detail > ul > li > span{



        display: block;



        font-weight: 500;   



    }



    .contact-detail > ul > li > span.bold{



        text-transform: uppercase;



        font-weight: 700;   



    }



    .contact-detail .map {



        margin-bottom: 30px;



    }



    .contact-detail .map > h2 {



        margin: 0;



        font-size: 13pt !important;



        position: relative;



    }



    .contact-detail .map > h2 > span.expand-map::after {



        content: '\f067';



        font-family: "FontAwesome";



        position: absolute;



        top: 0;



        right: 0;



        cursor: pointer;



        background: #008dbd;



        color: #fff;



        padding: 0 10px;



    }



    .contact-detail .map > h2 > span.expand-map.expand::after {



        content: '\f068';



    }



    .contact-detail .map .map-frame {



        width: 100%;



        height: 200px;



        overflow: hidden;



        display: none;



    }



    .contact-form {



        margin: 0;



        padding: 0px 15px;



    }



    .contact-form h2 {



        font-size: 16pt !important;



        margin: 0;



        text-transform: uppercase;



    }



    .contact-form-title {



        padding-bottom: 15px;



        border-bottom: #008dbd 2px solid;



    }



    .contact-form-table {



        margin-top: 15px;



        border: none;



    }



    .contact-form-table table {



        width: 100%;



        margin: 0 auto;



    }



    .contact-form-table table td {



        padding-bottom: 10px;



    }



    .contact-form-table .input-label {



        width: 25%;



    }



    .contact-form-table .input-field {



        width: 75%;



    }



    .contact-form-table .msg-field {



        display: none;



    }



    .contact-form-table table td input[type='text'],textarea{



        width: 100%;



    }



    /*-------------------------------------------------------------------*/



    /*End contact css for desktop



    /*-------------------------------------------------------------------*/



}















/*-------------------------------------------------------------------*/



/*



/*CSS for device 768 px



/*



/*-------------------------------------------------------------------*/







@media (max-width: 768px) {



    .l-logo {



        width               : 250px !important;



        margin              : 5px auto !important;



        padding             : 0;



        float               : none;



        z-index             : 12;



    }







    /*-------------------------------------------------------------------*/



    /*Logo hotline css for screen 768 px



    /*-------------------------------------------------------------------*/



    .logo-hotline .search-form {



        width               : 100%;



        margin              : 0;



        float               : none;



    }



    .logo-hotline .search-form > form {



        width               : 100%;



    }



    .logo-hotline .search-form > form > input[type=text]{



        width               : 100%;



    }



    .slogan-hotline {



       display              : none;



    }



    /*-------------------------------------------------------------------*/



    /*End logo hotline css for screen 768 px



    /*-------------------------------------------------------------------*/



    











    /*-------------------------------------------------------------------*/



    /*Main cat css for screen 768px



    /*-------------------------------------------------------------------*/



    .cat-bar {



        display: block;



        background: #008dbd;



        border-bottom: #BABABA 1px solid;



        position: relative;



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: 700;



        padding: 25px 15px;



        box-shadow: 0px 0.5px 5px #BABABA;



    }



    .cat-bar-name {



        text-transform: uppercase;



        font-size: 12pt;



        font-weight: 700;



        color: #fff;



        position: absolute;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .cat-bar .search-form {



        width: 100%;



        position: absolute;



        margin: 0;



        top: 50%;



        padding: 0 60px 0 90px;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .cat-bar .search-form > form{



        width: 100%;



    }



    .cat-bar .search-form > form > input[type=text]{



        width: 100%;



        overflow-x: hidden;



        text-overflow: ellipsis;



    }



    .cat-menu::before {



        content: "\f0c9";



        display: inline-block;



        font-family: "FontAwesome";



        color: #fff;



        font-size: 30px;



        vertical-align: bottom;



        text-align: center;



        position: absolute;



        right: 15px;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



        cursor: pointer;



    }



    /*-------------------------------------------------------------------*/



    /*End main cat css for screen 768 px



    /*-------------------------------------------------------------------*/















    /*-------------------------------------------------------------------*/



    /*Footer css for screen 768 px*/



    /*-------------------------------------------------------------------*/



    .footer {



        padding: 30px 15px;



        margin-top: 30px;



    }



    .footer-desktop {



        display: none;



    }



    .footer-mobile {



        display: block;



    }



    .footer-mobile .footer-up {



        border-radius: 3px;



    }



    .footer-mobile .footer-down {



        margin-top: 15px;



    }



    .footer-mobile h3.company-name {



        margin-top: 0;



        color: #fff;



        font-size: 13pt !important;



        text-transform: uppercase;



    }



    .footer-mobile .address-list {



        margin-top: 15px;



    }



    .footer-mobile .address-list h3.address-title {



       margin: 0;



    }



    .footer-mobile .address {



        margin-bottom: 10px;



        border: #fff 1px solid;



        border-radius: 3px;



        padding: 10px 0 10px 10px;



    }



    .footer-mobile .address h3.address-title {



        color: #fff;



        font-weight: 700;



        font-size: 12pt !important;



    }



    .footer-mobile .address .address-content > ul > li {



       color: #fff;



       font-size: 12pt !important;



       font-weight: 400 !important;



       margin-top: 5px;



       text-align: justify;



    }



    .address .address-content li span {



       margin : 0;



    }



    .footer-mobile .menu-mobile ul li {



        margin-bottom: 12px;



    }



    .footer-mobile .menu-mobile ul li a {



        display: block;



        padding: 10px 10px;



        border: #fff 1px solid;



        border-radius: 3px;



        position: relative;



    }



    .footer-mobile .menu-mobile ul li a.menu-mobile-title::after {



        position: absolute;



        right: 15px; 



        font-family: "FontAwesome";



        content: '\f067';



        color: #fff;



        font-size: 20px;



        top: 50%;



        transform: translate(0, -50%);



        -moz-transform: translate(0, -50%);



        -webkit-transform: translate(0, -50%);



    }



    .footer-mobile .menu-mobile ul li a.menu-mobile-title.expand::after {



        content: "\f068";



    }



    .footer-mobile .menu-mobile ul li a.menu-mobile-title h3 {



        margin: 0;



        color: #fff;



        font-size: 12pt !important;



    }



    .footer-mobile .menu-mobile ul li ul {



        border: #fff 1px solid;



        border-radius: 3px;



        padding: 10px;



    }



    .footer-mobile .menu-mobile li ul li a {



        display: block;



        padding: 0;



        border: none;



        color: #fff;



    }



    .footer-mobile .menu-mobile li ul li a::after {



        content: '';



    }



    .footer-mobile .menu-mobile li ul {



        display: none;



    }



    



    /*.footer-mobile .menu-mobile li:hover ul {



        display: block;



    }*/



    /*-------------------------------------------------------------------*/



    /*End footer css for screen 768 px*/



    /*-------------------------------------------------------------------*/















    /*-------------------------------------------------------------------*/



    /*product css for screen 768 px*/



    /*-------------------------------------------------------------------*/







    .product {



        width: 33.3333%;



    }







    .primary .product {



        width: 33.3333%;



    }







    /*-------------------------------------------------------------------*/



    /*product css for screen 768 px*/



    /*-------------------------------------------------------------------*/



}







@media (max-width: 480px) {



    /*.list-product .group-item */



    .product .inner .thumb a {



        display: block;



        position: relative;



        padding-top: 75%;



    }







    .product {



        width: 50%;



    }







    .primary .product {



        width: 50%;



    }



}







@media (max-width: 320px) {



    /*.list-product .group-item */



    .product .inner .thumb a {



        display: block;



        position: relative;



        padding-top: 75%;



    }







    .product {



        width: 100%;



    }







    .primary .product {



        width: 100%;



    }



}