.badge {
  padding: 1px 9px 2px;
  font-size: 12.025px;
  font-weight: bold;
  white-space: nowrap;
  color: #ffffff;
  background-color: #999999;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  border-radius: 9px;
}

.badge-error {
  background-color: #b94a48;
}

.badge-warning {
  background-color: #f89406;
}

.badge-success {
  background-color: #468847;
}

.badge-info {
  background-color: #3a87ad;
}

.badge-inverse {
  background-color: #333333;
}

.radio-label {
	max-width: 200%;
	margin-left: -20px;
}

.checkout-step input, select{
	border-radius: 0px;
}

.checkout-step .country-list, .region-list{
	border-radius: 0px;
}

.checkout-step {
	color: #717171;
	position: relative;
	z-index: 1;
}

.checkout-step  .panel-header{
	    background: #f6f6f6;
    border: 1px solid #ccc;
    border-top-left-radius: 5px; 
      border-top-right-radius: 5px; 
          padding: 7px 30px;
}


.checkout-step  .panel-header h5{
    font-style: initial;
    color: #717171;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 22px;
    cursor: pointer;

}

.checkout-step  .panel-header h5 span{
    color: #23408f;
}

.checkout-step  .panel-body{
    padding: 20px 10px;
    overflow: auto;
}

.checkout-step  .panel-title{
    padding: 10px 5px;
    overflow: auto;
}

.step-h3{
	font-size: 25px;
	color: #717171;
}    
.checkout-step  .panel-body button{
	background: #23408f;
    color: #fff;
    font-size: 21px;
    padding: 0px 15px;
    border-radius: 6px;
    border: solid 1px;
}

.header-bg {
	background: url('../images/header-bg.jpg');
    background-size: cover;
}

.checkout-step  .panel-body button:hover{
	background: #5daed8;
}

.top-20 {
	margin-top: 20px;
}

.checkout-progress.scroll-to-fixed-fixed {
	background: white;
	box-shadow: 0 5px 5px -2px gray;
	transition: all .3s;
}

.checkout-progress.scroll-to-fixed-fixed .circle-progress-handler {
	margin: 10px auto;
}

.checkout-progress.scroll-to-fixed-fixed p {
	display: none;
}

.panel-header.completed {
	background: #23408f;
}

.panel-header.completed .panel-title a, .panel-header.completed .panel-title span {
	color: #fff !important;
}

.checkout-progress .col-xs-12, .inline-centered-list.circle-progress-handler .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}

.checkout-btn {
	float: right;
}

.bg-blue:hover {
	color: white;
	background: #11255d;
}

.navbar-brand {
    position: relative;
    float: none;
    left: 5vw;
    z-index: 1;
}

.carousel.homepage-banner.slide img {
	margin: auto;
	margin-top: 20px;
}

.hd-dk-tbt img {
	display: inline;
}

.category-page-items a:active {
	text-decoration: none;
}

.category-page-items a:focus {
	text-decoration: none;
}

.item.slick-slide:focus {
	outline-style: none;
}

.categories-list .list-group-item {
	padding: 0;
	transition: all .3s;
}

.categories-list .list-group-item a {
	display: inline-block;
    position: relative;
    z-index: 1;
    padding: 10px 20px;
    width: 100%;
}

.categories-list .list-group-item:focus, .categories-list .list-group-item:hover {
    background-color: #337ab7;
    border-color: #337ab7;
}

.categories-list .list-group-item:focus a, .categories-list .list-group-item:hover a {
	text-decoration: none;
    color: #fff;
}

.text-xs {
    font-size: 11px;
}

.d-inline-flex {
	display: inline-flex;
	display: -webkit-inline-flex;
}

.padding-left-20 {
    padding-left: 20px;
}

.widget_item i {
	text-align: center;
}

.contact-sc .form-control {
	min-height: 0;
}

.contact-sc textarea {
    height: 166px;
}

.footer {
	font-weight: 500;
}

.checkout-sc h4 {
    font-style: initial;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
}

.small-width {
	max-width: 960px;
}


.mailing-list {
	padding: 90px 0;
}

.prod-bg {
    height: 255px;
}

.section-account h4 {
	font-style: initial;
    font-weight: 900;
    font-family: 'Roboto', sans-serif;
    font-size: 40px;
}

.btn-small {
	height: 30px;
	padding: 0 5px;
}

.btn-medium {
	height: 40px;
	min-width: 100px;
	padding: 0 10px;
}

span.required {
	left: 6px;
    position: absolute;
}

span.required::before {
	content: "*";
	color: red;
}

.list-card-label {
	text-align: right;
}

.order-history-item {
	margin: 20px;
	font-size: 18px;
}

.order-history-body {
	clear: both;
	padding: 10px;
	border-top: 1px solid rgba(0,0,0,.6);
	border-bottom: 1px solid rgba(0,0,0,.6);
}

.section-account table {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

.section-account table thead {
	background: #5daed8;
	color: white;
}

.section-account table td {
	padding: 20px;
}

.section-account .table>thead>tr>td, .section-account .table>thead>tr>th {
	padding: 12px !important;
	padding-left: 8px !important;
	font-size: 15px !important;
}

.section-account .table>thead>tr>th {
	vertical-align: middle;
}

.account-menu {
	margin-bottom: 20px;
	padding: 0;
	border: 2px solid #5daed8;
}

.account-menu h3 {
	background: #5daed8;
    padding: 10px;
    color: white;
    margin-top: 0;
}

.account-menu .container {
	padding-left: 25px;
    padding-bottom: 10px;
    font-size: 18px;
}

.card, .list-card {
	margin-bottom: 20px;
}

.card {
	border: 2px solid #5daed8;
	height: auto;
	padding-bottom: 70px;
}

.list-card {
	border: 2px solid #5daed8;
	height: auto;
}

.card .control-label {
	padding: 0 !important;
	padding-top: 7px !important;
}

.section-account .card-head h3 {
    color: white;
    background: #5daed8;
    padding: 10px;
    padding-left: 20px;
    margin: 0;
}

.card-body, .list-card-body {
	padding: 20px;
}

.list-card-control {
    display: inline;
    position: absolute;
    right: 6px;
    top: 5px;
}

.card-foot {
	padding: 0 50px;
	float: right;
}

.list-card-head {
	color: white;
    background: #5daed8;
    padding: 10px;
    margin: 0;
    width: 100%;
}

.section-account a.btn {
	padding-top: 8px;
}

.list-card-title {
	display: inline;
}

.list-card-title h3 {
	display: inline;
    color: white;
    margin: 0;

}

.order-history-item .col-md-12 {
	padding: 0;
}


.text-total {
	font-size: 22px;
}

.section-account table {
	margin-left: 5px;
	margin-right: 5px;
	border: 2px solid #5daed8;
}

.section-account table>thead>tr>th {
	font-family: 'Merriweather';
	font-style: italic;
	padding: 0;
}

.section-account table>thead>tr>th {
	border-bottom: 0;
}

.section-account input, .section-account textarea, .section-account select {
	border-radius: 0;
}

.mailing-list {
	padding: 0 !important;
}

.mailing-list::before {
	background-color: transparent;
}

.mailing-list .container {
	width: 100%;
	padding: 90px;
	background-color: rgba(236, 249, 255, .9);
}

.adcart-btn {
	position: absolute;
    bottom: 11px;
    left: 50%;
    transform: translateX(-50%);
}

.featured-prod .prod-bg {
	position: relative;
}

.featured-prod .prod-bg a {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}


.cart-table-holder {
	margin-top: 20px;
}

.prod-pev-details {
	min-height: 410px;
    padding: 5px 50px;
    text-align: center;
}

.prev-img-box img {
	width: 228px;
	margin: auto;
}

.prod-pev-details .btn {
	width: 50%;
    font-size: 17px;
    height: 40px;
}

.padding-left-14 {
	padding-left: 5px !important;
}

.featured-prod img {
	position: relative;
    z-index: 999999;
}

.featured-prod .prod-bg {
	width: 228px;
    margin: auto;
}

.jc-image-container	{
 	position: relative;
    width: 228px;
	height: 228px;
    overflow: hidden;
    background: #dedede;
    margin: auto;
}

.jc-image-container img {
	position: absolute;
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.jc-image-container img.landscape {
	width: 228px;
}

.jc-image-container img.portrait {
	height: 228px;
}

.jc-image-container img.square {
	height: 228px;
	width: 228px;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */

	.circle-progress-handler .active .circle-progress-item, .circle-progress-handler .completed .circle-progress-item {
	    border: solid 4px #234083;
	}
	.inline-centered-list ul li:before {
	    top: 42px;
	    width: 90%;
	}
	.circle-progress-item {
	    height: 25px;
	    width: 25px;
	}
}

@media screen and (min-width: 768px) {
	html, body {
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}

	.login-sc .col-md-7 {
		width: 58.33333333%;
		float: left;
	}
	
	.login-sc .col-md-5 {
	    width: 41.66666667%;
	    float: left;
	}

	.col-xs-offset-right-12 {
	  margin-right: 100%;
	}
	.col-xs-offset-right-11 {
	  margin-right: 91.66666667%;
	}
	.col-xs-offset-right-10 {
	  margin-right: 83.33333333%;
	}
	.col-xs-offset-right-9 {
	  margin-right: 75%;
	}
	.col-xs-offset-right-8 {
	  margin-right: 66.66666667%;
	}
	.col-xs-offset-right-7 {
	  margin-right: 58.33333333%;
	}
	.col-xs-offset-right-6 {
	  margin-right: 50%;
	}
	.col-xs-offset-right-5 {
	  margin-right: 41.66666667%;
	}
	.col-xs-offset-right-4 {
	  margin-right: 33.33333333%;
	}
	.col-xs-offset-right-3 {
	  margin-right: 25%;
	}
	.col-xs-offset-right-2 {
	  margin-right: 16.66666667%;
	}
	.col-xs-offset-right-1 {
	  margin-right: 8.33333333%;
	}

	
}

@media screen and (max-width: 768px) and (min-width: 768px) {
	.item-slider-btnleft {
		left: 0;
	}

	.item-slider-btnright {
		right: 0;
	}

	.order-history-item .col-md-4, .order-history-item .col-md-8, .order-history-item .col-md-6 {
		float: left;
	}

	.order-history-item .col-md-4 {
		width: 50%;
	}

	.order-history-item .col-md-8 {
		width: 50%;
	}

	.order-history-item .col-md-6 {
		width: 50%;
	}

	.cart-holder .btn-continue-shopping {
	    margin-bottom: 20px;
	}

	.item-slider .item-slider-btnleft {
		left: -19px;
	}

	.item-slider .item-slider-btnright {
		right: -19px;
	}

	.item-slider .container {
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	
	html, body {
		margin: 0;
		padding: 0;
		overflow-x: hidden;
	}
	.top-address li {
	    font-size: 12px;
	}

	.row-progress label {
		font-size: 11px;
	}

	.login-sc .col-md-7 a {
		margin-left: auto;
	    margin-right: auto;
	    display: block;
	    width: 71%;
	}

	.footer img {
		margin-left: auto;
	    margin-right: auto;
	}

	.mailing-list {
	    background-position: center 24%;
	}

	.mailing-list .container {
		padding: 90px 10px 90px 10px;
	}

	.breadcrumb a, .breadcrumb .active {
		font-size: 12px;
	}

	.section-account table>thead>tr>th, .section-account table>tbody>tr>td {
		text-align: center;
	}

	.section-account table {
		margin-left: 5px;
		margin-right: 5px;
		border: 0;
	}

	.section-account table>thead>tr>th:not(:last-child) {
		border-right: 0;
	}

	.section-account table>tbody>tr>td:not(:last-child) {
		border-right: 0;
	}

	.section-account table>thead>tr>th {
		border-bottom: 0;
	}

	.navbar-header {
		background: url('../images/header-bg.jpg');
    	background-size: cover;
	}

	.xs-reset {
		float: none !important;
		text-align: center;
	}

	.section-account .pane-kc-category {
		margin-top: 20px;
	}

	.section-account table {
	    margin-bottom: 40px;
	}

	.list-card-label {
		margin-top: 10px;
	}

	.list-card-body .col-md-8, .list-card-body .col-md-4, .list-card-body .col-md-6 {
		text-align: center;
	}

	.section-pager {
		margin-top: -30px;
		margin-bottom: 20px;
		float: none !important;
		text-align: center;
		display: block;
	}

	hr {
		display: none;
	}

	.list-card-title, .list-card-control {
		display: block;
		text-align: center;
	}

	.list-card-control {
		display: block;
		position: static;
	}

	.list-card-body {
		padding-top: 0 !important;
	}

	.section-account h4 {
		text-align: center;
	}

	.section-account .card-head h3 {
		text-align: center;
	}

	.card-foot {
		float: none;
		padding: 0;
		text-align: center;
	}

	.card {
		padding-bottom: 30px;
	}

	.section-account .form-group {
		margin-bottom: 0;
	}

	.section-account .form-group .form-control, .section-account .form-group input, .section-account .form-group textarea,  .section-account .form-group .radio-inline, .section-account .form-group .radio:last-child {
		margin-bottom: 15px;
	}

	.item-slider .item-slider-btnleft {
		top: 29%;
    	left: -10%;
	}

	.item-slider .item-slider-btnright {
		top: 29%;
    	right: -10%;
	}

	.checkout-sc h4 {
		text-align: center;
	}

	.circle-progress-handler .active .circle-progress-item, .circle-progress-handler .completed .circle-progress-item {
	    border: solid 4px #234083;
	}

	.inline-centered-list ul li::before {
	    top: 40px;
	}
	.circle-progress-item {
	    height: 25px;
	    width: 25px;
	}
	
	.checkout-btn {
		float: none;
	}

	.btn-continue-shopping {
		float: none !important;
	    margin-bottom: 13px;
	}

	.cart-total-holder ul li {
	    font-size: 17px;
	    width: 49%;
	}
	
	.cart-co-bnt {
		padding: 10px 10px;
	    width: 155px;
	    height: 47px;
	    font-size: 15px;
	}

	.footest .row {
		padding: 0 5vw;
	}

	.widget_item li a i {
		margin-right: 0;
	}

	.widget_item li a span {
		margin-left: 4px;
	}

	.featured-prod-btn {
	    font-size: 12px;
	    padding: 10px 10px;
	}

	.featured-prod h2 {
		padding: 0;
	    margin-top: -31px;
	    margin-bottom: 20px;
	}

	.navbar-toggle {
		position: relative;
		z-index: 2;
	}

	.extra-menus-handler {
		position: relative;
		z-index: 999999999;
	}

	.checkout-progress.scroll-to-fixed-fixed .circle-progress-handler .active .circle-progress-item, .checkout-progress.scroll-to-fixed-fixed .circle-progress-handler .completed .circle-progress-item {
		border: solid 4px #5caed8;
		background-color: #f5f5f5;
	}

	.inline-centered-list ul li::before {
		width: 86%;
	    right: -44%;
	}

	.table-no-table table, .table-no-table thead, .table-no-table tbody, .table-no-table th, .table-no-table td, .table-no-table tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	.table-no-table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	.table-no-table td { 
		/* Behave  like a "row" */
		border: none;
		position: relative;
		padding-left: 50%; 
	}
	
	.table-no-table td::before { 
		/* Now like a table header */
		/* position: absolute; */
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		display: inline-block;
	}

	.table-striped.table-no-table>tbody>tr:nth-of-type(odd) {
		background-color: white;
	}
	
	/*
	Label the data
	*/
	.table-no-table td:nth-of-type(2)::before { content: "Product Name"; text-align: right; font-weight: 700 }
	.table-no-table td:nth-of-type(4)::before { content: "Model"; text-align: right; font-weight: 700 }
	.table-no-table td:nth-of-type(5)::before { content: "Stock"; text-align: right; font-weight: 700 }
	.table-no-table td:nth-of-type(6)::before { content: "Unit Price"; text-align: right; font-weight: 700 }

	.table-no-table th.text-center {
		text-align: right;
	}

	.table-no-table p, .table-no-table a {
		width: 50%;
		display: inline-flex;
	}

	.table-no-table input {
		width: 100%;
	}

	.table-no-table tbody tr {
		margin-bottom: 20px;
		border: 1px solid #5caed8;
	}

	.section-account h3 {
		text-align: center;
	}

	.mailing-list .input-group input {
		float: none;
		margin: auto;
		width: 90%;
	}

	.prod-holder .item {
	    padding-left: 50px;
    	padding-right: 50px;
	}

	.prod-holder .item-slider-btnright {
	    right: 24px;
	}

	.prod-holder .item-slider-btnleft {
	    left: 24px;
	}

	.cart-center {
		top: 4px;
	}

	.cart-table-holder table tr {
		border: 0;
	}

	.section-account .container .row .col-md-12 h4 {
	    margin-top: -10px;
	}

	.list-card-head {
	    padding: 7px;
	}

	.prod-bg {
		max-width: 228px;
	}
}

@media screen and (max-width: 320px) {
	.inline-centered-list ul li::before {
		top: 40px;
		width: 86%;
	    right: -44%;
	}

	.checkout-progress {
		zoom: .9;
	}

	.row-progress {
		margin-left: -10px;
		margin-right: -10px;
		zoom: 0.8;
	}


}

@media (max-width: 1199px) and (min-width: 992px) {
	.prod-bg {
	    margin-top: -10px;
	    background: #ecf9ff;
	    padding: 10px 15px;
	    max-width: 269px;
	    margin: auto;
	}
}