body { font-family:var(--primary-font-family); background-color: var(--white-color); color:var(--text-color);  font-weight:var(--font-weight-400); letter-spacing:normal; font-size:14px; line-height: normal; margin:0;  padding:0; white-space:normal; visibility:inherit; text-align:inherit; border:0px; font-stretch:inherit; overflow-x: hidden !important; transition: background 0.2s linear;}

html{height:100%; margin-bottom:0px;}

* { margin: 0; padding: 0; outline: 0; }

body, div, section, a, p, aside, span, ul, li, dl, header, footer, h1, h2, h3, h4, h5, h6 {text-decoration: none; outline: none; border: none; padding: 0; margin: 0; list-style: none;}

/*custom scrollbar*/
/* width */
::-webkit-scrollbar {width:10px;}
/* Track */
::-webkit-scrollbar-track {background:var(--light-colour-bg); }
/* Handle */
::-webkit-scrollbar-thumb {background:var(--text-color); border-radius: var(--border-radius-25) }
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {background:var(--primary-color); }
/*custom scrollbar*/

/*LOADER*/
.no-js #loader { display: none;}
.js #loader {display: block; position: absolute; left: 100px; top: 0;}
.se-pre-con {position: fixed; left: 0px; top:0px; width: 100%; height: 100%; z-index: 99999; background: url(../images/Preloader.gif) center no-repeat var(--white-color);}
/*LOADER*/

/*TEXT SELECTION*/
::-moz-selection {/* Code for Firefox */ color:var(--white-color); background:var(--primary-color);}
::selection {color:var(--white-color); background:var(--primary-color);}
/*TEXT SELECTION*/

h1, h2, h3, h4, h5 { font-family:var(--primary-font-family); letter-spacing:normal; text-transform: capitalize;}

.heading {margin-bottom:15px; margin-top:15px; padding:0;}
.heading h1 {font-size:35px; line-height:40px; color:var(--black-color); margin:0; padding:0; font-weight:var(--font-weight-700); }
.heading h1 sup {color:var(--secondary-color); font-size:15px; line-height: 20px; vertical-align: super;}
.heading h2 {font-size:25px; line-height:30px; color:var(--black-color); margin:0; padding:0; font-weight:var(--font-weight-700);}
.heading h2 span { font-weight:var(--font-weight-900); color:var(--primary-color)}
.heading h3 {font-size:18px; line-height:25px; color:var(--black-color); margin:0; padding:0; font-weight:var(--font-weight-700);}
.heading h5 {font-size:20px; line-height:25px; color:var(--primary-color); margin:0; padding:0;}
.heading h6 {font-size:18px; line-height:25px; color:var(--black-color); margin:0; padding:0; text-transform: capitalize; font-weight:var(--font-weight-700); letter-spacing:normal; }

p { color:var(--text-color); font-size:14px; line-height:20px; margin-bottom:15px; margin-top:15px; padding:0; font-weight:var(--font-weight-400); letter-spacing:normal;}
p a {color:var(--black-color); font-weight:var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p a:hover {color:var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
p span {color:var(--primary-color); font-weight:var(--font-weight-600);}
p strong {color:var(--secondary-color); font-weight:var(--font-weight-600);}

/*Modal*/
.modal-content .close { height:30px; width:30px; line-height:30px; font-size:20px; color:var(--black-color); position: absolute; right:15px; text-align: center; text-decoration: none; top:15px; opacity: 1; border-radius:none; z-index: 1;}
.modal-content .close:hover {color: var(--primary-color); opacity: 1 !important;}
/*Modal*/

/*MOBILE BOTTOM FIX*/ 
.mobile-navigation-footer { position: fixed; bottom: 0; left: 0; right: 0; background: var(--white-color); z-index: 1000; width: 100%; border-top: 1px solid var(--light-colour-bg); display: flex; padding: 5px 0;}

.mobile-navigation-footer .mobile-nav-item { flex: 1; text-align: center; font-size:20px;}
.mobile-navigation-footer .mobile-nav-item a {color:var(--text-color); display: inline-flex; width:40px; height: 40px; margin: 0 auto; justify-content: center; align-items: center; position: relative; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.mobile-navigation-footer .mobile-nav-item a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.mobile-navigation-footer .mobile-nav-item .badge {position: absolute; top:4px; right:2px; width:20px; height: 20px; font-size: 9px; font-weight:var(--font-weight-400); border-radius:var(--border-radius-50); display: flex; align-items: center; justify-content: center; background-color:var(--secondary-color); color:var(--white-color);}
/*MOBILE BOTTOM FIX*/

/*TOP NOT*/
.top-noti {background-color:var(--primary-color); position: relative;}
.top-noti .alert-dismissible {  }
.top-noti .alert {position: relative; padding:10px 15px !important; font-size: 14px; line-height: 20px; margin:0; color: var(--white-color); background-color:none !important; border-radius:0 !important; font-weight:var(--font-weight-400);}
.top-noti .alert a {color:var(--light-colour-bg); font-weight:var(--font-weight-600); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.top-noti .alert a:hover {color:var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.top-noti .btn-close {box-sizing: content-box; width:10px; height:10px; padding:15px 0; color:var(--white-color); border-radius:0 !important; opacity: 0.4;}
.top-noti .btn-close:hover {opacity:1;}
.top-noti .alert span {font-weight:var(--font-weight-700);}
/*TOP NOT*/

/*HEADER*/
#header-1 { background:var(--white-color); padding:0; border-bottom: 1px solid var(--light-colour-bg);}
#header-1 .logo { float: left; margin-bottom: 15px; margin-top: 15px; margin-right:15px;}
#header-1 .logo img { height:90px;}
#header-1 .header-right { float: right;}

/*SEARCH*/
.search { float: left; position: relative; margin-top:35px; margin-right: 15px; flex-grow: 1; }
.search .search-form {position: relative; max-width:100%; margin-top:0;}
.search .search-form input {height:50px; min-width:370px; width: 100%; padding:0 30px 0 15px; font-family:var(--primary-font-family); font-weight:var(--font-weight-400); border-radius:var(--border-radius-25); outline: none; background-color: var(--light-colour-bg); color:var(--text-color); font-size:15px; line-height:50px; border: 1px solid var(--light-colour);}
.search .search-form button {font-family: var(--primary-font-family); font-weight:var(--font-weight-500); font-style: normal; width: 40px; height:40px; border-radius:var(--border-radius-25); letter-spacing:normal; background-color:var(--text-color); color:var(--white-color); font-size:12px; line-height:40px; position: absolute; right:5px; bottom: 5px; display: inline-block; margin: 0; padding: 0; border: 0px; outline: none; text-decoration: none; cursor: pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.search .search-form button:hover {background-color:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*SEARCH*/

/*MOBILE TOP*/
.mobile-top { float: right; padding-left: 0; list-style-type: none; margin-top:20px; margin-bottom:0;}
.mobile-top li { float:left; margin-left:10px; margin-right:0; display: inline-block;}
.mobile-top li a i { float: left;  text-align: center; line-height:30px; height:30px; width:30px; padding: 0; border:none; background:var(--primary-color); color:var(--white-color); display: inline-block; font-size:10px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-50);  }
.mobile-top li a i:hover {color:var(--white-color); background:var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE TOP*/

/*MOBILE SEARCH*/
.mobile-search { float: left; width: 100%; position: relative; margin-top:0; margin-bottom:5px; margin-right:0; flex-grow: 1; }
.mobile-search .mobile-search-form {position: relative; max-width:100%; margin-top:0;}
.mobile-search .mobile-search-form input {height:40px; min-width: 270px; width: 100%; padding:0 30px 0 15px; font-family:var(--primary-font-family); font-weight:var(--font-weight-400); border-radius:var(--border-radius-25); outline: none; background-color: var(--light-colour-bg); color:var(--text-color); font-size:13px; line-height:40px; border: 1px solid var(--light-colour);}
.mobile-search .mobile-search-form button {font-family: var(--primary-font-family); font-weight:var(--font-weight-500); font-style: normal; width:30px; height:30px; border-radius:var(--border-radius-25); letter-spacing:normal; background-color:var(--text-color); color:var(--white-color); font-size:10px; line-height:30px; position: absolute; right:5px; bottom: 5px; display: inline-block; margin: 0; padding: 0; border: 0px; outline: none; text-decoration: none; cursor: pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.mobile-search .mobile-search-form button:hover {background-color:var(--primary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*MOBILE SEARCH*/

.call_header{ float: left; font-size: 15px; line-height: 20px; margin-top: 50px; margin-left: 15px; margin-right: 15px; font-weight:var(--font-weight-500); color: var(--text-color); position: relative; padding: 0; padding-right:30px;  border-right: 1px solid var(--light-colour);}
.call_header a {font-weight:var(--font-weight-700); color: var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.call_header a:hover {color: var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

/*TOP-RIGHT-MENU*/
#nav1 { float:left; height: auto; margin-top: 40px; margin-left:0; padding:0px; display:block;}
#nav1 ul { float:left; margin:0px; padding:0px; list-style:none; z-index:1000 !important}
#nav1 li {float: left; position: relative; height: auto; width:auto; margin:0; padding:0;list-style: none;}
/* main level link */
#nav1 a { float:left; font-size:16px; color: var(--text-color); text-align: center; text-decoration: none; display: block; padding:0; margin: 0; line-height:40px; width:40px; letter-spacing: normal; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#nav1 a:hover { color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/* main level link hover */
#nav1 .current a, #nav1 li:hover > a { float:left;border-radius:0; }
/* sub levels link hover */
#nav1 ul li:hover a { float:left;background: none;border: none;color:var(--text-color);} 
#nav1 li:hover li a { float:left;background: none;border: none;color:var(--text-color);}
#nav1 ul a:hover { float:left;color:var(--primary-color);}

/* dropdown */
#nav1 li:hover > ul {display: block; float: right; height:auto;}
/* level 2 list */
#nav1 ul { display: none;margin:0 ;padding:15px;width:300px;height:auto;position: absolute;top:35px;right: 0; background:var(--white-color);  border:1px solid var(--light-colour); border-radius:var(--border-radius);}
#nav1 ul:after {content: '';position: absolute;display: block;top: -6px;right:5%;margin-left: -3px;width: 0px;height: 0px;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent var(--light-colour) transparent;}
#nav1 ul li { }
#nav1 ul a { width:100%;  }
#nav1 ul a:hover { }

#nav1 a .badge {position: absolute; bottom: 50%; left: 50%; width: 20px; height: 20px; font-size: 11px; border-radius:var(--border-radius-50); display: flex; align-items: center; justify-content: center; background-color:var(--secondary-color); color:var(--white-color); font-weight:var(--font-weight-500);}
/*TOP-RIGHT-MENU*/

/*LOGIN FORM*/
.login-form-bg {background: var(--white-color); margin-bottom: 15px; margin-top: 15px; padding-bottom: 15px; padding-top: 15px; border-radius:var(--border-radius); border: 1px solid var(--light-colour-bg);}
.login-form {position: relative; float: left; margin:15px 0; padding: 0 15px; font-size:14px; line-height:20px; color:var(--text-color); font-weight:var(--font-weight-400);}
.login-form a { color:var(--black-color); text-decoration:none; font-weight:var(--font-weight-500); margin:0; padding:0;}
.login-form a:hover { color:var(--primary-color);}

.login-form-bor { width: 100%; height:50px; line-height:50px; font-size:14px; color: var(--text-color); font-weight:var(--font-weight-400); margin: 0; padding:0 15px; background:var(--light-colour-bg); border:1px solid var(--light-colour); font-family:var(--primary-font-family); border-radius:var(--border-radius-25); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.login-form-bor-textar { width:100%; height:100px; line-height:35px; font-size:14px; color: var(--text-color); font-weight:var(--font-weight-400); margin: 0; padding:0 15px; background:var(--light-colour-bg); border: 1px solid var(--light-colour); font-family:var(--primary-font-family); border-radius:var(--border-radius-25); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;  }
.login-form-bor:focus, .login-form-bor-textar:focus { background:var(--white-color); color:var(--text-color); border:1px solid var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }

.login-form select {width:100%; height:50px; line-height:50px; font-size:14px; margin:0; padding:0 15px; color:var(--text-color); font-weight:var(--font-weight-400); background:var(--light-colour-bg) url(../images/arrow-select.png) no-repeat right 0 center; border:1px solid var(--light-colour); font-family:var(--primary-font-family); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.login-form select:focus {background:var(--white-color)  url(../images/arrow-select.png) no-repeat right 0 center ; border:1px solid var(--primary-color); color:var(--text-color); appearance:none; -webkit-appearance:none;-moz-appearance: none; text-indent: 0.01px; text-overflow: ''; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.login-form label { font-size:14px; width:100%; color:var(--text-color); font-weight:var(--font-weight-500); margin:0; padding:0 0 5px 0; line-height:20px; letter-spacing:normal; text-transform: capitalize;}
.login-form label span { color:var(--secondary-color);}

.login-form-btn { font-size:14px; font-weight:var(--font-weight-500); text-transform:capitalize; padding:10px 30px; line-height:25px ; color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin: 0; letter-spacing:var(--letter-spacing-1); border-radius:var(--border-radius-25); border:none;}
.login-form-btn:hover {background:var(--secondary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.code-button {background: none; cursor: pointer; position: absolute; display: block;  top: 25px; right:30px; height:50px; line-height:50px; font-size: 14px; font-weight:var(--font-weight-500); text-transform: capitalize; letter-spacing:normal;  color:var(--text-color);}
.code-button:hover { color:var(--primary-color);}

.inner-down { float:left; margin: 0 0 15px 0 ;}
input[type=checkbox] {opacity: 0; float:left;}
input[type=checkbox] + label {margin:0 0 0 15px; padding:0 0 0 15px; position: relative;cursor: pointer;font-size:14px;float: left; line-height:20px; color:var(--text-color); font-weight:var(--font-weight-500); }
input[type=checkbox] + label ~ label {margin: 0 0 0 15px; }
input[type=checkbox] + label::before {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block; background:var(--white-color); border:1px solid var(--light-colour); border-radius:var(--border-radius-50);}
input[type=checkbox] + label::after {content: ' ';position: absolute;left: -15px;top: 0px;width: 20px;height: 20px;display: block;z-index: 1; background:var(--primary-color) url(../images/checkbox-icon.png) no-repeat center center; -ms-transform: scale(0);-webkit-transform: scale(0);transform: scale(0);opacity: 0; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden;}
input[type=checkbox]:checked + label::after {-ms-transform: scale(1);-webkit-transform: scale(1);transform: scale(1);opacity: 1;}
/*LOGIN FORM*/

/*CART BOX*/
.cart-box { margin:0; float: left; padding: 15px ;}
.cart-box-img { float: left; width:55px; margin:0; padding: 0;}
.cart-box-text { float: left; width:160px; margin:0; padding: 0 15px 0 5px;}
.cart-box-text p {  font-size:13px !important; color:var(--text-color); line-height:18px !important; margin:0 !important; padding:0 !important; text-align: left ; font-weight:var(--font-weight-500);}
.cart-box-text p a { color:var(--text-color); text-align: left !important; font-size:13px !important; line-height:18px !important; margin: 0 !important; padding: 0 !important;}
.cart-box-text .cd-price { float: left; text-align: left; color:var(--primary-color); font-size:15px; line-height:20px; font-weight:var(--font-weight-700); margin:5px 0 0 0; padding:0; text-transform: uppercase;}
.cart-box-text .cd-price span { text-decoration:line-through; font-size:13px; color:var(--text-color); font-weight:var(--font-weight-500);}
.cd-item-remove { float:right!important; margin:0 !important; padding: 0 !important; font-size:14px !important; text-align:right; width:18px !important; height:18px !important; line-height:18px !important; color:var(--primary-color);}
.cd-item-remove a {width:18px !important; height:18px !important; font-size:14px !important; line-height:18px !important; margin: 0 !important; padding: 0 !important; color:var(--primary-color);}
.cd-item-remove a:hover {color:var(--secondary-color);}
.cd-cart-total { float: left; background:var(--light-colour-bg); margin:15px 0; padding:15px;}
.cd-cart-total p { font-size:15px; color:var(--text-color); line-height:20px; margin:0; padding:0; font-weight:var(--font-weight-700); text-transform:uppercase;}
.cd-cart-total p span {color:var(--secondary-color); float:right;}

.view-btn { font-size:14px; font-weight:var(--font-weight-500); width: 100%; text-transform:capitalize; padding:10px 25px; line-height:25px ; color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom: 0px; margin-top: 15px; letter-spacing:normal; border-radius:var(--border-radius-25); border:none;}
.view-btn:hover {background:var(--secondary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.checkout-btn { font-size:14px; font-weight:var(--font-weight-500); width: 100%; text-transform:capitalize; padding:10px 25px; line-height:25px ; color:var(--primary-color); background:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom: 0px; margin-top: 15px; letter-spacing:normal; border-radius:var(--border-radius-25); border:2px solid var(--primary-color);}
.checkout-btn:hover {background:var(--secondary-color); color:var(--white-color); border:2px solid var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HEADER*/

/*HOME ICON*/
.home-icon {margin-top:15px; margin-bottom:15px;} 
.home-icon ul { margin:0; padding:0; list-style:none;} 
.home-icon ul li { margin:0;}  
.home-icon .icon, .home-icon .info {display: table-cell; vertical-align: middle;} 
.home-icon .info {padding-left:15px;}
.home-icon ul li i {color:var(--primary-color); background:var(--light-colour); font-size:14px; height:50px; width:50px; line-height:50px; text-align: center;  border-radius: var(--border-radius-50); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}	 
.home-icon:hover ul li i{color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-icon li .info h5 { font-size:14px; margin: 0; padding: 0; line-height:20px; color: var(--black-color); font-weight:var(--font-weight-800);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;} 
.home-icon:hover li .info h5 { color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HOME ICON*/

/*TIMER*/
.timer {margin:15px 0; color:var(--white-color); display: inline-block; font-weight:var(--font-weight-600); text-align: center; }
.timer div {padding:5px 15px; margin-left:5px; background:var(--primary-color); display: inline-block; font-size:25px; line-height: 30px;
font-weight:var(--font-weight-600); border-radius: var(--border-radius);}
.timer .smalltext {color:var(--light-colour); font-size: 11px; line-height: 15px; font-weight: var(--font-weight-500); display: block; padding: 0; margin: 0 !important; width: auto; text-align: center;}
.timer #time-up { margin: 0 0 0 0; text-align: left; font-size: 14px; font-style: normal; color:var(--black-color); font-weight: var(--font-weight-500);}
/*TIMER*/

/*HOME CATEGORY*/
.home-category-box {margin-bottom: 15px; margin-top: 15px; padding: 15px; background: var(--light-colour-bg); height: auto; border-radius: var(--border-radius);}
.home-category-box .home-category-image { width: 100%; height: 100%; overflow: hidden; display: flex; align-items: flex-end; justify-content: flex-end; margin-top:15px; }
.home-category-box .home-category-image img { height:80px;}
.home-category-box .home-category-content { padding-bottom:15px;}
.home-category-box .home-category-content-name { margin-bottom: 15px; color:var(--black-color); font-size:16px; line-height: 20px; display: block; font-weight:var(--font-weight-600); text-transform: capitalize; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; position:relative; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}

.home-category-box .home-category-content-more {color:var(--primary-color); background-color:var(--white-color); font-size: 14px; padding:5px 20px; width: auto; line-height: 20px; border-radius: var(--border-radius-25); display: inline-block; font-weight:var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-category-box .home-category-content-more:hover { background-color:var(--primary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*HOME CATEGORY*/

.home-btn { font-size:14px; font-weight:var(--font-weight-500); text-transform:capitalize; padding:10px 25px; line-height:25px ; color:var(--primary-color); background:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom: 15px; margin-top: 15px; letter-spacing:normal; border-radius:var(--border-radius-25); border:2px solid var(--primary-color);}
.home-btn:hover {background:var(--primary-color); color:var(--white-color); border:2px solid var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.home-btn i { margin-left: 5px; font-size: 11px;}

/*PROMO BANNER*/
.promo_item {display: block; position: relative; overflow: hidden; border-radius: var(--border-radius); margin-bottom: 15px; margin-top: 15px; }
.promo_item:hover .promo_banner {transform: scale(1.1, 1.1);}
.promo_banner { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 800ms ease 0s;}
.promo_content {position: absolute; top: 50%; transform: translate(0, -50%); left: 0; padding:15px 30px;}
.promo_badge {padding:3px 15px; line-height:18px; display: inline-block; text-transform: uppercase; color:var(--white-color); background-color:var(--secondary-color); font-weight:var(--font-weight-500); letter-spacing:normal; font-size:12px; text-align: center; border-radius: var(--border-radius-25); margin-bottom: 5px;}
.promo_name {color:var(--black-color); margin-bottom: 5px; font-size: 25px; line-height:30px; font-weight:var(--font-weight-700);}
.promo_sale {color:var(--secondary-color); font-size: 35px; line-height: 40px; margin-bottom:5px; font-weight: var(--font-weight-700); letter-spacing:normal;}
.promo_del {font-size: 16px; color:var(--light-colour); line-height:25px; font-weight:var(--font-weight-500);; text-decoration: line-through;}
.promo_btn {display: inline-block; margin-top:5px; background-color:var(--primary-color); color:var(--white-color); padding: 10px 25px; font-size: 15px; font-weight: var(--font-weight-500); border-radius: var(--border-radius-25); border:none; line-height: 20px; letter-spacing:normal; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.promo_btn:hover {background-color:var(--secondary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*PROMO BANNER*/

/**TABING**/
.specification, .specification1 { float:left; height:auto; margin:15px 0 0 0;}
#horizontalTab, #horizontalTab1 { float:left; width:100%; height:auto; margin:0; padding:0;}
.r-tabs {position: relative; }
.r-tabs .r-tabs-nav { }
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative;top:0; }
.r-tabs .r-tabs-nav .r-tabs-anchor {background:var(--light-colour); margin-bottom:15px; padding:10px 20px; display: inline-block; text-decoration: none; color:var(--black-color); font-weight:var(--font-weight-500); font-size:14px; line-height: 20px; text-transform:capitalize; border-radius: var(--border-radius-25); }
.r-tabs .r-tabs-nav .r-tabs-state-active { }
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {background:var(--primary-color); color:var(--white-color);}
.r-tabs .r-tabs-panel {  height:auto;}
.r-tabs .r-tabs-panel:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block; padding: 10px 15px; background-color:var(--white-color); color:var(--black-color); font-weight:var(--font-weight-500) !important; text-decoration: none; margin-bottom:5px; font-size:14px; text-transform:capitalize; border: 1px solid var(--text-color); border-radius: var(--border-radius)}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color:var(--primary-color); color:var(--white-color); border: 1px solid var(--primary-color); }
/**TABING**/

/*CATEGORY NAV*/
.category_nav {margin-bottom: 15px; margin-top: 15px;}
.category_nav h6 { font-size:18px; line-height:25px; margin-bottom:15px; margin-top:0; padding-bottom:0; color: var(--primary-color);  font-weight:var(--font-weight-700); letter-spacing:normal; text-transform: capitalize; font-style:normal; position:relative;}
.category_nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.category_nav ul li { float:left; width:100%; margin:0; padding:5px 0; text-transform:capitalize;}
.category_nav ul li a { float:left; font-size:14px; line-height:20px; color:var(--black-color); font-weight:var(--font-weight-400); margin:0; padding:0; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:normal;}
.category_nav ul li a:hover {color:var(--secondary-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.category_nav ul li:last-child { padding-bottom: 0;}
/*CATEGORY NAV*/

/*INSTAGRAM PAGE*/
.ps-image-transition { position: relative; margin-bottom: 15px; margin-top: 15px; display: block; overflow: hidden; border-radius: var(--border-radius);}
.ps-image-transition img {width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; transition: 800ms ease 0s;}
.ps-image-transition .ps-image_overlay { font-size:18px; line-height:30px; color:var(--white-color); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); transition: transform .3s ease; width: 100%; height: 100%; display: inline-flex; justify-content: center; align-items: center;}
.ps-image-transition:hover::before { background-color: rgba(56, 112, 194, 0.7); content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%;}
.ps-image-transition:hover .ps-image_overlay {opacity: 1; transform: translate(-50%, -50%) scale(1); z-index: 3;}
.ps-image-transition:hover img {transform: scale(1.1, 1.1);}
/*INSTAGRAM PAGE*/

/*FOOTER FULL NAV*/
#footer-full-section { margin-top: 15px; padding-top: 15px; border-top: 1px solid var(--light-colour-bg)}
.footer-full-nav {margin-bottom: 15px; margin-top: 15px;}
.footer-full-nav ul { margin:0 ; padding:0; list-style:none;}
.footer-full-nav ul li {display: inline-block; padding:2px 10px 2px 5px; background:url(../images/footer_nav.png) no-repeat right; }
.footer-full-nav ul li a { color:var(--text-color); font-size: 14px; line-height: 20px; font-weight:var(--font-weight-400); margin:0; padding:0px; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-full-nav ul li a:hover {color:var(--secondary-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-full-nav ul li span {font-weight:var(--font-weight-600); color: var(--primary-color);}
.footer-full-nav ul li:first-child {background: none; padding-right: 0; padding-left: 0;}
.footer-full-nav ul li:last-child {background: none;}
/*FOOTER FULL NAV*/

/*FOOTER TOP*/
#footer-top { background:var(--light-colour-bg); padding-bottom: 15px; padding-top: 15px; margin-top: 15px; }
#footer-top h6 {font-size:16px; line-height:20px; font-weight:var(--font-weight-700); margin:15px 0; padding: 0; color: var(--primary-color); letter-spacing:normal; text-transform:capitalize;}
#footer-top h6 i { margin-right:5px;}
/*FOOTER TOP*/

/*FOOTER*/
#footer-1 { margin-top:15px; margin-bottom:0; position: relative; padding-bottom:0; padding-top:0;}
#footer-1 h6 { font-size:16px; line-height:25px; margin-bottom:15px; margin-top:0; padding-bottom:0; color: var(--primary-color);  font-weight:var(--font-weight-700); letter-spacing: normal; text-transform: capitalize; font-style:normal; position:relative;}

/*FOOTER LOGO*/
.footer-logo { float: left; margin-bottom: 15px; margin-top: 15px; border-right: 1px solid var(--light-colour);}
.footer-logo img { height:120px; margin-bottom: 15px;}
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links { position: relative;list-style-type: none;}
.social-links li { float: left; margin-right:0; margin-top:15px; margin-left:0; display: inline-block;}
.social-links li a i {width:35px; text-align: center; line-height:35px; height:35px; color:var(--text-color); display: inline-block; font-size: 14px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius: var(--border-radius-50);  border:none;}
.social-links li a i:hover {color:var(--secondary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border:none;}
/*SOCIAL*/

/*NEED HELP*/
.need-help-box {margin-bottom: 15px; margin-top: 15px;}

/*CONTACT BOX*/
.contact-box { padding-bottom: 15px; padding-top:0;}
.contact-box ul { margin:0; padding:0; list-style:none;} 
.contact-box ul li { margin-top:0;}  
.contact-box .contact-box-icon, .contact-box .contact-box-info {display: table-cell; vertical-align:middle;} 
.contact-box .contact-box-info {padding-left: 15px;}	
.contact-box .contact-box-info p { font-size:15px; line-height:20px; font-weight:var(--font-weight-600); margin:0; padding: 0; color: var(--text-color); text-transform:capitalize; letter-spacing:normal;}
.contact-box .contact-box-info h5 {font-weight:var(--font-weight-700); margin: 0; padding:0; text-transform: uppercase; color: var(--primary-color); font-size:18px; line-height:25px; letter-spacing:normal;} 
.contact-box .contact-box-info h5 a { color: var(--primary-color);}
.contact-box .contact-box-info h5 a:hover { color: var(--primary-color);}
.contact-box .contact-box-icon i { float:left; width:60px; height:60px; line-height:60px; text-align: center; font-size:24px; padding:0; background:var(--primary-color); color: var(--white-color); margin:0; border-radius:var(--border-radius-50); }
/*CONTACT BOX*/

/*NEWS LETTER*/
.newsletter {position: relative; margin-top:0px; flex-grow: 1; }
.newsletter .newsletter-form {position: relative; max-width:100%; margin-top:0;}
.newsletter .newsletter-form input {height:50px; width: 100%; padding:0 30px 0 15px; font-family:var(--primary-font-family); font-weight:var(--font-weight-400); border-radius:var(--border-radius-25); outline: none; background-color: var(--light-colour-bg); color:var(--text-color); font-size:15px; line-height:50px; border: 1px solid var(--light-colour);}
.newsletter .newsletter-form button {font-family: var(--primary-font-family); font-weight:var(--font-weight-500); font-style: normal; width: auto; height:40px; border-radius:var(--border-radius-25); letter-spacing:normal; background-color:var(--primary-color); color:var(--white-color); font-size:15px; line-height:40px; position: absolute; right:5px; bottom: 5px; display: inline-block; margin: 0; padding: 0 25px; border: 0px; outline: none; text-decoration: none; cursor: pointer;  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.newsletter .newsletter-form button:hover {background-color:var(--secondary-color); color:var(--white-color);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*NEWS LETTER*/

/*APP BTN*/
.app-link-group { width: 100%; float: left; margin-bottom: 15px; margin-top: 15px;}
.app-link-group ul { float: left; margin: 0; padding: 0; list-style: none;}
.app-link-group ul li { float: left; display: block; margin: 0 15px 0 0; padding: 0;}
.app-link-group ul li:first-child {margin-left:0; }
.app-link-group ul li img { height:35px;}
/*APP BTN*/

/*EMAIL BOX*/
.email-box { margin-top:15px;}
.email-box ul { margin:0; padding:0; list-style:none;} 
.email-box ul li { margin-top:15px;}  
.email-box .email-box-icon, .email-box .email-box-info {display: table-cell; vertical-align:middle;} 
.email-box .email-box-info {padding-left:10px;}	
.email-box .email-box-info p { font-size:14px; line-height:20px; font-weight:var(--font-weight-400); margin:0; padding: 0; color: var(--text-color); letter-spacing:normal;}
.email-box .email-box-info p a { color: var(--text-color); font-weight:var(--font-weight-400)}
.email-box .email-box-info p a:hover { color: var(--secondary-color);}
.email-box .email-box-icon i { float:left; width:35px; height:35px; line-height:35px; text-align: center; font-size:12px; padding:0; background:var(--primary-color); color: var(--white-color); margin:0; border-radius:var(--border-radius-50); }
/*EMAIL BOX*/
/*NEED HELP*/

/*FOOTER NAV*/
.footer-nav {margin-bottom: 15px; margin-top: 15px;}
.footer-nav ul { float:left; margin:0 ; padding:0; list-style:none;}
.footer-nav ul li { float:left; width:100%; margin:0; padding:5px 0; text-transform:capitalize;}
.footer-nav ul li a { float:left; font-size:14px; line-height:20px; color:var(--text-color); font-weight:var(--font-weight-400); margin:0; padding:0; text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; letter-spacing:normal;}
.footer-nav ul li a:hover {color:var(--secondary-color); text-decoration:none; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*FOOTER NAV*/
/*FOOTER*/

/*FOOTER BOTTOM*/
.footer-bottom-section {padding-top:15px; padding-bottom:15px; margin-top: 15px; border-top: 1px solid var(--light-colour);}
.footer-bottom { margin-top:0; margin-bottom:0;}
.footer-bottom p {color:var(--text-color); margin: 0; padding:10px 0; font-weight: var(--font-weight-400); font-size:14px; line-height:20px; letter-spacing: normal;}
.footer-bottom p span {color:var(--text-color); font-weight: var(--font-weight-500); font-style:normal;}
.footer-bottom p a {color:var(--text-color); font-weight: var(--font-weight-500); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
.footer-bottom p a:hover {color:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

/*PAYMENT ICON*/
.payment-icon {margin-top:0; margin-bottom:0;}
.payment-icon ul {list-style: none; }
.payment-icon ul li { margin-left:5px; margin-right:5px; display: inline-block;}
.payment-icon ul li img { height: 40px;}
.payment-icon ul li:last-child { margin-right: 0;}
/*PAYMENT ICON*/
/*FOOTER BOTTOM*/

/*BACK TO TOP*/
#back-to-top {position: fixed; bottom:15px; right:15px; z-index: 9; width:45px; height:45px; line-height:45px; font-size:13px; text-align: center; background:var(--primary-color); color:var(--white-color); cursor: pointer; border:none; text-decoration: none; transition: opacity 0.5s ease-out; opacity: 0; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; box-shadow: 0 3px 6px rgb(0 0 0 / 25%), 0 3px 6px rgb(0 0 0 / 25%); border-radius: var(--border-radius-50);}
#back-to-top:hover {background:var(--secondary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
#back-to-top.show {opacity:1;}
/*BACK TO TOP*/

/*INNER-BANNER*/
.inner-page-hero-area {padding:15px 0; margin-bottom:15px; position: relative; background: var(--light-colour-bg);}
.inner-page-hero-area .breadcrumb-menu { padding:0; margin-bottom:0; margin-top:0; list-style: none; background: none; border-radius:0;}
.inner-page-hero-area .breadcrumb-menu li {background: transparent none repeat scroll 0 0; display: inline-block; margin:0; padding:10px 0; position: relative; z-index: 1;}
.inner-page-hero-area .breadcrumb-menu li i {color:var(--primary-color); margin-right: 3px;}
.inner-page-hero-area .breadcrumb-menu::after {content: ""; height: 100%; left: 0; opacity:0.35; position: absolute; top: 0; width: 100%; z-index: -1; }
.breadcrumb-menu > li + li::before {color: var(--text-color); content: "\f054"; font-family:  "FontAwesome"; font-size: 8px; font-weight: var(--font-weight-400); padding: 0 7px 0 4px ; position: relative; top:0px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-weight:var(--font-weight-500);  color:var(--text-color); text-transform:capitalize; font-size:14px; line-height:20px; margin:0; padding:0; letter-spacing:normal;}
.inner-page-hero-area .breadcrumb-menu a:hover {color: var(--primary-color);}
.inner-page-hero-area .breadcrumb-menu li.active {color:var(--text-color);}
/*INNER-BANNER*/

/*INNER IMAGE*/
#inner-banner-img { position: relative; margin-bottom: 15px; margin-top: -15px;}
#inner-banner-img img { width: 100%;}
/*INNER IMAGE*/

.bg-section { position: relative; background: var(--secondary-light-colour); padding:0 15px; border: 1px solid var(--light-colour-bg);  margin-bottom: 15px; margin-top: 15px; border-radius: var(--border-radius);}

/*Filters*/
.filters { float:left; margin:15px 0; padding:0; width:100%; border:1px solid var(--light-colour-bg); border-radius: var(--border-radius);overflow: hidden;}
.filters h3 { background: var(--secondary-light-colour); font-size:20px; margin:0; padding:10px 15px; line-height:30px; color:var(--black-color); font-weight:var(--font-weight-700); }
/*Filters*/

/**left-nav**/
.topnav { float:left;width:100%;padding: 0; margin: 0; }
ul.topnav {padding: 0;margin: 0; line-height: 0.5em;list-style: none !important;}
ul.topnav li {}
ul.topnav li a {line-height:40px;font-size:15px;padding: 0px 15px; color:var(--text-color);display: block;text-decoration: none; font-weight:var(--font-weight-600); margin:0 0 0 0 !important; border-top:1px solid var(--light-colour-bg); text-transform:capitalize;}
ul.topnav li a:hover {color:var(--primary-color);}
ul.topnav ul { float:left; width: 100%; margin: 0;padding: 0;display: none; list-style:none; border-top:none; }
ul.topnav ul li { float:left; width:100%; height:auto; min-height:20px;margin: 0;padding:0;clear: both; border:none; }
ul.topnav ul li a {line-height:20px;font-size:14px;padding:7px 15px 7px 30px !important; color:var(--text-color);display: block;text-decoration: none; font-weight:var(--font-weight-500); margin:0 0 0 0 !important; border-top:none; text-transform:capitalize;}
ul.topnav ul li a:hover{color:var(--primary-color);}
ul.topnav span{float:right; color:var(--text-color); font-weight:var(--font-weight-500);}
ul.topnav span:hover {color:var(--primary-color);}

.left-box { float:left; width:100%; max-height: 200px; overflow-x:hidden; overflow-y:scroll; margin:0 0 0 0; padding:7px 0;}

.left-box .inner-down { float:left; width: 100%; margin: 8px 0 ;}
.left-box .inner-down span
{font-size:14px; line-height:20px; float: right; color:var(--text-color); font-weight:var(--font-weight-400); text-align: right; padding-right: 15px;}
/**left-nav**/

/*PRODUCT DELIVERY*/
.ps-product-delivery { float: left; width: 100%;  background: var(--light-colour); margin-bottom: 15px; margin-top: 15px; padding: 30px;} 
.ps-product-delivery ul { margin:0; padding:0; list-style:none;} 
.ps-product-delivery ul li { margin-bottom:30px;}  
.ps-product-delivery .icon, .ps-product-delivery .info {display: table-cell; vertical-align: middle;} 
.ps-product-delivery .info {padding-left:15px;}
.ps-product-delivery ul li i {color:var(--white-color); background:var(--primary-color); font-size:13px; height:40px; width:40px; line-height:40px; text-align: center;  border-radius: var(--border-radius-50);}	 
.ps-product-delivery li .info h5 { font-size:16px; margin: 0; padding: 0; line-height:20px; color: var(--primary-color); font-weight:var(--font-weight-900);} 
.ps-product-delivery li .info p { font-size:14px; margin: 0; padding: 0; line-height:18px; color: var(--black-color); font-weight:var(--font-weight-500);} 
.ps-product-delivery ul li:last-child { margin-bottom: 0;}
/*PRODUCT DELIVERY*/

/*GIFT*/
.ps-product__gif {float: left; background-color: #F6F7E5; background: linear-gradient(94deg, #fcfcf0, #ebebd3); margin-top: 15px; margin-bottom: 15px; position: relative;}
.ps-gif__text {color: #12a05c; font-weight:var(--font-weight-500); text-align: center; font-size: 14px; line-height: 20px; padding: 30px; position: absolute; top: 0; left: 0;}
.ps-gif__text i {display: block; margin-bottom: 15px; font-weight: var(--font-weight-900);font-size:25px; line-height: 30px;}
.ps-gif__thumbnail {width: 100%; -o-object-fit: cover; object-fit: cover;}
.ps-gif__thumbnail img { width: 100%;}
/*GIFT*/

/*PRODUCT DETAIL*/
.product-detail { margin-bottom: 15px; margin-top: 15px;}

.product-detail .product_badge { position: initial; margin-bottom:15px;}
.ps-badge { display: inline-block; font-size: 10px; padding: 0 10px; font-weight:var(--font-weight-500); text-align: center; line-height: 20px; border-radius:var(--border-radius-25); color:var(--white-color); background-color: var(--secondary-color);}

.product-detail .product_branch {color:var(--text-color); font-size:14px; line-height:20px; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-500); letter-spacing:normal;}
.product-detail .product_branch a { color:var(--secondary-color); font-weight:var(--font-weight-500);}
.product-detail .product_branch a:hover { color:var(--primary-color);}

.product-detail .product_title {color:var(--black-color); font-size:30px; line-height:35px; margin-bottom:15px; margin-top:0; padding:0; font-weight:var(--font-weight-700); letter-spacing:normal;}
.product-detail .product_title a {color:var(--black-color);}
.product-detail .product_title a:hover {color:var(--primary-color);}

.product-detail .product_rating {display: flex; align-items: center; border-bottom: 1px solid var(--light-colour-bg); padding-bottom: 15px; margin-bottom: 15px;}

.product-detail .product_rating .br-readonly {font-size:14px; line-height:20px; color: var(--bs-yellow);}

.product-detail .product_rating .product_review { margin-left:10px; font-size:14px; line-height:20px; color: var(--text-color);}

.product-detail .product_meta {border-bottom: 1px solid var(--light-colour-bg); border-top: 1px solid var(--light-colour-bg); padding-bottom: 15px; padding-top: 15px; margin-bottom: 15px; margin-top: 15px;    }

.product-detail .product_meta .product-price {font-size:35px; line-height:45px; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-700); color:var(--primary-color); text-transform: uppercase;}
.product-detail .product_meta .product-price span { font-weight:var(--font-weight-600); font-size:25px; text-decoration:line-through; color:var(--text-color); margin-left:5px; margin-right:5px;}

.product-detail .product_meta .product_variations { margin-top: 15px;}
.product-detail .product_meta .product_variations .product_link {color:var(--text-color); line-height: 20px; font-size: 14px; margin-right: 25px; display: inline-block; text-decoration:none; font-weight:var(--font-weight-500); text-transform: capitalize;}

.product-detail .product_meta .product_variations .product_link:hover {color:var(--primary-color);}
.product-detail .product_meta .product_variations .product_link:last-child {margin-right: 0;}

.product-detail .product_meta .add-cart-btn { font-size:15px; font-weight:var(--font-weight-500); text-transform:capitalize; padding:10px 30px; line-height:30px ; color:var(--white-color); background:var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; margin-bottom:0; margin-top: 15px; letter-spacing:var(--letter-spacing-05); border-radius:var(--border-radius-25); border:none;}
.product-detail .product_meta .add-cart-btn:hover {background:var(--secondary-color); color:var(--white-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}
/*PRODUCT DETAIL*/

/*PRODUCT SOCIAL*/
.product-social-links { float:left; padding-left: 0; list-style-type: none; margin-top:0; margin-bottom:0;}
.product-social-links li { float:left; margin-right:10px; margin-left:0; display: inline-block;}
.product-social-links li a {width:35px; text-align: center; line-height:35px !important; height:35px; color:var(--white-color); display: inline-block; font-size: 12px; transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; border-radius:var(--border-radius-50);}
.product-social-links li a:hover {color:var(--white-color);transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s;}

.product-social-links li a.social-fb { background:#4E598F;}
.product-social-links li a.social-fb:hover { background:#3E4772;}

.product-social-links li a.social-twitter { background:#55ACEE;}
.product-social-links li a.social-twitter:hover { background:#448ABE;}

.product-social-links li a.social-linkedin { background:#4375B0;}
.product-social-links li a.social-linkedin:hover { background:#365E8D;}

.product-social-links li a.social-instagram { background:#E4405F;}
.product-social-links li a.social-instagram:hover { background:#B6334C;}

.product-social-links li a.social-pinterest { background:#BD081C;}
.product-social-links li a.social-pinterest:hover { background:#970616;}
/*PRODUCT SOCIAL*/

.product-detail-tab {border-top: 1px solid var(--light-colour-bg); padding-top: 30px !important;}

/*TABLE*/
.table-box-inner { margin:15px 0 0 0 ; background:var(--white-color);}
.table { }
.table th { font-size:15px; text-transform:uppercase; background:var(--primary-color); color:var(--white-color); font-weight:var(--font-weight-600); letter-spacing:var(--letter-spacing-1); }
.table td { font-size:14px; line-height: 20px; color:var(--black-color); font-weight:var(--font-weight-500); }
.table td strong {font-weight:var(--font-weight-600); color: var(--black-color); }
.table td span {font-weight:var(--font-weight-600); color: var(--primary-color); }
.table td i { color: var(--primary-color); margin-right: 5px;}
.table td a {color:var(--black-color); font-weight:var(--font-weight-500);  transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.table td a:hover{color: var(--primary-color); transition:all ease .6s;-moz-transition:all ease .6s;-webkit-transition:all ease .6s;-o-transition:all ease .6s; }
.table td.bg-text { background-color: var(--primary-color) !important; width: 30%; color: var(--white-color) !important;}
/*TABLE*/

/*PRODUCT REVIEW*/
.ps-review-product { border-bottom: 1px solid var(--light-colour-bg); margin-bottom: 15px;}
.ps-review-product .ps-review_avatar { margin-bottom: 15px; margin-top: 15px; border: 1px solid var(--light-colour-bg); padding: 2px; border-radius:var(--border-radius-50); overflow: hidden;}
.ps-review-product .ps-review_info { margin-bottom: 15px; margin-top: 15px;}
.ps-review-product .ps-review_info .ps-review_name {color:var(--primary-color); font-size:14px; line-height:20px; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-700); letter-spacing:normal;}
.ps-review-product .ps-review_info .ps-review_date {color:var(--text-color); font-size:14px; line-height:20px; margin-bottom:0; margin-top:0; padding:0; font-weight:var(--font-weight-500); letter-spacing:normal;}
.ps-review-product .ps-rating {margin-top: 15px; margin-bottom: 15px; font-size: 13px; line-height: 20px; color: var(--bs-yellow);}
/*PRODUCT REVIEW*/

/*RATE*/
.rate {float: left; height:auto; padding: 0px;}
.rate:not(:checked) > input {position:absolute; top:-9999px;}
.rate:not(:checked) > label {float:right; width:20px; overflow:hidden; white-space:nowrap; cursor:pointer; font-size:18px; color:var(--text-color);}
.rate:not(:checked) > label:before { content: "\f005"; font-family:  "FontAwesome";}
.rate > input:checked ~ label {color: var(--bs-yellow);    }
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color:var(--bs-yellow);  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

@media only screen and ( min-width: 1299px) and (max-width: 2399px) {

/*SEARCH*/
.search .search-form input {min-width:500px;}
/*SEARCH*/
    
/*HOME CATEGORY*/
.home-category-box .home-category-image img {height:110px;}
.home-category-box .home-category-content-name {font-size:20px; line-height: 25px;}
.home-category-box .home-category-content-more {font-size: 14px; padding:5px 20px; line-height: 20px; }
/*HOME CATEGORY*/
    
/*HOME ICON*/
.home-icon ul li i { font-size:16px; height:55px; width:55px; line-height:55px;}	 
.home-icon li .info h5 {font-size:15px; line-height:20px;} 
/*HOME ICON*/ 
    
/*PRODUCT DELIVERY*/
.ps-product-delivery ul li i {font-size:14px; height:50px; width:50px; line-height:50px;}	 
.ps-product-delivery li .info h5 { font-size:16px; line-height:20px;} 
.ps-product-delivery li .info p { font-size:14px; line-height:18px;}
/*PRODUCT DELIVERY*/    

/*GIFT*/
.ps-gif__text {font-size: 15px; line-height: 25px; }
.ps-gif__text i {font-size:30px; line-height: 35px;}
/*GIFT*/  
    
}


@media only screen and ( min-width: 768px) and ( max-width: 980px ) {

p {font-size:14px; line-height:20px;}  
   
/*HEADER*/
#header-1 .logo img { height:60px;}

/*SEARCH*/
.search {margin-top:25px; }
.search .search-form input {height:40px; min-width:200px; font-size:14px; line-height:40px;}
.search .search-form button { width:30px; height:30px; font-size:10px; line-height:30px;}
/*SEARCH*/

.call_header{ font-size: 14px; line-height: 20px; margin-top:35px;}

#nav1 {margin-top:25px;}
/*HEADER*/
    
/*TIMER*/
.timer div {padding:5px 15px; font-size:20px; line-height:25px;}
.timer .smalltext {font-size: 10px; line-height: 15px;}
.timer #time-up {font-size: 13px;}
/*TIMER*/
    
/*HOME ICON*/
.home-icon ul li i {font-size:14px; height:50px; width:50px; line-height:50px;}
.home-icon li .info h5 { font-size:14px; line-height:20px;}
/*HOME ICON*/
    
/*PROMO BANNER*/
.promo_badge {padding:3px 12px; line-height:14px; font-size:10px;}
.promo_name {font-size: 20px; line-height:25px;}
.promo_sale {font-size: 30px; line-height:35px;}
.promo_del {font-size: 16px; line-height:25px;}    
.promo_btn { padding: 10px 20px; font-size: 14px; line-height: 20px;}
/*PROMO BANNER*/
    
/**TABING**/
.r-tabs .r-tabs-nav .r-tabs-anchor {padding:10px 15px;  font-size:13px; line-height: 20px;  }
/**TABING**/    
    
/*FOOTER BOTTOM*/
.footer-bottom-section {padding-bottom:65px;}    
/*PAYMENT ICON*/
.payment-icon ul li img { height: 40px;}
.payment-icon ul li:last-child { margin-right: 5px;}
/*PAYMENT ICON*/
/*FOOTER BOTTOM*/ 
    
/*BACK TO TOP*/
#back-to-top {bottom:65px; width:40px; height:40px; line-height:40px; font-size:12px;}
/*BACK TO TOP*/ 
    
/*PRODUCT DELIVERY*/
.ps-product-delivery ul li i {font-size:14px; height:50px; width:50px; line-height:50px;}	 
.ps-product-delivery li .info h5 { font-size:16px; line-height:20px;} 
.ps-product-delivery li .info p { font-size:14px; line-height:18px;}
/*PRODUCT DELIVERY*/ 
    
/*GIFT*/
.ps-gif__text {font-size: 13px; line-height: 20px; }
.ps-gif__text i {font-size:20px; line-height: 25px;}
/*GIFT*/ 
    
/*PRODUCT DETAIL*/
.ps-badge { font-size: 10px; line-height: 20px;}
.product-detail .product_branch {font-size:14px; line-height:20px;}
.product-detail .product_title {font-size:30px; line-height:35px;}
.product-detail .product_rating .br-readonly {font-size:14px; line-height:20px;}
.product-detail .product_rating .product_review { font-size:14px; line-height:20px;}
.product-detail .product_meta .product-price {font-size:30px; line-height:40px; }
.product-detail .product_meta .product-price span {font-size:20px;}
.product-detail .product_meta .product_variations .product_link {line-height: 20px; font-size: 14px;}
.product-detail .product_meta .add-cart-btn { font-size:15px; padding:10px 30px; line-height:30px;}
/*PRODUCT DETAIL*/    
}


@media only screen and ( min-width: 600px) and ( max-width: 765px ) {
    
.heading h1 {font-size:30px; line-height:35px;}
.heading h1 sup {font-size:14px; line-height:20px;}    
.heading h2 {font-size:20px; line-height:25px;}
.heading h3 {font-size:16px; line-height:20px;}    
.heading h5 {font-size:18px; line-height:25px;}
.heading h6 {font-size:15px; line-height:20px;}

p {font-size:13px; line-height:18px;}
    
/*HEADER*/
#header-1 .logo { margin-top:5px; margin-bottom: 5px;}     
#header-1 .logo img { height:60px;} 
/*HEADER*/
    
/*TOP NOT*/
.top-noti .alert {padding:10px 0 !important; font-size: 13px; line-height: 20px;}
.top-noti .btn-close {width:12px; height:12px; padding:14px 0;}
/*TOP NOT*/
    
/*LOGIN FORM*/
.login-form { font-size:13px; line-height:18px;}
.login-form-bor {height:45px; line-height:45px; font-size:13px;}
.login-form-bor-textar {height:90px; line-height:30px; font-size:13px;}
.login-form select {height:45px; line-height:45px; font-size:13px;}
.login-form label { font-size:13px; line-height:18px;}
.login-form-btn { font-size:13px; padding:10px 25px; line-height:20px;}
.code-button {top: 23px; right:30px; height:45px; line-height:45px; font-size: 13px;}  
input[type=checkbox] + label {font-size:13px;}
/*LOGIN FORM*/    
    
/*TIMER*/
.timer div {padding:5px 10px; font-size:18px; line-height:25px;}
.timer .smalltext {font-size: 10px; line-height: 15px;}
.timer #time-up {font-size: 13px;}
/*TIMER*/
    
/*HOME ICON*/
.home-icon ul li i {font-size:14px; height:50px; width:50px; line-height:50px;}
.home-icon li .info h5 { font-size:14px; line-height:20px;}
/*HOME ICON*/
    
/*HOME CATEGORY*/
.home-category-box .home-category-image img {height:110px;}
.home-category-box .home-category-content-name {font-size:20px; line-height: 25px;}
.home-category-box .home-category-content-more {font-size: 14px; padding:5px 20px; line-height: 20px; }
/*HOME CATEGORY*/     
    
.home-btn { font-size:13px; padding:10px 20px; line-height:20px;}
.home-btn i { font-size: 10px;}
     
/*PROMO BANNER*/
.promo_badge {padding:3px 12px; line-height:14px; font-size:10px;}
.promo_name {font-size: 20px; line-height:25px;}
.promo_sale {font-size: 30px; line-height:35px;}
.promo_del {font-size: 16px; line-height:25px;}     
.promo_btn { padding: 10px 20px; font-size: 14px; line-height: 20px;}
/*PROMO BANNER*/
    
/*CATEGORY NAV*/
.category_nav h6 { font-size:16px; line-height:20px;}
.category_nav ul li a {font-size:13px; line-height:18px;}
/*CATEGORY NAV*/
    
/*FOOTER FULL NAV*/
.footer-full-nav ul li a { font-size: 13px; line-height:18px;}
/*FOOTER FULL NAV*/
    
/*FOOTER TOP*/
#footer-top h6 {font-size:15px; line-height:20px;}
/*FOOTER TOP*/
    
/*FOOTER*/
#footer-1 h6 { font-size:15px; line-height:25px;}

/*FOOTER LOGO*/
.footer-logo { border-right:none;}
.footer-logo img { height:100px; }
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links li a i {width:35px; line-height:35px; height:35px; font-size: 14px;}
/*SOCIAL*/
    
/*NEED HELP*/
/*CONTACT BOX*/
.contact-box .contact-box-info p { font-size:13px; line-height:18px;}
.contact-box .contact-box-info h5 { font-size:15px; line-height:22px;} 
.contact-box .contact-box-icon i { width:50px; height:50px; line-height:50px; font-size:18px;}
/*CONTACT BOX*/

/*NEWS LETTER*/
.newsletter .newsletter-form input {height:50px; font-size:14px; line-height:50px;}
.newsletter .newsletter-form button {height:40px; font-size:14px; line-height:40px;}
/*NEWS LETTER*/

/*EMAIL BOX*/
.email-box .email-box-info p { font-size:13px; line-height:18px;}
.email-box .email-box-icon i { width:35px; height:35px; line-height:35px; font-size:12px;}
/*EMAIL BOX*/
/*NEED HELP*/    
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; padding:5px 15px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:18px;}
/*FOOTER NAV*/
/*FOOTER*/
    
/*FOOTER BOTTOM*/
.footer-bottom-section {padding-bottom:65px;}      
.footer-bottom p {padding:10px 0; font-size:13px; line-height:18px;}

/*PAYMENT ICON*/
.payment-icon ul li img { height:35px;}
.payment-icon ul li:last-child { margin-right: 5px;}
/*PAYMENT ICON*/
/*FOOTER BOTTOM*/ 
    
/*BACK TO TOP*/
#back-to-top {bottom:65px; width:40px; height:40px; line-height:40px; font-size:12px;}
/*BACK TO TOP*/ 
    
/*INNER-BANNER*/
.breadcrumb-menu > li + li::before { font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:18px;}
/*INNER-BANNER*/
    
/*GIFT*/
.ps-gif__text {font-size: 13px; line-height: 20px; }
.ps-gif__text i {font-size:20px; line-height: 25px;}
/*GIFT*/
    
/*PRODUCT DETAIL*/
.ps-badge { font-size: 10px; line-height: 20px;}
.product-detail .product_branch {font-size:14px; line-height:20px;}
.product-detail .product_title {font-size:30px; line-height:35px;}
.product-detail .product_rating .br-readonly {font-size:14px; line-height:20px;}
.product-detail .product_rating .product_review { font-size:14px; line-height:20px;}
.product-detail .product_meta .product-price {font-size:30px; line-height:40px; }
.product-detail .product_meta .product-price span {font-size:20px;}
.product-detail .product_meta .product_variations .product_link {line-height: 20px; font-size: 14px;}
.product-detail .product_meta .add-cart-btn { font-size:15px; padding:10px 30px; line-height:30px;}
/*PRODUCT DETAIL*/
    
/*PRODUCT SOCIAL*/
.product-social-links li a {width:30px; line-height:30px !important; height:30px; font-size: 11px;}
/*PRODUCT SOCIAL*/   
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height: 18px;}
/*TABLE*/
    
/*PRODUCT REVIEW*/
.ps-review-product .ps-review_info .ps-review_name {font-size:13px; line-height:18px;}
.ps-review-product .ps-review_info .ps-review_date {font-size:13px; line-height:18px;}
.ps-review-product .ps-rating {font-size: 13px; line-height:18px;}
/*PRODUCT REVIEW*/    
}


@media only screen and ( min-width: 481px) and ( max-width: 599px ) {
    
.heading h1 {font-size:30px; line-height:35px;}
.heading h1 sup {font-size:13px; line-height:20px;}     
.heading h2 {font-size:20px; line-height:25px;}
.heading h3 {font-size:16px; line-height:20px;}    
.heading h5 {font-size:18px; line-height:25px;}
.heading h6 {font-size:15px; line-height:20px;}

p {font-size:13px; line-height:18px;}
   
/*HEADER*/
#header-1 .logo { margin-top:5px; margin-bottom: 5px;}     
#header-1 .logo img { height:60px;}
/*HEADER*/
    
/*LOGIN FORM*/
.login-form { font-size:13px; line-height:18px;}
.login-form-bor {height:45px; line-height:45px; font-size:13px;}
.login-form-bor-textar {height:90px; line-height:30px; font-size:13px;}
.login-form select {height:45px; line-height:45px; font-size:13px;}
.login-form label { font-size:13px; line-height:18px;}
.login-form-btn { font-size:13px; padding:10px 25px; line-height:20px;}
.code-button {top: 23px; right:30px; height:45px; line-height:45px; font-size: 13px;}    
input[type=checkbox] + label {font-size:13px;}
/*LOGIN FORM*/ 
    
/*TOP NOT*/
.top-noti .alert {padding:10px 0 !important; font-size: 13px; line-height: 18px;}
.top-noti .btn-close {width:10px; height:10px; padding:14px 0;}
/*TOP NOT*/
    
/*TIMER*/
.timer { margin-top: 0; }    
.timer div {padding:5px 10px; font-size:16px; line-height:20px;}
.timer .smalltext {font-size:8px; line-height: 12px;}
.timer #time-up {font-size: 12px;}
/*TIMER*/
    
/*HOME CATEGORY*/
.home-category-box .home-category-image img {height:90px;}
.home-category-box .home-category-content-name {font-size:15px; line-height: 20px;}
.home-category-box .home-category-content-more {font-size: 13px; padding:5px 20px; line-height: 20px; }
/*HOME CATEGORY*/
    
.home-btn { font-size:13px; padding:10px 20px; line-height:20px;}
.home-btn i { font-size: 10px;}
    
/*HOME ICON*/
.home-icon ul li i {font-size:14px; height:50px; width:50px; line-height:50px;}
.home-icon li .info h5 { font-size:14px; line-height:20px;}
/*HOME ICON*/  
    
/*PROMO BANNER*/
.promo_badge {padding:3px 12px; line-height:14px; font-size:10px;}
.promo_name {font-size: 20px; line-height:25px;}
.promo_sale {font-size: 30px; line-height:35px;}
.promo_del {font-size: 14px; line-height:20px;}     
.promo_btn { padding: 7px 20px; font-size: 14px; line-height: 21px;}
/*PROMO BANNER*/
    
/*CATEGORY NAV*/
.category_nav h6 { font-size:15px; line-height:20px;}
.category_nav ul li a {font-size:13px; line-height:18px;}
/*CATEGORY NAV*/
    
/*FOOTER FULL NAV*/
.footer-full-nav ul li a { font-size: 13px; line-height:18px;}
/*FOOTER FULL NAV*/
    
/*FOOTER TOP*/
#footer-top h6 {font-size:15px; line-height:20px;}
/*FOOTER TOP*/
    
/*FOOTER*/
#footer-1 h6 { font-size:15px; line-height:25px;}

/*FOOTER LOGO*/
.footer-logo { border-right:none;}
.footer-logo img { height:100px; }
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links li a i {width:35px; line-height:35px; height:35px; font-size: 14px;}
/*SOCIAL*/
    
/*NEED HELP*/
/*CONTACT BOX*/
.contact-box .contact-box-info p { font-size:13px; line-height:18px;}
.contact-box .contact-box-info h5 { font-size:15px; line-height:22px;} 
.contact-box .contact-box-icon i { width:50px; height:50px; line-height:50px; font-size:18px;}
/*CONTACT BOX*/

/*NEWS LETTER*/
.newsletter .newsletter-form input {height:50px; font-size:14px; line-height:50px;}
.newsletter .newsletter-form button {height:40px; font-size:14px; line-height:40px;}
/*NEWS LETTER*/

/*EMAIL BOX*/
.email-box .email-box-info p { font-size:13px; line-height:18px;}
.email-box .email-box-icon i { width:35px; height:35px; line-height:35px; font-size:12px;}
/*EMAIL BOX*/
/*NEED HELP*/
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; padding:5px 15px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:18px;}
/*FOOTER NAV*/
/*FOOTER*/
    
/*FOOTER BOTTOM*/
.footer-bottom-section {padding-bottom:65px;}      
.footer-bottom p {padding:10px 15px; font-size:13px; line-height:18px;}

/*PAYMENT ICON*/
.payment-icon ul li img { height:35px;}
.payment-icon ul li:last-child { margin-right: 5px;}
/*PAYMENT ICON*/
/*FOOTER BOTTOM*/ 
    
/*BACK TO TOP*/
#back-to-top {bottom:65px; width:40px; height:40px; line-height:40px; font-size:12px;}
/*BACK TO TOP*/  
    
/*INNER-BANNER*/
.breadcrumb-menu > li + li::before { font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:18px;}
/*INNER-BANNER*/ 

/*PRODUCT DELIVERY*/
.ps-product-delivery ul li i {font-size:13px; height:40px; width:40px; line-height:40px;}	 
.ps-product-delivery li .info h5 { font-size:15px; line-height:20px;} 
.ps-product-delivery li .info p { font-size:13px; line-height:18px;}
/*PRODUCT DELIVERY*/     
 
/*GIFT*/
.ps-gif__text {font-size: 13px; line-height: 20px; }
.ps-gif__text i {font-size:20px; line-height: 25px;}
/*GIFT*/  
    
/*PRODUCT DETAIL*/
.ps-badge { font-size: 9px; line-height:18px;}
.product-detail .product_branch {font-size:13px; line-height:18px;}
.product-detail .product_title {font-size:25px; line-height:30px;}
.product-detail .product_rating .br-readonly {font-size:13px; line-height:18px;}
.product-detail .product_rating .product_review { font-size:13px; line-height:18px;}
.product-detail .product_meta .product-price {font-size:25px; line-height:35px; }
.product-detail .product_meta .product-price span {font-size:15px;}
.product-detail .product_meta .product_variations .product_link {line-height:18px; font-size: 13px;}
.product-detail .product_meta .add-cart-btn { font-size:14px; padding:10px 25px; line-height:25px;}
/*PRODUCT DETAIL*/ 
    
/*PRODUCT SOCIAL*/
.product-social-links li a {width:30px; line-height:30px !important; height:30px; font-size: 11px;}
/*PRODUCT SOCIAL*/ 
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height: 18px;}
/*TABLE*/ 
    
/*PRODUCT REVIEW*/
.ps-review-product .ps-review_info .ps-review_name {font-size:13px; line-height:18px;}
.ps-review-product .ps-review_info .ps-review_date {font-size:13px; line-height:18px;}
.ps-review-product .ps-rating {font-size: 13px; line-height:18px;}
/*PRODUCT REVIEW*/     
}


@media only screen and ( min-width: 320px) and ( max-width: 480px ) {

.heading h1 {font-size:25px; line-height:30px;}
.heading h1 sup {font-size:13px; line-height:20px;}     
.heading h2 {font-size:20px; line-height:25px;}
.heading h3 {font-size:16px; line-height:20px;}    
.heading h5 {font-size:18px; line-height:25px;}
.heading h6 {font-size:15px; line-height:20px;}

p {font-size:13px; line-height:18px;}
   
/*HEADER*/
#header-1 .logo { margin-top:5px; margin-bottom: 5px;}    
#header-1 .logo img { height:60px;}
/*HEADER*/
    
/*LOGIN FORM*/
.login-form { font-size:13px; line-height:18px;}
.login-form-bor {height:45px; line-height:45px; font-size:13px;}
.login-form-bor-textar {height:90px; line-height:30px; font-size:13px;}
.login-form select {height:45px; line-height:45px; font-size:13px;}
.login-form label { font-size:13px; line-height:18px;}
.login-form-btn { font-size:13px; padding:10px 25px; line-height:20px;}
.code-button {top: 23px; right:30px; height:45px; line-height:45px; font-size: 13px;}    
input[type=checkbox] + label {font-size:13px;}
/*LOGIN FORM*/     
    
/*TOP NOT*/
.top-noti .alert {padding:10px 30px !important; font-size: 13px; line-height: 18px;}
.top-noti .btn-close {width:10px; height:10px; padding:14px 0;}
/*TOP NOT*/
    
/*TIMER*/
.timer { margin-top: 0; }     
.timer div {padding:5px 10px; font-size:16px; line-height:20px;}
.timer .smalltext {font-size:8px; line-height: 12px;}
.timer #time-up {font-size: 12px;}
/*TIMER*/
    
/*HOME ICON*/
.home-icon ul li i {font-size:14px; height:45px; width:45px; line-height:45px;}
.home-icon li .info h5 { font-size:13px; line-height:18px;}
/*HOME ICON*/
    
/*HOME CATEGORY*/
.home-category-box .home-category-image img {height:70px;}
.home-category-box .home-category-content-name {font-size:15px; line-height: 20px;}
.home-category-box .home-category-content-more {font-size: 13px; padding:5px 20px; line-height: 20px; }
/*HOME CATEGORY*/    
    
.home-btn { font-size:13px; padding:10px 20px; line-height:20px;}
.home-btn i { font-size: 10px;}
    
/*PROMO BANNER*/
.promo_badge {padding:3px 10px; line-height:14px; font-size:8px;}
.promo_name {font-size:15px; line-height:20px;}
.promo_sale {font-size:20px; line-height:25px;}
.promo_del {font-size: 14px; line-height:20px;}     
.promo_btn { padding: 5px 15px; font-size: 12px; line-height:15px;}
/*PROMO BANNER*/
    
/*CATEGORY NAV*/
.category_nav h6 { font-size:15px; line-height:20px;}
.category_nav ul li a {font-size:13px; line-height:18px;}
/*CATEGORY NAV*/
    
/*FOOTER FULL NAV*/
.footer-full-nav ul li a { font-size: 13px; line-height:18px;}
/*FOOTER FULL NAV*/
    
/*FOOTER TOP*/
#footer-top h6 {font-size:14px; line-height:20px;}
/*FOOTER TOP*/
    
/*FOOTER*/
#footer-1 h6 { font-size:15px; line-height:25px;}

/*FOOTER LOGO*/
.footer-logo { border-right:none;}
.footer-logo img { height:100px; }
/*FOOTER LOGO*/

/*SOCIAL*/
.social-links li a i {width:35px; line-height:35px; height:35px; font-size: 14px;}
/*SOCIAL*/
    
/*NEED HELP*/
/*CONTACT BOX*/
.contact-box .contact-box-info p { font-size:13px; line-height:18px;}
.contact-box .contact-box-info h5 { font-size:15px; line-height:22px;} 
.contact-box .contact-box-icon i { width:50px; height:50px; line-height:50px; font-size:18px;}
/*CONTACT BOX*/

/*NEWS LETTER*/
.newsletter .newsletter-form input {height:50px; font-size:14px; line-height:50px;}
.newsletter .newsletter-form button {height:40px; font-size:14px; line-height:40px; padding: 0 15px;}
/*NEWS LETTER*/

/*EMAIL BOX*/
.email-box .email-box-info p { font-size:13px; line-height:18px;}
.email-box .email-box-icon i { width:35px; height:35px; line-height:35px; font-size:12px;}
/*EMAIL BOX*/
/*NEED HELP*/    
    
/*FOOTER NAV*/
.footer-nav ul li { width:auto; padding:5px 15px 5px 0;}
.footer-nav ul li a { font-size:13px; line-height:18px;}
/*FOOTER NAV*/
/*FOOTER*/
    
/*FOOTER BOTTOM*/
.footer-bottom-section {padding-bottom:65px;}      
.footer-bottom p {padding:10px 15px; font-size:13px; line-height:18px;}

/*PAYMENT ICON*/
.payment-icon ul li img { height:25px;}
.payment-icon ul li:last-child { margin-right: 5px;}
/*PAYMENT ICON*/
/*FOOTER BOTTOM*/ 
    
/*BACK TO TOP*/
#back-to-top {bottom:65px; width:40px; height:40px; line-height:40px; font-size:12px;}
/*BACK TO TOP*/  
    
/*INNER-BANNER*/
.breadcrumb-menu > li + li::before { font-size:7px;}
.inner-page-hero-area .breadcrumb-menu a, .inner-page-hero-area .breadcrumb-menu li {font-size:13px; line-height:18px;}
/*INNER-BANNER*/  
 
/*PRODUCT DELIVERY*/
.ps-product-delivery ul li i {font-size:13px; height:40px; width:40px; line-height:40px;}	 
.ps-product-delivery li .info h5 { font-size:15px; line-height:20px;} 
.ps-product-delivery li .info p { font-size:13px; line-height:18px;}
/*PRODUCT DELIVERY*/
    
/*GIFT*/
.ps-gif__text {font-size: 13px; line-height: 20px; }
.ps-gif__text i {font-size:20px; line-height: 25px;}
/*GIFT*/   
    
/*PRODUCT DETAIL*/
.ps-badge { font-size: 9px; line-height:18px;}
.product-detail .product_branch {font-size:13px; line-height:18px;}
.product-detail .product_title {font-size:25px; line-height:30px;}
.product-detail .product_rating .br-readonly {font-size:13px; line-height:18px;}
.product-detail .product_rating .product_review { font-size:13px; line-height:18px;}
.product-detail .product_meta .product-price {font-size:25px; line-height:35px; }
.product-detail .product_meta .product-price span {font-size:15px;}
.product-detail .product_meta .product_variations .product_link {line-height:18px; font-size: 13px;}
.product-detail .product_meta .add-cart-btn { font-size:14px; padding:10px 25px; line-height:25px;}
/*PRODUCT DETAIL*/  
    
/*PRODUCT SOCIAL*/
.product-social-links li a {width:30px; line-height:30px !important; height:30px; font-size: 11px;}
/*PRODUCT SOCIAL*/ 
    
/*TABLE*/
.table th { font-size:14px; }
.table td { font-size:13px; line-height: 18px;}
/*TABLE*/  
    
/*PRODUCT REVIEW*/
.ps-review-product .ps-review_info .ps-review_name {font-size:13px; line-height:18px;}
.ps-review-product .ps-review_info .ps-review_date {font-size:13px; line-height:18px;}
.ps-review-product .ps-rating {font-size: 13px; line-height:18px;}
/*PRODUCT REVIEW*/     
}