/*
 Table Of Contents
 1.) global typography
 2.) site header
 3.) form
 4.) site footer
 5.) account page
 6.) store page
 7.) wishlist and shopping cart
 8.) products page
 9.) site wide content
 10.) buttons styling
 11.) accordion and tab menu
 12.) 404 page
 13.) Brands
 14.) search results
 15.) order history
 16.) about us
 17.) order history 1
 18.) pop up boxes
 ===============================================*/
/*
 1.) global typography
 ----------------------------------------*/
body {
	font-size: 14px;
	background: #f9f9f9;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Josefin Sans', sans-serif;
}

h1, .h1 {
	font-size: 25px;
}
h2, .h2 {
	font-size: 25px;
	margin: 0;
}
h3, .h3 {
	font-size: 20px;
	font-weight: 600;
	margin: 0;
}
h4, .h4 {
	font-size: 20px;
}
h5, .h5 {
	font-size: 18px;
	font-weight: 100;
}
h6, .h6 {
	font-size: 16px;
	font-weight: 100;
}
a {
	text-decoration: none;
	outline: none;
}
a:hover, a:focus {
	text-decoration: none;
	outline: none;
}
p {
	color: #64686a;
	font-weight: 400;
	margin-bottom: 35px;
	line-height: 1.8;
}
ul, li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.errors {
	color: #ff0000;
	font-size: 14px;
}
/*
 2.) site header
 ----------------------------------------*/
#header {
	background: #76797b;
	padding: 17px 0 13px;
	position: relative;
}
#header .col-xs-12.col-sm-5 {
	position: static;
}
.logo {
	float: left;
}
.navbar {
	margin-bottom: 0px;
}
.navbar-default {
	background: none;
	box-shadow: 0px 0px 0px;
	border: 0px;
	font-family: 'Montserrat', sans-serif;
	color: #171b1d;
	font-size: 14px;
}
.navbar-nav {
	margin: 7.5px 0;
}
.nav > li {
	padding: 11px 5% 13px 5%;
	margin: 0;
	position: relative;
}

.nav > li:last-child {
	margin-right: 0px;
}
.nav > li > a {
	padding: 0px 0px 5px;
	position: relative;
}

.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .dropdown-nav a {
	color: #171b1d;
	padding-bottom: 2px;
	padding-top: 7px;
	position: relative;
}
.navbar-default .navbar-nav > li > .dropdown-nav a {
	color: #fff;
}
.navbar-collapse {
	padding: 0;
}
.navbar-collapse ul {
	padding-left: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background-image: none;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
	background: none;
}
.dropdown-nav {
	background-color: #232729;
	padding: 30px 0;
	position: absolute;
	display: none;
}
.navbar-default .navbar-nav .dropdown-nav {
	min-width: 158px;
}
.navbar-nav > li > .dropdown-nav, .navbar-nav > li > .dropdown-nav .dropdown-nav {
	float: none;
	position: relative;
}
.navbar-nav > li > .dropdown-nav .dropdown-nav {
	background-color: transparent;
	border: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0);
	padding: 0;
}
.navbar-default .navbar-nav > li > .dropdown-nav li {
	margin: 0;
	padding: 9px 24px;
}
.navbar-default .navbar-nav > li > .dropdown-nav a {
	color: #fff;
	padding: 7px 0 5px;
	display: block;
	font-size: 14px;
	text-transform: uppercase;
}

.navbar-default .navbar-nav > li > a.submenu-icon .glyphicon, .navbar-default .navbar-nav > li > .dropdown-nav a.submenu-icon .glyphicon {
	float: right;
}

.navbar-default .navbar-nav > li > a.submenu-icon .glyphicon.glyphicon-chevron-up, .navbar-default .navbar-nav > li > .dropdown-nav a.submenu-icon .glyphicon.glyphicon-chevron-up, .navbar-default .navbar-nav > li > a.submenu-icon.active .glyphicon.glyphicon-chevron-down, .navbar-default .navbar-nav > li > .dropdown-nav a.submenu-icon.active .glyphicon.glyphicon-chevron-down {
	display: none
}
.navbar-default .navbar-nav > li > a.submenu-icon .glyphicon.glyphicon-chevron-down, .navbar-default .navbar-nav > li > .dropdown-nav a.submenu-icon .glyphicon.glyphicon-chevron-down, .navbar-default .navbar-nav > li > a.submenu-icon.active .glyphicon.glyphicon-chevron-up, .navbar-default .navbar-nav > li > .dropdown-nav a.submenu-icon.active .glyphicon.glyphicon-chevron-up {
	display: inline-block;
}
.navbar-default .navbar-nav > li > .dropdown-nav a:hover, .navbar-default .navbar-nav > li > .dropdown-nav li.active a {
	background-color: transparent;
}
.menu-pointer {
	content: "";
	display: none;
	position: absolute;
	border-left: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid #232729;
	left: 50%;
	top: -15px;
	margin-left: -2.5px;
	z-index: 130;
	width: 15px;
	height: 15px;
}
.navbar-toggle {
	margin-top: 0px;
	border: 0px;
	margin-right: 0;
	z-index: 100;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
	background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color: #171b1e;
}
.navbar-default .navbar-collapse {
	background: #fff;
	border-color: transparent;
}

.nav-right {
	float: right;
}
.nav-right nav {
	float: right;
}
.nav-right ul {
	display: inline-block;
	padding: 17px 13px 0 0;
}
.nav-right ul li {
	float: left;
	margin: 0 10px;
	font-size: 14px;
}
.nav-right ul li:last-child {
	margin-right: 0px;
}
.nav-right ul li a {
	color: #fff;
}

.shopping-cart {
	background: #171b1d;
	line-height: 25px;
	width: 26px;
	display: inline-block;
	float: right;
	text-align: center;
	margin-top: 14px;
}

.search-main {
	position: relative;
	float: right;
}
.inpt-search {
	position: absolute;
	background: #fff;
	height: 32px;
	width: 0px;
	right: 16px;
	top: 55px;
	z-index: 100;
	border: 0px;
	line-height: 32px;
	opacity: 0;
	font-size: 14px;
	color: #474b4e;
	-webkit-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.inpt-search.open {
	width: 192px;
	opacity: 1;
	padding: 0 12px;
}

.shopping-cart i {
	color: #fff;
}

.search-top {
	float: right;
	position: absolute;
	top: 10px;
	right: 63px;
}
.search-top .btn {
	padding: 14px 8px 8px;
	float: right;
}
.search-top .btn i {
	font-size: 16px;
}
/*
 3.) form
 ----------------------------------------*/
.form-group {
	overflow: hidden;
	margin-bottom: 45px;
}
.form-control {
	background: none;
	border: 0px;
	border-bottom: 3px solid #dededf;
	border-radius: 0px;
	color: #36393b;
	box-shadow: 0px 0px 0px 0px;
	padding-left: 0px;
	font-size: 15px;
	font-family: 'Lato', sans-serif;
	height: 43px;
}
.form-control.white-line {
	border-bottom: 3px solid #fff;
}

.form-control:focus {
	box-shadow: 0px 0px 0px 0px;
}
textarea.form-control {
	min-height: 90px;
}

.form-control::-moz-placeholder, textarea.form-control::-moz-placeholder {
	color: #171b1d;
	opacity: .3
}
.form-control:-ms-input-placeholder {
	color: #171b1d;
	opacity: .3
}
.form-control::-webkit-input-placeholder {
	color: #171b1d;
	opacity: .3
}
.form-control:focus::-moz-input-placeholder, textarea.form-control:focus::-moz-input-placeholder, .form-control:focus::-ms-input-placeholder, textarea.form-control:focus::-ms-input-placeholder, .form-control:focus::-webkit-input-placeholder, textarea.form-control:focus::-webkit-input-placeholder {
	opacity: 1
}
.form-control.error::-moz-placeholder, .form-control.error::-webkit-placeholder, .form-control.error::-webkit-input-placeholder {
	color: red;
	opacity: 1;
}
.check-box .btn {
	background: none;
	box-shadow: none;
	font-size: 15px;
	line-height: 21px;
	color: #474b4e;
	display: block;
	background: url(../images/checkbox.jpg) no-repeat left center;
	font-family: 'Lato', sans-serif;
	min-height: 21px;
	padding-left: 30px;
}
.check-box .btn.active {
	background: url(../images/checkbox-on.jpg) no-repeat left center
}
/*select*/
.select-sec-main {	
	position: relative;
	margin:0px;
	display: inline-block;
	width:100px;
	float: left;
}
select span.select {
	height: 29px;
	letter-spacing: 1px;
	border: none;
	background: none;
	font-size: 1.7em;
	width: 98%;
	padding: 0 1%;
}
select.select {
	position: relative;
	cursor: pointer;
	height: 33px;
	width: 100%;
}
span.select {
	background: #f8f8f8 url(../images/select-arrow-single.png) no-repeat 90% 12px;
	border:2px solid #dededf;
	cursor: default;
	display: inline-block;
	left: 0;
	line-height: 29px;
	position: absolute;
	width:100%;
	z-index: 1;
	text-indent: 7px;
}

/*
 4.) site footer
 ----------------------------------------*/
#footer {
	background-color: #171b1d;
	padding: 60px 0;
	color: #fff;
}
#footer h2 {
	font-size: 24px;
}
#footer h3 {
	font-size: 20px;
	font-weight: 400;
}
.footer-left {
	padding-bottom: 60px;
}
.footer-nav {
	padding-left: 0%;
}
.footer-nav .col-sm-4 {
	width: 100%;
}

.link-footer {
	padding-bottom: 30px;
}
.link-footer ul {
	padding: 22px 0 0px;
	overflow: hidden;
}
.link-footer ul li {
	margin: 0px 12px 10px 0;
	font-size: 14px;
	float: left;
}
.link-footer ul li a {
	color: #626567;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}
.link-footer ul li a:hover {
	color: #fff;
}
.row.sec-connect {
	padding: 10px 15px 0;
}
.list-social {
	float: none;
	margin: 26px 0 0 0px;
}
.list-social li {
	float: left;
}
.connect {
	float: none;
	display: inline-block;
	font-size: 24px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
}

.tel-number {
	font-size: 24px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	padding: 24px 0 0 0px;
	display: block;
}
.tel-number span {
	padding-left: 14px;
}
#footer .form-control {
	background: #2f3234;
	margin: 17px 0;
	border-bottom: 0px;
	height: 51px;
	padding: 6px 12px;
	color: #fff;
}
/*
 5.) account page
 ----------------------------------------*/
.account-page {
	padding: 15px 0 60px;
}
.sec-username {
	padding: 0 0;
	overflow: hidden;
	color: #64686a;
}
.sec-username a {
	color: #64686a;
}
.name-user {
	border-bottom: 4px solid #dededf;
	display: inline-block;
	padding: 20px 12px 27px;
	width: 100%;
	float: left;
	font-size: 35px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	text-align: center;
}
.for-assistance {
	width: 100%;
	border-bottom: 4px solid #dededf;
	display: inline-block;
	padding: 34px 12px 38px;
	float: left;
	text-align: center;
}
.link-email {
	width: 100%;
	display: inline-block;
	padding: 34px 12px 38px;
	float: right;
	text-align: center;
}
.link-email a {
	color: #64686a;
}
.click-login {
	display: block;
	padding: 0px;
	font-size: 14px;
	color: #64686a;
	text-align: center;
}
.click-login a {
	color: #171b1d;
	text-decoration: underline;
}
.click-login a:hover {
	text-decoration: none;
}

.promotional-code {
	margin: 70px 0 0;
	padding: 49px 0px;
}
.promotional-code h2 {
	margin-bottom: 20px;
	margin-top: 6px;
}
.form-note {
	display: block;
	color: #474b4e;
	font-weight: 400;
	font-size: 15px;
}
.switch-link-sec {
	padding: 30px 0% 30px 0;
	margin: 0 -15px;
	overflow: hidden;
}
.switch-link-sec.last-sec {
	border-right: 0px;
	padding: 30px 0 5px;
	border-top: 3px solid #dededf;
}
.switch-link-sec a {
	display: inline-block;
	position: relative;
	margin-top: 20px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 1px;
	padding: 2px 0 0 0;
}
.switch-link-sec .form-note {
	padding-top: 10px;
}
.form-promo-code {
}
.form-promo-code .btn {
	float: right;
}
.form-promo-code label {
	color: #fff;
	display: block;
}
.form-promo-code .form-control {
	margin: 0 0px 0 0px;
	color: #fff;
	display: block;
}
.form-promo-code .form-control.white-line {
	margin-bottom: 20px;
}

.form-promo-code .form-control.white-line:focus {
	border-color: #fff;
}

.form-sec-main {
	margin: 40px 0 0;
}
.form-area {
	border-bottom: 4px solid #dededf;
	border-top: 4px solid #dededf;
	padding: 40px 0px 47px;
}
.form-area h3 {
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.form-group {
	margin: 30px 0 0px;
	overflow: hidden;
}
.form-group.space-second {
	margin: 15px 0 40px;
}

.form-group h4 {
	color: #64686a;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	margin: 0;
}

.form-group .form-control {
	margin-top: 24px;
	margin-bottom: 14px;
}

.form-group.bot-space {
	margin: 28px 0 31px;
}
.forgot-pass {
	display: block;
	margin-top: 20px;
	font-size: 15px;
}
.forgot-pass a {
	color: #474b4e;
}
.remember-pass {
	display: inline-block;
	font-size: 15px;
	color: #474b4e;
	margin-top: 48px;
}
.remember-pass input[type="checkbox"] {
	margin-right: 12px;
}
.form-heading {
	margin-bottom: 40px;
}
.form-heading nav {
}
.form-heading nav ul {
	padding: 7px 0 0;
}
.form-heading nav ul li {
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	color: #64686a;
	display: block;
	padding: 8px 0;
}
.form-heading nav ul li a {
	color: #64686a;
}
.form-heading nav ul li.active a {
	color: #242424;
}
.form-heading nav ul li a i {
	font-size: 14px;
	margin-left: 4px;
	display: none;
}
.form-heading nav ul li.active a i {
	display: inline-block;
}
.create-account {
	font-size: 15px;
	color: #474b4e;
	margin-top: 14px;
	margin-bottom: 24px;
}
.create-account input[type="checkbox"] {
	margin-right: 12px;
}

.order-list {
	padding: 16px 0;
}
.order-list li {
	display: inline-block;
	width: 100%;
	padding: 41px 0;
	border-bottom: 4px solid #dededf;
}
.order-list li:last-child {
	border-bottom: 0px;
}
.order-list li figure {
	margin-right: 30px;
	float: left;
}
.product-desc {
	float: left;
	max-width: 200px;
	padding: 10px 0 0;
}
.product-desc h4 a {
	color: #242424;
}
.product-code {
	display: block;
	color: #64686a;
}
.product-price {
	text-align: left;
	display: block;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	padding-top: 30px;
}
.list-edit {
	overflow: hidden;
	margin: 5px 0;
	padding: 0;
}
.list-edit li {
	float: left;
	width: auto;
	padding: 0;
	border: 0;
}
.list-edit li+ li:before {
	content: "|";
	color: #64686a;
	padding: 0 9px;
}

.list-edit li a {
	color: #64686a;
}

.list-price-desc {
	padding: 17px 0 20px;
	border-top: 4px solid #dededf;
}
.list-price-desc li {
	overflow: hidden;
	padding: 17px 0;
}
.list-price-desc li .product-price {
	padding-top: 0;
}
.price-desc-hdng {
	font-size: 18px;
	color: #171b1d;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	display: block;
	text-transform: uppercase;
}
.list-price-desc li .btn {
	margin: 15px 0;
}

/*validation*/
.validation-box {
	position: relative
}
.validation-box i {
	position: absolute;
	top: 29px;
	right: 25px;
	width: 25px;
	height: 25px;
}
.validation-box i.sucess {
	background: url(../images/right-icon.png) no-repeat 0 0;
}
.validation-box i.error {
	background: url(../images/wrong-icon.png) no-repeat 0 0;
}

/*
 6.) store page
 ----------------------------------------*/
/*banner section*/
.banner-sec {
	position: relative;
}
.banner-middle {
	position: relative;
	margin-bottom: 60px;
}
.opaque-over {
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
}
.opaque-over span, .banner-middle span {
	font-family: 'Damion', cursive;
	font-size: 40px;
	color: #fff;
	display: block;
	padding-top: 10px;
	line-height: 1;
}
.banner-middle span {
	padding-top: 4px;
	font-size: 35px;
}
.banner-middle span small {
	font-size: 15px;
	padding-left: 0px;
	display: inline-block;
	line-height: 1;
	margin-top: 0px;
	font-family: 'Josefin Sans', sans-serif;
}
.abs-banner-mid {
	background: rgba(0, 0, 0, .17);
	position: absolute;
	z-index: 20px;
	left: 0px;
	width: 100%;
	top: 0px;
	height: 100%;
}
.price {
	color: #242424;
	font-size: 25px;
	display: block;
	padding: 14px 0 32px;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}
/*product section*/
.product-section {
	padding-top: 60px;
}

.other-product {
	padding-bottom: 0px;
}

.sec-popular {
	border: 2px solid transparent;
	border-left: 0px;
	border-bottom: 0px;
	position: relative;
	min-height: 200px;
	padding: 25px 0 0;
	margin-top: 60px;
	margin-bottom: 60px;
}

.abs-bot {
	position: static;
	width: 100%;
	margin-top: 20px;
}
.sec-popular p {
	padding: 24px 15% 0;
	color: #474b4e;
	font-size: 14px;
}
.for-sale {
	font-size: 45px;
}
.sec-popular h3 {
	line-height: 1.4;
}

.list-stars {
	text-align: center;
	margin: 18px 0 35px;
}
.list-stars li {
	display: inline-block;
	margin: 0 2px;
}
.list-stars li i {
	font-size: 15px;
	color: #d3d3d3;
}

.abs-bot .btn {
	font-size: 23px;
	padding: 3px 12px;
}

/*
 7.) wishlist and shopping cart
 ----------------------------------------*/
.sec-wishlist {
	padding: 0px 0 60px;
}
.item-table {
}
.item-table th, .item-shopping th {
	padding: 40px 0;
	color: #171b1d;
	font-size: 23px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
}
.item-table td, .item-shopping td {
	padding: 65px 0;
	border-bottom: 4px solid #dededf;
}
.item-desc {
	overflow: hidden;
}
.item-desc figure {
	float: none;
	margin-right: 30px;
	max-width: 150px;
}
.price-desc {
	padding: 53px 0px 0;
	overflow: hidden;
}
.price-desc .form-promo-code label {
	color: #64686a;
	font-weight: 400;
	padding-top: 12px;
}
.price-desc .form-promo-code .form-control {
	border: 2px solid #dededf;
	height: 49px;
	margin: 0 0px 20px 0px;
	color: #64686a;
	padding: 0 10px;
}
.btn-checkout {
	margin: 16px 0 0 0;
}
.subtotal {
	color: #171b1d;
	font-size: 20px;
	display: block;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	padding: 20px 0 0;
	text-transform: uppercase;
}
.subtotal small {
	font-size: 17px;
}
.over-flow {
	overflow: hidden;
}

/*
 8.) products page
 ----------------------------------------*/
.products-main {
	padding: 60px 0 40px;
}
.product-col {
	overflow: hidden;
}
.product-col h3.heading-second {
	text-transform: uppercase;
	font-weight: 700;
	padding-bottom: 48px;
	text-align: left;
}
.view-products {
	padding: 48px 0 48px;
}

.view-products .row.row-inner {
	margin: 0 -15px;
}

.list-popular-item {
	padding: 48px 0 0;
}
.list-popular-item li {
	padding-bottom: 40px;
	display: inline-block;
	width: 100%;
}

.list-popular-item li figure {
	float: left;
	margin-right: 5%;
	width: 32%;
	max-width: 96px;
}
.product-desc-sm {
	float: left;
	width: 63%;
}
.product-rate {
	font-size: 25px;
	color: #242424;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	padding-bottom: 14px;
	display: block;
}
.product-desc-sm h4 {
	margin: 0;
}
.product-desc-sm h4 a {
	color: #242424;
}
.product-desc-sm span.cl-effect-4 a {
	font-size: 18px;
	position: relative;
	padding-bottom: 4px;
	white-space: nowrap;
}
.product-desc-sm a i {
	margin-left: 0;
	margin-right: 4px;
}

.product-rate.second {
	font-weight: 400;
	padding: 7px 0 0;
}
.select-sec {
	display: inline-block;
	width: 100%;
	padding: 40px 0 35px;
}
.select-sec-part {
	float: left;
	width: 50%;
}
.select-sec-part label {
	float: none;
	font-size: 17px;
	color: #64686a;
	padding:3px 20px 0 0;
	font-weight: 400;
	display: block;
}
.list-quality {
	padding-bottom: 40px;
}
.list-quality li {
	color: #64686a;
}
/*
 9.) site wide content
 ----------------------------------------*/
#wrapper.boxed {
	max-width: 1360px;
	margin: 0 auto;
}

.designation {
	font-style: italic;
	display: block;
}

:focus {
	outline: none !important;
}

/*common*/
#main {
}
img {
	height: auto;
	max-width: 100%;
}
.spacer {
	height: 2px;
	margin: 14px auto 0;
	width: 52px;
}
.spacer-sm {
	height: 2px;
	margin: 10px auto 0;
	width: 34px;
}

.spacer-white {
	height: 2px;
	margin: 36px auto 45px;
	width: 52px;
	background: #fff;
}

/*bread crumb*/
.breadcrumb {
	background-color: transparent;
	margin-top: 7px;
	margin-bottom: 0px;
	padding: 8px 0px;
	color: #fff;
}
.breadcrumb > li + li:before {
	color: #fff;
	padding: 0 8px;
}
.breadcrumb a {
	color: #fff;
	text-decoration: underline;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.breadcrumb a:hover, .breadcrumb a:focus {
	color: #fff;
	text-decoration: none;
}
.breadcrumb > .active {
	color: #fff;
}
/*page title*/
.page-title {
	padding: 24px 0;
	color: #fff;
}
.page-title h1 {
	padding: 0;
	margin: 0;
	font-weight: 400;
}
.page-title .breadcrumb {
	float: left;
}
.page-desc {
	padding: 60px 0 0;
}
.page-desc h2 {
	font-family: 'Damion', cursive;
	font-size: 36px;
}
.page-desc p {
	color: #171b1d;
	font-size: 20px;
	font-family: 'Josefin Sans', sans-serif;
	padding: 25px 10% 20px;
	line-height: 1.2;
}

.thumbnail {
	border: 0px;
	border-radius: 0;
	display: block;
	margin-bottom: 40px;
	padding: 0;
	background: none;
}

.thumbnail, .img-thumbnail {
	box-shadow: 0px 0px 0px 0;
}
.thumbnail h3 {
	font-size: 25px;
	margin: 43px 0 0;
}
.thumbnail h3 a {
	font-size: 25px;
	color: #242424;
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
	padding-bottom: 10px;
	display: inline-block;
}
.thumbnail h3 a::before, .thumbnail h3 a::after {
	position: absolute;
	top: 100%;
	left: 0px;
	height: 2px;
	content: '';
	background: transparent;
	width: 100%;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	-webkit-transform: scaleX(0.3);
	-moz-transform: scaleX(0.3);
	transform: scaleX(0.3);
}
.thumbnail:hover h3 a::before, .thumbnail:hover h3 a::after {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	transform: scale(1);
}
.caption a {
	position: relative;
	font-size: 18px;
	font-family: 'Josefin Sans', sans-serif;
}
/*img effect*/
.img-thumb {
	display: block;
	overflow: hidden;
	position: relative;
}
.img-thumb > img {
	display: block;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.img-thumb:hover > img, .img-thumb:focus > img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*outline shadow on img*/
.img-shadow {
	position: relative;
	display: inline-block;
	z-index: 10;
}
.img-shadow .img-thumb img {
	z-index: -1;
	width: 100%;
	position: relative;
}
.img-shadow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.img-shadow:hover::before {
	-webkit-box-shadow: inset 0px 0px 0px 3px transparent;
	box-shadow: inset 0px 0px 0px 3px transparent;
}

.colored-heading {
	margin: 0 0 60px;
	padding: 60px 9%;
}
.colored-heading h2 {
	color: #fff;
}
.colored-heading h2 span {
	font-family: 'Damion', cursive;
	color: #fff;
	padding-right: 14px;
	display: block;
}
.colored-heading h2 i {
	font-size: 30px;
	color: #fff;
	padding-bottom: 34px;
}

.colored-heading h2 {
	font-size: 35px;
}

.link-simple {
	color: #fff;
	font-size: 25px;
	position: relative;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 700;
}
.link-simple i {
	margin-left: 12px;
	font-size: 18px;
}
.link-simple:hover::after {
	background: #fff;
}
.link-simple:hover {
	color: #fff;
}
/*Animation section*/
.anim-section {
	-webkit-transition: all 0ms ease-in-out;
	transition: all 0ms ease-in-out;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	visibility: visible;
	opacity: 1
}
.thumbnail .img-shadow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	-webkit-transition: box-shadow 0.2s;
	transition: box-shadow 0.2s;
}
.thumbnail:hover .img-shadow::before {
	-webkit-box-shadow: inset 0px 0px 0px 3px transparent;
	box-shadow: inset 0px 0px 0px 3px transparent;
}
/*
 10.) buttons styling
 ----------------------------------------*/
.btn {
	padding: 8px 22px;
	font-size: 18px;
	border: 0px;
	border-radius: 0px;
	background-image: none;
	color: #fff;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 400;
	letter-spacing: 1px;
}
.btn:hover, .btn:focus {
	color: #fff;
}
.check-box .btn:hover { color: #474b4e;}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-default:hover {
	box-shadow: 0 0px 0 rgba(255, 255, 255, 0) inset, 0 0px 0px rgba(0, 0, 0, 0);
	text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}
.btn.seprt {
	padding: 8px 16px;
	border-right: 2px solid rgba(255, 255, 255, .5);
}

.btn-sm, .btn-group-sm > .btn {
	font-size: 17px;
	padding: 7px 16px;
}
.btn-default {
	color: #fff;
}
.btn-default.bg-first {
	background-color: #e2cf51;
}

.btn-default:hover, .btn-default:foocus {
	color: #fff;
}
.btn-default i {
	margin-right: 5px;
	font-size: 20px;
}
.btn-default i.fa.fa-plus-circle {
	font-size: 17px;
}

.list-buttons li .btn-sm, .btn-group-sm > .btn {
	margin-top: 8px;
}
.btn-lg, .btn-group-lg > .btn {
	font-size: 24px;
}
/*Button shapes*/
.btn.pill-shapes {
	border-radius: 22px;
	padding: 9px 28px;
}
.btn.round-shapes {
	border-radius: 6px;
}
/*Button border styling*/
.btn.btn-default.plain, .btn.btn-default.plain:focus {
	border: 0px;
	background: none;
}
.btn.btn-default.plain:hover {
	background: none;
}

.btn.btn-default.plain.border-one {
	border: 1px solid transparent;
}
.btn.btn-default.plain.border-one.outline-gray {
	border: 1px solid #dbdbdb;
	color: #7f7f7f;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 300;
}
.btn.btn-default.plain.border-one.outline-gray:hover {
	color: #fff;
}
.btn.btn-default.btn-white {
	background: #fff;
}
.btn.btn-posn {
	margin-top: 20px;
}
/*
 11.) accordion and tab menu
 ----------------------------------------*/
.panel {
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	background: none;
}
.panel-body {
	padding: 30px 20px 0;
}
.panel-body p {
	font-size: 15px;
	font-family: 'Lato', sans-serif;
}
.panel-title {
	font-family: 'Open Sans', sans-serif;
	color: inherit;
	font-size: 17px;
}
.panel-title a {
	display: block;
}
.panel-group {
	margin-top: 45px;
	margin-bottom: 40px;
}
.panel-group .panel {
	border-radius: 0px;
	margin-bottom: 0;
}
.panel-default {
	border: 0px;
}
.panel-default > .panel-heading {
	background-image: none;
	background-color: #dededf;
	border: 0px;
	padding: 0;
	border-radius: 0px;
}
.panel-default > .panel-heading a {
	padding: 16px 15px 15px 15px;
	background-color: transparent;
	color: #959798;
	text-decoration: none;
}
.panel-default > .panel-heading a.collapsed {
	background-color: #dededf;
	color: #959798;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: 0px;
}
.panel-group .panel + .panel {
	margin-top: 2px;
}

.panel-group .panel i.arrow-toggle {
	width: 14px;
	height: 14px;
	font-size: 14px;
	margin: 2px 0 0;
	float: right;
}
.panel-default > .panel-heading a i {
	color: #fff;
}

.panel-group.normal .panel-default > .panel-heading a.collapsed {
	background-color: #ffffff;
	color: #171b1d;
}
.panel-default > .panel-heading a i.fa-plus-circle {
	display: none;
}

.panel-default > .panel-heading a.collapsed i.fa-minus-circle {
	display: none;
}

.panel-default > .panel-heading a.collapsed i.fa-plus-circle {
	display: block;
}

.hover {
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}

/*
 12.) 404 page
 ----------------------------------------*/

.not-found {
	padding: 0 0 60px 0;
	max-width: 932px;
	margin: 0 auto;
}
.not-found form {
	max-width: 584px;
	margin: 0 auto;
}
.not-found p {
	padding: 0 3%;
}
.not-found img {
	max-width: 100%;
	width: 100%;
	margin: 21px 0 21px;
}
.not-found .form-group, .not-found p {
	margin: 0;
}
.not-found .form-group button {
	margin-top: 22px;
	float: left;
}
.not-found .form-control {
	height: 52px;
}
.not-found .page-desc {
	max-width: 100%;
	margin: 0 auto;
	padding-top: 68px;
}
.not-found .page-desc p {
	margin: 0;
	padding: 0;
}

.not-found .page-desc h2 {
	font-size: 45px;
	font-family: 'Josefin Sans', sans-serif;
}

/*
 13.) Brands
 ----------------------------------------*/
.brand-container {
	padding-top: 60px;
	text-align: center;
}
.brand-container .brand-list {
	list-style: none;
	padding: 60px 0 40px;
}
.brand-container .brand-list li {
	padding: 5px 22px;
	display:inline-block;
}
.brand-container .brand-list a:hover {
	opacity: 0.7;
}
.brand-container .brand-list li img {
	max-width: 100%;
	width: 100%;
}
/*
 14.) search results
 ----------------------------------------*/
.result-box {
	padding-bottom: 80px;
}
.result-box li {
	display: inline-block;
	margin-right: 11px;
	margin-bottom: 10px;
}
.result-box li a {
	display: block;
	font-size: 17px;
	line-height: 30px;
	color: #64686a;
	padding: 8px 23px;
	border: 3px solid #dededf;
}
.result-box li a:hover {
	border: 3px solid #64686a;
}

/*pagination style*/
.pagination-custom {
	text-align: center;
	margin: 0;
	padding: 0;
}
.pagination-custom li {
	display: inline-block;
	margin: 0 2px;
}
.pagination-custom li a {
	height: 24px;
	position: relative;
	line-height: 24px;
	width: 24px;
	border: 2px solid transparent;
	display: block;
	color: #fff;
	-webkit-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.pagination-custom li a:hover {
	border:2px solid transparent;
}
.pagination-custom li.active a, .pagination-custom li a:hover {
	background: none;
}
.pagination-custom > li:first-child {
	margin-right: 10px;
	font-weight: 700;
	font-size: 14px;
}
.pagination-custom > li:last-child {
	margin-left: 10px;
	font-weight: 700;
	font-size: 14px;
}

/*
 15.) order history
 ----------------------------------------*/
.history-container {
	padding-bottom: 50px
}

.history-container .form-area {
	padding: 53px 0px 36px;
	margin-bottom: 46px;
}
.history-container .note {
	display: block;
	font-size: 15px;
	line-height: 25px;
	color: #474b4e;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
}
.item-history th {
	padding: 0 0 20px 0;
	color: #171b1d;
	font-size: 23px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	vertical-align: top;
}
.item-history td {
	padding: 17px 0;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 25px;
	color: #474b4e;
}
.item-history td a {
	color: #474b4e;
}
.item-history td span {
	
}
.item-history td span a {
	border-bottom: 1px solid #474b4e;
}
.item-history td strong {
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	color: #242424;
	font-size: 25px;
}

/*
 16.) about us
 ----------------------------------------*/
.about-container .top-row {
	background: #f9f9f9
}
.about-container .bottom-row {
	background: #ffffff;
	padding: 60px 0
}

.about-skill {
	background: #fff;
	padding-bottom: 60px;
}

.about-skill p {
	font-size: 16px;
	line-height: 25px;
	color: #92939a;
	font-family: 'Lato', sans-serif;
	margin-bottom: 0
}
.about-skill figure {
	margin-bottom:30px;
}

/*progress bar start*/
.progress-main {
	margin: 44px 0 0;
}

.progress {
	background-color: #dedede;
	border-radius: 0px;
	box-shadow: 0 0px 0px rgba(0, 0, 0, 0) inset;
	height: 40px;
	margin-bottom: 18px;
	overflow: hidden;
	background-image: none;
}

.progress-bar {
	background-color: transparent;
	box-shadow: 0 0px 0 rgba(0, 0, 0, 0) inset;
	color: #fff;
	float: left;
	font-size: 22px;
	height: 100%;
	line-height: 40px;
	text-align: left;
	padding-left: 20px;
	text-transform: uppercase;
}

.progress.thin {
	height: 10px;
}

.img-shadow:hover::before {
	-webkit-box-shadow: inset 0px 0px 0px 6px #dadadb;
	box-shadow: inset 0px 0px 0px 6px #dadadb;
}

/*progress bar end*/

.our-partners {
	background: #e1cc3f;
	padding: 70px 0 60px 0
}
.our-partners .spacer {
	background: #000
}
.our-partners ul {
	padding-top: 60px;
}
.our-partners li {
	/*float: left;*/
	display:inline-block;
	padding: 0 2.5% 20px;
}
.our-partners li a:hover {
	opacity: 0.8
}

.our-team {
	padding: 60px 0
}

.list-social {
	display: inline-block;
	width: 100%;
	padding: 3px 0 20px 4px;
	text-align: center;
}
.list-social a {
	margin: 0 5px;
	display: inline-block;
}

.list-social a i {
	font-size: 21px;
	line-height: 38px;
	color: #fff;
}
.list-social a:hover i {
	color: #fff;
}

/*
 17.) order history 1
 ----------------------------------------*/
.order-history-detail {
}
.common-box {	
	border-top: 4px solid #dededf;
	padding: 40px 0 20px;
	margin:0 -15px 0px;
}
.common-box h3 {
	text-transform: uppercase;
	padding-bottom: 12px;
	font-weight: 700;
	font-family: "Montserrat",sans-serif;
}
.order-history-detail p {
	font-size: 15px;
	margin-bottom: 18px;
}

.payment-detail {
	overflow: hidden;
}
.payment-detail li {
	width: 100%;
	line-height: 30px;
	overflow: hidden;
}
.payment-detail li span {
	float: left;
	color: #64686a;
}
.payment-detail li strong {
	float: right;
	font-weight: normal;
	color: #242424;
}
.total-payment {
	display: block;
	border-top: 1px solid #dededf;
	font-size: 15px;
	line-height: 30px;
	color: #474b4e;
	padding: 30px 0 0 0;
	margin-top: 40px;
}
.total-payment span {
	float: right;
	font-size: 23px;
	color: #242424;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
}

.order-table {
	display: table;
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	line-height: 25px;
}
.order-table th {
	display: table-cell;
	color: #242424
}
.order-table td {
	color: #7c7f81
}
.order-table td span {
	border-bottom: 1px solid #7c7f81
}
.order-table tr:last-child td {
	padding-bottom: 35px
}

.order-history-detail .resend {
	border-bottom: 1px solid #dededf;
	border-top: 1px solid #dededf;
	padding: 30px 0 40px 0;
	margin-bottom: 30px;
}

.Shipped-box {
    border-top: 4px solid #dededf;
    padding: 20px 0;
    margin: 0 -15px;
}
.Shipped-box h3 {
	text-transform: uppercase;
    font-family: "Montserrat",sans-serif;
    font-weight:700;
}
.shipped-detail {
	display: block;
	font-size: 25px;
	line-height: 32px;
	color: #242424;
	font-family: 'Josefin Sans', sans-serif;
	font-weight: 600;
	margin: 0px;
}
.shipped-detail span {
	display: inline-block;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
	padding-right: 10px
}
.item-table-second .product-code, .quantity, .prd-name {
	display: block;
	color: #64686a;
	line-height: 1.6;
}
.item-table-second {
	margin: 12px 0 0;
	color: #64686a;
}
.item-table-second .product-desc {
	padding: 0;
}
.item-table-second .product-desc h4 {
	margin: 0 0 8px;
}
.item-table-second .item-desc {
	margin: 15px 0px;
}
.item-table-second tr {
	margin: 15px 0;
} 

.item-table-second td.first-col {
	width: 500px;
}
.item-table-second td.second-col {
	width:100px;
}
.item-table-second td.third-col {
	width: 150px;	
}
.item-table-second td.fourth-col {
	width: 200px;
}

.item-table-second td.fifth-col {
	width: 750px;
}
.item-table-second td.sixth-col {
	width:130px;
	text-align: right;
}
.item-table-second .product-price {
	padding-top: 0;
	text-align: center;
	color: #242424;
}
.item-table-second td.sixth-col .product-price {
	text-align: right;
}
/*
 18.) pop up boxes
 ----------------------------------------*/
.popup-box {
	position: relative;
}
.popup-box .modal-dialog {
	margin-top: 10%;
	color: #000;
	width: auto;
}
.popup-box button.close {
	width: 51px;
	height: 51px;
	background: url(../images/cancel.png) no-repeat 0 0;
	opacity: 1;
	position: absolute;
	top: -25px;
	right: -25px;
	z-index: 99;
}
.popup-box .modal-content {
	border-radius: 0;
}
.popup-box .modal-header {
	padding: 0;
	min-height: 0;
	border: none;
}
.popup-box .modal-body {
	padding: 55px 58px;
}
.popup-box .head {
	display: block;
	font-size: 30px;
	line-height: 40px;
	color: #171b1d;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;
	font-weight: 600;
	padding-bottom: 60px;
}
.popup-box .head.none {
	padding-bottom: 0
}
.popup-box .pop-detail {
	display: block;
	border-bottom: 4px solid #dededf;
	border-top: 4px solid #dededf;
	padding: 40px 40px;
	min-height: 200px;
}
.popup-box .pop-detail p {
	font-size: 17px;
	line-height: 30px;
	color: #929596;
	font-family: 'Open Sans', sans-serif;
	margin-bottom: 0;
}
.popup-box .pop-detail p span {
	display: block;
}
.popup-box .pop-detail p a {
	color: #171b1d;
	text-decoration: underline
}
.popup-box .pop-detail p a:hover {
	text-decoration: none
}
.popup-box .pop-detail .btn {
	margin-top: 35px
}
.popup-box .form-group {
	margin: 0;
}
.popup-box .forget {
	display: inline-block;
	font-size: 15px;
	line-height: 25px;
	color: #474b4e;
	font-family: 'Lato', sans-serif;
}
.popup-box .forget:hover {
	text-decoration: underline;
}
.popup-box .btn-group {
	display: block;
}
@media (min-width: 768px) {
	/*typography desktop*/
	body {
		font-size: 17px;
	}
	h1, .h1 {
		font-size: 35px
	}
	h2, .h2 {
		font-size: 35px
	}
	h3, .h3 {
		font-size: 30px;
	}
	h4, .h4 {
		font-size: 25px;
	}
	h5, .h5 {
		font-size: 20px;
	}
	h6, .h6 {
		font-size: 16px;
	}
	.page-title .breadcrumb {
		float: right;
	}
	a.submenu-icon .glyphicon {
		display: none !important;
	}
	.section-title {
		margin: 110px 0 0;
	}
	/*Navigation*/
	#header {
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 2000;
		width: 100%;
		background: rgba(0, 0, 0, .4);
	}
	.menu-pointer {
		display: inline-block;
	}
	.logo {
		margin-right: 24px;
		float: none;
	}
	.btn.btn-posn {
		float: right;
		margin-top: 0px;
	}

	.navbar {
		float: none;
	}
	.navbar-nav {
		margin: 0;
		padding: 0;
	}
	.nav > li {
		padding: 11px 11px 13px 11px;
		margin: 0;
	}
	.nav > li:first-child {
		padding-left: 0;
	}

	.navbar-default .navbar-nav > li > a, .navbar-default .navbar-nav > li > .dropdown-nav a {
		color: #fff;
	}
	.navbar-default .navbar-nav > li > .dropdown-nav a {
		display: inline-block;
	}
	.navbar-nav > li > .dropdown-nav, .navbar-nav > li > .dropdown-nav .dropdown-nav {
		float: left;
		position: absolute;
		left: 50%;
		margin-left: -79px;
	}
	.dropdown-nav {
		display: block;
	}
	.navbar-nav > li > .dropdown-nav .dropdown-nav {
		background-color: #232729;
		border: 1px solid rgba(0, 0, 0, 0.15);
		box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
		left: 108%;
		margin-left: 0;
		padding: 30px 0px 30px 0px;
	}
	.nav > li > a {
		display: block;
		padding: 0px 0px 5px;
		position: relative;
	}
	.nav > li .dropdown-nav {
		margin-top: 30px;
		-webkit-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		opacity: 0;
		visibility: hidden;
		display: block;
		z-index: -1;
	}
	.nav > li:hover .dropdown-nav {
		margin-top: 14px;
		opacity: 1;
		height: auto;
		visibility: visible;
		z-index: 1000;
	}
	.navbar-default .navbar-nav > li > .dropdown-nav li > .dropdown-nav {
		display: none;
	}
	.navbar-default .navbar-nav > li > .dropdown-nav li:hover > .dropdown-nav {
		display: block;
		top: 0px;
		left: 100%;
	}
	.navbar-default .navbar-nav > li > .dropdown-nav li {
		position: relative;
	}
	.navbar-default .navbar-collapse {
		background: transparent;
		border-color: transparent;
	}
	.search-top {
	float: right;
	position: static;
}

.shopping-cart {
	line-height: 42px;
	width: 42px;
	margin-top: 5px;
}

	.search-top .btn {
		padding: 8px 12px;
	}
	.inpt-search {	
	right: 56px;
	top: 11px;	
}
.search-top .btn {
	padding: 10px 12px 8px;}

	.nav-right ul {
		padding: 17px 0px 0 0;
	}

	/*Navigation ends*/

	/*header ends*/
	#footer {
		padding: 99px 0 96px;
	}
	#footer h2 {
		font-size: 32px;
	}
	#footer h3 {
		font-size: 18px;
	}
	.footer-left {
		padding-bottom: 60px;
	}
	.footer-nav {
		padding-left: 0%;
	}
	.link-footer ul {
		padding: 33px 0 0;
	}
	.link-footer ul li {
		margin: 0px 12px 10px 0;
		font-size: 14px;
	}
	.row.sec-connect {
		padding: 54px 0px 0;
	}
	.list-social {
		margin: 9px 0 0 0px;
		float: left;
	}

	.link-footer {
		padding-bottom: 14px;
	}
	.connect {
		float: left;
		font-size: 35px;
		padding-right: 39px;
	}

	.tel-number {
		font-size: 35px;
		padding: 0 0 0 15px;
	}
	.tel-number span {
		padding-left: 14px;
	}
	#footer .form-control {
		margin: 25px 0 17px;
	}

	/*site wide content*/
	.page-title {
		margin-top: 126px;
	}
	.btn {
		padding: 8px 28px;
		font-size: 23px;
	}
	.btn-lg, .btn-group-lg > .btn {
		font-size: 30px;
	}
	/*account page*/
	.account-page {
		padding: 96px 0 140px;
	}
	.promotional-code {
		margin: 70px 0 0;
		padding: 49px 40px 35px;
	}
	.form-group {
		margin: 47px 0 59px;
	}
	.form-group h4 {
		margin: 0;
	}
	.form-promo-code {
		float: right;
	}
	.form-promo-code label {
		display: inline-block;
		float: left;
		padding: 0;
	}
	.form-promo-code .btn {
	float: none;
}
	.promotional-code h2 {
		margin-bottom: 3px;
	}

	.form-promo-code .form-control {
		float: left;
		width: 37%;
		margin: 0 47px 0 20px;
		display: block;
	}

	.product-price {
		text-align: right;
		padding-top: 60px;
		font-size: 25px;
	}
	.price-desc-hdng {
		font-size: 24px;
		text-align: right;
	}
	.name-user {
		border-right: 4px solid #dededf;
		border-bottom: 0px;
		padding: 20px 12px 27px;
		float: left;
		font-size: 35px;
		width: 26%;
		text-align: left;
	}
	.for-assistance {
		width: 46%;
		border-right: 4px solid #dededf;
		border-bottom: 0px;
		padding: 34px 12px 38px;
	}
	.form-heading {
		margin-bottom: 40px;
	}
	.list-price-desc {
		padding: 0 0 84px;
	}
	.form-heading nav ul li {
		font-size: 25px;
	}
	.link-email {
		width: 26%;
		display: inline-block;
		padding: 34px 12px 38px;
		text-align: right;
	}
	.form-area {
		padding: 75px 0px 77px;
	}
	.form-sec-main {
		margin: 90px 0 0;
	}
	.create-account {
		float: left;
	}
	.click-login {
		padding: 35px 0 0px;
		text-align: left;
	}
	.switch-link {
		padding-top: 40px;
		overflow: hidden;
	}
	.switch-link-sec {
		padding: 30px 5% 30px 0;
		border-right: 3px solid #dededf;
	}

	.switch-link-sec .col-sm-10, .switch-link-sec .col-sm-2 {
		width: auto
	}

	.switch-link-sec.last-sec {
		border-top: 0px;
		padding: 30px 0 10px 5%;
	}
	.sec-popular {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.banner-middle {
		margin-bottom: 88px;
	}
	.colored-heading {
		margin: 0px 0 42px;
	}

	.colored-heading h2 i {
		font-size: 50px;
	}
	.colored-heading h2 {
		font-size: 45px;
	}
	.colored-heading h2 span {
		font-size: 50px;
	}
	.img-thumb:hover > img, .img-thumb:focus > img {
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.opaque-over span, .banner-middle span {
		font-size: 59px;
		padding-bottom: 21px;
		padding-top: 139px;
	}
	.banner-middle span {
		padding-top: 60px;
	}
	.banner-middle span small {
		font-size: 50px;
		padding-left: 100px;
		margin-top: -30px;
	}
	.page-desc {
		padding: 75px 0 0;
	}
	.page-desc p {
		font-size: 45px;
		padding: 35px 10% 50px;
	}
	.page-desc h2 {
		font-size: 50px;
	}

	.spacer {
		margin: 36px auto 0;
	}
	.spacer-sm {
		margin: 10px auto 0;
	}
	.other-product {
		padding-bottom:50px;
	}
.other-product.padd-bot {
	padding-bottom: 88px;
}
	.thumbnail {
		margin-bottom: 86px;
	}	

.shipped-detail {
	text-align: right;
	margin-top: 50px;
	}
	
	.item-desc figure {
    margin-right: 12px;
}
.progress-main {
	margin: 22px 0 0;
}

	.product-desc {
	padding: 0px 0 0;
	width: 57%;
}

.product-desc h4 {
	font-size:20px;
}
	/*wishlist*/
	.sec-wishlist {
		padding: 134px 0 160px;
	}
	.item-desc figure {
		float: left;
		width: 34%;
	}
	.item-table thead, .item-shopping thead {
		border-top: 4px solid #dededf;
		border-bottom: 4px solid #dededf;
	}

	.item-table th.first-col, .item-table td.first-col {
		width: 532px;
		padding-left: 16px;
	}

	.item-table th.second-col, .item-table td.second-col {
		width: 176px;
		text-align: center;
	}

	.item-table th.third-col, .item-table td.third-col {
		width: 159px;
		text-align: center;
	}
	.item-table th.fourth-col, .item-table td.fourth-col {
		width: 123px;
		text-align: center;
	}

	.item-table th.fifth-col, .item-table td.fifth-col {
		width: 214px;
		text-align: right;
		padding-right: 16px;
	}

	.item-shopping th.first-col, .item-shopping td.first-col {
		width: 532px;
		padding-left: 16px;
	}

	.item-shopping th.second-col, .item-shopping td.second-col {
		width: 200px;
		text-align: center;
	}

	.item-shopping th.third-col, .item-shopping td.third-col {
		width: 193px;
		text-align: center;
	}
	.item-shopping th.fourth-col, .item-shopping td.fourth-col {
		width: 231px;
		text-align: center;
	}

	.item-shopping th.fifth-col, .item-shopping td.fifth-col {
		width: 148px;
		text-align: right;
		padding-right: 16px;
	}

	.item-shopping td.fifth-col {
		font-size: 25px;
		font-family: 'Josefin Sans', sans-serif;
	}

	.item-table td.second-col, .item-table td.third-col, .item-table td.fourth-col, .item-shopping td.second-col, .item-shopping td.third-col, .item-shopping td.fourth-col {
		color: #64686a;
	}
	.price-desc {
	padding: 53px 16px 0;
}
	.price-desc .form-promo-code .form-control {
		margin: 0 26px 0 30px;
	}
	.subtotal {
		text-align: right;
		padding: 42px 0 0;
	}
	.btn-checkout {
		float: right;
		margin: 56px 18px 0 0;
	}

	.subtotal {
		font-size: 30px;
		padding: 20px 18px 0;
	}
	.subtotal small {
		font-size: 25px;
	}

	.sec-popular p {
		padding: 24px 5% 0;
		font-size: 14px;
	}
	.inpt-search.open {
		width: 200px;
	}
	
	.history-container .form-area {
	padding: 53px 40px 36px;
	margin-bottom: 46px;
}	

	/*history-table*/
	.common-box {
		padding: 20px 0;
		margin:0 0 40px;
		border-bottom: 0px;
		
	}
	.Shipped-box {
	border-bottom: 4px solid #dededf;
    border-top:4px solid #dededf;
    padding: 20px 0 40px;
    margin: 0 0 80px;
}
.history-container .note {
	padding-left: 40px;}
	
	.item-history th {
		font-size: 20px
	}
	.item-history td {
		font-size: 12px
	}
	.item-history td strong {
		font-size: 17px
	}

	.item-history th.first-col {
		width: 180px;
	}

	.item-history th.second-col {
		width: 220px;
	}

	.item-history th.third-col {
		width: 380px;
	}
	.item-history th.fourth-col {
		width: 110px;
	}

	/*pagination style*/
	.pagination-box {
		margin-top: 0px;
		margin-bottom: 88px;
	}
	.pagination-custom li {
		display: inline-block;
		margin: 0 2px;
		font-size: 13px;
	}
	.pagination-custom li a {
		height: 51px;
		line-height: 50px;
		width: 52px;
		display: block;
	}

	.pagination-custom li a span {
		height: 51px;
		line-height: 50px;
		width: 52px;
	}

	.pagination-custom > li:first-child {
		margin-right: 0px;
		font-size: 18px;
	}
	.pagination-custom > li:last-child {
		margin-left: 0px;
		font-size: 18px;
	}
/*accordion panel	*/
	.panel-group {
	margin-top: 60px;
	margin-bottom: 0px;
}

	/*popup-code*/
	.popup-box .modal-dialog {
		width: 550px;
		margin-top: 20%
	}

	/*about-us*/
	.about-container .bottom-row {
		padding: 78px 0 60px
	}
	.about-skill {
		padding-bottom: 60px
	}
	.our-team {
		padding:78px 0 59px
	}
	.brand-container {
		padding-top: 128px;
	}
	
	.not-found {
		padding: 60px 0
	}
	.not-found .form-group {
		margin: 64px 0 0;
	}
	.products-main {
		padding: 88px 0 0px;
	}
	.view-products {
		padding: 48px 0 60px;
	}
	.select-sec-part {
		width: 100%;
		margin-bottom: 10px
	}
	
	.view-products .col-sm-9.break {
		width: 100%;
	}
	
	.view-products .col-sm-3.break-right {
		width: 100%;
		margin-top:60px;
	}

.view-products .col-sm-3.break-right .list-popular-item li { float: left; width: 50%;}
.list-popular-item li figure {
	float: left;
	margin-right: 5%;
	width: 32%;
	max-width: 96px;
}
.product-desc-sm {
	float: left;
	width: 63%;
}

.select-sec-part {
	float: left;
	width: 50%;
}
.select-sec-part label {
	float: left;	
	display:inline-block;
	padding:3px 20px 0 0;
}

.list-price-desc {
	border-top: 0px;
}

	}

@media (min-width: 1024px) {
	.logo {
		margin-right: 24px;
		float: left;
	}
	.nav-right nav {
		float: left;
	}
	.nav-right ul {
		padding: 18px 12px 0;
	}
	.nav-right ul li {
		margin: 0 6px;
	}
	.tel-number {
		padding: 0px 0 0 10.6%;
	}
	.page-title {
		margin-top: 83px;
	}

	.footer-nav {
		padding-left: 10.6%;
	}
	.footer-nav .col-sm-4 {
		width: 33.333%;
	}
	.link-footer {
		padding-bottom: 0px;
	}

	.link-footer ul li {
		margin: 0px 0px 10px;
		float: none;
	}
	.form-area {
		padding: 75px 40px 77px;
	}
	.opaque-over span, .banner-middle span {
		font-size: 140px;
		padding-bottom: 30px;
		padding-top: 120px;
	}
	.banner-middle span {
		padding-top: 17px;
	}
	.banner-middle span small {
		display: block;
	}

	.list-stars li i {
		font-size: 24px;
	}

	.sec-popular {
		min-height: 482px;
		padding: 155px 0 0;
	}
	.sec-popular p {
		padding: 44px 15% 0;
		font-size: 20px;
	}

	.abs-bot {
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 100%;
	}
	.abs-bot .btn {
		font-size: 23px;
		padding: 8px 28px;
	}

	.pagination-custom > li:first-child {
		margin-right: 84px;
		font-size: 18px;
	}
	.pagination-custom > li:last-child {
		margin-left: 84px;
		font-size: 18px;
	}

	.item-history th {
		font-size: 23px
	}
	.item-history td {
		font-size: 15px;
	}
	.item-history td strong {
		font-size: 25px;
	}
	
	.prd-status {
	margin-top: 55px;
}
	.popup-box .modal-dialog {
		margin-top: 10%
	}
	
.common-box {
		padding: 20px 0;
		margin:0 0 100px;
		border-bottom: 4px solid #dededf;
		
	}	

}
@media (min-width: 1025px) {
/*Animation section*/
	.anim-section {
		position: relative;
		-webkit-transition: all 600ms ease-in-out;
		transition: all 600ms ease-in-out;
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
		visibility: visible;
		opacity: 0;
	}
	.anim-section.animate {
		-webkit-transform: translateY(0px);
		transform: translateY(0px);
		visibility: visible;
		opacity: 1;
	}	
	.other-product {
		padding-bottom: 150px;
	}	
	.page-desc {
		padding: 128px 0 0;
	}
	.banner-middle {
		margin-bottom: 153px;
	}
	.other-product.padd-bot {
	padding-bottom: 150px;
}
.about-container .bottom-row {
		padding: 125px 0 60px
	}
	.our-team {
		padding: 120px 0 59px
	}
	.account-page {
		padding: 96px 0 161px;
	}
	.Shipped-box {
	border-bottom: 4px solid #dededf;
    border-top: 4px solid #dededf;
    padding: 40px 0;
    margin: 0 0 80px;
}
.products-main {
		padding: 135px 0 46px;
	}
.view-products {
		padding: 48px 0 118px;
	}

.view-products .col-sm-9.break {
		width: 75%;
	}
	
	.view-products .col-sm-3.break-right {
		width: 25%;
		margin-top:0px;
	}

.view-products .col-sm-3.break-right .list-popular-item li {
	float: none;
	 width: 100%;
	 
	 }
.price-desc-hdng {
		font-size: 25px;
	}
.item-desc figure {
		width: auto;
	}	
	
.item-desc figure {
    margin-right: 30px;
}	
.product-desc h4 {
	font-size:25px;
}

}

@media (min-width: 1199px) {
	.nav > li {
		margin: 0;
		padding: 11px 14px 13px;
	}
	.navbar-default .navbar-nav > li > .dropdown-nav li:hover > .dropdown-nav {
		left: 100%;
	}

	.logo {
		margin-right: 55px;
	}
	.nav-right ul li {
		margin: 0 10px;
	}
	
	.navbar {
		float: left;
	}
	#footer h3 {
		font-size: 24px;
	}

	.banner-middle span small {
		font-size: 50px;
		margin-top: -30px;
		padding-left: 100px;
	}

	.switch-link-sec .col-sm-10 {
		width: 83.3333%
	}
	.switch-link-sec .col-sm-2 {
		width: 16.6667%
	}

}

@media (min-width: 1280px) {
	.banner-middle span {
		padding-top: 60px;
	}
	padding: 11px 17px 13px;

}

@media (min-width: 1340px) {
	.footer-nav {
		padding-left: 14.6%;
	}
	.tel-number {
		padding: 0px 0 0 14.6%;
	}
	.opaque-over span, .banner-middle span {
		font-size: 180px;
		padding-bottom: 60px;
		padding-top: 140px;
	}

	.banner-middle span {
		padding-top: 60px;
	}

	.banner-middle span small {
		font-size: 50px;
		margin-top: -30px;
		padding-left: 100px;
	}

	.select-sec-part {
		width: 50%;
		margin-bottom: 0
	}
	.brand-container .brand-list li {
	float: left;
	padding: 5px 22px
}

}

@media (min-width: 1440px) {
	.opaque-over span, .banner-middle span {
		font-size: 200px;
		padding-bottom: 60px;
		padding-top: 170px;
	}
	.banner-middle span {
		padding-top: 60px;
	}
	.banner-middle span small {
		font-size: 50px;
		margin-top: -30px;
		padding-left: 100px;
	}
	
}
@media only screen and (max-width: 1023px) {
.item-table-second td {
	display: block;
	
} 
.item-table-second {
	width: 100%;
}

.item-table-second td.first-col, .item-table-second td.second-col, .item-table-second td.third-col, .item-table-second td.fourth-col {
	width:100%;
	padding-bottom: 15px;
}
.item-table-second td.fifth-col, .item-table-second td.sixth-col {
	padding-bottom: 0;
	display: table-cell;
	
}

.item-table-second td.sixth-col .product-price {
	text-align: left;
	padding-top: 0;
	
}

.order-history-detail .col-sm-7 {
	width: 100%;
}

.item-table-second {
	margin: 12px 0 30px;
}

}

@media only screen and (max-width: 767px) /*,
 (min-device-width: 768px) and (max-device-width: 1024px)*/ {
	/* Force table to not be like tables anymore */
.item-table tr, .item-shopping tr {
		margin-top: 60px;
}

.item-table, .item-table thead, .item-table tbody, .item-table th, .item-table td, .item-table tr, .item-shopping, .item-shopping thead, .item-shopping tbody, .item-shopping th, .item-shopping td, .item-shopping tr {
		display: block;
		font-size: 13px;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.item-table thead tr, .item-shopping thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.item-table tr, .item-shopping tr {
		border: 1px solid #ccc;
	}
	.item-table td, .item-shopping td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%; */
		padding: 12px 0 12px 40%;
	}
	.item-table td:before, .item-shopping td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 12px;
		left: 12px;
		width: 45%;
		padding-right: 10px;
	}
	/*
	 Label the data
	 */
	.item-table td:nth-of-type(1):before {
		content: "ITEM DESCRIPTION";
	}
	.item-table td:nth-of-type(2):before {
		content: "COLOR";
	}
	.item-table td:nth-of-type(3):before {
		content: "SIZE";
	}
	.item-table td:nth-of-type(4):before {
		content: "PRICE";
	}

	.item-shopping td:nth-of-type(1):before {
		content: "ITEM DESCRIPTION";
	}
	.item-shopping td:nth-of-type(2):before {
		content: "COLOR";
	}
	.item-shopping td:nth-of-type(3):before {
		content: "SIZE";
	}
	.item-shopping td:nth-of-type(4):before {
		content: "STATUS";
	}
	.item-shopping td:nth-of-type(5):before {
		content: "PRICE";
	}
	/*order-history*/

	.history-container .form-area {
		padding: 20px 0
	}

	.item-history tr {
		margin-top: 20px;
	}

	.item-history, .item-history thead, .item-history tbody, .item-history th, .item-history td, .item-history tr {
		display: block;
	}
	/* Hide table headers (but not display: none;, for accessibility) */
	.item-history thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	.item-history tr {
		border: 1px solid #ccc;
	}
	.item-history td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		/*padding-left: 50%; */
		padding: 12px 0 12px 60%;
		font-size: 12px;
	}

	.item-history td strong {
		font-size: 18px
	}

	.item-history td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 12px;
		left: 12px;
		width: 55%;
		padding-right: 10px;
		font-size: 12px;
	}
	/*
	 Label the data
	 */
	.item-history td:nth-of-type(1):before {
		content: "DATE";
	}
	.item-history td:nth-of-type(2):before {
		content: "STATUS";
	}
	.item-history td:nth-of-type(3):before {
		content: "TRANSACTION NUMBER";
	}
	.item-history td:nth-of-type(4):before {
		content: "TOTAL";
	}

	/*order-history-1*/	
	.item-table-second {
		text-align: center;
}
.item-table-second .product-desc {
    max-width: 100%;
    float: none;
    margin: 30px 0 0;
}
.item-table-second .item-desc figure {
    margin-right:0px;
    max-width:100%;
}

.item-table-second td.fifth-col, .item-table-second td.sixth-col {
	display: block;
	width: 100%;	
}
.item-table-second td.sixth-col .product-price {
	text-align: center;	
}
.item-table-second .list-edit li {
    float: none;   
    display: inline-block;
}
	.total-payment {
		font-size: 14px
	}
	.total-payment span {
		font-size: 20px
	}
	.Shipped-box li img {
		margin-bottom: 10px
	}	
	.order-history-detail .btn {
		font-size: 15px
	}

	/*popup-code*/
	.popup-box .modal-body {
		padding: 20px 20px
	}
	.popup-box .pop-detail {
		padding: 20px 20px
	}
	.popup-box button.close {
		width: 25px;
		height: 25px;
		right: -10px;
		top: -10px;
		background-size: 100% 100%;
	}
	.popup-box .head {
		padding-bottom: 20px
	}
}

