/*
https://css-tricks.com/getting-javascript-to-talk-to-css-and-sass/

https://www.youtube.com/watch?v=FX1xb1cim7E&ab_channel=iEatWebsites


*/


/*True List*/
ul.true-list {
    position: relative;
	margin-top: 5px;
}
ul.true-list li {
    line-height: 35px;
	font-size: 16px;
	font-weight: 600;

}
ul.true-list li:before {
    content: "\f00c";
    font-family: 'Font Awesome 5 Free';
	font-weight: 900;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    margin-left: 5px;
    text-align: center;
    font-size: 18px;
}
/*Pagination*/
ul.pagination-wrap {
    margin: 5px 0 0 0;
    display: inline-block;
}
ul.pagination-wrap li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
ul.pagination-wrap li.prev,
ul.pagination-wrap li.next {
    border-radius: 3px;
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
        transition: all 0.4s;
}
ul.pagination-wrap li.prev:hover,
ul.pagination-wrap li.next:hover {
  border-radius: 3px;
}

ul.pagination-wrap li a {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  padding: 0 3px;
}




/* Tap Panel
============================*/

.zheigh {
    z-index: 105;
}
.z90 {
    z-index: 90!important;
}
.z200 {
    z-index: 200!important;
}

.no-transition {
    -webkit-transition: all 0s!important;
       -moz-transition: all 0s!important;
            transition: all 0s!important;    
}









img.full-width {
    width: 100%;
}

/*Image Hover*/
.image-hover {
    display: block;
	position:relative;
	overflow:hidden;
}
.image-hover img {
    width: 100%;
}
.image-hover:after,
.image-hover:before {
	position:absolute;
	content:'';
	width:200%;
	height:200%;
	-webkit-transition:all .6s ease;    
	   -moz-transition:all .6s ease;    
	        transition:all .6s ease;    
}
.image-hover:after {
    top:0;
    left:0;
	-webkit-transform:skew(-45deg) translateX(-150%);    
	   -moz-transform:skew(-45deg) translateX(-150%);    
	        transform:skew(-45deg) translateX(-150%);    
}
.image-hover:before {
	right:0;
	bottom:0;
	-webkit-transform:skew(-45deg) translateX(150%);    
	   -moz-transform:skew(-45deg) translateX(150%);    
	        transform:skew(-45deg) translateX(150%);    
}



.head-border {
	line-height: 30px;
    font-size: 16px;
	font-weight: 600;
    padding-bottom: 5px;
    margin-top: 0px;
    margin-bottom: 20px;
}
.title-md {
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
}
.section-txt {
    font-size: 15px;
    line-height: 33px;
	font-weight: 600;
    margin: 10px 0 15px 0;
}
.section-md {
    padding: 40px 0;
}







/* Tables 
============================*/
table {
    width: 100%;
    table-layout: fixed;
}
.table {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 22px;
  text-align: center;
}
table td { 
    text-align: center;
}
table th {
    line-height: 18px;
	font-weight: 600;
    text-align: center;
}
.table th,
.table td,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    line-height: 18px;
    padding: 16px 10px 15px;
    font-size: 14px;
    text-transform: capitalize;
}
.table > thead > tr > th {
    font-size: 14px;
}
.table-bordered {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0; 
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
    border-bottom-width: 1px;
}
.table-rate th, 
.table-rate td {
    font-size: 15px;
	font-weight: 600;
    height: 40px;
    vertical-align: middle;
}
.table-rate input {
    display: none!important;
}

/*Table Cart*/
.table-cart {
    margin: 0;
}

.table-cart tbody tr:last-child{
    border-bottom: 0;
}
.table-cart th {
    font-weight: 600;
    font-size: 17px;
    line-height: 40px;
    padding: 5px 0;
    text-align: center;
    
}
.table-cart td {
    text-align: center;
}
.table-cart td.product-price,
.table-cart td.product-subtotal{
	font-weight: 600;
	font-size: 16px;
}
.table-cart .product-name,
.table-cart .product-quantity{
    width: 25%;
}
.table-cart .product-thumbnail,
.table-cart .product-price,
.table-cart .product-remove,
.table-cart .product-subtotal{
    width: 11%;
}
.table-cart .product-thumbnail img {
    width: 70px;
    height: 70px;
    margin: 5px auto;
	border-radius: 5px;
}
.table-cart .product-name a {
    font-size: 16px;
    font-weight: 600;
}
.product-remove > button{
    width: 35px;
    height: 35px;
    line-height: 35px;
    box-shadow: none;
    border: none;
    border-radius: 3px;
}
@media all and (max-width:767px) {
    .table-cart thead{
        display: none;
    }
    .table-cart  , .table-cart tbody , .table-cart tr{
        display: block;
        width: 100%;
    }
    .table-cart tbody > tr > td {
        display: block;
        margin: 0 auto;
        text-align: center;
        width: 100% !important;
    }
    .table-cart td{
        line-height: 35px;
    }
    .table-cart tr{
        padding-bottom: 10px;   
    }
}


.table-responsive {
	border: none;
}
.table-half {
	min-width: auto!important;
}
.table-half tbody > tr > td {
	width: 50%;
}
.table-half tbody > tr > td:first-child {
	width: 50%;
}
.table-bordered{
    position: relative;
	min-width: 800px;
	border: none;
	border-radius: 0;
	overflow: hidden;
}
.table-bordered thead {
    
    text-align: right;   
} 
.table-bordered thead > tr > th{
    border: none;
}
.table-bordered thead > tr > th,
.table-bordered tbody > tr > td{
    vertical-align: middle;
	line-height: 30px;
	padding: 10px;
	font-size: 17px;
	font-weight: 700;	
}
.table-bordered tbody > tr{}
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
	border-top: none;
	font-weight: 600;
	font-size: 15px;
	border: none;
}
.table-bordered > tbody > tr > td b {
	font-weight: 600;
	margin-left: 5px;
}
.table-order {
	min-width: 800px;
}
.table-order thead th:first-child{
	width: 37%;
}
.table-order thead th:nth-child(2){
	width: 15%;
}

.table-order thead th:nth-child(3){
	width: 23%
}

.table-order thead th:nth-child(4){
	width: 15%;
}

.table-order thead th:nth-child(5){
	width: 10%;
}
.table-order > tbody > tr > td {
	font-weight: 700;
}

.table-order > tfoot > tr > td {
	border: none;
	background: none;
	line-height: 30px;
}
.table-order > tfoot > tr > td:last-child {
	font-weight: 700;
}
.table-order td .btn {
	width: 35px;
	height: 35px;
	padding: 0;
	line-height: 35px;
	margin: 0 2px;
	font-size: 17px;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}

.table-order .tooltip-inner {
	font-family: 'Cairo', sans-serif;
	font-weight: 600;
	font-size: 13px;
}
.table-order .tooltip.top .tooltip-arrow {
  border-top-color: #4E4187;
}

.table-history {
	min-width: 800px;
}
.table-history thead th:first-child{
	width: 30%;
}
.table-history thead th:nth-child(2){
	width: 30%;
}

.table-history thead th:nth-child(3){
	width: 40%
}





/*Table Orders*/

.table-orders{
	border-radius: 0;
	overflow: hidden;
	overflow-x: auto;
}
	
.table-orders .table{
    position: relative;
    border-collapse: separate;
    border-spacing: 0 0;
	min-width: 800px;
}
.table-orders .table thead {
    text-align: center;   
} 
.table-orders .table thead > tr > th{
    border: none;
}
.table-orders .table .order-num {
	width: 16%;
}
.table-orders .table .order-count {
	width: 16%;
}
.table-orders .table .order-status {
	width: 20%;
}
.table-orders .table .order-price {
	width: 16%;
}
.table-orders .table .order-date {
	width: 16%;
} 
.table-orders .table .order-detail {
	width: 16%;
} 

.table-orders .table thead > tr > th,
.table-orders .table tbody > tr > td{
    vertical-align: middle;
	line-height: 30px;
	padding: 10px;
	font-size: 17px;
	text-align: center;
	font-weight: 700;	
}

.table-orders .table tbody{
}
.table-orders .table tbody > tr{}
.table-orders .table > tbody > tr > td{
	border-top: none;
	font-weight: 700;
	font-size: 15px;
}
.table-orders .table > tbody > tr:last-child > td{
	border-bottom: none;
}
.table-orders .table > tbody > tr > td > .action-btn{
	display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}

/* Toggle Panel
=================================*/
/*
.toggle-container .panel {
    padding: 0;
    border: none;
}
.toggle-container .panel > a {
    color: #fff;
    font-size: 14px;
    position: relative;
    white-space: normal;
    display: block;
    padding: 10px 15px;
    line-height: 24px;
    background: #363636;
    text-transform: capitalize;
}
.toggle-container .panel > a:before {
    display: block;
    content: "\f068";
    font-family: FontAwesome;
    margin-right: 16px;
    line-height: 24px;
    font-size: 10px;
    float: right;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #363636;
    background: #f1f1f1;
    transition: all 0.4s ease;
}
.toggle-container .panel > a.collapsed {
    background: #fff;
    color: #363636;
}
.toggle-container .panel > a.collapsed:before {
    content: "\f067";
    background: #fff;
}
.toggle-container .panel .panel-content {
    padding: 15px;
    line-height: 35px;
    background: #fff;
}
.toggle-container .panel .panel-content .head-border {
    font-size: 24px;
    color: #ed145b;
}

*/

.toggle-container {
	margin-top: 40px;
}
.toggle-container .panel {
    position: relative;
	border: none;
	margin-bottom: 5px;
	overflow: hidden;
	border-radius: 5px;
	background: none;
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	    -ms-box-shadow: none;
	     -o-box-shadow: none;
	        box-shadow: none;
}
.toggle-container .panel > a {
	font-size: 16px;
	font-weight: 600;
    position: relative;
	display: block;
	padding: 10px 15px; 
    line-height: 33px;
}
.toggle-container .panel > a:before {
	display: block;
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-right: 16px;
	line-height: 24px;
	font-size: 10px;
	float: left;
	width: 24px;
	height: 24px;
	text-align: center;
	margin-top: 5px;
	border-radius: 50%; 
	transition: all 0.4s ease;
}

.toggle-container .panel > a.collapsed:before {
	content: "\f067";
}
.toggle-container .panel .panel-content {
	padding: 20px 20px;
}


/*Misc
============================*/

.def-box .section-head {
	margin-bottom: 20px;
}
.def-box .title {
	line-height: 40px;
	margin-bottom: 22px;
	font-size: 23px;
	font-weight: 600;
}
.def-box p {
	line-height: 35px;
	word-spacing: 1px;
	font-size: 15px;
}
.def-box .subtilte {
	margin-top: 40px;
	margin-bottom: 15px;
}
.def-box h5 {
	margin-top: 30px;
	font-size: 14px;
}
.contact-form.def-box {
	padding: 20px;
} 
.contact-form.def-box .custom-btn {
	line-height: 50px;
	font-weight: 600;
	font-size: 18px;
}

.contact-form .ui-corner-all, 
.contact-form .ui-corner-bottom, 
.contact-form .ui-corner-right,
.contact-form .ui-corner-br{
    border-radius: 0px;
}
.contact-form .ui-state-default,
.contact-form .ui-widget-content .ui-state-default, 
.contact-form .ui-widget-header .ui-state-default{
	display: block;
    background: transparent;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 45px;
    padding-left: 10px;
    width: 100%!important;
}
.contact-form .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 43px;
	padding: 0 10px;
	text-align: right;
	font-weight: 600;
	font-size: 16px;
}

/* OWL Carousel*/
.owl-carousel{
    direction: ltr;
}
.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
	top: -50px;
}
.owl-theme .owl-controls .owl-buttons .owl-prev {
    right: auto;
    left: 15px;
}
.owl-theme .owl-controls .owl-buttons .owl-next {
    right: auto;
    left: 40px;
}
 .three_carousel .owl-controls .owl-buttons .owl-prev{
    left: 15px;
}
.three_carousel .owl-controls .owl-buttons .owl-next{
    left: 40px;
} 
.owl-carousel .owl-wrapper-outer .item{
	padding-right: 15px;
	padding-left: 15px;
}




/*Bank Accounts*/

.bank-accounts {
	text-align: center;
}
.bank-account {
	margin-top: 50px;
	text-align: right;
}
.bank-account .bank-img {
	margin-bottom: 10px;
	padding: 20px;
}
.bank-account .bank-img img {
	height: 80px;
}
.bank-account .bank-cont {
	padding: 20px;
}
.bank-account .bank-name {
	margin-bottom: 20px;
}
.bank-account .bank-name .title {
	line-height: 35px;
	margin-bottom: 5px;
}
.bank-account .bank-name p {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}
.bank-account .bank-info {
	margin-bottom: 8px;
}
.bank-account .bank-info .title {
	font-size: 17px;
	line-height: 35px;
	margin-bottom: 5px;
	
}
.bank-account .bank-info p {
	font-size: 16px;
	margin: 0;
}
.confirm-transfer {
	text-align: center;
}
.confirm-transfer .custom-btn {
	display: inline-block;
	width: auto;
	margin: 30px auto 0 auto;
	border: none;
	line-height: 50px;
	height: 50px;
	padding: 0 35px;
	font-size: 17px;
	font-weight: 600;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}

/* Ui-Select
==================*/
.ui-selectmenu-button span.ui-icon {
    left: 0.5em;
    right: auto;
}


.ui-selectmenu-menu #discuss-menu {
	max-height: 185px;
}

.ui-menu .ui-menu-item {
	padding: 0 10px;
	line-height: 35px;
	font-weight: 600;
	font-size: 14px;
	border: none!important;
	margin: 0!important;
}

/*Spacers*/
.spacer-xl {
    height: 50px;
    width: 100%;
    display: block;
    clear: both;
}
.spacer-15 {
    clear: both;
    height: 15px;
    width: 100%;
    display: block;
}
.spacer-60 {
    clear: both;
    height: 60px;
    width: 100%;
    display: block;
}
/*Sections*/
.section-30 {
    padding: 30px 0;
}
/*General Misc*/








.padding-30 {
    padding: 30px;
}
.no-padding {
    padding: 0!important;
}
.no-margin {
    margin: 0!important;
}
.no-border {
    border: none!important;
    border-radius: 0!important;
}
.no-overflow {
    overflow: hidden!important;
}
.no-shdow {
    -webkit-box-shadow: none!important;
       -moz-box-shadow: none!important;
            box-shadow: none!important;
}

/*Cat Number-Counter*/
.cat-number {
    display: inline-block;
    vertical-align: top;
}
.cat-number > a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0;
    font-size: 20px;
    -webkit-transition: all 0.4s;
       -moz-transition: all 0.4s;
            transition: all 0.4s;
}
.cat-number > * {
    float: left;
    height: 40px;
    text-align: center;
}
.cat-number > a:first-child {
    border-radius: 5px 0 0 5px;
}
.cat-number > a:last-child {
    border-radius: 0 5px 5px 0;
}
.cat-number > input[type="text"] {
    width: 60px;
    height: 40px;
    margin: 0;
    border-left: none;
    border-right: none;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 0px;
    box-shadow: none;
}

@media (max-width:872px){
    .cat-number{
        margin-bottom: 10px;
    }
    .pro-modal-cont .product-item-cart .icon-btn,
    .pro-modal-cont .product-item-cart .text-icon-btn{
        vertical-align: top;
    }
}


/*Contact Info*/
.contact-info {
    margin-top: 5px;
}
.contact-info-item {
    line-height: 40px;
    font-size: 17px;
    margin-bottom: 15px;
}
.contact-info-item span:first-child {
    margin-left: 2px;
    font-size: 19px;
}
.contact-info-item span:first-child i {
    display: inline-block;
    width: 25px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
}
.contact-info-item span:last-child {
	font-weight: 600;
}
@media(max-width:991px){
    .contact-info-item {
        margin-top: 20px;
    }
}










/*menu-toggle*/
.menu-toggle {
	position: relative;
	display: block;
	line-height: 40px;
    height: 40px;
    width: 40px;
	clear: both;
	cursor: pointer;
	text-align: right;
	font-size: 22px;
	-webkit-transition: background-color 0.4s;
	-moz-transition: background-color 0.4s;
	transition: background-color 0.4s;
}
.vertical-menu .menu-toggle {
	margin: 0;
}

@media(min-width:992px){
	.menu-toggle {
		display: none;
	}
}

@media(max-width:991px){
	.mega-menu {
		display: none;
	}
}


















/*Categories Page
===========================*/
.categories-section {
	
}
.categories-section > .item-box {
	border-radius: 3px 3px 0 0;
}
.categories-section > .item-box:last-child {
	border-radius: 0 0 3px 3px;
	padding-top: 0!important;
	padding-bottom: 30px!important;
}

.sort-wrapper {
    display: block;
	margin: 0;
	padding: 20px!important;
	margin: 0!important;
	border-radius: 3px 3px 0 0!important;
	overflow: hidden;
}
.sort-title {
	display: block;
	float: right;
    line-height: 40px;
    font-size: 16px;
	font-weight: 600;
    margin-left: 5px;
}
.sort-select {
	position: relative;
	display: block;
	float: left;
    width: 170px;
}
.sort-select .ui-corner-all, 
.sort-select .ui-corner-bottom, 
.sort-select .ui-corner-right,
.sort-select .ui-corner-br{
    border-radius: 0px;
}
.sort-select .ui-state-default,
.sort-select .ui-widget-content .ui-state-default, 
.sort-select .ui-widget-header .ui-state-default{
	display: block;
    background: transparent;
    font-weight: normal;
    text-transform: capitalize;
    line-height: 30px;
    padding-left: 10px;
    width: 160px!important;
}
.sort-select .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 38px;
	padding: 0 10px;
	text-align: right;
	font-weight: 600;
	font-size: 16px;
}
.sort-select .ui-icon-triangle-1-s {
    background-position: -64px 2px;
}

.categories-section .product-item {
	margin-top: 30px;
}




/* Profile Pages
===========================*/
.aside-widget.dashboard-side{
    padding: 0;
	overflow: hidden;
}
.aside-widget.dashboard-side .aside-widget-head {
	border-radius: 0;
	overflow: hidden;
}
.aside-widget.dashboard-side .aside-widget-head .title {
    font-size: 17px;
    line-height: 50px;
    height: 50px;
    padding: 0 25px;
    text-align: center;
	font-weight: 700;
}
.aside-widget.dashboard-side .aside-widget-content {
	max-height: 600px;
	padding: 10px 25px;
}
.aside-widget-content .dashboard-links a{
    display: block;
	height: 50px;
    line-height: 50px;
    font-size: 16px;
	font-weight: 600;
    -webkit-transition: all .35s ease-in-out;
       -moz-transition: all .35s ease-in-out;
            transition: all .35s ease-in-out;
}
.aside-widget-content .dashboard-links a i{
    margin-left: 10px;
}

.dashboard-content{
    min-height: 350px;
    border-radius: 5px;
    padding: 30px;
}
/*dashboard-item*/
.dashboard-item{
    position: relative;
    margin-bottom: 30px;
}
.dashboard-item.head-item{
    margin-bottom: 30px;
	overflow: hidden;
}
.dashboard-item.head-item .title {
	font-weight: 600;
	font-size: 21px;
	line-height: 40px;

}
.dashboard-item.head-item p{
    width: 80%;
    font-size: 16px;
	line-height: 35px;
	font-weight: 600;
}
.dashboard-item p span{
    display: inline-block;
	font-size: 18px;
}

.dashboard-item .dash-item-head{
    margin-bottom: 15px;
}
.dashboard-item .dash-item-head .title{
	font-size: 18px;
	line-height: 40px;
	font-weight: 600;
}
.dashboard-item .dash-item-head .edit-btn{
    font-size: 12px;
    display: inline-block;
    padding: 0px 8px;
    border-radius: 5px;
	line-height: 25px;
	margin-right: 5px;
	font-weight: 600;
}
.dashboard-item ul.account-info > li {
	display: block;
	line-height: 33px;
	font-weight: 600;
	margin-bottom: 5px;
}
.dashboard-item ul.account-info > li > span {
	display: inline-block;
}
.dashboard-item ul.account-info > li > span:first-child{
    display: inline-block;
    width: 33%;
    font-size: 17px;	
}
.dashboard-item ul.account-info > li > span:last-child{
	font-size: 15px;
	font-weight: 600;
}
.order-detail .title {
	font-weight: 700;
	font-size: 20px;
	line-height: 40px;
	margin: 10px 0 10px 0;
}
/*Adresses*/
.adress-dashboard {
	
}
.adress-dashboard .dashboard-item.head-item {
	overflow: hidden;
}
.adress-dashboard .dashboard-item p {
	float: right;
	font-size: 18px;
	font-weight: 700;
	width: auto;
	line-height: 40px;
}
.adress-dashboard .dashboard-item .add-adress {
	display: block;
	float: left;
	font-size: 14px;
	font-weight: 700;
	line-height: 36px;
	padding: 0 15px;
	border-radius: 30px;
	margin-top: 2px;
}
.adress-dashboard {
	
}
.profile-setting .ui-corner-all, 
.profile-setting .ui-corner-bottom, 
.profile-setting .ui-corner-right,
.profile-setting .ui-corner-br{
    border-radius: 0px;
}
.profile-setting .ui-state-default,
.profile-setting .ui-widget-content .ui-state-default, 
.profile-setting .ui-widget-header .ui-state-default{
	display: block;
    font-weight: normal;
    color: #333;
    text-transform: capitalize;
    line-height: 45px;
    padding-left: 10px;
    width: 100%!important;
}
.profile-setting .ui-selectmenu-button span.ui-selectmenu-text {
	display: block;
	line-height: 45px;
	padding: 0 10px;
	text-align: right;
	font-weight: 600;
	font-size: 16px;
}

.profile-setting .reset-pass .form-control {
	margin-bottom: 20px;
}
.profile-setting .reset-pass .form-control:last-child {
	margin-bottom: 0;
}
.profile-setting .custom-btn {
	font-weight: 700;
	font-size: 16px;
	margin-top: 15px;
}
@media(max-width:991px){
	.aside-widget.dashboard-side {
		margin-bottom: 20px;
	}

	.dashboard-item.head-item p {
		width: 100%;
	}
	
}
@media(max-width:767px){
	
}
@media(max-width:500px){
	.dashboard-content {
		padding: 15px;
	}
	.dashboard-item ul.account-info > li > span {
		display: block;
	}
	.dashboard-item ul.account-info > li > span:first-child {
		display: block;
		width: 100%;
		font-size: 17px;
	}
	
	.adress-dashboard .dashboard-item ul.account-info > li > span {
		display: inline-block;
		font-size: 15px;
	}
	.adress-dashboard .dashboard-item ul.account-info > li > span:first-child {
		display: inline-block;
		width: 38%;
		font-size: 15px;
	}
}


/* Cart-Page 
=========================*/

.coupon-wrap,
.cart-total {
    display: block;
    text-align: center;
}
@media(max-width:991px){
    .cart-total {
        margin-top: 20px;
    }
}
.cart-total h3 {
    margin: 0;
    display: block;
    line-height: 30px;
    font-weight: 600;
    font-size: 18px;
}
.cart-total ul {
    margin: 15px 0 10px;
}
.cart-total ul li {
    position: relative;
    text-align: right;
    padding: 0 15px;
    overflow: hidden;
    line-height: 50px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.cart-total ul li:last-child{
    border-bottom: 0;
}
.cart-total ul li span{
    float: left;
    font-size: 15px;
}
.cart-total .custom-btn {
    border-radius: 2px;
}
.coupon-wrap form {
	margin-top: 10px;
}
.coupon-wrap .form-group {
	margin-bottom: 10px;
}
.coupon-wrap .custom-btn {
	border-radius: 2px;
}

/*Brands Page
===================================*/

.section-head .cat-head {
	font-weight: 600;
	line-height: 40px;
	margin-bottom: 25px;
	font-size: 22px;
}
.brand-capital {
	display: inline-block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 10px;
	text-align: center;
	text-transform: capitalize;
	opacity: 1;
	font-weight: 600;
    font-size: 22px;
	margin-bottom: 20px;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.capital-brands {
	
}
.capital-brands .brand-item {
	margin-bottom: 20px;
}
@media(max-width:500px){
	.capital-brands .brand-item img {
		width: 100%;
		height: auto;
	}	
}
.brand-item {
	display: block;
    padding: 10px;
}
.brand-item img {
	opacity: 0.85;
	height: 55px;
	margin: auto;
	-webkit-transition: all 0.4s;
	   -moz-transition: all 0.4s;
	        transition: all 0.4s;
}
.brand-item:hover img {
	opacity: 1;
} 




























/*Cart Number*/
.cart-number{
	display: block;
	float: right;
    margin: 0;
    background: #f8f8f8;
	font-weight: 700;
}
.cart-number a{
    display: block;
    float: left;
    width: 25px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    font-size: 17px;
    color: #333;
    background-color: #f8f8f8;
    
}
.cart-number a.number-up {
    display: block;
    float: right;
}
.cart-number .form-control{
    width: 50px;
    height: 35px;
    padding: 0;
    text-align: center;
    display: inline-block;
    background-color: transparent;
    border: 0;
}