/* 
* Project: RAN Online - Items Shop
* Version: 1.0
* Auther: Ekkaluk Praknokkaw
* Email: ekkaluk@asiasoft.co.th

/* =================== */
/*        Fonts        */
/* =================== */

/* Kanit*/
@import url('https://fonts.googleapis.com/css?family=Kanit:100,100i,200,200i,300,300i,400,400i,500,500i,600,700,800,900');

body, div, p, a, span, ul, li, h3 {
    font-family: 'Kanit', sans-serif;
}
html {
	height: 100%;
}
body {
	height: 100%;
	background: black;
}
footer {
	margin-top: 90px;
}
footer p{
	margin-top: 0;
	text-align: center;
	font-size: 12px;
	font-weight: 100;
	color: #5c5c5c;
}

/* =================== */
/*        Header       */
/* =================== */

.navbar {
	margin-bottom: 0;
	border-right: 0;
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #c51515;
	border-radius: 0;
}
.navbar-default {
	background-color: #000;
	border-color: #c51515;
}
.navbar-brand {
	height: 100%;
	padding-top: 2px;
	padding-bottom: 15px;
}
.navbar-default .navbar-nav > li > a {
	color: #d1d1d1;
	font-size: 18px;
}
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover {
	color: #c51515;
	outline: none;
}
.navbar-default .navbar-collapse {
	margin-top: 10px;
}
.navbar-nav {
	margin-left: 15px;
}
.nav > li > a {
	padding-left: 20px;
	padding-right: 20px;
}

/* =================== */
/*  System Maintenance */
/* =================== */

.system-maintenance {
	height: 100%;
	background-image: url(../images/ItemShop-Maintenance.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
.system-maintenance-icon {
	margin-top: 15%;
	transition: 0.3s;
}

/* =================== */
/*     Header Cover    */
/* =================== */

.header-cover {
	height: 301px;
	border-bottom: 2px solid #c51515;
	background-position: center center;
	background-image: url(../images/itemShop-headerCover.jpg);	
}
.header-cover img {
	margin-top: 110px;
}

/* =================== */
/*       Main Nav      */
/* =================== */

.main-navbar-box {
	margin-top: 30px;
}
a.navbar-box-btn {
	padding-top: 24px;
	background-image: url(../images/gun_metal.png);
	background-repeat: repeat;
	border: 2px solid #707070;
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.78);
	display: block;
	text-decoration: none !important;
	transition: 0.5s
}
a.navbar-box-btn:hover,
a.navbar-box-btn:focus {
	text-decoration: none;
	color: #b9b9b9;
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.78),
				0px 0px 14px rgba(203, 0, 13,1);
	border: 2px solid #c51515;
	transition: 0.5s
}
a.navbar-box-btn:hover .navbar-box-name,
a.navbar-box-btn:focus .navbar-box-name {
	text-decoration: none;
	color: #b9b9b9;
}
a.navbar-box-btn-active {
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.78),
				0px 0px 14px rgba(203, 0, 13,1);
	border: 2px solid #c51515;
}
.navbar-box-name {
	margin-top: 14px;
	margin-bottom: 16px;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
	color: #b9b9b9;
}
.navbar-box-icon {
	position: relative;
}
.navbar-box-icon > span {
	width: 26px;
	height: 26px;
  	left: 50%;
  	margin-top: 13px;
  	margin-left: 5px;
  	padding-top: 2px;
  	/*right: 0; */
/*  	margin-left: auto; 
  	margin-right: auto;*/
  	text-align: center; 
	color: #ff0000;
	font-size: 14px;
	font-weight: 300;
	position: absolute;
	display: block;
	border: 1px solid #b9b9b9;
	background-color: #030303;
	border-radius: 100px;
}

/* ID-LOGIN */

.ran-idProfile {
	margin-top: 30px;
	padding-top: 12px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	background-image: url(../images/gun_metal.png);
	background-repeat: repeat;
	border: 2px solid #707070;
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.78);
	display: block;
	text-decoration: none !important;
}
.start-login {
	padding-top: 0px;
	padding-bottom: 10px;
}
.start-login h3 {
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	color: #f41414;
	margin-top: 10px;
}
.start-login a {
	width: 100%;
	height: 40px;
	margin-top: 6px;
	padding-top: 8px;
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #055205;
	text-align: center;
	background-color: #00ef00;
	border-radius: 3px;
	border-bottom: 2px solid #068406;
	text-decoration: none;
}
.start-login a:hover,
.start-login a:focus {
	padding-top: 9px;
	color: #92e692;
	background-color: #068406;
}


.id-login h4 {
	margin-top: 0;
	margin-bottom: 0;
	font-size: 16px;
	font-weight: 400;
	color: #b9b9b9;
}
.id-login img {
	padding-left: 5px;
	padding-right: 5px;
}
.id-login span {
	display: inline-block;
}
.ran-id {
	color: #00ef00;
}
.logout-btn {
	text-align: right;
	width: 15%;
	float: right;
}
.logout-btn a {
	color: #f38504;
	font-style: italic;
	font-weight: 300;
	font-size: 12px;
}
.update-cash {
	margin-top: 2px;
	margin-bottom: 4px;
	float: left;
	width: 85%;
	font-size: 12px;
	font-weight: 300;
	font-style: italic;
	color: #b9b9b9;
}
.ran-bonus {
	clear: both;
}
.ran-bonus h5 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 14px;
	font-weight: 400;
	color: #039dff;
}
.ran-coin {
	width: 70%;
	float: left;
	padding-top: 12px;
}
.ran-coin h5 {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 16px;
	color: #ecbe13;
	font-weight: 600;
}
.rCoin {
	font-size: 24px;
	font-weight: 400;
}
.topUp-btn {
	width: 30%;
	float: right;
}
.topUp-btn a {
	width: 100%;
	height: 28px;
	margin-top: 6px;
	padding-top: 2px;
	display: block;
	font-size: 16px;
	font-weight: 500;
	color: #3d1500;
	text-align: center;
	background-color: #f38504;
	border-radius: 3px;
	border-bottom: 2px solid #c24400;
	text-decoration: none;
}
.topUp-btn a:hover,
.topUp-btn a:focus {
	padding-top: 3px;
	color: #1f0b00;
	background-color: #c24400;
}

/* =================== */
/*      Items Cat      */
/* =================== */

.search-box {
	margin-bottom: 19px;
}
.search-box > input.form-control {
	padding-left: 55px;
	height: 50px;
	border-radius: 25px;
	color: #b9b9b9;
	font-weight: 300;
	font-size: 18px;
	background-image: url(../images/icon-search.png);
	background-repeat: no-repeat;
	background-position: 18px;
	background-color: #000;
	border: 2px solid #707070;
	transition: 0.4s
}
.search-box > input.form-control::placeholder {
	color: #434343;
}
.search-box input.form-control:focus {
	box-shadow: inset 0px 0px 50px 30px rgba(0, 0, 0, 0.78),
				0px 0px 14px rgba(203, 0, 13,1);
	border: 2px solid #c51515;
	transition: 0.4s
}
.cate-header {
	margin-left: -10px;
	margin-right: -10px;
	margin-bottom: 10px;
}
.main-items-list {
	margin-top: 30px;
}
.categories-nav .panel {
	background-color: #707070;
	border-top: 2px solid #707070;
	border-right: 2px solid #707070;
	border-left: 2px solid #707070;
	border-bottom: 2px solid #707070;	
}
.categories-nav .panel-group .panel {
	border-radius: 0;
}
.categories-nav .panel-default > .panel-heading {
    background-color: #494949;
}
.categories-nav .panel-group .panel-heading + .panel-collapse > .list-group, 
.categories-nav .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 2px solid #494949;
}
.categories-nav .panel-default > .panel-heading + .panel-collapse > .panel-body {
	border-top-color: #494949;
}
.categories-nav .panel-group .panel + .panel {
	margin-top: -3px;
}
.categories-nav .panel-heading {
	padding: 0;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

.panel-title {
	color: #111111;
    font-size: 20px;
    font-weight: 500;
}
.panel-title a {
	padding-top: 13px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 16px;
	width: 100%;
	display: block;
	outline: none;
	transition: 0.3s
}
/*.panel-title a:active,
.panel-title a:focus,*/
.panel-title a:hover{
	background-color: #707070;
	transition: 0.3s;
	text-decoration: none;
}
.panel-title a:active,
.panel-title a:focus {
	text-decoration: none;
}
.panel-title a img {
	margin-right: 15px;
}
.categories-nav .panel-body ul {
	padding: 0;
	padding-left: 23px;
}
.categories-nav .panel-body ul li{
	font-size: 16px;
	color: 111111;
	font-size: 400;
}
.categories-nav .panel-body {
	padding-left: 20px;
	padding-bottom: 5px;
}
.categories-nav .panel-body ul > li > a{
	font-size: 16px;
	color: #111111 !important;
	font-size: 400;
	line-height: 32px;
	text-decoration: none;
}
.categories-nav .panel-group {
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 30px;
	border-bottom: 2px solid #707070;
}

/* =================== */
/*      Items Box      */
/* =================== */

.items-box {
	margin-bottom: 30px;
	padding: 10px;
	width: 100%;
	position: relative;
	border: 1px solid #242424;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	transition: 0.4s;
	min-height: 361px;
}
.items-box:hover {
	border: 1px solid rgba(203, 0, 13, 0.5);
	box-shadow: 0px 0px 3px rgba(203, 0, 13, 0.5);
	transition: 0.4s;
}
.banner-items-price {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}
a.itemsList-header-name {
	display: block;
	text-decoration: none;
}
a.itemsList-header-name > h3 {
    margin-bottom: 0;
    margin-top: 6px;
    font-size: 16px;
    color: #e1e1e1;
    font-weight: 400;
    height: 85px;
    overflow: hidden;
}
.items-date p {
	margin-bottom: 0;
	margin-top: 1px;
}
.items-date p:first-child {
	font-size: 12px;
	color: #b9b9b9;
	font-weight: 300;
}
.items-date p:last-child {
	margin-top: -2px;
	font-size: 10px;
	color: #00ef00;
	font-weight: 300;
    height: 38px;

}
.items-price {
	margin-top: 6px;
	padding-top: 4px;
	border-bottom: 1px solid #242424;
	border-top: 1px solid #242424;
}
.items-price > p {
	margin-bottom: 0;
	font-size: 12px;
	font-weight: 300;
	color: #b9b9b9;
}
.items-price > h4 {
	margin-top: -2px;
	margin-bottom: 4px;
	font-size: 28px;
	font-weight: 300;
	color: #ecbe13;
	min-height: 60px;
}
.items-price > h4 small {text-decoration: line-through;}
.items-price-btn {
	margin-top: 10px;
}
.items-price-btn a {
	float: left;
	/*display: inline-block;*/
}
a.items-fav-btn {
	padding-top: 3px;
	padding-left: 7px;
	padding-right: 7px;
	vertical-align: middle;
	text-align: center;
	background-color: #000000;
	border-radius: 3px;
	/*width: 30px;*/
	height: 30px;
	border: 1px solid #242424;
	transition: .3s;
}
a.items-fav-btn:hover {
	border: 1px solid #767676;
	transition: .3s;
}
a.items-addToCart-btn {
	margin-left: 10px;
	width: 74%;
	height: 30px;
	padding-top: 3px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #3d1500;
	text-align: center;
	background-color: #f38504;
	border-radius: 3px;
	border-bottom: 2px solid #c24400;
	text-decoration: none;
	display: block;
}
a.items-addToCart-btn:hover,
a.items-addToCart-btn:focus {
	padding-top: 4px;
	color: #1f0b00;
	background-color: #c24400;
}

/* Items List Pagination */

.pagination {
	margin-top: 10px;
	margin-bottom: 0;
}
.pagination > li > a, 
.pagination > li > span {
	/*margin-left: 3px;*/
	/*margin-right: 3px;*/
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 9px;
	padding-left: 15px;
	border: 1px solid #242424;
	font-size: 16px;
	font-weight: 400;
	color: #c51515;
	background-color: black;
	transition: 0.3s;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span,
.pagination > li:first-child > a, 
.pagination > li:first-child > span {
	border-radius: 0;
}
.pagination > li > a:focus, 
.pagination > li > a:hover {
    color: black;
    cursor: pointer;
    background-color: #c51515;
    border-color: #c51515;
    transition: 0.3s;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	z-index: 2;
    color: black;
    cursor: default;
    background-color: #c51515;
    border-color: #c51515;
}
.pagination>.disabled>a, 
.pagination>.disabled>a:focus, 
.pagination>.disabled>a:hover, 
.pagination>.disabled>span, 
.pagination>.disabled>span:focus, 
.pagination>.disabled>span:hover {
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 8px;
	padding-left: 15px;
	border: 1px solid #242424;
	font-size: 16px;
	font-weight: 400;
	color: #c51515;
	background-color: black;
	transition: 0.3s;
}

/* =================== */
/*     Items Detail    */
/* =================== */

.reccommend-header {
	margin-top: 19px;
	margin-bottom: 18px;
}
.items-detail-container {
	padding: 20px 10px;
	border: 1px solid #242424;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
}
.full-items-image,
.full-items-detail {
	padding-left: 10px;
	padding-right: 10px;
	width: 50%;
	float: left;
}
.full-items-detail h3 {
	margin-top: -4px;
	margin-bottom: 4px;
	color: #e1e1e1;
	font-size: 24px;
	font-weight: 400;
}
.items-detail {
	padding-top: 8px;
	margin-top: 10px;
	border-top: 1px solid #242424;
}
.items-detail p {
	font-size: 14px;
	font-weight: 300;
	color: #b9b9b9
}
.addToCart-btn-2 {
	width: 125px !important;
}

/* =================== */
/*       Wishlist      */
/* =================== */

.header-wishlist {
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.header-wishlist-name {
	margin-top: 20px;
	padding: 10px;
	background-color: #c51515;
}
.wishlist-box {
	margin-bottom: 10px;
	/*padding: 10px;*/
	padding-top: 10px;
	padding-bottom: 10px;
	border: 1px solid #242424;
}
.wishlist-remove-btn {
	padding-left: 5px;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
	display: block;
}
.wishlist-image,
.wishlist-name {
	float: left;
}
.wishlist-image  {
	width: 25%;
}
.wishlist-name {
	padding-left: 10px;
	width: 75%;
}
.wishlist-name  h3 {
	margin-top: -2px;
	margin-bottom: 0;
	font-size: 18px;
	font-weight: 400;
	color: #b9b9b9;
}
.wishlist-name  p {
	margin-top: 2px;
	font-size: 12px;
	font-weight: 300;
	color: #b9b9b9;
	margin-bottom: 0;
}
.wishlist-name p span {
	color: #00ef00;
}
.wishlist-price p {
	font-size: 24px;
	color: #b9b9b9; 
	font-weight: 300;
}
.wishlist-status {
	font-size: 18px;
	color: #b9b9b9;
	font-weight: 300;
}
a.items-addToCart-btn-3 {
	/*margin-left: 10px;*/
	width: 100%;
	height: 30px;
	padding-top: 3px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	color: #3d1500;
	text-align: center;
	background-color: #f38504;
	border-radius: 3px;
	border-bottom: 2px solid #c24400;
	text-decoration: none;
	display: block;
}
a.items-addToCart-btn-3:hover,
a.items-addToCart-btn-3:focus {
	padding-top: 4px;
	color: #1f0b00;
	background-color: #c24400;
}
.wishlist-addToCart {
	margin-right: 10px;
} 
.wishlist-pagination {
	margin-top: 30px;
}

/* =================== */
/*         Cart        */
/* =================== */

.header-cart-list-name {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #c51515;
}
.header-cart-col-1 {
	padding-left: 10px;
}
.header-cart-list {
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}
.items-cart-box {
	margin-bottom: 10px;
	padding-top: 10px;
	padding-bottom: 0px;
	border: 1px solid #242424;
}
.items-cart-name h3{
	padding-left: 10px;
	margin-top: 6px;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: 400;
	color: #b9b9b9;
}
.items-cart-price p,
.items-cart-total p {
	padding-top: 3px;
	font-size: 16px;
	font-weight: 400;
	color: #b9b9b9;
}
.btn-up-down, 
.btn-up-down {
	color: #b9b9b9;
	cursor: pointer;
}
.btn-up-down i, 
.btn-up-down i {
	font-size: 12px;
	font-weight: 300;
}
.items-cart-no input {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 8px;
	font-size: 16px;
	text-align: center;
	width: 30px;
	height: 30px;
	border: 0px solid transparant;
}
.order-summary {
	padding: 30px 20px;
	border: 2px solid #707070;
}
.header-order-summary {
	margin-top: 24px;
	margin-bottom: 12px;
}
.summary-subtotal {
	margin-top: -14px;
	padding-bottom: 10px;
	border-bottom: 1px solid #242424;
}
.summary-subtotal > p {
	width: 50%;
	float: left;
	font-size: 24px;
	font-weight: 400;
	color: #b9b9b9;
	margin-bottom: 0;
}
.summary-subtotal p:first-child {
	padding-top: 15px;
}
.summary-subtotal p.coin-summary {
    text-align: right;
    font-size: 23px;
    font-weight: 400;
    color: #ecbe13;
    margin-top: 16px;
}
.summary-subtotal p span.r-unit {
	font-size: 14px;
	font-weight: 400;
	color: #b9b9b9;
	padding-left: 5px;
}
.my-coin-summary > p {
	width: 50%;
	float: left;
	font-size: 18px;
	font-weight: 400;
	color: #b9b9b9;
	margin-bottom: 0;
}
.my-coin-summary p:first-child {
	padding-top: 15px;
}
.my-coin-summary p.ran-coin-total {
    text-align: right;
    font-size: 23px;
    font-weight: 400;
    color: #ecbe13;
    margin-top: 10px;
}
.my-coin-summary p span.r-unit {
	padding-left: 5px;
	font-size: 14px;
	font-weight: 400;
	color: #b9b9b9;
}
.my-coin-summary .my-coin-remark{
	width: 100;
	text-align: right;
	font-size: 12px;
	color: #c51515;
	font-style: italic;
	font-weight: 300;
	margin-top: 0px;
}
.my-coin-summary .my-coin-remark p {
	margin-top: -10px;
	padding-top: 0;
}
.my-coin-summary {
	padding-top: 8px;
    padding-bottom: 6px;
	border-bottom: 1px solid #242424;
}
a.checkout-btn {
	margin-top: 20px;
	width: 100%;
	height: 40px;
	padding-top: 3px;
	text-align: center;
	font-size: 24px;
	font-weight: 500;
	color: #3d1500;
	text-align: center;
	background-color: #f38504;
	border-radius: 3px;
	border-bottom: 2px solid #c24400;
	text-decoration: none;
	display: block;
}
a.checkout-btn:hover,
a.checkout-btn:focus {
	padding-top: 4px;
	color: #1f0b00;
	background-color: #c24400;
}

/* =================== */
/*        History      */
/* =================== */

.header-history-name {
	margin-top: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #c51515;
}
.header-history-list {
	margin-top: 24px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
	color: #000;
}

.history-box {
	color: #b9b9b9;
	font-size: 18px;
	font-weight: 400;
	margin-top: -1px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	border: 1px solid #242424;
}
.history-pagination {
	margin-top: 30px;
}
	







/* =================== */
/*     Media Query     */
/* =================== */

@media (max-width: 1200px) {

	/* ID-LOGIN */
	.ran-coin h5 {
		font-size: 14px;
		color: #ecbe13;
		font-weight: 400;
	}

	/* Items List */
	a.items-addToCart-btn {
		width: 67%;
	}

	/* Checkout */
	.header-cart-list {
		font-size: 14px;
	}
	.summary-subtotal > p {
		font-size: 16px;
	}
	.summary-subtotal p.coin-summary {
		font-size: 28px;
	}
}
@media (max-width: 992px) {
	
	.system-maintenance-icon {
		margin-top: 25%;
		transition: 0.3s;
	}

	/* ID-LOGIN */
    .ran-coin h5 {
		font-size: 16px;
		color: #ecbe13;
		font-weight: 600;
	}

	/* Items List */
	a.items-addToCart-btn {
		width: 87%;
	}
	a.addToCart-btn-2 {
		width: 87% !important;
	}
	/* Items Detail */
	/* Items Detail */
	.reccommend-header {
		/*padding-left: 80px;*/
		/*padding-right: 80px;*/
	}

	/* Wishlist */
	.wishlist-remove-btn {
		margin-top: 10px;
	}
}
@media (max-width: 768px) {

	/* Top Navbar */
	.navbar-default .navbar-collapse, 
	.navbar-default .navbar-form {
		border-color: #c51515;
		border-top: 2px solid #c51515;
	}
	.navbar-default .navbar-collapse {
		margin-top: 0;
	}
	.navbar-default .navbar-toggle {
		margin-top: 19px;
		border-color: #c51515;
	}
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover {
		background-color: #c51515;
	}
	.navbar-default .navbar-toggle:focus .icon-bar, 
	.navbar-default .navbar-toggle:hover .icon-bar {
		background-color: #000;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #c51515;
	}

	/* Main Navbar */
	.navbar-box-name {
	    font-weight: 400;
	    font-size: 16px;
	}
	.cate-header {
	    margin-left: 0px;
	    margin-right: 0px;
	}
	.categories-nav .panel-group {
		margin-left: 20px;
    	margin-right: 20px;
	}

	/* Items List */
	.items-price-btn {
		padding-right: 10px;
	}
	a.items-fav-btn {
		width: 18%;
	}
	a.items-addToCart-btn {
		margin-right: -10px;
		margin-left: 10px;
		width: 82%;
	}

	/* Items Detail */
	.reccommend-header {
		padding-left: 110px;
		padding-right: 110px;
	}
	a.addToCart-btn-2 {
		width: 82% !important;
	}

	/* Wishlist */
	.header-wishlist {
		font-size: 14px;
		font-weight: 500;
		color: #000;
	}
	.header-wishlist-name {
		padding-bottom: 6px;
	}
	.wishlist-addToCart {
		margin-top: 7px;
	}
	.items-addToCart-btn-3 {
		/*width: 45% !important;*/
	}

	/*  Checkout*/
	.header-cart-list {
		font-size: 12px;
	}
	.items-cart-no input {
		font-size: 14px;
		width: 20px;
		height: 20px;
	}
	.items-cart-name h3{
		font-size: 12px;
	}
	.items-cart-price p,
	.items-cart-total p {
		padding-top: 3px;
		font-size: 12px;
	}
	.btn-up-down i, 
	.btn-up-down i {
		font-size: 8px;
		font-weight: 300;
	}

	/* History */
	.header-history-list {
		font-size: 12px;
	}
	.history-box {
		font-size: 12px;
	}
}

@media (max-width: 677px) {
	/* Checkout */
	.items-remove-btn {
		margin-left: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
		display: block;
	}
}

@media (max-width: 630px) { 
	
	.system-maintenance-icon {
		margin-top: 35%;
		transition: 0.3s;
	}

	.main-navbar-box {
		padding-right: 30px;
		position: fixed;
		bottom: 0;
		z-index: 29;
		width: 100%;
		background: #000;
	}
	.navbar-box-btn {
		margin-left: -15px;
		margin-right: -15px;
		padding-top: 15px !important;
		padding-bottom: 13px;
	}
	.navbar-box-btn h3 {
		display: none;
	}
	.navbar-box-icon > span {
		margin-top: 4px;
	}
	.navbar-box-icon img {
		width: 30px;
		height: 30px;
		margin: 0 auto;
	}

	/* Items Detail */
	.reccommend-header {
		padding-left: 0px;
		padding-right: 0px;
	}
	.full-items-image,
	.full-items-detail {
		padding-left: 10px;
		padding-right: 10px;
		width: 100%;
		float: left;
	}
	.full-items-detail {
		margin-top: 15px;
	}
	.wishlist-image,
	.wishlist-name {
		width: 100%;
		float: none;
	}
	.wishlist-image {
		
		margin-bottom: 10px;
	}
	.wishlist-name {
		padding-left: 0px;
		margin-bottom: 10px;
	}

	/* Footer */
	footer {
		margin-bottom: 70px;
	}
}

@media (max-width: 540px)  {
	
	/* Wishlist */
	.wishlist-price p {
		font-size: 14px;
	}
	.wishlist-status {
		font-size: 14px;
	}
	/* History */
	.header-history-list {
		font-size: 10px;
	}
	.history-box {
		font-size: 10px;
	}
}