body {
    font-family: 'Nunito', sans-serif;
	font-weight: 400;
	color: #000;
	font-size: 14px;
	line-height: 20px;
	width: 100%;
	letter-spacing: 0.6px;
	background-color: #fff;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
b, strong {
    font-weight: 600;
}
a {
	color: #000;
	transition: 0.3s ease;
}
.d-inline-block {
    display: inline-block;
    vertical-align: middle;
}
:focus{
	outline: none;
}
a:focus, a:hover,.btn-link:focus, .btn-link:hover{
	text-decoration: none;
	outline: none;
	color: #558297;
}
legend {
	font-size: 18px;
	padding: 7px 0px;
	color: #000;
	border-color: #f2f2f2;
}
label {
	font-size: 13px;
	font-weight: normal;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 13px;
}
.input-group .input-group-addon {
	font-size: 14px;
	height: 30px;
	color: #000
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
@media (max-width: 991px){
    .container {
        width: 100%;
    }
}
@media (min-width: 992px) and (max-width: 1199px){
    .container { 
        width: 963px;
    }
}
@media (min-width: 1200px) and (max-width: 1409px){
	.container {
		width: 1170px;
	}
}
@media (min-width: 1410px) and (max-width: 1629px){
	.container {
		width: 1380px;
	}
}
@media (min-width:1630px){
	.container {
		width: 1600px;
	}
}
.form-control{
	box-shadow: none;
	border: 1px solid #eee;
	border-radius: 5px;
}
.input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn{
	border-radius: 0
}
.form-control:focus{
	border: 1px solid #558297;
	box-shadow: none
}
/* search */

#search_block_top .input-group{
	position: unset;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 5px;
	max-width: 100%;
}
#search .input-lg {
	height: 45px;
	padding: 0 10px;
	border: none;
	font-size: 14px;
	border-radius: 0;
	padding-left: 20px;
}
#search .btn-lg {
	height: 45px;
	border-radius: 0 10px 10px 0;
	background-color: #558297;
}
#search .btn-lg:hover, #search .btn-lg:focus{
	background: #000;
	transition: 0.6s ease;
}
#search .form-control:focus{
	border: none;
	box-shadow: none;
}
/* cart */
#cart{
	padding: 5px 0;
}
.btn-group.open .dropdown-toggle{
	box-shadow: none;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart .dropdown-menu {
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 295px;
	padding: 10px 0;
}
.dropdown-menu{
	border-radius: 0;
	min-width: 300px;
}
.xscu .dropdown-menu, .xsla .dropdown-menu{
	min-width: 130px;	
}
#cart .btn-danger {
    padding: 0;
    color: #222;
    border: none;
    border-color: #fff;
    position: absolute;
    background-color: #fff;
    transition: all 0.4s ease-in-out 0s;
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
	font-size: 14px;
}
#cart .table-striped > tbody > tr:nth-of-type(2n+1) {
    background: none;
}
#cart li tbody tr td {
    border-bottom: 1px solid #eee !important;
	border: none;
}
#cart li tbody tr td {
    border-bottom: 1px solid #eee !important;
	border: none;
	font-size: 12px;
}
.cartqt{
	width: 12%;
}
.cartdrop {
    padding: 0;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
}
.cartdrop img{
	max-width: 60px;
	padding: 0;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
}
.cartname {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin: 0 10px;
    width: 160px;
    font-size: 14px;
    transition: 0.3s ease;
}
.cartname:hover{
	color: #000;
}
.cartname a{
	font-weight: 500;
}
.cartprice {
    clear: both;
    position: relative;
    top: -35px;
    left: 70px;
    width: 50%;
    color: #000;
    font-size: 13px;
    direction: ltr;
    margin-bottom: -10px;
}
#cart .dropdown-menu li > div {
	padding: 0 10px;
}
#cart .dropdown-menu li > div table td {
	border: 1px solid #eee;
	color: #000;
}
#search .d-search #search_toggle, #search_block_top .input-group,.list-inline .inuser,.list-inline .wishcom{
	margin-right: 10px;
}
/* menu */
#menu .dropdown-menu {
	padding-bottom: 0;
}
#menu .dropdown-inner {
	display: table;
}
#menu .dropdown-inner ul {
	display: table-cell;
}
#menu .dropdown-inner a {
	min-width: 200px;
	display: block;
	padding: 3px 2px;
	clear: both;
	line-height: 23px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
}
#menu .dropdown-inner .dropdown-submenu ul.grand-child li {
    padding: 0;
}
#menu .dropdown-inner .dropdown-submenu .submenu-title {
    font-weight: 500;
    font-size: 17px;
    padding: 0;
    margin-bottom: 10px;
    text-transform: capitalize;
    color: #000
}
#menu .dropdown-inner .list-unstyled:first-child{
	padding-left: 25px;
}
/* content */
/* alert */
.alert {
	padding: 8px 14px 8px 14px;
	border-radius: 4px
}
/* breadcrumb */
.breadcrumb {
    margin:  0 15px 20px 15px;
	padding: 8px 15px;
	background: #f7f7f7;
	border-radius: 10px;
	text-transform: capitalize;
	font-weight: 600;
}
.breadcrumb i {
	font-size: 15px;
}
.breadcrumb > li{
	display: inline
}
.breadcrumb > li a:hover{
	color: #000;
}
.breadcrumb > li a:hover{
	color: #558297;
}
.breadcrumb > li a::after {
	content: '|';
	padding: 0 15px;
	color: #000;
}
.breadcrumb > li:last-child a::after {
	content: '';
	padding: 0;
}
.breadcrumb > li + li::before {
    padding: 0;
    color: #000;
    content: "";
}
.pagination {
	margin: 0;
	padding: 0;
}
/* buttons */
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover{
	background-color: transparent;
}
.btn-primary:hover, .btn-primary:active, .btn-primary:active:hover, .btn-primary:focus {
    background: #000;
}
.buttons {
	margin: 1em 0;
}
.btn-primary{
	background: #558297;
}
/* .btn-primary:hover, .btn-primary:focus, .btn-primary:active{
    box-shadow: inset -6.5em 0 0 0 #000, inset 6em 0 0 0 #000;
    transition: 0.6s ease;
} */
.btn {
	padding: 7.5px 12px;
	font-size: 14px;
	border: none;
	border-radius: 10px;
	box-shadow: none;
}
.btn-xs {
	font-size: 9px;
}
.btn-sm {
	font-size: 10.2px;
}
.btn-lg {
	padding: 5px 25px;
	font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
	font-size: 12px;
}
.btn-group > .btn-xs {
	font-size: 9px;
}
.btn-group > .btn-sm {
	font-size: 10.2px;
}
.btn-group > .btn-lg {
	font-size: 15px;
}
.btn-default {
	color: #777;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #e7e7e7;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
	background-repeat: repeat-x;
	border-color: #dddddd #dddddd #b3b3b3 #b7b7b7;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus,.btn.active, .btn:active{
	outline: none;
}
.btn-warning {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #faa732;
	background-image: linear-gradient(to bottom, #fbb450, #f89406);
	background-repeat: repeat-x;
	border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
	box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger,.btn-info{
	color: #ffffff;
	background-color: #558297;
	transition: 0.3s ease;
}
.btn-danger.focus, .btn-danger:focus,.btn-info.focus, .btn-info:focus,.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger:active.focus, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover,.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger,.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info,.btn-danger:hover,.btn-info:hover,.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info:active.focus, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover{
	background-color: #000;
	color: #fff
}
.btn-success {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #5bb75b;
	background-image: linear-gradient(to bottom, #62c462, #51a351);
	background-repeat: repeat-x;
	border-color: #51a351 #51a351 #387038;
}
.btn-link {
	border-color: rgba(0, 0, 0, 0);
	cursor: pointer;
	color: #000;
	border-radius: 10px;
	transition: 0.3s ease;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
	background-color: rgba(0, 0, 0, 0);
	background-image: none;
	box-shadow: none;
}
.btn-inverse {
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #363636;
	background-image: linear-gradient(to bottom, #444444, #222222);
	background-repeat: repeat-x;
	border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
	background-color: #222222;
	background-image: linear-gradient(to bottom, #333333, #111111);
}
/* list group */
.list-group a {
	border: 1px solid #eee;
	padding: 12px 12px;
	text-transform: capitalize;
	font-weight: 500;
}
.catlistpage.list-group a.active,.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover,.catlistpage.list-group a.active:hover{
    background: #fff;
	color: #558297;
	border: 1px solid #eee;
}
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover,.catlistpage.list-group a:hover{
	background-color: #fff;
	color: #558297
}
.catlistpage .list-group-item:nth-child(1){
	border-radius: 4px 4px 0 0
}
/* carousel */
.carousel-caption {
	color: #FFFFFF;
	text-shadow: 0 1px 0 #000000;
}
.carousel-control .icon-prev:before {
	content: '\f053';
	font-family: FontAwesome;
}
.carousel-control .icon-next:before {
	content: '\f054';
	font-family: FontAwesome;
}
.rating .fa-star-o,.rating .fa-star{
	color: #ffc600;
	font-size: 15px;
}
.rating .fa-star + .fa-star-o {
	color: #ffc600;
}
h2.price {
	margin: 0;
}
.thumbnails {
	clear: both;
	list-style: none;
	padding: 0;
}
.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;
	border: 1px solid #ddd;
}
.image-additional {
	max-width: 78px;
}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

	#column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

	#column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
	width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
	min-width: 50px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{
	background-color: transparent;
}
/*loader start */
.s-panel{
    position: relative;
}
.s-panel .wrloader {
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat rgba(255, 255, 255, 1);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 999;
}
.s-panel .slick-dots{
	bottom: 15px;
}
.s-panel .slick-dots li{
	margin: 0;
}
.s-panel .slick-dots li button::before{
	font-size: 50px;
	width: 15px;
	height: 15px;
	color: #fff;
	opacity: 1;
}
.slick-dotted.slick-slider{
	margin: 0
}
/* alert design */
.a-one{
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}
.a-one {
    background-color: #000;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background-color: rgba(0, 0, 0, .6);
    bottom: 0;
    z-index: 99
}
.alert a {
    color: #222;
    font-weight: 600
}

.alert a:hover {
    color: #558297
}

.alert h2 {
    font-size: 27px;
    color: #111;
    margin-bottom: 15px;
    margin-top: 26px;
    text-transform: capitalize;
}
.alert.alertsuc{
	padding: 13px 12px;
    background-color: #fff;
    border: 1px solid #ededed;
    color: #666;
    font-size: 14px;
    position: fixed;
    z-index: 99;
    transition: all ease .6s;
    border-radius: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    top: 30%;
    padding: 40px
}

.alert-danger svg,
.alert-info svg,
.alert-success svg {
    display: block;
    margin: 0 auto 20px;
    width: 65px;
    height: 65px
}

.alert-success svg {
    fill: #4CAF50
}

.alert-danger svg {
    fill: #E2574C
}

.alert-info svg {
    fill: #31708f
}

.a-one .alert-dismissable .close,.a-one .alert-dismissible .close{
    position: absolute;
    top: 8px;
    right: 8px;
    opacity: 1;
    color: #222;
    color: inherit
}
/* custom css */
.fixed {
    position: fixed;
    z-index: 9;
    top: 0;
    background-color: #fff;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
    left: 0;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
}
ol, ul{
	margin-bottom: 0;
}
.list-inline > li{
	padding: 0;
	vertical-align: middle;
	margin: 0;
}
/* search */
.list-inline > li.desktop-search{
	vertical-align: baseline
}
#madebyhand-search-category{
	float: left;
	width: 200px;
	border: none;
	height: 45px;
	padding: 10px 20px;
	-moz-appearance: none;
	background: #fff url("../../../../../image/catalog/arrow.png");
	background-position: right bottom 7px;
	background-repeat: no-repeat;
	-webkit-appearance: none;
	border-radius: 10px 0 0 10px;
	margin-right: -1px;
}
svg{
	vertical-align: middle;
}
.d-search button{
	background: #558297;
	border: none;
	cursor: pointer;
	padding: 0;
	min-width: 35px;
	min-height: 35px;
	border-radius: 5px;
}
.d-search button:hover{
	background-color: #000;
}
body.active-search .wbSearch {
    opacity: 1;
    transform: translateY(0);
}
.wbSearch {
    z-index: 99;
    position: fixed;
    top: 0;
    right: 0;
    display: flex;
    background-color: rgba(0,0,0,.7);
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform: translateY(-100%);
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 23px;
}
.wbSearch #search_block_top {
    position: relative;
    align-items: center;
    width: 100%;
    max-width: 1200px;
}
.sideb{
    display: block;
}
.siden{
    display: none;
}
body.active-search .wbSearch {
    opacity: 1;
	transform: translateY(0);
}
.wbSearch #search_block_top {
    position: relative;
    align-items: center;
    width: 100%;
    max-width: 1000px;
}
.wbSearch .close-nav i{
    margin-left: 15px;
	display: inline-block;
	color: #fff;
	font-size: 18px;
	position: relative;
	top: 5px;
}
.wbSearch #search_block_top{
	position: relative;
	align-items: center;
	max-width: 1000px;
}
/* result */
.madebyhand-dis{
	padding-top: 10px;
	padding-bottom: 10px;
}
.madebyhand-search-result .searchbr{
    padding-top: 0;
    padding-bottom: 0;
    border: 1px solid #eee;
    margin: 15px 0;
    float: left;
    width: 100%;
    border-radius: 10px;
}
.madebyhand-search-loader{
	position: absolute;
	z-index: 110;
	height: 300px;
	background-color: white;
	border: 1px solid #eee;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.madebyhand-search-result {
	left: 0;
	top: 100%;
	right: 0;
	box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	background-color: #fff;
	border-radius: 10px;
	position: absolute;
	z-index: 99;
	max-height: 530px;
	overflow-y: auto;
	margin-top: 1px;
}
.madebyhand-dis h4{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 0;
	text-transform: capitalize;
	font-size: 16px;
	margin-bottom: 5px;
}
.madebyhand-dis h4:hover{
	color: #558297;
}
.madebyhand-dis .rating{
	margin-bottom: 10px;
}
.madebyhand-dis .list-des {
    font-size: 12px;
    color: #777;
    text-transform: capitalize;
    color: #282828;
    margin: 0 0 10px 0;
    max-height: 40px;
    overflow: hidden;
}
.madebyhand-dis .price{
	font-weight: 600;
}
.madebyhand-search-result .product-info {
    padding: 0;
}
.madebyhand-search-result .product-info img{
	border-radius: 10px;
}
.madebyhand-search-result p{
	margin: 5px 15px;
}
.madebyhand-search-loader .loaders {
    position: absolute;
    top: 35%;
    z-index: 4;
    background: url('../../../../../image/catalog/loader.gif') 50% 50% no-repeat;
    width: 100px;
    height: 100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
/* search over */
.cmail svg {
    fill: #fff;
    width: 21px;
    height: 20px;
}
.call-ri span{
	color: #fff;
}
.inuser{
	margin: 0 20px;
}
.curlan{
	margin-left: 20px;
}
#logo a{
	display: inline-block;
	vertical-align: middle
}
.topbsp{
	background-color: #EAEAEA;
	padding: 8px 0;
	color: #000;
	text-transform: capitalize;
}
.topbsp p{
	margin: 0
}
#cart button.dropdown-toggle{
	border: none;
	background: transparent;
	padding: 0;
}
#cartme{
	text-transform: capitalize;
	font-size: 16px;
}
.hbottom .head-wish{
	display: none;
}
.cartt {
	display: block;
	position: absolute;
	font-size: 10px;
	background-color: #558297;
	color: #fff !important;
	border-radius: 50%;
	width: 17px;
	height: 17px;
	top: 0;
	margin-left: 25px;
	line-height: 16px;
	text-align: center;
}
.cartt-a{
	display: block;
	position: absolute;
	font-size: 10px;
	background-color: #558297;
	color: #fff !important;
	border-radius: 50%;
	width: 17px;
	height: 17px;
	top: 4px;
	margin-left: 25px;
	line-height: 16px;
	text-align: center;
}
#cart-total strong {
	display: none;
}
#top-links ul li #search_toggle svg{
	width: 18px;
	height: 18px;
	fill: #fff;
}
#cart .dropdown-menu p{
	margin-bottom: 0;
	font-size: 13px;
	color: #000;
}
#common-success .infobg p a{
	font-weight: 600;
}
.midheadleft{
	margin-top: 11px;
}
.fixed, .home-page .hsticky.fixed{
    position: fixed;
    z-index: 9;
    top: 0;
    background-color: #fff;
    transition: 0.4s top cubic-bezier(.3, .73, .3, .74);
    left: 0;
    right: 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    margin-top: 0;
}
.home-page .hbottom{
	box-shadow: none;
	display: flex;
	align-items: center;
}
.hbottom{
	padding: 12px 0;
}
.test, .test:focus {
    color: #000;
}
.test:hover {
    color: #558297;
}
.curr,.langg,.hphone,.inuser{
	display: inline-block;vertical-align: middle;
}
#search .input-group-btn button.btn svg{
	width: 15px;
	height: 15px;
	fill: #fff;
}
#top-links ul li svg, #top-links ul li.wishcom svg,#top-links ul li #cart svg{
	width: 19px;
	height: 19px;
	fill: #000;
	cursor: pointer;
	margin: 0;
}
.svg-bg{
	min-width: 35px;
	min-height: 35px;
	display: inline-block;
	text-align: center;
	box-shadow: 0 0 6px #0003;
	border-radius: 4px;
	transition: .3s all ease;
	padding: 0;
	border: none;
	font-size: 14px;
	padding-top: 7px;
}
.svg-bg:hover{
	background-color: #558297;
	box-shadow: none;
}
.svg-bg:hover svg{
	fill: #fff !important;
}
.inuser .dropdown-toggle:hover svg{
	fill: #fff;
}
/* user dropdowm */
.hlogout h5 {
    font-size: 16px;
    margin-top: 0;
}
.hlogout h6 {
    font-size: 12px;
    color: #777;
}
.offer_title{
	margin-top: 2px;
}
.offer_title p{
	font-size: 14px;
	display: inline-block
}
.offer_title span{
	color: #558297;
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0;
}
.acd,.hlogout .wishcom,.xsla,.xscu{
    border: 1px solid #eee;
    display: inline-block;
    padding: 10px;
    margin-top: 10px;
    width: 47%;    
    margin-left: 2px;
	margin-right: 2px;
	border-radius: 5px; 
}
.user-down.dropdown-menu > li > a:focus,.user-down.dropdown-menu > li > a:hover{
	color: #558297;
}
.user-down.dropdown-menu > li > a{
	text-transform: capitalize;
	min-height: 0;
	padding: 0;
	box-shadow: none;
	text-align: left;	
}
.xsla,.xscu{
	vertical-align: initial;
}
.xsla .btn-group .test, .xscu .btn-group .test{
	padding: 0;
}
.user-down.dropdown-menu li a i{
	margin-right: 7px;
}
.drpbot{
	min-width: 250px;
	padding: 15px 10px;
}
.drpbot .hcoms{
	margin: 12px 0
}
.wishcom svg{
	margin: 0 5px;
}
/* menu */
#menu .navbar-collapse{
	padding: 0
}
.navbar{
	min-height: auto;
	margin-bottom: 0;
	border: none;
}
.nav > li > a:focus, .nav > li > a:hover{
	background-color: transparent;
}
.homemenu{
	background-color: #558297;
}
.menu-bar{
	text-align: center;
}
#menu .navbar-nav li a{
    font-size: 16px;
	text-transform: capitalize;
	padding: 15px 0;	
	margin-right: 30px;
	color: #000;
	font-weight: 600;
}
#menu .navbar-nav li a:hover{
	color: #558297;
	transition: all .5s ease 0s;
}
.menu-bg .caller{
	padding: 15px 0;
}
#menu .navbar-nav li .dropdown-menu a{
 	color: #000;
}
#menu .navbar-nav li .dropdown-menu a:hover{
	color: #558297;
	transition: 0.3s ease;
}
#menu .navbar-nav li a::after {
	content: "";
	position: absolute;
	bottom: 7px;
	left: 0px;
	border-bottom: 2px solid #558297;
	width: 0px;
	transform: translate(0);
	transition: all .5s ease 0s;
}
#menu .navbar-nav li a:hover::after {
	width: 100%;
}
.caller svg{
	width: 18px;
	height: 18px;
	fill: #558297;
	display: inline-block;
}
.caller p{
	display: inline-block;
	color: #000;
	margin-bottom: 0;
}
.caller span{
	color: #000;
}
#menu .navbar-nav li .dropdown-menu a{
	font-size: 14px;
	padding: 3px 2px;
	text-transform: capitalize;
	font-weight: normal;
}
#menu .navbar-nav li .dropdown-menu a::after,#menu .navbar-nav li .more-menu a::after{
	display: none
}
.navbar-nav{
	float: none
}
.navbar-nav > li{
	float: none;
	display: inline-block;vertical-align: middle
}
.dropdown-menu {
	border-radius: 10px;
    border: none;
    box-shadow: 0 0px 5px rgba(0,0,0,.175);
    top: 100%;
}
/* slider */

.homeslider-container .slick-prev, .homeslider-container .slick-next {
    position: absolute;
    top: auto;
}
.homeslider-container .slick-prev, .homeslider-container .slick-next {
    background: #fff;
	color: #999;
	min-width: 42px;
	min-height: 42px;
	opacity: 1;
	border-radius: 0;
	transition: 0.3s ease;
	top: 45%;
	margin: 0;
}
.s-panel .slick-dots li{
	display: inline-block;
	height: 30px;
}
.s-panel .slick-dots li:last-child::after{
	display: none;
}
.s-panel ul.slick-dots li.slick-active button {
    width: 15px;
    height: 15px;
}
.s-panel ul.slick-dots li button{
	width: 15px;
	height: 15px;
    border-radius: 100px;
}
.s-panel .slick-dots li.slick-active button::before {
    font-size: 50px;
    color: #558297;
    line-height: 20px;
    width: 15px;
    height: 15px;
}
.homeslider-container .slick-prev i, .homeslider-container .slick-next i {
    font-size: 26px;
}
.homeslider-container .slick-prev:hover, .homeslider-container .slick-next:hover {
    background: #fff;
    color: #558297;
}
.homeslider-container:hover .slick-prev, .homeslider-container:hover .slick-next {
    opacity: 1;
}
.homeslider-container .slick-prev {
    right:  50px;
   	left: auto;
}
.homeslider-container .slick-next {
    right: 0;
}
.s-panel .slick-current.slick-active .slideff{
	transform: none;
	opacity: 1;
}
.slideff {
	position: relative;
	overflow: hidden;
    text-align: center;    
	opacity: 0;
	transition: 1.0s ease;
	transform: translateY(100px);
	transition: 1.5s ease;
}
.slidertext {
    position: absolute;
	top: 15%;
	max-width: 805px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.slidertext h5{	
	font-size: 22px;
	color: #558297;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 0;
}
.slidertext h3{
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: capitalize;
}
.slidertext p {
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 24px;
}
.slidertext a{
    margin-top: 25px;
    border-radius: 10px;
    text-transform: capitalize;
    font-size: 16px;
    background-color: #558297;
    padding: 15px 25px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 10;
}
.slidertext a:hover{
	color: #000;
}
.slidertext a::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    box-shadow: 2px 0px 14px rgba(0,0,0,.6);
}
.slidertext a:hover::before, .slidertext a:hover::before {
    opacity: 1;
    width: 116%;
}
.slidertext a.btn-primary svg{
	width: 13px;
	height: 15px;
	fill: #fff;
}
.slider-but{
	display: inline-block;
	vertical-align: middle;
}
/* qty */
.homeqt{
	display: inline-block;
	vertical-align: middle;
	float: none;
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 4px 10px;
	height: 40px;
	color: #777;
	font-weight: 600;
	line-height: 32px;
}
.homeqtinner {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -2px;
}
.homeqt .btnminus{
	color: #777;
	width: auto;
	display: block;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 17px;
	cursor: pointer;
	height: 17px;
	line-height: 0;
}
.homeqt .btnplus{
	color: #777;
	width: auto;
	display: block;
	padding: 0;
	border: none;
	background: transparent;
	font-size: 17px;
	cursor: pointer;
	height: 17px;
	line-height: 0;
}
.homeaddq{
	margin-top: 10px;
	margin-bottom: 0;
}
.homeqt .qty{
	text-transform: capitalize;
}
.form-group .addhqty{
	color: #232323;
	background-color: #fff;
	height: 30px;
	width: 34px;
	text-align: center;
	padding: .25rem .2rem;
	-moz-appearance: textfield;
	float: none !important;
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 6px;
	margin: 0 2px;
}

.homeaddq .cartb svg{
	width: 20px;
	height: 19px;
	fill: #fff;
}
.homeaddq .cartb {
    border: none;
    background: #558297;
    color: #fff;
    border-radius: 10px;
    height: 40px;
    padding: 0 8px;
    text-transform: capitalize;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
    margin: 0 5px;
    display: inline-block;
	vertical-align: middle;
}
.homeaddq .cartb:hover{
	background-color: #333;
	color: #fff;
}
/* banner text */
.beffect{
	position: relative;
	overflow: hidden;
}
/* timer */
.cat-tab .product-thumb .caption{
	min-height: unset;
}
.timerpro .product-thumb .caption{
	padding: 15px;
	min-height: unset;
}
.parallex .item ul{
	text-align: center;
	padding-left: 0;
}
.timerpro .image{
	padding: 0
}
.timerpro .product-thumb .button-group button:hover{
	color: #fff
}
.countdown-section {
    display: inline-block;
	text-align: center;
	margin-right: 15px;
	background: #fff;
	border-radius: 5px;
	padding: 7px;
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}
.countdown-section:last-child{
	margin-right: 0;
}
.countdown-section::before {
    content: ':';
    position: absolute;
    margin: -1px 24px;
}
.countdown-section:last-child::before {
	content: none;
}
.countdown-amount {
    display: block;
	font-size: 20px;
	letter-spacing: 0;
	font-weight: 500;
	width: 40px;
	color: #000;
	margin-bottom: 5px;
}
.countdown-period {
    color: #777;
    font-size: 14px;
}
.timerpro .countdes{
	color: #888;
	margin-bottom: 15px;
	margin-top: 10px;
}
.bran,.model{
    font-size: 14px;
	text-transform: capitalize;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 5px;
	cursor: pointer;
}
.model{
	float: right;
}
.all-timer{
	color: #fff;
	text-align: center;
	border-radius: 10px;
	padding: 10px 5px 6px 5px;
	position: absolute;
	bottom: -8px;
	left: 15px;
	right: 15px;
}
/*offer*/
 .wboffer {
    background: #558297;
    font-size: 26px;
    border-radius: 10px;
    padding: 20px 5px;
    margin-top: 30px;
}
.wboffer p {
    color: #fff;
    margin-bottom: 0;
}
/*offer*/
/* product */
.info-img {
    width: auto;
}
.heading{
	text-transform: capitalize;
	font-weight: normal;
	position: relative;
	margin: 0 0 30px 0;
	font-size: 14px;
	text-align: center;
}
.heading span{
	display: inline-block;
	vertical-align: middle;
	position: relative;
	font-size: 40px;
	font-weight: 700;
	text-transform: capitalize;
}
.heading strong{
	display: block;
	font-size: 16px;
	text-transform: capitalize;
	font-weight: normal;
	margin: 0 0 6px 0;
	letter-spacing: 0.5px;
	color: #333;
}
.head-svg::before {
    content: '';
    border-bottom: 1px solid #eee;
    width: 225px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 8px;
}
.heading svg {
    width: 90px;
    height: 18px;
    display: block;
    margin: 0 auto;
    background-color: #fff;
    position: relative;
    fill: #558297;
}
.heading span.head-svg {
    display: block;
    margin-top: 5px;
}
.nav-tabs > li{
	display: inline-block;
	float: none;
	margin-bottom: 0
}
.nav-tabs{
	border-bottom: 0;
}
.tab-head .heading h1{
	margin: 0;
}
.pro-img .tab-content, .relpro #related{
	text-align: center;
}
.slick-slider .slick-prev, .slick-slider .slick-next{
	vertical-align: middle;
	display: inline-block;
}
.pro-img .slick-slider .slick-arrow {
	background: #fff;
	display: inline-block;
	text-align: center;
	border: none;
	border-radius: 10px;
	font-size: 23px;
	text-transform: uppercase;
	min-width: 42px;
	min-height: 42px;
	color: #000;
	transition: .3s ease;
	opacity: 1;
	transform: unset;
	width: auto;
	height: auto;
	position: unset;
	box-shadow: 0 0 5px #0003;
	margin: 2px 10px;
}
.slider-for.slick-slider .slick-arrow{
	margin: 0;
	opacity: 0;
}
.leftpro .slick-slider .slick-prev, .pro-img .slick-slider .slick-prev, #blog.slick-slider .slick-prev, #related.slick-slider .slick-prev, #count.slick-slider .slick-prev{
	position: absolute;
    top: -80px;
    opacity: 1;
    left: auto;
    right: 60px;
}
.leftpro .slick-slider .slick-next, .pro-img .slick-slider .slick-next, #blog.slick-slider .slick-next, #related.slick-slider .slick-next, #count.slick-slider .slick-next{
	position: absolute;
    top: -80px;
    opacity: 1;
    right: 5px;
    left: auto;
}
#testi.slick-slider .slick-arrow{
	top: 30%
}
.slick-slider:hover .slick-prev, .slick-slider:hover .slick-next{
	opacity: 1;
}
.slider-for.slick-slider .slick-prev{
	left: 40px;
	right: auto;
}
.slick-slider .slick-prev svg{
	transform: rotate(180deg);
}
.slider-for.slick-slider .slick-next{
	left: auto;
	right: 40px;
}
.slick-slider .slick-arrow{
	background: #fff;
	display: inline-block;
	text-align: center;
	top: 40%;
	border: none;
	border-radius: 10px;
	text-transform: uppercase;
	min-width: 42px;
	min-height: 42px;
	color: #000;
	transition: .3s ease;
	opacity: 0;
	transform: unset;
	box-shadow: 0 0 5px #0003;
	margin: 0;
}
.slick-slider .slick-arrow svg{
	width: 18px;
	height: 17px;
}
.slick-slider .slick-prev{
	left: 0;
	right: auto;
}
.slick-slider .slick-arrow .fa{
	font-size: 18px;
	font-weight: 500;
}
.pro-tab li {
    margin-right: 15px;
}
.pro-tab li a{
	border-radius: 10px;
	text-transform: capitalize;
	font-size: 20px;
	position: relative;
	background: #fff;
	padding: 8px 30px;
	letter-spacing: 0.8px;
	border: none;
	transition: unset;
}
.tab-head .pro-tab li a,.nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
	border: 1px solid #558297;
}
.pro-tab li a:hover,.pro-tab li.active a{
	color: #fff;
	background: #558297;
	border: 1px solid #558297;
}
.tab-head .pro-tab li:hover a{
	background: #558297;
	color: #fff;
	box-shadow: none;
}
.protabcont .tab-content > .tab-pane:not(.active), .protabcont .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.product-thumb:hover .second-img, .cart-btn button{
    opacity: 1;
}
.product-thumb .second-img {
    top: 0;
    left: 0;
    margin: 0 auto;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: all 400ms ease-in-out 0s;
}
.sale{
	position: absolute;
	left: 10px;
	top: 15px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 15px;
	border: none;
	background: #558297c2;
	border-radius: 10px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 5px;
}
.reduce-price {
    position: absolute;
	right: 0;
	top: 10px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 11px;
	border: none;
	background: #558297;
	color: #fff;
	padding: 0 5px;
}
.reduce-price::before {
    position: absolute;
    top: 0;
    content: "";
    left: -10px;
    border-top: 5px solid #558297;
    border-right: 5px solid #558297;
    border-left: 5px solid transparent;
    border-bottom: 5px solid transparent;
}
.reduce-price::after {
    position: absolute;
    left: -10px;
    bottom: 0;
    content: "";
    border-bottom: 5px solid #558297;
    border-right: 5px solid #558297;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
}
.new{
	position: absolute;
	left: 0;
	top: 10px;
	margin: 0 auto;
	display: inline-block;
	text-transform: uppercase;
	line-height: normal;
	font-size: 11px;
	border: none;
	background: #558297;
	color: #fff;
	padding: 1px 12px 1px 12px;
	border-radius: 0 15px 15px 0;
}
.product-thumb{
	position: relative
}
.product-thumb .image{
	position: relative;
	padding: 0;
}
.opbtn{
	margin-top: 8px;
}
.protitle{
	font-size: 19px;
	margin: 0;
	transition: 0.3s ease;
	padding: 6px 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 400;
	text-transform: capitalize;
}
.protitle:hover,.protitle:hover a{
	color: #558297;
}
.product-thumb .price {
    color: #000;
    font-size: 22px;
    font-weight: 700;
    transition: 0.3s ease;
    letter-spacing: 0;
    min-height: 30px;
    display: block;
    line-height: inherit;
    margin: 0;
}
.price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 12px;
}
.product-thumb  .control-label{
	display: none;
}
.product-thumb .protax {
    display: none;
}
.protax li{
	color: rgba(0, 0, 0, 0.6);
    font-size: 14px;
    display: inline-block;
}
.webi-main .form-control {
    padding: 3px 12px;
    margin-top: 0;
    margin-bottom: 0;
}
.webi-main .checkbox_input{
	margin-top: 4px;
	margin-bottom: 10px !important;
}
.product-thumb .webi-main .form-group{
	margin-bottom: 0;
}
.webi-main .form-group{
	margin-bottom: 15px;
}

.add-car{
	text-align: center;
	border: none;
	background: #558297;
	text-transform: uppercase;
	color: #fff;
	padding: 10px;
	border-radius: 10px;
}
.add-car:hover{
	background: #000;
}
.product-thumb .button-group .cartb{
	background-color: transparent;
	border: none;
	text-transform: uppercase;	
	padding: 0;
	min-width: unset;
	margin: 0;
	min-height: unset;
}
.product-thumb .button-group .cartb span{
	text-transform: uppercase;
	color: #fff;
	font-size: 16px;
}
.product-thumb .button-group .cartb:hover{
	background-color: transparent;
	border: none;
}
.webi-main .checkbox_input .checkbox label.size-option span{
	width: 40px;
	height: 30px;
}
.webi-main .checkbox_input .checkbox label.size-option span:hover{
	background-color: #558297;
	border: 1px solid #558297;
	color: #fff;
}
.webi-main .checkbox input[type="checkbox"]:checked + span {
    background-color: #558297;
    transform: rotate(0) scale(1);
    border: 1px solid #558297;
    color: #fff;
}
/* ratting */
.bg-re3 {
    background-color: #388e3c;
}
.avg-rate {
    display: inline-block;
    background-color: #558297;
    color: #fff;
    border-radius: 0;
    vertical-align: middle;
    cursor: pointer;
}
.rating .fa-stack {
 	font-size: 13px;
}
.fa {
 	font-size: 14px;
}
.fa-stack {
	 width: 1em;
	 height: 1em;
	 line-height: 10px;
}
.wb-list-product-reviews .rating .fa-star-o {
 	color: #fff;
 	font-size: 12px;
}
.wb-list-product-reviews .rating .fa-star {
 	color: #fff;
 	font-size: 12px;
}
.emstar, .or-rate, .wb-list-product-reviews .avg-rate {
    transition: 0.2s ease;
}
/* button effect */
.product-thumb .button-group {
	text-align: left;
}
.product-thumb .button-group svg,.btn-quickview button svg{
	width: 20px;height: 19px;
}
.product-thumb .button-group button{
	background-color: #fff;
	border: none;
	color: #000;
	min-width: 40px;
	min-height: 40px;
	padding: 8px;
	text-transform: capitalize;
	font-size: 14px;
	transition: 0.3s ease;
	vertical-align: middle;
	letter-spacing: .5px;
	display: block;
	border-radius: 5px;
	margin-bottom: 7px;
	box-shadow: 0 0 4px #0003;
}
.product-btn .cart-btn button,.bquickv a{
    background-color: #fff;
    display: block;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    transition: 0.3s ease;
    width: auto;
    min-width: 160px;
    min-height: 40px;
    text-transform: capitalize;
    font-weight: 500;
    border-radius: 10px;
    padding: 8px 30px;
    font-size: 15px;
    border: none;
    box-shadow: 0 0 5px #0003;
    margin: 0 auto;
}
.bquickv a{
	display: inline-block;
}
.product-thumb .button-group button:hover,.bquickv a:hover{
	opacity: 1;
}
.product-thumb .button-group button span{
	opacity: 0;
	display: none;
	transition: 0.6s ease;
	color: #fff;
}
.cart-btn{
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    opacity: 0;
}
.quickview{
	position: absolute;
	top: 30%;
	left: 0;
	right: 0;
	text-align: center;
	opacity: 0;
}
.product-thumb .button-group button:hover span{
	opacity: 1;
	margin-left: 10px;
	display: inline-block;
}
.product-thumb .button-group button:nth-child(2):hover span{
	margin-left: 0;
}
.product-thumb .button-group{
	position: absolute;
	top: 10px;
	right: 10px;
	opacity: 0;
}
.product-thumb:hover .button-group,.product-thumb:hover .cart-btn,.product-thumb:hover .quickview{
	opacity: 1;
}
.product-thumb .button-group button:hover,.bquickv a:hover,.btn-quickview button:hover,.cart-btn button:hover{
	background-color: #558297;
	box-shadow: none;
	color: #fff;
}
.product-thumb .button-group button:hover svg,.bquickv a:hover svg,.btn-quickview button:hover svg,.cart-btn button:hover svg{
	fill: #fff;
}
.product-thumb{
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
	transition: 0.3s ease;
	background: #fff;
	border-radius: 10px;
}
.product-layout:last-child .product-thumb{
	margin-top: 5px;
	margin-bottom: 5px;
	box-shadow: rgba(0, 0, 0, 0.10) 0px 2px 8px;
}
#count .slick-slide div:first-child .product-layout{
    margin-bottom: 25px;
}
.product-thumb .caption{
	padding: 15px;
}
.product-thumb .caption .rating{
	display: inline-block;
}
.product-thumb .caption .webi-main{
	display: inline-block;
	float: right;
}
/* offer */
.offer-text{
	text-align: center;
	max-width: 960px;
	margin: 0 auto;
}
.offer-text h1{
	font-weight: 600;
	font-size: 36px;
	text-transform: capitalize;
	margin-bottom: 15px;
	margin-top: 0;
}
.offer-text p{
	font-size: 16px;
	color: #585858;
	line-height: 22px;
}
.offer-text .btn-primary{
	padding: 12px 25px;
	text-transform: uppercase;
	margin-top: 50px;
}
/* offer over */
/* service */
.deliveryinfo .icon {
    border: 1px solid #E1E1E1;
    opacity: 0.8;
    padding: 15px;
    border-radius: 10%;
}
.deliveryinfo .icon img{
	filter: brightness(0);
}
.sbr ul:hover .icon img {
    filter: brightness(1);
    transition: 0.3s ease;
}
.deliveryinfo ul:hover li .icon {
    border: 1px solid #558297;
}
.deliveryinfo .sbr .list-unstyled{
    margin-bottom: 0;
    padding: 15px 10px;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 2px 8px;
    text-align: left;
    border-radius: 5px;
    transition: .3s ease;
}
.deliveryinfo li {
    display: inline-block;
	vertical-align: middle;
	text-align: left;
	margin: 0 10px;
	cursor: crosshair;
}
.deliveryinfo li span{
    display: inline-block;
	vertical-align: middle;
}
.deliveryinfo li h4{
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 8px;
}
.deliveryinfo li p{
    margin-bottom: 0;
    font-size: 14px;
    color: #222;
    height: 20px;
    overflow: hidden;
    max-width: 260px;
}
.slick-slider{
    direction: ltr;
}
.pro-img .slick-list{
    margin-top: 20px;    
}
.deliveryinfo ul svg{
    width: 60px;
	height: 60px;
}
.deliveryinfo ul:hover svg{
	fill: #558297;
}
/* onsale */
.onprotop .image{
	padding: 0;
}
.onprotop .product-thumb{
	display: flex;
	align-items: center;
}
.onsl .product-layout .image{
	padding: 0
}
.onsl .heading span{
	color: #fff
}
.onsl .heading strong{
	color: #aaa
}
.onsl .rating{
	margin-bottom: 8px;
}
.onsl .product-thumb .button-group{
	position: unset;
	opacity: 1;
	margin-top: 10px;
}
#popular .comments_note,#onsale .comments_note,#toprate .comments_note{
    float: none;
    display: inline-block;
}
/* category */
.categorybr{
	margin-left: 0;
	margin-right: 0;
	border-radius: 10px;
	position: relative;
}
.categorybr .subcat{
	margin: 0;
}
.categorybr h5{
    font-size: 21px;
    margin-top: 0;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 700;
    letter-spacing: 0;
}
.categorybr a.list-group-item {
    display: none;
}
.categorybr .cat-img{
	padding: 0 0 20px 0;
}
.categorybr .subcat .cat-img a img {
    border-radius: 10px;
	transition: 0.3s ease;
	box-shadow: 0 0 5px #0003;
}
.block-cat-wr:hover h5 a{
	color: #558297;	
}
.homecategory,.deliveryinfo,.offer-banner,.protabcont,.banservi,.test-pad,.countdown_bg,.logo-slider,.blog_webi,footer{
	margin-top: 60px;
}
.head{
	font-size: 18px;
	color: #558297;
	text-transform: capitalize;
	margin-top: 0;
}
.categorybr .catimg a{
	background: #f5f5f5;
	border-radius: 100%;
	min-width: 200px;
	min-height: 200px;
	display: flex;
	align-items: center;
	padding: 15px;
}
.categorybr .catimg a img{
	border-radius: 100%; 
}
.homecategory .block-cat-wr{
	position: relative
}
.homecategory .catcontent h2{
	font-size: 20px;
	text-transform: capitalize;
	font-weight: 600;
	margin-top: 12px;
	padding-bottom: 1px;
	text-align: center;
}
.homecategory .catcontent h4{
	text-transform: capitalize;
	margin: 8px 0 0;
	color: #fff;
	font-weight: 600;
}
.homecategory .categorybr:hover .catcontent h2{
	color: #558297;
}
.categorybr a{
	display: block
}
.cate_bg::before{
	content: '';
	background: url("../../../../../image/catalog/category.png");
	    background-repeat: repeat;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 10px;
}
.cat_text h4{
	font-size: 20px;
	text-transform: capitalize;
}
#cat-img .cat_text,#cat-img .cat_img{
	padding: 0;
}
.cate_bg ul li a {
    line-height: 26px;
    color: #666;
    font-size: 15px;
    font-weight: 600;
    text-transform: capitalize;
}
.cate_bg ul li a:hover {
	color: #000;
}
.cate_bg ul li{
	display: block;
}
.cate_bg ul{
	padding-left: 0;
}
.subcimginner{
	margin-left: 0;
	margin-right: 0;
	border-radius: 10px;
	padding: 10px;
	position: relative
}
/* image text */
.bannerser {
	background-attachment: fixed;
	padding: 180px 0;
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	margin: 0 -15px;
}
.imgbnrtext h5 {
	font-family: 'Great Vibes', cursive;
	font-size: 40px;
	text-transform: capitalize;
	letter-spacing: 0;
	color: #fff;
	margin: 0;
}
.imgbnrtext h1 {
    font-size: 62px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
	margin: 7px 0 25px 0;
	text-shadow: 0px 2px 3px rgba(0,0,0,0.3);
	line-height: 40px;
}
.imgbnrtext p {
    margin: 0;
    letter-spacing: 0.5px;
    color: #777;
    line-height: 24px;
}
.imgbnrtext .btn-primary {
    border: 1px solid #558297;
    color: #fff;
    padding: 10px 25px;
    margin-top: 15px;
    border-radius: 20px;
	background: #558297;
}
.imgbnrtext .btn-primary:hover {
    background-color: #558297;
    color: #fff;
}
/* banner ser */
.banservi{
	float: right;
	padding: 0;
}
.service_text{
    position: absolute;
    top: 15%;
    margin: 0 auto;
    left: 0;
    right: 0;
}
.bser-title h3{
	font-size: 24px;
	margin-bottom: 20px;
}
.bser-title h1{
    font-size: 65px;
    font-weight: 500;
    max-width: 800px;
    line-height: 75px;
    text-transform: capitalize;
    margin: 0;
}
.bser-title p{
	font-size: 16px;
	color: #585858;
	max-width: 800px;
	line-height: 25px;
	margin: 30px 0;
}
.ser-der li{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 15px;
	display: block;
}
.bser-title ul{
	display: inline-block;
	vertical-align: middle;
	padding-left: 0; 
	margin-right: 40px;
}
.bser-title li i{
    color: #558297;
    font-size: 16px;
    margin-right: 5px;
    margin-right: 15px;
}
.bser-title a{
    margin-top: 25px;
    display: inline-block;
    border-radius: 40px;
    text-transform: capitalize;
    background-color: #558297;
    color: #fff;
    padding: 15px 25px;
}
.bser-title a:hover, .bser-title a:focus {
    box-shadow: inset -6.5em 0 0 0 #000, inset 6em 0 0 0 #000;
    transition: 0.6s ease;
}
/* sell banner */
.sellbanner{
	text-align: center;
}
.ser-title h3{
	font-size: 18px;
	color: #000;
	font-weight: 400;
	margin-top: 0;
}
.sellbanner .beffect .ser-dsc .ser-title{
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	margin: 0 auto;

}
.ser-title h2{
	font-size: 35px;
	font-weight: 400;
	line-height: 50px;
	max-width: 550px;
	text-align: center;
	color: #000;
	margin: 0 auto;
}
.ser-title p {
    font-size: 16px;
    font-weight: 400;
    color: #515151;
    max-width: 450px;
    margin: 20px auto;
    line-height: 25px;
}
.ser-dsc{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	align-items: center;
	display: grid;
}
.ser-title a {
    display: inline-block !important;
    background-color: #558297;
    color: #fff;
    border-radius: 10px;
}
.ser-title a span {
    padding: 15px 25px;
    border-radius: 10px;
    display: block;
}
.ser-title a:hover, .ser-title a:focus {
    box-shadow: inset -6.5em 0 0 0 #558297, inset 6em 0 0 0 #558297;
    transition: 0.6s ease;
    color: #fff;
}
/* product category */
.catt-bg .product-thumb .caption{
	padding: 0 15px;
	min-height: unset;
}
.catt-bg .product-thumb .rating{
	float: none;
	margin-bottom: 10px;
}
#slider-fore .slick-slide .product-layout{
    margin-bottom: 26px;
}
#slider-fore .slick-slide div:last-child .product-layout{
    margin-bottom: 0;
}
.catt-bg .heading svg,.spe_bg .heading svg{
    background-color: #f5f5f5;
}
.home-cat .owl-wrapper-outer{
	padding-bottom: 4px;
}
.home-cat ul li.view_more{
	padding: 0
}
.home-cat ul.nav-tabs li a, .viewmore li a,.viewmore2 li a {
    display: block;
    border: none;
    padding: 0;
    text-transform: capitalize;
    color: #000;
    border-radius: 4px;
    font-size: 20px;
    line-height: normal;
    font-weight: normal;
}
#cat_tab .nav-tabs, #cat_tab1 .nav-tabs {
    margin-bottom: 0;
    padding: 0;
}
.category-tab .nav-tabs li {
    padding: 15px 40px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;;
    display: inline-block;
    margin-right: 20px;
    border-radius: 40px;
    transition: 0.3s all ease;
}
.home-cat ul.nav-tabs li.active a, .home-cat ul.nav-tabs li a:hover, .viewmore li a:hover {
    cursor: pointer;
    border: none;
}
.home-cat ul.nav-tabs li.view_more a,.home-cat ul.nav-tabs li.view_more.active a,.home-cat ul.nav-tabs li.view_more a:hover{
	border-bottom: transparent
}
.category-tab .tab-content > .tab-pane:not(.active), .category-tab .pill-content > .pill-pane:not(.active) {
    display: block;
    height: 0;
    overflow-y: hidden;
}
.cat-tab .image{
	padding: 0;
}
#cattab .slick-slide .product-layout, #cattab1 .slick-slide .product-layout{
	margin-bottom: 30px;
}
#cattab .slick-slide div:last-child .product-layout, #cattab1 .slick-slide div:last-child .product-layout {
    margin-bottom: 0;
}
#cattab .product-thumb{
	background: #fff;
}
#cattab .homeaddq{
	bottom: 52px;
}
.catt-bg2 .category-tab .nav-tabs li{
	text-align: left;
	display: block;
	padding: 0;
	position: relative;
}
.catt-bg2 .home-cat ul.nav-tabs li.active a::after{
	content: '';
	background: #558297;
	opacity: .1;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.catt-bg2 .home-cat ul.nav-tabs li.active a::before{
	content: '';
	border-bottom: 1px solid #558297;
	width: 25px;
	display: inline-block;
	margin-right: 10px;
	vertical-align: middle;
}
.catt-bg2 .home-cat ul.nav-tabs .wbview_more2.active a::before{
	border-bottom: none;
	content: none;
}
.catt-bg2 #cat_tab1 .nav-tabs {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #e5e5e5;
}
.catt-bg2 .home-cat ul.nav-tabs li a,.viewmore2 li{
	padding: 13.6px 13px;
	border-bottom: 1px solid #ececec;
	border-radius: 0;
	margin-right: 0;
}
.viewmore2{
	padding-left: 0;
}
 #slider-fore2 .slick-arrow, #slider-fore2 .slick-arrow{
 	background: #fff;
	width: 50px;
	height: 50px;
	box-shadow: 0 3px 7px 0 rgba(0,0,0,.14);
	border-radius: 100px;
	position: unset;
	display: inline-block !important;
	margin: 0 5px;
	margin-top: 30px;
 }
 #slider-fore2 .slick-arrow i, #slider-fore2 .slick-arrow i{
 	font-size: 25px;
 	color: #7f7f7f;
 }
  #slider-fore2 .slick-arrow:hover i, #slider-fore2 .slick-arrow:hover i{
 	color: #558297;
 }
 #slider-fore2{
 	text-align: center;
 }

/* testimonial */
.parallex .item {
    background: #fff;
    margin-top: 0;
    border-radius: 10px;
    padding: 0 15px;
}
.parallex .item li {
    display: inline-block;
    vertical-align: middle;
}
.testicontent svg {
   fill: #558297;
	width: 40px;
	height: 40px;
	transform: rotate(180deg);
	position: absolute;
	bottom: 0;
	right: 0;
	opacity: 0.3;
}
.testicontent {
    position: relative;
}
.parallex .item .timg{
	border-radius: 100%;
	border: 2px solid #558297;
	margin-bottom: 15px;
	float: left;
	width: 70px;
	height: 70px;
}
.parallex .item svg{
	width: 135px;
	height: 105px;
	fill: #558297;
	position: absolute;
	right: 25px;
	top: 78px;
	opacity: .1;
}
.parallex .item li:last-child {
    padding: 0 10px;
}
.parallex .item h2 {
    font-size: 17px;
	text-transform: capitalize;
	display: block;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0;
}
.parallex .item .rating{
	margin-top: 5px;
	margin-bottom: 10px;
}
.parallex .item .rating i{
	font-size: 13px;
}
.parallex .item h5 {
    font-size: 14px;
    text-transform: capitalize;
    color: #777;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    margin: 0
}
.parallex .item p {
	margin: 0 auto;
	max-width: 700px;
	line-height: 25px;
	font-size: 16px;
}
.parallex .owl-pagination{
	top: auto;
}
.test-pad {
    margin-left: -15px;
    margin-right: -15px;
}
.imgbanner{
	text-align: center;
}
.imgbanner a img{
	border-radius: 10px;
}
.imgbanner .btn{
	position: absolute;
	left: 0;
	right: 0;
    margin: 0 auto;
    max-width: 150px;
    bottom: 20px;
    display: inline-block;
    border-radius: 40px;
    text-transform: capitalize;
    background-color: #558297;
    color: #fff;
    padding: 15px 25px;
}
.imgbanner .btn:hover{
    box-shadow: inset -6.5em 0 0 0 #000, inset 6em 0 0 0 #000;
    transition: 0.6s ease;
}
/* blog */
.blogdt {
    position: absolute;
	top: 10px;
	left: 10px;
	border-radius: 10px;
	background: #558297;
	min-width: 60px;
	min-height: 66px;
	text-align: center;
	font-size: 16px;
	font-weight: 600;
	padding: 11px 0;
	z-index: 1;
	color: #fff;
}
.date-time .fa{
	font-size: 20px;
}
.blogda {
    display: inline-block;
	font-size: 14px;
	font-weight: 500;
	text-transform: capitalize;
	color: #222;
	margin-left: 10px;
}
.blogmo {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    display: inline-block;
}
.blog-left{
	position: relative;
}
#blog .blog_webi .head{
	margin-top: 0;
}
.blog_webi .blog-right h4{
	font-size: 35px;
	text-transform: capitalize;
	line-height: 28px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 0
}
.blog_webi .blogshadow .row{
	display: flex;
	align-items: center;
}
.blog_webi .blog-right h4:hover{
	color: #558297
}
.blog_webi .blog-right h5{
	margin-bottom: 0;
	margin-top: 0;
	font-size: 14px;
	display: inline-block;
}
.blog_webi .blog-right .read_more{
    display: inline-block;
    background-color: #558297;
    color: #fff;
    text-transform: capitalize;
    padding: 15px 50px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 1;
}
.blog_webi .blog-right .read_more::before {
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #000;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
}
.blog_webi .blog-right .read_more:hover::before, .blog_webi .blog-right .read_more:hover::before {
    opacity: 1;
    width: 116%;
}
.blog_webi .blog-dec{
	z-index: 1;
	position: relative;
	text-align: left;
	background: #fff;
	padding: 20px;
}
.blog_webi .blog-right p{
	color: #999;
	font-size: 16px;
	line-height: 30px;
	margin: 20px 0;
}
.blog_webi .blog-right .date-time{
	display: inline-block;
	margin-bottom: 40px;
}
.blog_webi .blog-right .name{
	display: inline-block;
	margin-left: 25px;
}
.lb-nav a{
	transition: none
}
.blog-left:hover .webi_post_hover {
    opacity: 1;
    visibility: visible;1
    z-index: 1;
    -webkit-transform: scale(0.9,0.9);
}
.blog-left:hover .blog_mask {
    visibility: visible;
}
.webi-blog-image {
    position: relative;
    margin-bottom: 15px;
}
.webi-blog-image img{
	border-radius: 10px;
}
#blog .product-block .webi-blog-image {
    margin-bottom: 0;
}
.webi_post_hover {
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: 0.4s ease;
    -webkit-transform: scale(0.8);
    background-color: rgba(255, 255, 255, 0.4);
    padding: 10px;
    border-radius: 10px;
}
.webi_post_hover .icon {
	border-radius: 10px;
	transform: translate(-50%, -50%);
	padding: 12px 12px;
	line-height: 0px;
	background: #558297;
	color: #fff;
}
.webi_post_hover .icon .fa{
	font-size: 17px;
}
.webi_post_hover .icon:hover{
	background-color: #000;
}
.blog-ic {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 50%;
}


.blogal .alert {
    position: unset;
}
.blog-desc {
    color: #777;
    line-height: 25px;
    font-size: 13px;
    margin-bottom: 20px;
}
.blog-comment {
    margin: 0 0 10px 0;
}
.blogal .block-title h3,.blog-comment{
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 20px;
}
.wco{
    margin-left: 38px;
    position: relative;
    top: 6px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #777;
}
.bcomment{
	background-color: #fff;
	border: 1px solid #eee;
	padding: 15px;
	margin-bottom: 30px;
}
.view-comment{
	border-bottom: 1px solid #f2f2f2;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.view-comment:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0
}
.blogu span{
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin: 0 23px;
}
.date span{
	margin: 0 20px;
}
.view-comment i {
    font-size: 18px;
    line-height: 30px;
}
.allcomment h5{
	font-weight: 500;
	font-size: 16px;
	margin: 0;
	line-height: 23px;
}
.blog_comment::before,.blog_comment::after{
	content: '|';
	padding: 0 15px;
}
.blog_links{
	margin: 15px 0
}
.allmb{
	margin-bottom: 15px;
	background: #fff;
	padding: 0;
}
.sngblog h3{
	font-size: 16px;
	margin: 0;
	padding-bottom: 10px;
	text-transform: capitalize;
	line-height: 23px;
	font-weight: 600;
}
.sngblog .blog-desc{
	margin-bottom: 0
}
.allmb .blog-desc{
	overflow: hidden;
}
.allmb .allcomment .read-more a {
	text-transform: capitalize;
}
/* newsletter */
.newsbtn{
	font-size: 14px;
}
.white-popup .alert{
	position: unset
}
.newsl #newsletter input{
	border: none;
	height: 45px;
	border-radius: 5px 0 0 5px;
	padding: 0 0 0 20px;
	background: #fff;
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}
#new .input-group button.newsbtn{
	height: 47px;
}
.newsl .form-group{
	position: relative;
	margin: 0
}
.newsl #newsletter {
    position: relative;
}
#newsletter .social{
	display: flex;
	align-items: center;
}
#newsletter .social-media{
	margin: 0;
	background-repeat: no-repeat;
	background-position: center;
}
.newsl .description-top{
	color: #a7a7a7;
	margin-top: 10px;
	font-size: 15px;
}
.newsbtn{
	border-radius: 0 5px 5px 0;
	height: 51px;
	text-transform: capitalize;
	font-size: 14px;
	letter-spacing: 1px;
	padding: 0 20px;
	background: #558297;
	color: #fff;
}
.newsbtn:hover, .newsbtn:active{
	background-color: #393939;
	color: #fff;
}
.new-ti h5{
	font-size: 24px;
	text-transform: capitalize;
	margin: 7px 0;
}
/* newsletter popup */
.white-popup {
  	position: relative;
	background: #FFF;
	padding: 40px 30px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	text-align: center;
	border-radius: 10px;
}
.white-popup h1{
	font-weight: 500;
	text-transform: uppercase;
	font-size: 26px;
	margin: 0;
}
.white-popup p{
	color: #777;
	margin: 15px;
	line-height: 23px;
}
.white-popup .form-group  .checkbox label{
	position: relative
}
.white-popup  .mfp-close{
    background:#fff;
    border-radius: 10px;
}
.newsletter-bg{
   background-repeat: no-repeat;
   background-size: cover;
}
.slide-bottom{
    position: absolute;
    padding:30px;
    background:#FFF;
    bottom: 0;
    right: 10%;
    border: solid 1px #000;
}
.slide-bottom .inner{
    position: relative;
}
.button-slide{
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background:#000;
    color: #FFF;
    text-align: center;
    line-height: 30px;
}
/* footer html */
.footoff{
	position: relative;
	padding: 60px 0 120px 0;
}
.footdec {
    position: relative;
    text-align: center;
    z-index: 1;
}
.footdec h3 {
    font-size: 20px;
    color: #86887f;
    margin-top: 0;
}
.footdec h2 {
    font-size: 40px;
    margin-top: 15px;
    margin-bottom: 40px;
    font-weight: 600;
}
.footdec .btn-primary {
    padding: 11px 32px;
    font-size: 16px;
}
.footoff::after {
    content: '';
    background: #558297;
    opacity: .1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.footsocial {
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0,0,0,.1);
    margin-top: -50px;
    padding: 30px;
    z-index: 6;
    position: relative;
    border-radius: 10px;
}
/* footer */
#scroll {
    position: fixed;
    right: 20px;
    bottom: 70px;
    cursor: pointer;
    z-index: 8;
    height: 40px;
    width: 40px;
    line-height: 0;
    padding: 10px 0;
    display: none;
    outline: none;
    text-align: center;
    transition: all .5s ease-in-out;
    background: #558297;
    color: #fff;
    box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
    border-radius: 10px;
}
#scroll:hover{
	background-color: #000;
}
#scroll i {
    font-size: 20px;
}
.middle-footer{
	padding: 50px 0;
}
footer{
	background-color: #EAEAEA;
}
.foot-des{
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333;
}
.middle-footer h5,.c-info{
    font-size: 25px;
	text-transform: capitalize;
	color: #000;
	font-weight: 700;
	margin-bottom: 30px;
}
#new p{
	line-height: 20px;
	margin-bottom: 0;
}
#new .sing-up{
	margin-top: 15px;
	margin-bottom: 15px;
}
#newsletter .new-ti svg{
	fill: #558297;
}
#newsletter .new-ti .sign{
    display: inline-block;
    vertical-align: middle;
}
#column-right1 {
    min-width: 400px;
    float: right;
}
.fborder{
	padding-top: 40px;
}
.footer-top{
	border-right: 1px solid #E2E2E2;
	border-left: 1px solid #E2E2E2;
}
.pro-content #button-cart svg{
	display: none;
}
#product .btn-primary{
	text-transform: capitalize;
}
.middle-footer a, .f-left li{
	line-height: 40px;
}
.footcbtm li {
    display: inline-block;
    vertical-align: middle;
}
.footcbtm h5 {
    color: #333;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
}
.footcbtm h3 {
    color: #558297;
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    padding-top: 5px;
}
.footcbtm {
    margin-top: 30px;
    padding-left: 0;
}
.footcbtm svg {
    width: 50px;
    height: 50px;
    fill: #558297;
}
.footblink .tag-d .list-unstyled{
	text-align: center;
}
.footblink .tag-d .list-unstyled li{
	line-height: 40px;
}
.f-left svg {
    fill: #558297;
    margin-right: 10px;
    width: 20px;
    height: 20px;
}
.footer-top .f-left{
	margin-top: 20px;
}
.f-left li {
    word-break: break-all;    
    line-height: 50px;
}
.f-left li span{
	color: #707070;
}
.copy{
	background-color: #558297;	
	padding: 7px 0;
}
.copy a{
	color: #fff;
}
.foot-payment a i{
	font-size: 24px;
	margin-right: 10px;
}
.foot-payment a i:hover{
	color: #000;
}
.fpow{
	color: #fff;
	margin-top: 9px;
}
.copy .list-inline{
	margin-top: 0;
}
.fpayment li{
	margin-right: 10px;
}
.copy a:hover{
	color: #fff;
}
.copy .text-right{
	padding-right: 0;
}
 .foot-payment a:hover{
	color: #558297
}
 .fsocial a{
   line-height: normal;
	min-width: 40px;
	min-height: 40px;
	text-align: center;
	padding-top: 10px;
	display: inline-block;
	position: relative;
	background: #fff;
	vertical-align: middle;
	box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
	font-size: 16px;
	margin: 0 2px;
	overflow: hidden;
	border-radius: 10px;
}
.fsocial a i {
    font-size: 22px;
    position: relative;
    color: #262626;
    transition: 0.6s ease;
    z-index: 3;
}
.fsocial a:hover .icon {
    color: #fff;
    transform: rotateY(360deg);
}
.fsocial{
	margin-top: 3px;
}
.fsocial li:nth-child(1) a::before {
    background: #3b5999;
}
.fsocial li:nth-child(2) a::before {
    background: #55acee;
}
.fsocial li:nth-child(3) a::before {
    background: #DF0022;
}
.fsocial li:nth-child(4) a::before {
    background: #8a3ab9;
}
.fsocial a::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%; 
    transition: 0.6s;
    z-index: 2;
}
.fsocial a:hover::before {
    top: 0;
}
.footpay svg {
    width: 40px;
    height: 40px;
}
.footblink li a {
    position: relative;
    text-transform: capitalize;
    font-size: 16px;
}
.footblink li a:hover{
	color: #558297;
}
.footblink li a::after{
    content: '|';
    color: #000000;
    margin: 0 12px;
}
.tag-d {
    display: inline-block;
    vertical-align: top;
    width: 90%;
}
.footblink li:last-child a::after{
	display: none
}
.footblink {
    padding: 35px 0;
}
.footblink h3{
	font-size: 16px;
	color: #f2f3f2;
	text-transform: uppercase;
	display: inline-block;
	vertical-align: baseline;
	margin-top: 0;
	line-height: 26px;
}
.foot_img li{
	display: inline-block;
}
.foot_img li img{
    width: 130px;
	height: 43px;
}
.foot_img{
	margin-top: 30px;
}
/* carousel button */
#cattab .slick-arrow, #cattab1 .slick-arrow{
	background: #fff;
	box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.13);
	color: #999;
	opacity: 0;
	padding: 1px 0 0 0;
	margin: 0 0 0 5px;
	min-width: 60px;
	min-height: 60px;
	border-radius: 100%;
	transition: 0.3s ease;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	top: 41%;
}
#cattab:hover .slick-arrow, #cattab1:hover .slick-arrow{
	opacity: 1;
}
#cattab .slick-arrow:hover, #cattab1 .slick-arrow:hover {
	color: #558297;
}
#cattab .slick-arrow i, #cattab1 .slick-arrow i{
	font-size: 30px;
}
.slick-slider  .slick-arrow:hover {
    fill: #fff;
    background: #558297;
    box-shadow: none;
}
/* pagination */
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #558297;
    border-color: #558297;
    z-index: 0;
    color: #fff
}
.pagination > li > a, .pagination > li > span {
    color: #252525;
    padding: 7px 12px 5px 12px;
}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #fff;
    background-color: #558297;
    border-color: #558297;
}
.pagi .tot{
	line-height: 34px;
	font-size: 14px;
}
.pagi{
	margin: 0;
	background-color: #fff;
	padding: 8px 0;
	border: 1px solid #eee;
	border-radius: 10px;
}
.pagination > li:first-child > a, .pagination > li:first-child > span{
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.pagination > li:last-child > a, .pagination > li:last-child > span{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.pagination > li {
    display: inline-flex;
}
/* product page */
 .form-rating .form-rating-container, .radi .form-rating,.radi label{
    display: inline-block;vertical-align: middle;margin: 0
}
.form-rating .form-rating-container label,
.form-rating .form-rating-container:hover label {
    margin-bottom: 0;
    cursor: pointer
}
#tab-review .fa-stack-2x {
    color: #ffc600;
}
.form-rating .form-rating-container input {
    display: none
}
.form-rating .form-rating-container:hover label:hover i.fa-star-o,
.form-rating .form-rating-container:hover label:hover~label i.fa-star-o {
    color: #ffc600;
}
.form-rating input:checked~label i.fa-star,.form-rating input:checked~label i.fa-star-o,.form-rating .form-rating-container:hover label:hover i.fa-star,
.form-rating .form-rating-container:hover label:hover~label i.fa-star {
    color: #ffc600;
}
.form-rating .form-rating-container label i.fa-star-o, .form-rating .form-rating-container:hover label i.fa-star-o, .form-rating .form-rating-container label i.fa-star, .form-rating .form-rating-container:hover label i.fa-star {
    color: #d9d9d9;
}

.btn.datebtn {
    min-height: 34px;
    margin: 0 !important
}
.btn.datebtn i{
	vertical-align: middle
}
.btn.pcrt.btn-primary {
    min-height: 40px;
	padding: 5px 12px;
}
#product-product .pro-content .alert,#account-register .alert,{
	position: unset;
}
.zoomWrapper{
	position: relative
}
.thumbnail{
	border: none;
	padding: 0;
}
.zoomWindow {
	border-radius: 10px;
}
#zoom_03{
	border-radius: 10px;
	border: 1px solid #e5e5e5;
}
/* .pro-price{
	font-size: 18px !important;
	font-weight: 500;
} */
.palert,#tab-review .alert{
	position: relative;
}
#tab-review #review{
	margin-bottom: 15px;
}
.product-tab .nav-tabs li.active::after {
    height: 2px;
    width: 100%;
}
.product-tab .nav-tabs li::after {
    content: '';
    position: absolute;
    bottom: 0;
    transition: all .3s ease-in-out;
    width: 0;
    border-bottom: 2px solid #558297;
    left: 0;
}
.product-tab .nav-tabs > li.active > a,.product-tab .nav-tabs > li.active > a:focus,.product-tab .nav-tabs > li.active > a:hover {
    color: #558297;
    cursor: default;
    background-color: #fff;
    border: none;
    cursor: pointer;
}
.product-tab .nav > li > a:focus,.product-tab .nav > li > a:hover,.product-tab .nav-tabs > li > a{
    border: none;
    background: transparent;
}
.product-tab .nav > li > a{
	padding-left: 0;
	padding-right: 0;
	font-size: 16px;
	font-weight: 600;
}
#tab-specification .table-bordered > thead > tr > td,#tab-specification .table-bordered > tbody > tr > td{
	border: 1px solid #f6f6f6;
}
#gallery_01 .col-xs-12 {
    margin-bottom: 18px;
}
.pro-content h1 {
	font-size: 30px;
	text-transform: capitalize;
	margin-top: 0;
	font-weight: 500;
}
.pro-content #product h3{
	font-size: 21px;
	margin: 0 0 15px 0;
	font-weight: 500;
}
.pro-content .alert,.product-quickview-detail .alert,#accordion .alert{
    position: unset;
}
.pro-content .qty-plus-minus .form-control {
    width: 45px;
	text-align: center;
	height: 45px;
}
.pro-content .qty-plus-minus .btnminus {
    border-radius: 4px 0 0 4px;
}
.pro-content .qty-plus-minus .btnplus {
    border-radius: 0 4px 4px 0;
}
.pro-content .input-group{
	z-index: 0;
}
.btnminus,.btnplus{
    line-height: 22px;
}
.btnminus span,.btnplus span{
	position: unset;
	margin-top: 4px;
}
/* product new */
.producthr {
    border-top: 1px solid #f2f2f2;
}
.text-decor, .text-de {
    text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 1px;
	min-width: 150px;
	display: inline-block;
	line-height: 25px;
	font-weight: 600;
	vertical-align: middle;
}
.stock_bg .bg-success {
	background-color: #28a745;
	color: #fff;
	padding: 0 6px;
	border-radius: 4px;
	font-size: 13px;
	display: inline-block;
	vertical-align: middle;
}
.stock_bg .bg-danger {
	background-color: #f1b70e;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.stock_bg .bg-warning {
	background-color: #e07122;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.stock_bg .bg-red {
	background-color: #e91f2b;
	color: #fff;
	padding: 2px 6px;
	border-radius: 4px;
	font-size: 13px;
}
.prod-image img {
	border: 1px solid #f2f2f2;
	padding: 5px;
	border-radius: 5px;
	max-width: 100px;
}
.pro_count .row {
	display: flex;
	align-items: center;
}
.pro_count .obar {
	background-color: #fff;
}
#product {
	background-color: #f8f9fa;
	border: 1px solid #ddd;
	border-radius: 5px;
	padding: 20px;
	list-style: none;
	margin-top: 20px;
}
#product .webi-main{
	float: none;
	display: block;
}
#product .product-btn{
	margin-top: 15px;
}
#product .custom-radio .img-thumbnail{
	height: 30px;
	width: 30px;	
}
.pro-discou {
    background-color: #fff;
    border: 1px solid #ccc;
    display: inline-block;
    padding: 10px;
    margin-right: 5px;
    margin-bottom: 15px;
    border-radius: 5px;
}
.price-old {
    color: #999;
    text-decoration: line-through;
    font-size: 16px;
    font-weight: normal;
	display: inline-block
}
.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	border: 1px solid #ccc;
	padding: 0;
}
.custom-radio-design label span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
}
.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
	border: 1px solid #000;	
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
	z-index: -1;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
	display: none;
}
.custom-radio .radio, .checkbox_input .checkbox {
	display: inline-block;
	margin: 0 4px 0 0;
}
.text-decor-bold{
    text-transform: capitalize;
    font-size: 14px;
	display: inline-block;
}
.text-decor-bold h2{
	font-weight: 500;
	font-size: 30px;
	margin-top: 0;
	margin-bottom: 0
}
.custom-radio .img-thumbnail {
    display: block;
	border-radius: 50%;
	height: 16px;
	width: 16px;
	border: 1px solid #ccc;
}
.custom-radio-design label span {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    color: #000;
}
.custom-radio .radio label input:checked + img, .custom-radio-design label input:checked + span {
	border: 1px solid #000;	
}
.custom-radio label input, .checkbox_input label input {
    position: absolute;
	z-index: -1;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.custom-radio .radio label {
	padding: 0;
	text-align: center;
	font-size: 12px;
	text-transform: capitalize;
	color: #808080;
	vertical-align: middle;
}
.custom-radio label .radio_price, .custom-radio label.color-option span {
	display: none;
}
.custom-radio .radio, .checkbox_input .checkbox {
	display: inline-block;
	margin: 0;
}
.checkbox_input .checkbox label.size-option span{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.checkbox_input .checkbox label.size-option {
    padding: 0;
}
#product-product .pro-content .alert {
    margin: 15px 0 0;
}
.product-tag a:last-child {
    display: none;
}
.product-soc, .product-tag {
	margin-top: 20px;
}
.product-tag .tagtitle {
    font-weight: 500;
    font-size: 14px;
}
.product-tag a {
    background-color: #f5f5f5;
    border-radius: 4px;
    padding: 0 5px;
    border: 1px solid #ccc;
    color: #4f4f4f;
    margin-right: 5px;
    transition: all .3s ease;
}
.product-tag a:hover{
	background: #558297;
	border: 1px solid #558297;
	color: #fff;
}
.text-decorop {
    text-transform: capitalize;
	font-size: 16px;
	letter-spacing: 0;
	font-weight: 500;
}
.datebtn {
    background-color: #000;
    box-shadow: none;
    transition: all 0.3s ease;
    font-size: 12px;
    color: #fff;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
	z-index: 0;
}
.datebtn:hover, .btnup:hover{
    background-color: #558297;
    color: #fff;
}
.pro-content .rating li{
	display: inline-block;
	text-transform: capitalize;
}
#tab-description{
	line-height: 22px;
}
.btnup {
    background-color: #000;
    transition: all 0.3s ease;
    font-size: 14px;
    box-shadow: none;
    border: none;
    color: #fff;
}
.proreview {
	border-right: 1px solid #aaa;
	border-left: 1px solid #aaa;
	margin: 0 30px;
	padding: 0 30px;
}
.productwish button {
    background-color: transparent;
    color: #000;
    box-shadow: none;
    border: none;
    font-size: 37px;
    margin-right: 10px;
    padding: 0;
}
.pro-content .pcrt svg{
	fill: #fff;
	width: 18px;
	height: 17px;
}
.pro-content .qty-plus-minus .form-control:focus{
    border-color: #ededed;
}
.pro-content #input-quantity{
	border-radius: 0;
}
.product-tab{
	margin-top: 30px;
	margin-bottom: 40px;
	border: 1px solid #ededed;
	border-radius: 10px;
}
.product-tab .nav-tabs{
	border-bottom: 1px solid #ededed;
	padding: 0;
	margin-bottom: 0;
}
.product-tab li{
	margin: 0 10px;
}
.product-tab .tab-pane{
	padding: 15px;
}
a.thumbnail.active, a.thumbnail:focus, a.thumbnail:hover{
	border-color: #ededed;	
}
.qtlabel{
	margin-top: 5px;
	width: auto;
}
#gallery_01 img{
	margin-bottom: 1px;
	border-radius: 10px;
	border: 1px solid #e5e5e5;
}
.rsep{
	padding: 0 20px;
}
.custreview{
	text-transform: capitalize;
	border-top: 1px solid #eee;
	padding-top: 10px;
	margin-top: 10px;
}
#review .custreview:nth-child(1)  {
	border-top: none;
	margin-top: 0;
	padding-top: 0
}
#tab-review #review{
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 10px;
}
#tab-review #review p{
	margin-bottom: 0;
	font-size: 13px;
}
.custreview p{
	color: #777;
	line-height: 23px;
	font-size: 13px;
	margin-bottom: 0;
}
.crspc{
	padding: 10px 0;
}
.crspc span{
	display: inline-block
}
/* product page timer */
.product_count {
	display: inline-block;
	margin-right: 10px;
	text-align: center;
}
.product_count span {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 40px;
	background-color: #f5f5f5;
	border-radius: 5px;
	font-size: 16px;
	font-weight: 700;
}
.product_count p {
	font-size: 12px;
	margin-bottom: 0;
	text-transform: capitalize;
	display: block;
	color: #5b5b5b;
}
/* product page timer */
/* category page */
.product-grid .catlist-des {
    display: none;
}
.catlist-des {
    color: #727272;
	margin-top: 5px;
	font-size: 13px;
	overflow: hidden;
	margin-bottom: 10px;
	text-transform: capitalize;
}

.filter-panel .panel-footer{
	background-color: #fff;
}
.filter-panel .list-group a {
    color: #000;
    border-bottom: 1px dotted #ededed;
    padding-bottom: 10px;
    font-weight: normal;
}
.filter-panel .list-group a:hover {
    background-color: transparent;
    border-bottom: 1px dotted #ededed;
}
.filter-panel .list-group-item {
    background-color: transparent;
}
.cate-top {
    background-color: #fff;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #eee;
	margin-left: 0;
	margin-right: 0;
	border-radius: 10px;
}
.cate-top h2{
	font-size: 18px;
	color: #000;
	letter-spacing: 0.5px;
	margin-top: 0;
	text-transform: capitalize;
}
.cate-top p{
	font-size: 12px;
	color: #aaa;
	letter-spacing: 0.5px;
	text-transform: capitalize;
}
.cate-top img{
	border-radius: 10px;
}
.cate-border {
    background-color: #fff;
	margin: 0 0 20px 0;
	padding: 10px 0px;
	border: 1px solid #eee;
	border-radius: 10px;
}
#compare-total{
	padding: 0;
	font-weight: 500;
	margin-top: 5px;
}
.catesort label {
    background-color: #fff;
    border: none;
    color: #1e1e1e !important;
}
.lgrid{
	margin-top: 5px;
}
.lgrid svg {
    fill: #333;
    cursor: pointer;
}
.lgrid .active svg {
    fill: #558297;
    cursor: pointer;
}
.catesort select option {
    background-color: #fff;
    color: #000;
}
.select-input::after {
    font-family: 'fontawesome';
	content: '\f107';
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
	pointer-events: none;
}
.catesort .input-group .form-control{
	font-size: 14px;
	z-index: 0;
	border-radius: 10px;
}
.catesort select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.listgridbtn {
    background-color: #fff;
    padding: 0 !important;
    margin: 0 2px;
    border: none;
    box-shadow: none
}
.listgridbtn.active, .listgridbtn.active:hover, .listgridbtn:hover {
    background-color: transparent;
    box-shadow: none;
}
.listgridbtn i {
    font-size: 22px;
}
.btn-link:focus, .btn-link:hover{
	text-decoration: none;
}
.product-grid,.product-list{
	margin-bottom: 30px;
	vertical-align: middle;
}
.product-list .button-group button{
	display: inline-block;
}
.product-list .product-btn .cart-btn button, .product-list .bquickv a{
	border-radius: 5px;
}
.product-list .product-btn .cart-btn button span, .product-list .product-btn .quickview .bquickv a span{
	display: none;
}
.product-list .product-btn .cart-btn button svg, .product-list .product-btn .quickview .bquickv a svg{
	display: block;
	width: 20px;
	height: 19px;
	margin: 2px;
}
.product-list .product-btn .cart-btn button, .product-list .bquickv a{
	padding: 8px;
	min-width: 40px;
	vertical-align: middle
}
.product-list .button-group button:hover{
	min-width: 40px;
}
.product-list .product-thumb{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 20px;
}
.product-grid .product-thumb{
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    border-radius: 20px;
}
.product-grid:last-child .product-thumb, .product-list:last-child .product-thumb{
	margin-top: 0;
}
.product-grid .product-thumb,.product-list .product-thumb{
	margin-bottom: 0;
}
/* .cpagerow{
	margin: 0 -5px;
} */
.product-list .protitle{
	font-size: 18px;
}
.product-list .btn-quickview{
	display: inline-block;
}
.product-list .product-thumb .btn-quickview button{
	position: unset;
	opacity: 1;
}
.product-list .cartb svg{
	display: none;
}
.product-list .caption .webi-main {
	position: unset;
    float: none;
    display: block;
    margin-top: 10px;
}
.product-list .add-car{
	padding: 4px;
}
.product-list .opbtn{
    margin-bottom: 0;
}
.product-list .product-thumb .absbtn,.product-list .add-cart{
	opacity: 1;
	display: inline-block;
	position: unset;
	transform: none;
}
.product-list .cartb {
    padding: 6px 8px !important;
}
.product-list .product-thumb {
    float: left;
    width: 100%;
}
.product-list .product-thumb .button-group{
	position: unset;
	opacity: 1;
	margin-top: 5px;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
}
.product-list .cart-btn, .product-list .quickview {
    opacity: 1;
    position: unset;
    display: inline-block;
    vertical-align: middle;
}
.product-list .quickview a span{
	vertical-align: middle;
}
.product-list .product-thumb .rating{
	margin-top: 2px;
	float: none;
}
.product-list .homeaddq{
	margin-top: 10px;
	bottom: 45%;
	opacity: 1;
}
.product-list .comments_note {
    float: none;
    display: inline-block;
}
/* filter */
.catfilter.panel-default > .panel-heading,.cathed{
	color: #fff;
    background-color: #000;
    border: none;
    text-transform: uppercase;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
}
.catfilter .panel-heading button{
	border: none;
	background: transparent;
	box-shadow: none;
}
.catfilter .checkbox input{
	margin-top: 3px;
}
#xsfilter .list-group{
	margin-bottom: 0
}
.panel-default {
    border: none;
    box-shadow: none;
    border-radius: 10px;
}
.list-group-item {
    border: 1px solid #eee;
}
.panel-footer {
    background-color: #fff;
    border: 1px solid #eee;
}
/* refine search */
.refines{
	margin-bottom: 20px;
}
.refines ul{
	display: inline-block
}
.refines li{
	border-radius: 10px;
	border: 1px solid #eee;
	font-size: 12px;
	padding: 6px 12px;
	vertical-align: middle;
	margin-right: 10px;
	text-transform: capitalize;
	margin-bottom: 4px;
	font-weight: 500;
}
.refines h3{
	text-transform: capitalize;
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 10px;
}
/* search page */
.search-icon .wbSearch{
    max-width: 80%;
    margin: 0 auto;
}
.search-page select.form-control {
    appearance: none;
    -o-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}
.search-page .select-input {
    position: relative;
}
#product-search .checkbox-inline {
    margin-top: 7px;
}
/* banner effect */
.banner-right{
	margin-top: 54px;
}
.img-banner{
	position: relative;
}
.beffect{
	position: relative;
	overflow: hidden;
}
.beffect a img{
	border-radius: 10px;
}
.beffect a{
	display: block;
	position: relative;
}
.beffect a:first-child::after {
    content: "";
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(255, 255, 255, 0.9);
    height: 0;
    transition: all 700ms ease-in-out 0s;
    width: 100%;
    transform: rotate3d(1, 1, 0, 100deg);
}
.beffect:hover a:first-child::after {
    opacity: 0;
    height: 85%;
    transition-delay: 0.1s;
    transform: rotate3d(0, 0, 0, 0deg);
}
/*off banner*/
.offbanner{
	position: relative;
}
.offbanner:first-child{
	margin-bottom: 30px;
}
.off-dec{
	position: absolute;
	top: 50px;
	left: 50px;
	bottom: 0;	
	text-align: left;
}
.off-text h2{
	font-size: 35px;
	text-transform: capitalize;
	font-weight: 700;
	color: #222;
	margin-bottom: 15px;
	line-height: 50px;
}
.off-text h3{
    font-size: 20px;    
    color: #558297;
    margin-bottom: 0;
    font-weight: 700;
    margin-top: 0;
}
.off-text p{
	font-size: 16px;
	font-weight: 400;
	color: #515151;
	max-width: 450px;
	margin-bottom: 25px;
	line-height: 25px;
}
.off-text a{	
	display: inline-block;
	background-color: #558297;
	color: #fff;
	border-radius: 10px;	
    position: relative;
    overflow: hidden;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
    z-index: 1;
}
.off-text a:hover {
    color: #000;
}
.off-text a::before{
    content: '';
    width: 0%;
    height: 100%;
    display: block;
    background: #fff;
    position: absolute;
    -ms-transform: skewX(-20deg);
    -webkit-transform: skewX(-20deg);
    transform: skewX(-20deg);
    left: -10%;
    opacity: 1;
    top: 0;
    z-index: -12;
    -moz-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -o-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    -webkit-transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
    transition: all .7s cubic-bezier(0.77, 0, 0.175, 1);
}
.off-text a:hover::before, .off-text a:hover::before{
    opacity: 1;
    width: 116%;
}
.off-text a span{
	padding: 15px 45px;
	border-radius: 10px;
	display: block;
}
#vedioModal button.close {
    margin: 0 15px;
    position: absolute;
    right: 0;
    top: 5px;
    z-index: 1;
    cursor: pointer;
}
.video-bg{
	position: absolute;
	text-align: center;
	right: 0;
	left: 0;
	cursor: pointer;
}
/*off banner over*/
/* cart page */
.cart-des, .cart-img {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
}
.cart-des .input-group {
    max-width: 100px!important;
    margin-top: 10px
}
.cart-des{
    display: inline-block;
    vertical-align: top;
    margin: 0 5px
}
.allcart {
    box-shadow: 0 0 3px 2px rgba(0, 0, 0, .05);
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
}
.allcart .cart-re {
    background-color: transparent;
    border: none;
}
.wish-stock {
    color: green;
    margin-bottom: 10px
}
.cart-des .cart-des-name{
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.cart-des .price {
    margin: 5px 0
}
.cartpsp .btn-danger {
    margin: 0 2px;
    height: 34px;
}
.cart-des button:hover{
    color: #fff;
}
.cart-des button i{
    font-size: 14px
}
.cart-re i{
	font-size: 18px;
	transition: 0.3s ease;
}
.cart-re i:hover{
	color: #558297
}
.cart-des .input-group input{
	border-radius: 4px 0 0 4px
}
/* cart page end*/
/* other page */
.acspace input[type="checkbox"]{
	vertical-align: middle;
	margin: 0;
}
#checkout-cart .table-bordered > thead > tr > td {
    background: #f5f5f5;
}
#checkout-cart .table-bordered > tbody > tr > td:nth-child(2) {
    font-weight: 500;
}
.product-quickview-detail .swiper-viewport{
	margin: 0
}
.product-quickview-detail {
    width: 100%;
    background-color: #fff;
}
.product-quickview-detail #content{
	min-height: auto;
	margin-top: 20px;
}
.mfp-iframe-scaler iframe{
	background: #fff !important;
	box-shadow: none !important;
	border-radius: 10px;
}
.product-quickview-detail .pro-content h1{
	margin-top: 0;
}
.swiper-button-prev::before,.swiper-button-next::before{
	color: #000 !important;
	font-size: 26px !important;
}
.product-quickview-detail #content {
    min-height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
#checkout-checkout .infobg [class*="col-"] h2 {
    font-size: 18px;
    text-transform: capitalize;
    margin-top: 0;
}
.contsp {
    margin-left: 35px;
    line-height: 25px;
    margin-bottom: 13px;
    text-transform: capitalize;
}
.infocnt i{
	font-size: 16px;
	vertical-align: bottom
}
.infocnt{
	margin-bottom: 20px;
}
.table-bordered,.table-bordered > tbody > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > thead > tr > th{
	border: 1px solid #eee;
}
.panel-group .panel,.panel-heading{
	border-radius: 10px 10px 0 0;
}
#accordion .panel-default {
    border: 1px solid #eee;
}
.cartpsp .btn-danger {
    margin: 0 2px;
    height: 34px;
}
.subheading, .acpage h1, .not-found-head {
    border-bottom: 1px solid #eee;
    margin-top: 0;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    padding: 10px 0;
}
.acpage .pull-right input[type="checkbox"]{
	margin-top: 0;
	vertical-align: middle;
}
.sitem ul{
	line-height: 35px;
	padding-left: 25px;
	padding-right: 25px;
}
.sitem ul li{
	list-style: url;
}
#accordion #input-password,#affiliate-login #input-password,#account-login #input-password{
	margin-bottom: 10px;
}
#accordion .panel-title i {
    float: right;
}
.panel-title{
	font-size: 14px;
}
.valign{
	vertical-align: middle !important;
}
.well {
    background-color: #fff;
    border: none;
    border-radius: 10px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid #ededed;
    padding: 0 15px 15px 15px;
}
.well p{
	font-size: 12px;
}
.well p strong{
	font-size: 13px;
}
.table-hover > tbody > tr:hover {
    background-color: transparent;
}
.addlist{
	border: 1px solid #ededed;
	padding: 10px;
	line-height: 25px;
}
.addl{
	border-top: 1px solid #ededed;
	padding-top: 10px;
	margin-top: 10px;
}
.alert {    
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    margin: 7px 0;
    font-size: 12px;
    padding: 5px 12px;
    border-radius: 5px;
    text-transform: capitalize;
}
.alert .close {
    opacity: 1;
    right: 6px;
	top: 3px;
}
.co-heading {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 0;
}
.img-thumbnail{
	border-radius: 4px
}
.comb .btn-primary{
	margin: 3px 0;
}
.com-description {
    width: 25%;
    color: #777;
	font-size: 13px;
	white-space: normal !important;
}
.com-summary {
    width: 1%;
}
.brand-list .brands-content {
    padding: 8px;
}
.bname {
    background: none repeat scroll 0 0 #f2f2f2;
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 6px 0;
    padding: 5px 8px;
    border-radius: 4px;
}
.brand-list {
    border: 1px solid #f2f2f2;
    padding: 5px;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 10px;
}
/* account page */
/*-------------*/
.acco span{
	display: inline-block;
	vertical-align: middle;
}
#account-account.acpage #content[class*="col-"] a {
    display: inline-block;
    border: 1px solid #eee;
    width: 100%;
    padding: 25px 25px;
    border-radius: 10px;
    margin-bottom: 30px;
}
#account-account.acpage #content[class*="col-"] span:first-child{
	border-right: 1px solid #eee;
	padding-right: 25px;
	margin-right: 25px;
}
#account-account.acpage #content[class*="col-"] span:last-child{
	font-size: 16px;
	font-weight: 600;
}
#account-account.acpage #content[class*="col-"] span:last-child span{
	font-size: 14px;
	font-weight: 400;
	color: #bcbcbc;
	margin-top: 6px;
	text-transform: capitalize;
	letter-spacing: 0.3px;
}
#account-account.acpage #content[class*="col-"] span svg{
	fill: #558297;
}
#account-account .achead {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    margin-top: 0;
}
/*------------*/
/* account - left column */
a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
	background-color: transparent;
	color: #558297;
}
.accolumn{
	/* box-shadow: 0 2px 4px 0 rgba(0,0,0,.09); */
	box-shadow: 0px 0 3px 2px rgba(0,0,0,.05);
	border-radius: 10px;
	padding: 15px 0px;
}
.accolumn.list-group a{
	border: none;
	padding: 10px 50px;
	font-size: 14px;
}
.accolumn.list-group a.logu{
	padding: 10px 0;
	color: #000
}
.accolumn h3{
	font-size: 16px;
	font-weight: 600;
	color: #000;
	display: inline-block;
	margin-top: 0;
	padding: 0 20px;
}
.accolumn h3 a{
	font-size: 16px;
	font-weight: 600;
	color: #878787;
	padding: 0;
	display: inline-block;
	margin-top: 0;
	padding: 0 0px;
}
.accolumn h3 svg{
	fill: #558297;
	margin-right: 10px;
}
.accolumn hr{
	border-top: 1px solid #f0f0f0;
}
.acl{
	margin-bottom: 5px;
}
@media (max-width: 779px){
	.product-quickview-detail .pro-content h1 {
	    margin-top: 50px;
	}
}
@media (min-width: 768px){
	.big-img {
	    float: right;
	}
	#cart.open .dropdown-menu, .inuser.open .user-down {
	    visibility: visible;
	    opacity: 1;
	    margin-top: 10px;
	    border-bottom: 3px solid #558297;
	    border-radius: 0 0 10px 10px;
	}
	#cart .dropdown-menu, .inuser .user-down {	    
	    margin-top: 50px;
	    padding: 15px;
	    margin-top: 50px;
	    border: 1px solid #eee;
	    border-top-color: rgb(238, 238, 238);
	    border-top-style: solid;
	    border-top-width: 1px;
	    border-top-color: rgb(238, 238, 238);
	    border-top-style: solid;
	    border-top-width: 1px;
	    box-shadow: 2px 2px 10px rgba(0, 0, 0, .1);
	    visibility: hidden;
	    display: block;
	    opacity: 0;
	    transition: all .35s ease-out 0s;
	    border-radius: 0 0 0 0;
	}
	.catb {
    	display: none;
	}
	.home-cat.collapse {
	    display: block !important;
	    height: auto !important;
	    padding-bottom: 0;
	    overflow: visible !important;
	}
	.viewmore {
	    padding: 0;
	    position: absolute;
	    right: 15px;
	    z-index: 1;
	    background-color: #f5f5f5;
	    border-radius: 5px;
	}
	.viewmore li {
	    display: block;
	    border-bottom: 1px solid #e4e4e4;
	    padding: 10px;
	    margin: 0 10px;
	}
		.category-tab button.catb {
	    display: none;
	}
	.footer-collapse.collapse {
    	display: block !important;
    	height: auto !important;
    	padding-bottom: 0;
    	overflow: visible !important;
	}
	.homecategory .block-cat-wr:hover .catcontent{
		right: 30px;
	}
	.product-list .product-thumb .rating {
	    bottom: 8px;
	}
	.product-list .product-thumb .price{
		font-size: 18px; 
		margin-top: 0;
		min-height: 0;			
	}
	.sticky,.blogsticky{
		position: sticky;
		top: 15px
	}
	.product-list .caption {
	    text-align: left;
	    padding-left: 10px;
	    padding-right: 10px;
	}
	.product-list .image, .product-list .caption {
	    float: left;
	    position: relative;
	}
	#xsfilter {
	    display: block !important;
	}
	.catfilter .panel-heading button{
		display: none
	}
	.middle-footer h5 button {
	    display: none;
	}
	.footer-collapse.collapse {
	    display: block !important;
	    height: auto !important;
	    overflow: visible !important;
	}
}
@media (max-width: 1500px){
	
}
@media (min-width: 1410px){
	.gal-img {
	    width: 21%;
	}
	.big-img {
	    width: 79%;
	}	
	#column-right,#column-left{
		width: 22%;
	}
	.manucom .product-list .image{
		width: 45%;
	}
	.manucom .product-list .caption{
		width: 55%;
	}
	#content.colright{
		width: 78%;
	}
	.cart-btn{
		top: 41%;
	}
	.product-list .image {
	    width: 30%;
	}
	.product-list .caption {
	    width: 70%;
	    padding-top: 15px;
	    padding-left: 20px;
	}
	.manucom .product-grid{
		width: 25%;
	}
	.manucom .product-list {
	    width: 50%;
	}
}
@media (min-width: 1410px) and (max-width: 1589px){	
	#cat-img .cat_text, #cat-img .cat_img{
		width: 50%;
	}
	.cat_text h4{
		font-size: 17px;
		letter-spacing: 0;
	}
	#menu .collapse .nav li {
	    padding: 0 12px;
	}
	.countdown_bg{
		padding: 30px 0;
	}
	.bser-title p{
		margin: 15px 0;
	}
	.service_text {
		top: 7%;
	}
	.slidertext{
		left: 4%;
	}
	#menu .navbar-nav li a{
		margin-right: 0;
	}
	.deliveryinfo li h4 {
		font-size: 18px;
	}
	.slidertext h3{
		font-size: 52px;
		max-width: 780px;
	}
	.slidertext p{
		max-width: 680px;
	}
	.middle-footer h5, .c-info{
		font-size: 20px;
	}
	.newsl .description-top {
		font-size: 14px;
	}
}
@media (min-width: 1200px) and (max-width: 1409px){
	.foot_img li{
		max-width: 120px;
	}
	.add-cart{
		bottom: 32% !important;
	}
	.deliveryinfo li h4{
    	font-size: 14px;
    	margin-bottom: 5px;
	}
	.deliveryinfo li p{
		width: 100%;
		font-size: 12px;
		color: #707070;
		letter-spacing: 0;
		height: 25px;
		max-width: 150px;
		overflow: hidden;
	}
	.slidertext h3 {
    	font-size: 40px;
    	line-height: 30px;
	}
	.slider-for.slick-slider .slick-next{
		left: auto;
		right: 25px;
	}
	.slider-for.slick-slider .slick-prev {
    	left: 25px;
    	right: auto;
	}
	.slick-slider .slick-arrow{
		margin: 0;
	}
	.bser-title ul{
		margin-right: 23px;
	}
	.deliveryinfo .icon{
		padding: 10px;
	}
	.countdown_bg{
		padding: 30px 0;
	}
	#count .product-btn .cart-btn button, #count .bquickv a{
		padding: 5px 10px;
		font-size: 14px;
		min-width: 130px;
		min-height: 30px;
	}
	.bser-title p{
		margin: 10px 0 20px 0;
		max-width: 650px;
	}
	.bser-title h3{
		margin-bottom: 0px;
		font-size: 20px;
	}
	.bser-title h1{
		font-size: 50px;
		max-width: 700px;
		line-height: 65px;
	}
	.bser-title h2 {
	    font-size: 30px;
	}
	.bser-title a{
		margin-top: 5px;
		padding: 12px 20px;
	}
	.parallex .item li{
		margin-top: 0;
	}
	#count .slick-slide div:first-child .product-layout {
		margin-bottom: 10px;
	}
	.bser-dsc {
	    margin-top: 30px;
	}
	.blog_webi .blog-right h4{
		padding: 0 0 10px 0;
	}
	.offbanner:first-child{
		margin-bottom: 20px;
	}
	.parallex .item h2{
		margin-top: 10px;
	}
	.parallex .item .rating {
    	margin-bottom: 10px;
	}
	.blog_webi .blog-right p{
		margin: 0 0 20px 0;
		height: 111px;
		overflow: hidden;
	}
	.blog_webi .blog-right .read_more {
		padding: 16px 50px;
	}
	.newsbtn{
		padding: 0 15px;
	}
	.footcbtm h5{
		font-size: 13px;
		letter-spacing: 0;
	}
	.off-text h1 {
	    font-size: 28px;
	}
	.onprotop .homeaddq .cartb span{
		display: none;
	}
	.ser-title h3{
		font-size: 16px;
	}
	.ser-title h2{
		font-size: 27px;
		max-width: 400px;
		line-height: 40px;
	}
	.ser-title p{
		font-size: 14px;
		margin-top: 5px;
	}
	.ser-title a span{
		padding: 12px 20px;
		font-size: 12px;
	}
	.pro-tab li a{
		padding: 12px 20px;
		font-size: 18px;
	}
	.product-thumb .price{
		font-weight: 500;
		font-size: 16px;
		min-height: 0;	
	}	
	.opbtn{
		margin-top: 0;
	}
	.protitle{
		padding: 5px 0;
		font-size: 17px;
	}
	.rating .fa-star-o, .rating .fa-star{
		font-size: 13px;
	}
	.inuser{
		margin: 0 10px;
	}
	.countdown-section{
		padding: 5px;
		margin-right: 5px;
	}
	#menu .navbar-nav li a {
	    font-size: 16px;
	    margin-right: 0;
	}
	#menu .collapse .nav li {
	    padding: 0 12px;
	}
	.curlan {
	    margin-left: 10px;
	}
	.imgbnrtext{
		margin-top: 40px;
	}
	.off-dec{
		top: 30px;
		left: 30px;
	}
	.off-text h2{
		font-size: 25px;
		line-height: 40px;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.off-text p{
		font-size: 14px;
		max-width: 350px;
		line-height: 20px;
		margin-bottom: 20px;
	}
	.off-text a{
		border-radius: 5px;
	}
	.off-text a span{
		padding: 10px 20px;
		font-size: 12px;		
	}
	.off-text h3 {
		font-size: 16px;
	}
	.onsl .product-thumb .button-group button,.onsl .bquickv a{
		margin: 0
	}
	.slidertext{
		max-width: 570px;
	}
	.slidertext p {
    	font-size: 15px;
    	height: 50px;
    	overflow: hidden;
	}
	.slidertext a.btn-primary {
    	margin-top: 20px;
    	padding: 12px 20px;
	}
	#logo img{
		max-width: 200px;
	}
	#search .input-lg{
		max-width: 170px;
	}
	.hbottom {
		padding: 12px 0;
	}
	.categorybr .subcat .cat-img a img {
    	border-radius: 15px;
	}
	.heading span{
		font-size: 33px;
		font-weight: 500;
	}
	.heading{
		margin-bottom: 25px;
	}
	.product-thumb {
		border-radius: 5px;
	}
	.deliveryinfo .icon img {
    	width: 40px;
    	height: 40px;    
	}
	.deliveryinfo li{
		margin: 0 0 0 10px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 14px 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 25px 15px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 14px;letter-spacing: 0
	}
	.product-grid{
		width: 33.33%;
	}
	.manucom .product-grid{
		width: 25%;
	}
	.manucom .product-list .image{
		width: 22%;
	}
	.manucom .product-list .caption{
		width: 78%;
	}
	.list-group a{
		font-size: 13px;letter-spacing: 0
	}
	.product-list .image {
	    width: 30%;
	}
	.product-list .caption {
	    width: 70%;
	}
	.countdown-amount{
		font-size: 16px;
	}
	#cattab .product-thumb .caption{
		margin-top: 25px !important;
	}
	#cattab .product-thumb:hover .caption {
	    margin-top: -10px !important;
	}
	#newsletter .new-ti svg{
		width: 41px;
		height: 40px;
	}
	.newsl .description-top{
		font-size: 12px;
	}
	#newsletter .new-ti .sign{
		margin-left: 0;
	}
	.middle-footer{
		padding: 20px 0;
	}
	.fborder{
		padding-top: 20px;
	}
	#column-right1{
		min-width: 300px;
	}
	.middle-footer h5, .c-info{
		font-size: 23px;
		margin-bottom: 20px;
	}
	#new .sing-up {
    	margin-top: 10px;
	}
	.footblink {
    	padding: 25px 0;
	}
	.footblink .tag-d .list-unstyled li {
    	line-height: 35px;
	}
}
@media (min-width: 992px) and (max-width: 1199px){
	header #logo a img{
		max-width: 180px;		
	}
	.blog_webi .blog-right p{
		font-size: 15px;
		line-height: 20px;
	}
	.blog_webi .blog-right p{
		margin: 0 0 10px 0;
		height: 100px;
		overflow: hidden;
	}
	.footer-top{
		border-right: none;
		border-left: none;
	}
	.tag-d{
		width: 89%;
	}
	.blog_webi .blog-dec{
		padding: 0;
	}
	.blog_webi .blog-right .date-time{
		margin-bottom: 20px;
	}
	.bser-dsc {
	    margin-top: 0;
	}
	.offbanner:first-child {
    	margin-bottom: 35px;
	}
	#count .slick-slide div:first-child .product-layout {
    	margin-bottom: 10px;
	}
	.all-timer{
		bottom: -10px;
		left: 0;		
		right: 0;		
	}
	.product-thumb .price {
		font-size: 18px;
	}
	.countdown_bg .heading{
		margin-bottom: 20px;
	}
	.product-thumb .price{
		margin-bottom: 0;
		min-height: 0;
	}
	.bser-title h3 {
	    font-size: 18px;
	    margin-bottom: 10px;
	}
	.bser-title h1{
		font-size: 40px;
		max-width: 500px;
		line-height: 50px;
	}
	.cart-btn{
		top: 41%;
	}
	.product-thumb .button-group{
		right: 7px;
		top: 7px;
	}
	#count .product-thumb .button-group svg, #count .btn-quickview button svg {
		width: 17px;
		height: 16px;
	}
	#count .product-btn .cart-btn button, #count .bquickv a{
		min-width: 140px;
		min-height: 30px;
		padding: 5px 15px;
	}
	#count .product-thumb .button-group button{
		min-width: 35px;
		min-height: 35px;
		padding: 0;
	}
	.homecategory, .deliveryinfo, .offer-banner, .protabcont, .banservi, .test-pad, .countdown_bg, .blog_webi, footer {
    	margin-top: 40px;
	}
	.btn-lg {
    	padding: 0 30px;
    	font-size: 15px;
	}
	.blog_webi .blog-right .read_more{
		padding: 10px 25px;
	}
	.slidertext h5{
		margin-top: 0;
		font-size: 18px;
	}
	.slidertext h3{
		font-size: 30px;
		line-height: 40px;
		margin-top: 10px;
	}
	.slidertext p{
		font-size: 15px;
		margin-top: 10px;
	}
	.slidertext a.btn-primary{
		margin-top: 15px;
		padding: 13px 20px;
	}
	.heading span{
		font-size: 30px;
		font-weight: 500;
	}
	.bser-title h2{
		margin-bottom: 10px;
		font-size: 22px;
	}
	.bser-title p {
	    font-size: 13px;
	    line-height: 18px;
	    max-width: 550px;
	    margin-top: 10px;
	    margin-bottom: 15px;
	}
	.bser-title ul{
		margin-right: 8px;
	}
	.bser-title a{
		margin-top: 10px;
		padding: 12px 20px;
	}
	.countdown-section{
		margin-right: 5px;
		padding: 3px;
	}
	.product-thumb .protitle a{
		font-size: 15px;
	}
	.ser-der li {
    	font-size: 14px;
    	letter-spacing: 0;
    	margin-bottom: 5px;
	}
	.categorybr h5 {
	    font-size: 20px;
	}
	.pro_count .row{
		display: block;
	}
	.pro_count .product-timer{
		text-align: left;
		margin-top: 15px;
	}
	.pro-discou{
		font-size: 13px;
		padding: 4px;
		margin-right: 3px;
	}
	#product .product-btn {
	    text-align: left;
	}
	.checkbox_input .checkbox label.size-option span{
		width: 35px;
		height: 35px;
	}
	.radio_input {
	    width: 50%;
	}
	.checkbox_input {
	    width: 49%;
	}
	.catt-bg2 .home-cat ul.nav-tabs li a, .viewmore2 li {
	    padding: 15.8px 13px;
	}
	.footcbtm svg{
		width: 30px;
		height: 30px;
		margin-right: 0px;
	}
	#blog.slick-slider .slick-arrow{
		display: none !important;
	}
	.footcbtm h5{
		font-size: 12px;
	}
	.foot_img li img{
		width: 100px;
		height: 35px;
	}
	.play-video::before {
		width: 90px;
		height: 90px;
		background-size: 90px;
	}
	.timerpro .product-thumb .caption {
	    padding: 10px;
	}	
	.rating{
		margin-top: 5px;
	}
	.opbtn {
    	margin-top: 5px;
	}
	.blog_webi .blog-right h4{
		font-size: 18px;
		padding: 7px 0 6px 0;
	}
	.blog_webi .blog-right {
	    padding: 15px;
	}
	.hbottom{		
		padding: 7px 0px;
	}
	.inuser {
	    margin: 0 8px;
	}
	.fsocial a{
		min-width: 36px;
		min-height: 36px;
		padding-top: 7px;
	}
	.middle-footer h5, .c-info {
		font-size: 20px;
		margin-bottom: 15px;
	}
	.newsl .alert{
		padding: 2px 10px;
		bottom: 37px;
	}
	.newsl .description-top{
		margin-top: 0;
		font-size: 12px;
	}
	#newsletter .new-ti .sign{
		margin-left: 0;
	}
	#newsletter .new-ti svg{
		width: 45px;
		height: 45px;
	}
	#column-right1 {
    	min-width: 250px;
	}
	#account-wishlist tr td{
		white-space: nowrap;
	}
	.imgbnrtext{
		margin-top: 0;
	}
	.imgbnrtext .btn-primary{
		margin-top: 20px;
	}
	.off-text p{
		max-width: 270px;
		font-size: 13px;
		margin-bottom: 15px;
		line-height: 18px;
	}
	.ser-title h3{
		font-size: 15px;
	}
	.ser-title h2{
		font-size: 20px;
		line-height: 25px;
		font-weight: 500;
		max-width: 330px;
	}
	.ser-title p {
    	font-size: 13px;    	
    	max-width: 350px;
    	margin-top: 10px;
    	margin-bottom: 15px;
    	line-height: 20px;
	}
	.ser-title a span{
		padding: 12px 18px;
	}
	.pro-tab li a{
		padding: 8px 18px;
	}
	.nav-tabs{
		margin-bottom: 0;
	}
	.off-text a{
		margin-bottom: 15px;
	}
	.off-text a span{
		padding: 12px 18px;	
	}
	.onsl .product-thumb .button-group{
		display: none;
	}
	.homecategory .catcontent h2{
		font-size: 20px;
	}
	.midheadleft, #top-links{
		margin-top: 6px;		
	}
	.product-grid, .product-list{
		margin-bottom: 20px;  
	}
	#top-links .list-inline .nav-link span#cartme:last-child{
		display: none;
	}
	#product-category .product-grid{
		width: 50%;
	}
	.slidertext h1{
		font-size: 45px;
	}
	.category-tab .nav-tabs li {
	    padding: 0 4px;
	}
	.slidertext{
		left: 4%;
		width: 500px;
	}
	.deliveryinfo li h4{
		font-size: 16px;
		letter-spacing: 0;
		text-align: center;
		margin-top: 15px;
	}
	.deliveryinfo .sbr .list-unstyled{
		text-align: center;
	}
	.countdown-amount{
		font-size: 14px;
		margin-bottom: 0;
		letter-spacing: 0;
	}
	.deliveryinfo li p{
		font-size: 14px;
		letter-spacing: 0;
		height: 20px;
		overflow: hidden;
		text-align: center;
	}
	.deliveryinfo li:last-child{
		width: 85%;
	}
	.off-text h3{
		font-size: 15px;
		margin-bottom: 10px;
	}
	.off-dec{
		left: 20px;
		top: 20px;
	}
	.off-text h2 {
    	font-size: 20px;
    	font-weight: 500;
    	margin-top: 0;
    	margin-bottom: 10px;
    	line-height: 25px;
	}
	.categorybr .category_text{
		padding: 0 0 0 0;
	}
	.categorybr .subcat .cat-img a img{
		border-radius: 20px;
	}
	.sellbanner {
	    padding-left: 0;
	}
	.timerpro .product-thumb{
		margin-bottom: 10px;
	}
	.timerpro .protitle{
		padding: 6px 0;
	}
	.timerpro .bran,.onsalepro .homeaddq,#popular .comments_note, #onsale .comments_note, #toprate .comments_note{
		display: none;
	}
	.middle-footer a, .f-left li,.newsl #newsletter .newsbtn{
		letter-spacing: 0;
		line-height: 30px;
	}
	#account-account.acpage #content[class*="col-"] span:first-child{
		padding-right: 10px;
		margin-right: 10px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 13px;letter-spacing: 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 15px 9px;
	}
	#account-account.acpage #content[class*="col-"] span svg{
		width: 35px;height: 35px;
	}
	.accolumn.list-group a{
		padding: 10px 20px;
	}
	.accolumn h3{
		font-size: 14px;letter-spacing: 0
	}
	#menu .navbar-nav > li > a{
		font-size: 15px;
		letter-spacing: 0;
		text-transform: capitalize;
		margin-right: 15px;
	}
	.offer_title{
		font-size: 13px;
	}
	.search-icon .wbSearch{
		width: 100%;
	}
	.product-list .image {
	    width: 40%;
	}
	.product-list .caption {
	    width: 60%;
	}	
	.timerpro .countdes{
		font-size: 13px;
		letter-spacing: 0
	}
	.webi_post_hover .icon{
		padding: 10px;
	}	
	#new .sing-up {
    	margin-top: 10px;
	}
	.footblink .tag-d .list-unstyled li{
		line-height: 30px;
	}
	.fborder{
		padding-top: 0;
	}
	#new p {
    	line-height: 25px;
    	margin-bottom: 0;
	}
	.footblink {
    	padding: 30px 0;
	}
	.footblink li a {
		font-size: 14px;
	}	
}
@media (min-width: 992px){
	.product-thumb .absbtn{
		position: absolute;
		bottom: 60%;
		left: 0;
		right: 0;
		opacity: 0;
		transform: translateY(-100%);
		transition: 0.3s ease-in-out;
	}
	.product-thumb:hover .absbtn{
		opacity: 1;
		transform: unset;
	}
	.product-thumb:hover .add-cart{
		opacity: 1;
		transform: none;
	}
	.add-cart{
		position: absolute;
		bottom: 30%;
		left: 30px;
		right: 30px;
		opacity: 0;
		transform: translateY(100%);
		transition: 0.3s ease-in-out;
	}	
	.middle-footer .contact{
		display: none;
	}
	.deliveryinfo .icon img{
		width: 35px;
		height: 35px;
	}
	.parallex .item li:last-child {    	
    	margin: 0;
	}
	.opening_hours .hours {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	line-height: 50px;
	}
	.opening_hours .days span{
		font-size: 16px;
		color: #707070;
		display: inline-block;
	}
	.opening_hours .days h4{
		display: inline-block;		
	}
	#cattab .image{
		width: 38%;
	}
	#cattab .caption{
		width: 62%;
	}
	#cattab .product-thumb .caption{
		transition: 0.3s ease;
		margin-top: 37px;
	}
	#cattab .product-thumb:hover .caption{
		margin-top: 3px;
	}
	#cattab .bran{
		transition: 0.3s ease;
	}
	#cattab .product-thumb:hover .bran{
		opacity: 0;
	}
	#cattab .button-group {
	    transition: 0.3s ease;
	    opacity: 0;
	    position: absolute;
	    bottom: -24%;
	}
	#cattab .product-thumb:hover .button-group{
		opacity: 1;
	}
	.sborder ul {
	    border-left: 1px solid #e1e1e1;
	}	
	#menu .navbar-nav li a i {
	    margin: 0 4px;
	}
	.brightimg:nth-child(1){
		margin-bottom: 30px;
	}
	#menu .dropdown-menu {
	    background: #fff;
	    visibility: hidden;
	    display: block;
	    opacity: 0;
	    filter: alpha(opacity=0);
	    -webkit-transition: all 0.35s ease-out 0s;
	    -o-transition: all 0.35s ease-out 0s;
	    transition: all 0.35s ease-out 0s;
	    border: none;
	    padding: 15px 0 20px 0;
	    border-bottom: 3px solid #558297;
	    margin-top: 35px;
	}
	#menu .dropdown:hover .dropdown-menu {
	    display: block;
	    visibility: visible;
	    opacity: 1;
	    filter: alpha(opacity=100);
	    margin-top: 0;
	}
	.more-menu {
	    padding: 10px 25px;
	    position: absolute;
	    left: auto;
	    right: 0;
	    margin: 0;
	    border-radius: 0 0 10px 10px;
	    border: none;
	    box-shadow: 0 0px 5px rgba(0,0,0,.175);
	    min-width: 230px;
	    border-bottom: 3px solid #558297;
	    background: #fff;
	    z-index: 9;
	    opacity: 0;
	    display: inline-block;
	    transition: all 0.35s ease-out 0s;
	    text-align: left;
	    line-height: 28px;
	}
	#menu .navbar-nav .more-menu li.m-menu a{
		color: #000;
	}
	.view_cat_menu:hover .more-menu {
	    opacity: 1;
	    visibility: visible;
	}
	.middle-footer {
    	padding: 30px 0;
    	border-bottom: 1px solid #707070;
	}
	.cart-btn svg, .bquickv a svg{
		display: none;
	}
}
@media (min-width: 768px) and (max-width: 991px){
	header #logo a img{
		max-width: 180px;		
	}
	.search-icon .wbSearch{
		max-width: 100%;
		padding: 0 0 15px 0;
	}	
	.product-thumb .button-group .cartb{
		border: 2px solid #f1f1f1;
		min-width: 40px;
		min-height: 40px;
	}
	.bser-title h3{
		font-size: 15px;
    	margin-bottom: 5px;
    	margin-top: 0;
	}
	.bser-title h1{
		font-size: 30px;
		line-height: 40px;
		max-width: 400px;
	}
	.product-thumb .caption .webi-main{
		bottom: 140px;
		float: none;
	}
	.sale{
		left: 10px;
		font-size: 13px;
		padding: 3px 10px;
	}
	.bser-title h2 {
	    font-size: 15px;
	    letter-spacing: 0;
	}
	.bser-title p{
		font-size: 13px;
		line-height: 16px;
		max-width: 400px;
		height: 35px;
		overflow: hidden;
		letter-spacing: 0;
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.countdown_bg .imgbanner{
		display: none;
	}
	.all-timer{
		padding: 0;
	}
	.pro-content h1,.text-decor-bold h2{
		font-size: 20px;
	}
	.countdown-section{
		margin-right: 5px;
		padding: 3px;
	}
	.protitle{
		font-size: 15px;
	}
	.bser-title li i{
		margin-right: 4px;
	}
	.price-old{
		font-size: 13px;
	}
	.ser-der li {
	    font-size: 13px;
	    text-transform: capitalize;
	    letter-spacing: 0;
	}
	.bser-title a{
		margin-top: 0;
		padding: 10px 15px;
	}
	.bser-title ul{
		margin-right: 20px;
	}
	.bser-dsc {
	    margin-top: 0px;
	    margin-left: 25px;
	}
	.ser-title h2 {
	    font-size: 18px;
	    max-width: 350px;
	    line-height: 25px;
	    margin-bottom: 15px;
	}
	.ser-title a span{
		padding: 12px 20px;
	}
	.sellbanner .beffect .ser-dsc .ser-title{
		top: 20px;
	}
	.ser-title p{
		display: none;
	}
	.pro-img .slick-list{
		margin-top: 0;
		margin-bottom: 0;
	}
	.pro-img .caption h4 a{
		font-size: 15px;
	}
	.opbtn{
		margin-top: 0;
	}	
	.head{
		font-size: 13px;
		margin-bottom: 5px;
	}
	#newsletter .new-ti svg{
		display: none;
	}
	.pro-tab li a{
		padding: 8px 20px;
	}
	.fpow{
		font-size: 13px;
		letter-spacing: 0;
	}
	.play-video::before {
		width: 70px;
		height: 70px;
		left: -6px;
		bottom: -16px;
		background-size: 60px;
	}
	.wboffer{
		margin-top: 15px;
	}
	#cat-img.slick-slider .slick-arrow{
		display: none !important;
	}
	.deliveryinfo .icon{
		padding: 12px;
	}
	.deliveryinfo .icon img{
		width: 40px;
		height: 40px;
	}
	.product-grid,.product-list{
		padding: 0 5px;
	}
	.cpagerow{
		margin: 0 -5px;
	}
	.product-thumb .button-group button:hover, .bquickv a:hover{
		min-width: 40px;
	}
	.product-thumb .button-group button{
		display: inline-block;
	}			
	.off-dec {
	    left: 20px;
	    top: 20px;
	}	
	.offbanner:first-child{
		margin-bottom: 30px;
	}
	.ser-title h3{
		font-size: 13px;
		margin-bottom: 0;
	}
	.sellbanner{
		padding-left: 0;
	}
	.countdown-amount{
		font-size: 14px;
	}
	.countdown-period{
		font-size: 12px;
	}	
	.off-text h1 {
	    font-size: 20px;
	}	
	#account-wishlist tr td{
		white-space: nowrap;
	}
	.deliveryinfo ul svg {
	    width: 40px;
	    height: 40px;
	}
	.imgbnrtext h1 {
	    font-size: 24px;
	    margin: 4px 0 5px 0;
	}
	.deliveryinfo li{
		margin: 0 7px;
	}
	.imgbnrtext p{
		font-size: 13px;letter-spacing: 0
	}
	.imgbnrtext .btn-primary {
	    margin-top: 10px;
	}
	.homecategory .catcontent h2{
		font-size: 18px;
		text-transform: capitalize;
	}
	.homecategory .catcontent{
		top: 60px;
	}
	.midheadleft, #top-links {
	    padding-top: 12px;
	    padding-bottom: 12px;
	}
	.blog_links {
	    margin: 6px 0;
	}
	.allmb .blog-desc{
		margin-bottom: 8px;
	}
	.product-list .catlist-des{
		overflow: hidden;
		height: 42px;
	}
	.home-cat ul.nav-tabs li a{
		padding: 14px 0
	}	
	.deliveryinfo ul li h4{
		font-size: 14px;
		letter-spacing: 0
	}
	.deliveryinfo ul li p{    
    	width: 140px;
	}
	.deliveryinfo li{
		margin: 0 1px;
	}
	.pro-img .nav-tabs {
    	margin-bottom: 15px;
	}
	.deliveryinfo .sbr:nth-child(3),.deliveryinfo .sbr:nth-child(4){
		margin-bottom: 0;
	}
	.slidertext{
		width: 415px;		
	}
	.slidertext h3{
		font-size: 35px;
		margin-top: 10px;
	}
	.slidertext h1{
		font-size: 35px;
	}
	.slidertext p{
		font-size: 13px;
		margin-top: 10px;
		height: 65px;
		overflow: hidden;
		line-height: 20px;
	}	
	.bnrbottom, .bnrright {
	    margin-top: 18px;
	}	
	#account-account.acpage #content[class*="col-"] span:last-child{
		letter-spacing: 0;font-size: 14px;
	}
	.accolumn.list-group a{
		padding: 10px 20px;
	}
	.accolumn h3{
		font-size: 14px;letter-spacing: 0
	}
	.blog_comment::before, .blog_comment::after{
		padding: 0 3px;
	}
	.proreview{
		margin: 0 15px;
		padding: 0 15px;
	}
	.manucom .product-grid{
		width: 33.33%;
	}
	.manucom .product-list .image{
		width: 30%;
	}
	.manucom .product-list .caption{
		width: 70%;
	}
	.product-list .image {
	    width: 40%;
	}
	.product-list .caption {
	    width: 60%;
	}
	.f-left li,.middle-footer a, .f-left li{
		font-size: 13px;
		letter-spacing: 0;
		line-height: 30px;
	}
	.tag-d{
		display: none;
	}
	.newsl .description-top{
		display: none;
	}
	#newsletter .new-ti .sign{
		margin-left: 0;
	}
	#newsletter .social-media{
		background-image: none;
		padding-top: 0;
		padding-bottom: 0;
	}	
	.fborder{
		padding-top: 20px;
	}
	.newsl #newsletter input{
		padding-left: 10px;
	}
	.newsbtn{
		padding: 0 15px;
		font-size: 12px;
	}	
	#info .list-unstyled li{
		line-height: 0;
	}		
	#newsletter .new-ti{
		display: none;
	}
}
@media (min-width: 992px){
	#menu .dropdown:hover .dropdown-menu {
		display: block;
	}
}
@media (max-width: 991px){
	.navbar-header .btn-navbar .fa{
		font-size: 20px;
	}
	.menu-bar{
    	position: absolute;
    	left: 0;
    	top: 25px;
	}
	#menu .navbar-toggle {
    	display: block;
    	padding: 0;
    	float: none;
    	margin: 0;
	}
	.homecategory,.deliveryinfo,.offer-banner,.protabcont,.banservi,.test-pad,.countdown_bg,.logo-slider,.blog_webi,footer{
		margin-top: 30px;
	}
	.slidepad,.pro-img,.test-pad,.countdown_bg,.blog_webi{
		text-align: center;
	}
	.menu-bg .menu{
    	position: absolute;
    	top: 7px;
	}
	.slidertext h5 {
		font-size: 18px;
	}
	.parallex .item .rating {
		margin-bottom: 10px;
	}
	#menu .navbar-nav li a:hover::after{
		width: 0;
	}
	#menu .dropdown-inner .list-unstyled:first-child {
    	padding-left: 0;
	}
	.slidertext a.btn-primary {
    	margin-top: 12px;
    	padding: 10px 15px;
    	font-size: 14px;
	}
	.slick-slider .slick-arrow{
		position: unset;
		margin: 10px 5px;
		opacity: 1;
	}
	.slider-for.slick-slider .slick-arrow {
		margin: 10px 5px; 
		opacity: 1;
	}
	.leftpro .slick-slider .slick-prev, .pro-img .slick-slider .slick-prev, #blog.slick-slider .slick-prev, #related.slick-slider .slick-prev, #count.slick-slider .slick-prev{
		left: 40px;
		right: auto;
		position: unset;
	}
	.leftpro .slick-slider .slick-next, .pro-img .slick-slider .slick-next, #blog.slick-slider .slick-next, #related.slick-slider .slick-next, #count.slick-slider .slick-next {
		left: auto;
		right: 40px;
		position: unset;
	}
	.off-text h3 {
    	font-size: 13px;
    	margin-bottom: 10px;
	}
	.webi_post_hover .icon{
		padding: 10px;
	}
	.off-text h2 {
    	margin-bottom: 10px;
    	font-size: 18px;
    	margin-top: 0;
    	line-height: 25px;
	}
	.off-text p{
		font-size: 14px;
		max-width: 260px;
		margin-bottom: 15px;
	}
	.off-text a span {
    	padding: 10px 25px;
	}
	.service_text{
		top: 7%;
	}
	.deliveryinfo ul li p{
    	width: 140px;
	}
	.cartt{
		margin-left: 22px;
		line-height: 16px;
		width: 16px;
		height: 16px;
		font-size: 	9px;
		top: 0;
	}
	.product-thumb .button-group button{
		margin-bottom: 0;
	}
	.product-thumb .button-group {
    	position: unset;
    	opacity: 1;
    	display: inline-block;
	}
	.cart-btn, .quickview {
    	opacity: 1;
    	position: unset;
    	display: inline-block;
    	vertical-align: middle;
	}
	.product-btn .cart-btn button, .bquickv a{
		min-width: 40px;
		min-height: 40px;
		padding: 8px;
		border-radius: 5px;
	}
	.product-thumb .caption .webi-main{
		float: none;
		display: block;
		margin-top: 10px;
	}
	.product-btn .cart-btn button svg, .bquickv a svg{
		width: 20px;
		height: 19px;
	}
	.footblink h3{
		display: none;
	}
	.blog_webi .blogshadow .row {
	    display: block;
	}
	.blog_webi .blog-dec{
		margin-left: 0;
		padding: 0;
	}
	.blog_webi .blog-right p{
		margin: 0 0 10px 0;
		height: 120px;
		overflow: hidden;
		font-size: 12px;
		line-height: 20px;
	}
	.blog_webi .blog-right .read_more{
		padding: 10px 27px;
	}
	.blog_webi .blog-right .date-time{
		margin-bottom: 20px;
	}
	.offbanner{
		margin: 0;
	}
	.button-group{
		text-align: left;
		margin-top: 5px;
	}
	.pro-img .slick-slider .slick-arrow{
		margin: 10px 5px;
	}	
	.add-cart,.absbtn{
		display: inline-block;
	}
	.add-car{
		background: transparent;
		padding: 0;
		max-width: unset;
	}
	.add-car:hover {
 	   background: #558297;
	}
	.add-car:hover svg{
		fill: #fff;
	}
	.product-thumb .button-group button:hover, .bquickv a:hover {
		min-width: 40px;
	}
	.s-panel .slick-dots{
		display: none !important;
	}
	.homeslider-container .slick-prev {
	    right: 65px;
	    left: auto;
	}
	.homeslider-container .slick-next {
	    right: 15px;
	}
	#product{
		padding: 10px;
	}
	.checkbox_input {
	    width: 100%;
	}
	.pro_count .row{
		display: block;
	}
	.pro_count .product-timer{
		text-align: left;
		margin-top: 15px;
	}
	.img-banner{
		display: none;
	}
	#count .slick-slide div:first-child .product-layout {
    	margin-bottom: 5px;
	}
	.pro-discou{
		padding: 4px 3px;
		margin-right: 0px;
		font-size: 11px;
	}
	#product .product-btn{
		text-align: left;
	}
	#product .btn-primary{
		padding: 5px 10px;
		margin-top: 0;
		font-size: 12px;
	}
	.pro-content .pcrt svg{
		width: 16px;
		height: 15px;
	}
	.breadcrumb {
	    margin-top: 0;
	}
	.product-list .cartb,.product-list .add-car{
	    padding: 0 !important;
	}
	.categorybr h5 {
	    font-size: 16px;
	}	
	.categorybr a.list-group-item{
		font-size: 13px;
	}
	.foot_img{
		display: none;
	}
	.webi-blog-image img{
		border-radius: 10px;
	}
	.blogshadow {
    	border: none;
    	float: none;
    	margin-bottom: 15px;
	}
	.footoff {
	    padding: 30px 0 100px 0;
	}	
	.parallex .item p{
		padding-bottom: 0;
	}
	.footcbtm {
	    margin-top: 10px
	}
	.offbg{
		margin: 0;
	}
	.hbottom{
		margin: 0;
		padding: 0;
		box-shadow: none;
	}
	#menu .navbar-nav > li > a::before {
		display: none;
	}
	.off-text a {
	    font-size: 12px;
		text-transform: capitalize;
	}
	.testicontent svg{
		display: none;
	}
	.footblink{
		padding: 10px 0;
	}
	.oc-bg{
		margin: 0;
		padding: 30px 0;
	}
	.categorybr .catimg a{
		min-width: unset;
		min-height: unset;
	}	
	.test,.test:focus{
		color: #000;
	}
	.test:hover{
		color: #558297;
	}
	.fsocial a{
		margin: 0 3px;
	}
	.foot-payment a i{
		margin-right: 7px;
	}
	.bannerser{
		padding: 20px 0;
		margin: 0;
	}
	.homeaddq{
		opacity: 1;
	}	
	.product-thumb{
		margin-bottom: 15px;
	}
	.onsl{
		padding: 15px 0;
	}
	.blog_webi .blog-right h4{
		font-size: 18px;
		line-height: 22px;
		height: auto;
		padding: 5px 0;
		white-space: nowrap;
		text-overflow: ellipsis;
	}
	footer{
		margin-top: 30px;
	}
	.timer{
		margin-top: 30px;
	}
	.owl-theme .owl-nav {
	    margin-top: 15px !important;
	}
	.homecategory .row{
		margin: 0;
	}
	.onsl{
		margin-left: 0;
		margin-right: 0
	}
	.imgbnrtext{
		margin-top: 0
	}
	.s-panel{
		margin: 0
	}
	.middle-footer .fsocial a{
		margin: 0;
	}
	.fsocial a{
		min-width: 40px;
		min-height: 40px;
	}
	.fsocial a i {
		font-size: 20px;
	}
	.footer-top{
		border-left: none;
		border-right: none;
	}
	.copy .list-inline{
		margin-top: 0;
	}
	.newsl li h5{
		font-size: 18px;
	}
	#top-links{		
		padding: 12px 0;
	}
	.hlogout .curr,.hlogout .langg{
	    border: 1px solid #eee;
	    display: inline-block;
	    padding: 7px 0;
	    margin-top: 10px;
	    width: 48%;
	    text-align: center;
	    margin-left: 1px;
	    margin-right: 1px;
	}
	#menu .collapse .nav li{
		padding: 0
	}
	.spepro .product-thumb .caption {
	    margin-top: 0;
	}
	#menu .navbar-nav li a{
		border-bottom: 1px solid #eee;
		padding: 13px 0;
		margin-right: 0;
		color: #000;
	}
	.cartb svg{
		display: inline-block;
	}
	.product-thumb .btn-quickview button{
		position: unset;
		opacity: 1;
	}
	.product-thumb .btn-quickview{
		display: inline-block;
	}	
	.product-list .product-thumb .button-group,.product-list .cart-btn, .product-list .quickview{		
		margin-top: 10px;
	}
	.middle-footer{
		padding: 15px 0;
	}
	#common-home #content {
	    padding: 0;
	    overflow: hidden;
	}
	.rless, .deliveryinfo, .homecategory{
		margin-left: -10px;
		margin-right: -10px;
	}
	.cless, .sbr{
		padding-left: 10px;
		padding-right: 10px;
	}
	.product-thumb .price{
		font-size: 14px;
		margin-bottom: 0;
		min-height: 0;
	}
	.wbSearch{
		padding-bottom: 15px;
	}
	.search-icon .wbSearch{
		max-width: 100%;
		margin: 0;
	}
	.btn-lg{
		padding: 10px 20px;
	}	
	#search .input-group-btn .btn i{
		display: none;
	}
	header #logo{
		padding: 12px 0;
		z-index: 1;
	}
	header #logo a{
		margin-left: 30px;
	}
	.cartt-a{
		top: 15px;
	}	
	.navbar-nav{
		margin: 0
	}
	.menu-bg .caller{
		display: none;
	}
	.homemenu{
		background: none;
	}
	#menu div.dropdown-inner > ul.list-unstyled {
		display: block;
	}
	#menu div.dropdown-menu {
		margin-left: 0 !important;
	}
	#menu .dropdown-inner {
		display: block;
	}
	#menu .dropdown-inner a {
		width: 100%;
	}
	#menu .dropdown-inner .submenu-title{
		padding: 3px 28px;
	}
	#menu .dropdown-inner .dropdown-submenu .grand-child a{
		padding: 0;border-bottom: none
	}
	#menu .dropdown-submenu {
	    margin-top: 15px;
	    padding: 0 !important;
	}
	#menu .navbar-nav li a.see-all {
		display: inline-block;
		letter-spacing: 0;
		margin-top: 10px;
		border-bottom: 1px solid;
		padding-bottom: 0;
		font-weight: 500;
	}
	.navbar-nav .open .dropdown-menu {
	    position: static;
	    float: none;
	    width: auto;
	    margin-top: 0;
	    background-color: transparent;
	    border: 0;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}
	#menu .dropdown-inner ul{
		display: block;
	}
	#menu .nav li{
		display: block;
	}
	#mySidenav li a i{
		margin-top: 4px;
		float: right
	}
	#menu .dropdown-inner .dropdown-submenu .submenu-title{
		border-bottom: none
	}
	.home-page .hsticky,.hsticky{
	    padding: 0;
	}
	.middle-footer h5{
		font-size: 20px;
		margin-bottom: 20px;
	}
	#column-right1{
		min-width: 0;
		float: none;
	}
	.middle-footer .sign h5{
		font-size: 16px;
	}
	.opening_hours .hours {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	line-height: 0;
	}
	.middle-footer .contact {
    	display: none;
	}
	.opening_hours .days span {
    	font-size: 16px;
    	color: #707070;
    	display: inline-block;
	}
	.menusp .navbar-header button{
		border: none;
		padding: 0;
		background: transparent;
		margin: 0;
		margin-top: 20px;
		float: none;
		position: unset;
	}
	.menusp .navbar-header button i{
		font-size: 20px;
	}
	.deliveryinfo li:last-child,.deliveryinfo .sbr .list-unstyled{
    	text-align: center;
	}
	/* sidenav */
	.w3-overlay {
	    position: fixed;
	    display: none;
	    width: 100%;
	    height: 100%;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    background-color: rgba(0, 0, 0, 0.5);
	    z-index: 3;
	}
	#stamenu .menu-vertical {
	    overflow-y: unset;
	}
	#stamenu.active .menu-vertical {
	    transform: translateX(0);
	}
	#stamenu .menu-vertical {
	    overflow-y: scroll;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: auto;
	    z-index: 4;
	    background: #fff;
	    width: 280px;
	    transform: translateX(-100%);
	    transition: all 0.5s ease-out 0s;
	}
	#mySidenav li a i{
		margin-top: 4px;
		float: right
	}
	.sidenav {
	    height: 100%;
	    width: 0;
	    position: fixed;
	    z-index: 999;
	    top: 0;
	    left: 0;
	    transition: 0.5s;
	    padding-top: 60px;
	    overflow-x: hidden;
	    clear: both;
	    height: 100%;
	    background-color: #fff;
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    text-align: left;
	}
	.sidenav .close-nav {
		background-color: #1e1e1e;
		padding: 12px 15px;
		width: 100%;
		display: inline-block;
		color: #fff;
		letter-spacing: 1px;
	}
	.closebtn,.closebtn:hover,.closebtn:focus{
		color: #fff;
	}
	#mobile_top_menu_wrapper { 
	    margin: 0;
	    line-height: 20px;
	    display: block !important;
	}
	#menu .navbar-collapse {
	    display: block;
	    padding: 0 15px;
	}
	.dblock{
		display: block;
	}
	.dnone{
		display: none
	}
	.heading{
		margin-bottom: 20px;
	}
	.heading span{
		font-size: 23px;
	}
	.heading strong{
		font-size: 11px;
	}
	.pro-tab li a{
		font-size: 16px;
	}	
	#new .sing-up{
		margin-top: 10px;
	}
}
@media (max-width: 767px){
	.banservi {
    	float: none;
	}
	.bser-dsc {
    	margin-top: 0;
	}
	.add-car{
		padding: 0;
		max-width: unset;
	}
	.acd, .hlogout .wishcom, .xsla, .xscu {
		margin-left: 0;
	}
	#search .d-search #search_toggle, #search_block_top .input-group, .list-inline .inuser, .list-inline .wishcom {
    	margin-right: 5px;
	}
	.slidertext a.btn-primary {
		font-size: 12px;
	}
	.product-thumb .button-group {
    	position: unset;
    	opacity: 1;
    	text-align: center;
    	margin-top: 10px;
	}
	#top-links .xsla .btn-group .test .fa {
    	font-size: 12px;
	}
	.fea-img{
		margin-bottom: 15px;
	}
	.categorybr .subcat .cat-img a img{
		border-radius: 15px;
	}
	#cat-img.slick-slider .slick-arrow {
    	display: none !important;
	}
	.deliveryinfo .icon {
    	padding: 12px;
	}
	.deliveryinfo .icon img {
    	width: 40px;
    	height: 40px;    
	}	
	.bser-title h3 {
	    font-size: 15px;
	    margin-bottom: 10px;
	}
	.bser-title h1{
		font-size: 23px;
		max-width: 400px;
		line-height: 30px;
		margin-bottom: 10px;
	}
	.bser-dsc {
    	margin-top: 0px;
    	margin-left: 25px;
	}
	.bser-title h2 {
	    font-size: 20px;
	}
	.bser-title p {
    	display: none;
	}
	.bser-title a {
    	padding: 6px 8px;
    	margin-top: 10px;
    	font-size: 12px;
	}
	.opbtn{
		margin-top: 0;
	}
	.ser-der li {
	    font-size: 12px;
	}
	.bser-title ul{
		margin-right: 30px;
	}	
	.product-thumb .button-group button, .bquickv a,.btn-quickview button,.product-thumb .button-group .cartb{
		display: inline-block;
		line-height: 35px;
		padding: 0;
		margin: 0;
		border: 2px solid #f1f1f1;
	}
	.home-page .hbottom{
		display: block;
	}
	.product-thumb .rating {
	    float: none;
	}
	.catb.toggle.collapsed::after {
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catb.toggle::after {
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catt-bg2 .heading{
		text-align: left;
	}
	.footsocial{
		padding: 15px;
	}	
	.deliveryinfo li:last-child, .deliveryinfo .sbr .list-unstyled{
		text-align: left;
	}
	.catb {
	    position: absolute;
	    right: 5px;
	    left: auto;
	    top: 1px;
	    background: #000;
	    padding: 2px 7px;
	    border: none;
	    color: #fff;
	    border-radius: 4px;
	}
	.category-tab .nav-tabs li, .viewmore li {
	    display: block;
	    margin: 0;
	    border-bottom: 1px solid #e4e4e4;
	    padding: 6px 8px;
	    text-align: left;
	}
	.catt-bg{
		position: relative;
	}
	.home-cat ul{
		padding-left: 0;
	}
	.catt-bg2{
		position: relative;
	}
	.catt-bg2 .home-cat ul.nav-tabs li a, .viewmore2 li {
	    padding: 6px 8px;
	}
	.catt-bg2 #cat_tab1 .nav-tabs{
		margin-bottom: 15px;
	}
	#cat_tab{
	    position: relative;
	    padding-right: 0;
	    text-align: center;
	    border: 1px solid #e4e4e4;
	    border-radius: 4px;
	    margin: 0 0 15px 0;
	}
	.deliveryinfo .sbr{
		border-right: none;
	}	
	.footcbtm{
		margin-bottom: 15px;
	}	
	.offbanner:last-child{
		margin-bottom: 0;
	}
	.newsl .description-top{
		margin-top: 0;
	}
	.fpow{
		margin-bottom: 8px;
		margin-top: 0;
	}
	.foot-payment{
		margin-top: 8px;
	}
	.play-video::before {
		width: 70px;
		height: 70px;
		left: -6px;
		bottom: -16px;
		background-size: 60px;
	}
	.fpow,.copy .foot-payment{
		text-align: center !important;
	}
	#blog .owl-wrapper-outer{
		padding-bottom: 0;
	}
	.wboffer{
		font-size: 14px;
		padding: 10px 5px;
	}
	.homeqt .qty,.comments_note{
		display: none;
	}
	.homeaddq .cartb{
		padding: 0 10px;
	}
	#top-links #cart{
		background: transparent !important;
		border-radius: 0;
		min-height: unset;
		padding: 0;
		color: #000;
	}
	#top-links ul li #cart svg{
		fill: #000;
	}
	.hlogout{
		right: -25px;
	}
	.description-bottom{
		text-align: center;
		margin-top: 10px;
	}
	#top-links ul li #search_toggle svg{
		width: 17px;
		height: 17px;
	}
	.curlan{
		margin-left: 10px;
	}	
	#slider-fore2 .slick-arrow, #slider-fore2 .slick-arrow{
		width: 30px;
		height: 30px;
	}
	#slider-fore2 .slick-arrow i, #slider-fore2 .slick-arrow i {
	    font-size: 20px;
	}
	#cattab {
		text-align: center;
	}
	#cattab .product-thumb .caption{
		padding: 12px 6px 8px;
	}
	#cattab .slick-arrow, #cattab1 .slick-arrow{
		min-width: 30px;
		min-height: 30px;
		margin: 0 0 0 11px;
		position: unset;
		opacity: 1;
		margin-top: 15px
	}
	#cattab .slick-arrow i, #cattab1 .slick-arrow i {
	    font-size: 25px;
	}
	.timerpro .product-thumb .caption{
		padding-top: 10px;
	}
	.cart-des .cart-des-name{
		font-size: 14px;
	}
	.allcart{
		position: relative
	}
	.cart-re{
		position: absolute;
		right: 5px;
		bottom: 12px;
	}
	.cart-des{
		width: 66%
	}
	.cart-img img{
		max-width: 60px;
	}
	.product-thumb .caption {
	    padding-top: 5px;
	}
	.product-list .product-thumb .caption{
		padding-top: 8px;
	}
	.product-grid, .product-list{
		margin-bottom: 15px;
	}
	#menu .dropdown-submenu{
		margin-top: 10px;
	}
	#menu .dropdown-inner .dropdown-submenu .submenu-title{
		font-size: 14px;
		margin-bottom: 5px;
	}
	.newsbtn{
		padding: 0 10px;
	}
	.deliveryinfo li h4{
		font-size: 14px;		
		letter-spacing: 0;
		margin-bottom: 5px;
	}
	.off-dec{
		top: 30px;
		left: 30px;
	}
	.off-text p{
		display: none;
	}
	.deliveryinfo li p{
		font-size: 12px;
	}
	.onsl .rating {
	    margin-bottom: 4px;
	}
	#onsale .protitle{
		padding-bottom: 10px;
	}
	.onsl .heading{
		text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	}
	.onsl .product-thumb .button-group{
		display: block;
		margin-top: 7px;
	}
	.reduce-price::before,.reduce-price::after,.sale::before,.sale::after,.new::before,.new::after{
		display: none;
	}
	.pro-tab li{
		margin-right: 0px;
	}
	.imgbnrtext .btn-primary{
		padding: 5px 13px;
		margin-top: 10px;
	}
	.imgbnrtext h1{
        font-size: 18px;
        margin: 5px 0 6px 0;
    }
    .imgbnrtext h5{
        letter-spacing: 0;
        text-transform: capitalize;
        font-size: 20px;
    }
	.homecategory .catcontent{
		position: unset;
		width: auto;
		text-align: center
	}
	.homecategory .catcontent h4{
		display: none;
	}
	.homecategory .catcontent h2{
		font-size: 16px;
		font-weight: normal;
		margin-top: 5px;
		color: #000;
		text-transform: capitalize;
		padding-bottom: 1px;
	}	
	.deliveryinfo [class*="col-"]{
		margin-bottom: 20px;		
	}
	.deliveryinfo .sbr:nth-child(3), .deliveryinfo .sbr:nth-child(4) {
    	margin-bottom: 0;
	}
	.newsl .alert{		
		margin-top: 6px;
	}
	.fsocial a{
		border-radius: 5px;
	}
	.pro-tab li a {
	    font-size: 14px;
	    letter-spacing: 0;
	    margin: 0 2px;
	}
	.protitle{
		font-size: 14px;
		margin-top: 10px;
	}
	.blogda{
		font-size: 12px;
		margin-left: 7px;
	}
	.blog_webi .blog-right h4 {
		font-size: 16px;
	}
	.fsocial a i {
    	font-size: 22px;
	}
	#new .sing-up {
    	margin-bottom: 10px;
	}
	#newsletter .new-ti .sign {
		margin-left: 0;
	}
	.blog_webi .blog-right .read_more {
    	padding: 10px 24px;
	}
	.blog_webi .blog-right .name{
		margin-left: 10px;
	}
	.spepro .product-thumb .caption .rating{
		margin-bottom: 6px;
	}
	.spepro .protitle{
		padding-bottom: 5px;
	}
	.spepro .product-thumb{
		margin-bottom: 15px;
	}
	.mfp-close{
		width: 30px !important;height: 30px !important;
	}
	.madebyhand-dis .list-des {
	    margin-bottom: 8px;
	    max-height: 37px;
	}
	.madebyhand-dis h4 {
	    margin-bottom: 5px;font-size: 14px;
	}
	.madebyhand-search-result .searchbr {
	    border: none;
	    margin: 0;
	    border-bottom: 1px solid #eee;
	    padding-top: 15px;
	    padding-bottom: 15px;
	}
	.product-list .product-thumb .rating{
		margin-top: 0
	}
	.hlogout{
		min-width: 245px;
		padding: 10px;
	}
	.user-down.dropdown-menu > li > a,.curr .btn-group button.test, .langg .btn-group button.test{
		font-size: 13px;letter-spacing: 0
	}
	.slidertext h3{
		font-size: 28px;
		line-height: 35px;
		margin-top: 10px;
		margin-bottom: 0;
	}
	.slidertext p{
		display: none;
	}
	.deliveryinfo{
		text-align: left
	}
	.newsl #newsletter input,.newsbtn{
		height: 40px;
	}
	.sale{
		font-size: 11px;
		padding: 1px 3px;
		line-height: normal;
		background-color: transparent;
		color: #000;
		top: 10px;
	}
	.reduce-price{
		background-color: transparent;
		color: #000;
		text-transform: capitalize;
		letter-spacing: 0;
	}
	.parallex .item p{
		font-size: 13px;
		max-width: 500px;
	}
	#top-links {
	    margin-top: 6px;
	}
	.inuser {
	    margin: 0 10px;
	}
	.countdown-amount{
		font-size: 13px;
		letter-spacing: 0;
	}
	.countdown-period{
		font-size: 12px;
		letter-spacing: 0
	}
	.countdown-section{
		padding: 3px;
		margin-right: 5px;
	}
	.all-timer{
		padding: 0;
	}
	.appaccount{
		margin: 0 12px;
	}
	.alogin .langcdrop li{
		border-bottom: none; padding: 0
	}
	.alogin .langcur .test strong,.alogin .langcur .test img{
		margin: 0 7px;
	}
	.menusp .navbar-header button{
		margin-top: 0px;
	}
	.model {
    	float: none;
	}
	.price-old{
		font-size: 12px;
	}
	#account-account.acpage #content[class*="col-"] span:first-child{
		padding-right: 5px;
		margin-right: 5px;
	}
	#account-account.acpage #content[class*="col-"] span:last-child{
		font-size: 13px;letter-spacing: 0
	}
	#account-account.acpage #content[class*="col-"] a{
		padding: 15px 9px;
	}
	#account-account.acpage #content[class*="col-"] span svg{
		width: 25px;height: 25px;
	}
	.product-grid, .product-list{
		padding-left: 5px;padding-right: 5px;
	}
	.cpagerow{
		margin-left: -5px;
		margin-right: -5px;
	}
	.product-list .product-thumb .price {
	    margin-bottom: 0;
		margin-top: 0;
	}
	.appmenu,header #logo,#top-links{
		float: none;
		width: auto;
		display: inline-block;
		vertical-align: middle;
	}
	#top-links{
		float: right;
		margin-top: 0;
		padding-right: 0;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.menu-bg .menu{
		top: 20px;
	}
	header #logo img{
		max-width: 170px;
	}
	.menu-bar{
		top: 20px;
	}
	.mfp-iframe-holder .mfp-content {
	    height: 100%;
	}
	.allcomment h5{
		font-size: 14px;
	}
	.blog_links{
		font-size: 12px;letter-spacing: 0;
		margin: 8px 0;
	}
	.blog_comment::before, .blog_comment::after{
		padding: 0 3px;
	}
	.allmb .blog-desc{
		margin-bottom: 5px;
	}
	.pro-content h1{
		margin-top: 15px;
		font-size: 18px;
	}
	.search-page .select-input {
	    margin: 10px 0;
	}
	.catlist-des{
		height: 40px;
		overflow: hidden;
		margin: 4px 0;
	}
	.middle-footer .btn.toggle{
	    color: #000;
	    text-shadow: none;
	    background: none;
	    background-image: none;
	    border: 0;
	    box-shadow: none;
	    font-size: 12px;
	    position: absolute;
	    top: -3px;
	    right: 0;
	    padding: 0;
	    width: 100%;
	}
	footer h5 .toggle::after,.catfilter .toggle::after{
	    font-family: 'FontAwesome';
	    content: '\f068';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	footer h5 .toggle.collapsed::after,.catfilter .toggle.collapsed::after{
	    font-family: 'FontAwesome';
	    content: '\f067';
	    font-size: 14px;
	    font-weight: normal;
	    float: right;
	    cursor: pointer;
	}
	.catfilter .panel-heading button{
	    position: absolute;
	    top: 10px;
	    width: 100%;
	    right: 0;
	    padding: 0 15px;
	    background: transparent;
	    color: #fff
	}
	.catfilter .panel-heading{
		position: relative;
	}
	.catfilter .panel-heading{
		padding: 10px 15px;
	}
	.middle-footer h5{
		font-size: 16px;
		margin-top: 0;
		margin-bottom: 10px;
		position: relative
	}
	.middle-footer {
	    padding: 15px 0;
	    border-bottom: none;
	}
	.footpay{
		margin-top: 6px;
	}
	.copy .list-inline {
    	text-align: center;
	}
	.middle-footer a, .f-left li{
		font-size: 14px;
		letter-spacing: 0;
		line-height: 30px;
	}
	.opening_hours .days span {
    	font-size: 13px;    
	}
	.opening_hours .days h4 {
    	font-size: 13px;    
	}
	.fborder a img{
		display: none;
	}
	.fborder{
		padding-top: 0;
	}
	.middle-footer .contact{
		display: block;
	}
	.footer-top .f-left {
    	margin-top: 0;
	}
	#new .input-group button.newsbtn {
    	height: 40px;
	}
	#new p{
		display: none;
	}
}
@media (min-width: 600px) and (max-width: 767px){
	.off-text h3 {
    	font-size: 13px;
	}
	.off-text h2 {
    	font-size: 16px;
    	margin-bottom: 20px;
		margin-top: 7px;
		max-width: 205px;
		line-height: 20px;
	}
	.off-text p{
		display: none;	
	}
	.ser-title h3{
		font-size: 13px;
	}
	.list-inline .wishcom{
		margin-right: 0;
	}
	.list-inline > li{
		margin: 0;
	}	
	.ser-title h2{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 10px;
	}
	.ser-title a span{
		padding: 7px 21px;
	}
	.offbanner:first-child{
    	margin-bottom: 20px;
	}	
	.sellbanner {
	    padding-left: 0;
	}
	.off-dec{
		left: 18px;
	}
	.off-text a span{
		padding: 7px 21px;
	}	
	.deliveryinfo ul svg {
	    width: 35px;
	    height: 35px;
	}
	.imgbnrtext p{
		line-height: 20px;
		font-size: 12px;
	}
	.madebyhand-search-result .madebyhand-cat {
	    width: 50%;
	}
	.slidertext{
		width: 350px;
		left: 6%;
	}
	.slidertext h1{
		font-size: 22px;
	}
	.slidertext p{
		font-size: 12px;
		margin-top: 7px;
		line-height: 20px;
		height: 45px;
		overflow: hidden;
	}
	.slidertext a.btn-primary{
		margin-top: 10px;
		padding: 7px 21px;
	}
	.product-grid{
		width: 33.33%;
	}
	.ct{
		display: none;
	}
	.home-cat ul.nav-tabs li a{
		padding: 9px 0;
	}
	.f-left svg{
		width: 16px;
		height: 16px;
	}
}
@media (max-width: 450px){
	.slidertext a.btn-primary{
		padding: 5px 12px;
	    margin-top: 0;
	    font-size: 13px;
	}
	.slidertext p{
		display: none
	}
	.slidertext h1{
		font-size: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
	}	
	.slidertext p{
		display: none;
	}
	#info .list-unstyled li{
		line-height: 30px;
	}
}
@media (max-width: 375px){	
	.s-panel img {
	    border-radius: 10px;
	    width: 100%;
	    transform: translate(-6%, 0);
	    min-width: 400px;
	    left: 50%;
	}
	.s-panel .slick-slide{
	    overflow: hidden;
	}	
	header #logo img {
    	max-width: 120px;
	}
	#top-links ul li.wishcom svg {
    	width: 19px;
    	height: 19px;
	}
	.wishcom svg{
		margin: 0 3px;
	}
	.cartt{
		top: 2px;
		margin-left: 15px;
		width: 15px;
		height: 15px;
		font-size: 8px;
	}
	.cartt-a{
		top: 12px;
		margin-left: 19px;
		width: 15px;
		height: 15px;
		font-size: 8px;
	}
	.head{
		display: none;
	}
	.heading span{
		font-size: 18px;
	}
}
@media (min-width: 451px) and (max-width: 599px){
	.slidertext a.btn-primary{
		margin-top: 10px;
		padding: 7px 20px;
	}
	.slidertext p{
		font-size: 12px;
		margin-top: 10px;
		line-height: 18px;
		max-width: 280px;
		height: 35px;
		overflow: hidden;
	}
	.slidertext h1{
		font-size: 22px;
		margin-bottom: 8px;
		margin-top: 10px;
	}
	.slidertext{
		left: 7%;
		width: 350px;
	}
	.col-xs-7.banner {
    	width: 100%;
	}
	.col-xs-5.sellbanner {
    	width: 100%;
	}
	.offbanner:last-child {
    	margin-bottom: 20px;
	}
}
@media (max-width: 575px){
	.product-thumb .caption .webi-main {
    	bottom: 125px;
	}
	.custom-radio .img-thumbnail {
		width: 12px;
		height: 12px;
	}	
	.off-text h1{
		margin-bottom: 2px;
		font-size: 15px;
	}
	.off-text p{
		margin-bottom: 10px;
	}
	.off-text{
		top: 11px;
		bottom: 0;
		right: 24px;
	}
	.product_count span{
		width: 58px;
	}
	#product .prod-image{
		display: none;
	}
}
@media (max-width: 599px){	
	.off-text p{
		display: none;
	}
	.list-inline .wishcom{
		margin-right: 0;
	}
	.list-inline .inuser{
		margin-right: 0;
	}
	.slidertext h3{
		margin-bottom: 10px;
		font-size: 20px;
		line-height: 25px;
	}
	.off-text h3{
		font-size: 15px;
		margin-bottom: 15px;
	}
	.off-text h2 {
	    font-size: 20px;	    
	    line-height: 30px;	    
	    margin-bottom: 20px;
	}
	#search .input-lg{
		height: 40px;
		border-radius: 5px 0 0 5px;
	}	
	#search .btn-lg{
		height: 40px;
		border-radius: 0 5px 5px 0;
	}
	.breadcrumb {
    	margin-top: 0;
	}	
	.ser-title h3 {
    	font-size: 16px;
    	margin-bottom: 0;
	}
	.ser-title h2 {
	    font-size: 22px;
	    margin-bottom: 20px;
	}
	.categorybr .subcat .cat-img a img{
		border-radius: 10px;
	}			
	.off-dec{
		left: 15px;
	}
	#account-register .btn-primary{
		margin-top: 10px;
	}
 	.footdec h2{
		font-size: 27px;
		margin-bottom: 20px;
	}
	.deliveryinfo ul svg {
	    width: 35px;
	    height: 35px;
	}
	.fsocial a {
    	min-width: 30px;
    	min-height: 30px;
    	padding-top: 4px;
	}
	.fsocial a i{
		font-size: 17px;
	}
	.homeaddq{
		bottom: 25%;
	}
	.countdown-section{
		padding: 2px;
	}
	#cattab .homeaddq {
	    bottom: 27px;
	}	
	.imgbnrtext p{
		display: none;
	}
	.s-panel .slick-dots{
		bottom: 6px;
	}
	.category-tab .heading{
		position: relative;
	}
	.category-tab .heading .catb {
	    position: absolute;
	    right: 0;
	    top: 15px;
	    border-radius: 10px;
	    padding: 2px 7px;
	}
	.service_text{
		top: 10%;
	}	
	#cat_tab{
		width: 100%
	}
	.cattabright{
		width: 100%
	}
	.a-one .alert{
		left: 15px;
		right: 15px;
	}
	.deliveryinfo li:last-child {
    	text-align: left;
	}
	.alert.alertsuc{
		padding: 40px 20px;
	}
	.white-popup{
		padding: 30px 20px;
	}
	.white-popup h1{
		font-size: 20px;letter-spacing: 0
	}
	.white-popup p{
		font-size: 13px;letter-spacing: 0
	}
	.product-tab .nav > li > a{
		font-size: 14px;
		letter-spacing: 0
	}
	.product-tab li {
	    margin: 0 6px;
	}
	.pro-content .rating li {
	    letter-spacing: 0;
	    font-size: 13px;
	}
	.proreview {
	    margin: 0 8px;
	    padding: 0 8px;
	}
	#madebyhand-search-category{
		display: none
	}
	.catesort {
	    width: 100%;
	    margin-top: 15px;
	}
	.pagi .text-left{
		margin-bottom: 5px;
	}
	.pagi .text-left, .pagi .text-right {
	    text-align: center;
	    width: 100%;
	}
}
@media (min-width: 500px) and (max-width: 767px){
	.ser-title p {
    	display: none;
	}		
	.pro-tab li a{
		padding: 8px 24px;
	}
	.pro-img .slick-list{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.blog_webi .blog-dec svg{
		width: 18px;
		height: 18px;
	}	
	.date-time .fa{
		font-size: 15px;
	}	
	.offbanner:first-child {
    	margin-bottom: 25px;
	}
	.head {
    	font-size: 13px;
    	margin-bottom: 5px;
	}	
	.product-thumb .button-group button:hover, .bquickv a:hover {
		min-width: 40px;
	}
	#cart button.dropdown-toggle{
		padding-left: 0;
	}
	.product-thumb .caption {
		padding: 10px;
	}
	.pro-img .slick-slider .slick-arrow {
    	margin: 0 5px;
	}
	.product-thumb .btn-quickview {
		display: inline-block;
	}
	.product-thumb .caption .webi-main{
		bottom: 120px;
	}
	.parallex .item .rating {    	
    	margin-bottom: 0;
	}	
	.imgbanner{
		display: none;
	}	
	#newsletter .social{
		display: block;
	}
	#newsletter .social-media{
		background-image: none;
		padding-bottom: 0;
	}
	.fborder{
		padding-top: 0;
	}
	.fborder.footer-top{
		padding-top: 0;
	}			
	.footer-top a img{
		display: none;
	}
	#newsletter .new-ti svg{
		display: none;
	}
	#newsletter .social .new-ti{
		text-align: center;
	}
	.newsl .description-top{
		display: none;
	}
	#info .list-unstyled li{
		width: 100%;
		line-height: 0;
	}
	.deliveryinfo li {
    	display: inline-block;
    	margin-left: 0;
	}
}
@media(max-width: 499px){
	.ser-title h2 {
    	font-size: 16px;
    	line-height: 23px;
    	max-width: 260px;
    	margin-bottom: 15px;	
	}	
	.svg-bg{
		box-shadow: none;
	}
	header #logo img {
    	max-width: 150px;
	}
	.d-search button{
		background: transparent;
	}
	.slidertext h5 {
    	font-size: 12px;
	}
	.slidertext h3 {
		line-height: 10px;
	}
	.svg-bg:hover svg{
		fill: #000 !important;
	}
	.cartt {
		width: 15px;
		height: 15px;
		font-size: 8px;
		top: 3px;
		margin-left: 15px;
	}
	.cartt-a {
		width: 15px;
		height: 15px;
		font-size: 8px;
		top: 13px;
		margin-left: 23px;
	}
	.ser-title p {
    	display: none;
	}	
	.ser-title h3 {
 	   font-size: 12px;
 	   margin-bottom: 5px;	
	}
	.imglatest .rless {
	    margin: 0;
	}
	.off-text h3{
		font-size: 12px;
	}
	.off-text h2 {
	    font-size: 16px;
	    line-height: 10px;
	}
	.parallex .item p {    
    	max-width: 400px;
    	height: 50px;
	}
	.service_text {
		top: 15%;
	}
	.off-text a span{
    	padding: 7px 10px;
	}
	.pro-tab li a{
		padding: 7px 10px;
		border-radius: 5px;
	}
	.pro-img .slick-list{
		margin-top: 15px;
		margin-bottom: 0;
	}
	.blogshadow {
		margin-bottom: 0;
	}
	.slick-slider .slick-arrow svg {
		width: 12px;
		height: 13px;
	}
	.head{
		display: none;
	}
	.parallex .item .rating {
    	margin-bottom: 0;
	}
	.bser-title h3{
		margin-top: 5px;
	}
	.blog_webi .blog-right .read_more {
    	padding: 6px 12px;
	}
	#cart .dropdown-menu{
		min-width: 220px;
		padding: 5px 0;
	}
	#cart button.dropdown-toggle{
		padding-left: 0;
	}
	.homeslider-container .slick-arrow, .pro-img .slick-slider .slick-arrow{
		min-width: 30px;
		min-height: 30px;
		border-radius: 5px;
	}
	.fsocial a{
		padding-top: 7px;
		line-height: 0;
	}
	.slick-slider .slick-arrow{
		min-width: 30px;
		min-height: 30px;	
		border-radius: 5px;
	}
	.parallex .item li:last-child{
		margin-top: 0;
	}
	.heading{
		margin: 0 0 10px 0;
	}
	.imgbanner{
		display: none;
	}
	.countdown_bg {
    	margin-left: 0;
    	margin-right: 0;
	}
	#newsletter .new-ti svg {
    	display: none;
	}
	.newsl .description-top {
	    display: none;
	}
	#newsletter .social{
		display: block;
	}
	.footer-top a img{
		display: none;
	}
	.fborder{
		padding-top: 0;
	}
	.deliveryinfo .sbr .list-unstyled{
		text-align: left;
	}
	#newsletter .social .new-ti {
    	text-align: center;
	}
	#newsletter .social-media {
    	background-image: none;
    	padding-bottom: 0;
	}
	.countdown-amount {
		margin-bottom: 0;
	}
	.d-search button, .svg-bg{
		min-width: 25px;
		min-height: 25px;
		vertical-align: middle;
	}
	.d-search button:hover {
    	background-color: transparent;
	}	
	#search .d-search #search_toggle, #search_block_top .input-group, .list-inline .inuser, .list-inline .wishcom{
		margin-right: 0;
	}
	#top-links ul li #search_toggle svg{
		width: 19px;
		height: 19px;
		fill: #000;
	}
	#top-links ul li svg, .inuser .dropdown-toggle svg, #top-links ul li #cart svg, #top-links ul li.wishcom svg{
		width: 21px;
		height: 21px;		
	}
	.svg-bg{
		padding-top: 4px;
	}
	.svg-bg:hover{
		background: transparent;
	}
	.svg-bg:hover svg {
    	fill: #000;
	}
	.bser-title h1{
		margin-bottom: 0;
		font-size: 18px;
		width: 200px;
		line-height: 20px;
	}
	.deliveryinfo .col-xs-6.sbr{
		width: 100%;
	}
	.deliveryinfo .sbr:nth-child(3) {
    	margin-bottom: 20px;
	}
	.off-text h3 {
	    font-size: 12px;
	}
	.col-xs-7.banner{
		width: 100%;
	}
	.col-xs-5.sellbanner{
		width: 100%;
	}
	.ser-title a span{
		padding: 7px 21px;
	}
	.offbanner:first-child {
    	margin-bottom: 20px;
	}
	.offbanner:last-child {
    	margin-bottom: 20px;
	}
	.fsocial a i {
		font-size: 18px;
	}
	.timerpro .image,.timerpro .product-thumb .caption{
		width: 100%;
	}
	.imgbnr [class*="col-"]:first-child{
		margin-bottom: 20px;
	}
	.deliveryinfo ul svg {
	    width: 35px;
	    height: 35px;
	}
	.footcbtm h5{
		font-size: 13px;
		margin-bottom: 3px;
	}
	.product-thumb .button-group button, .product-btn .cart-btn button, .bquickv a{
    	min-width: 30px;
    	min-height: 30px;
    	border-radius: 5px;
    	padding: 5px;
    	line-height: 0;
    	border: none;
	}
	.product-btn .cart-btn button svg, .bquickv a svg, .product-thumb .button-group svg, .btn-quickview button svg{
		width: 17px;
		height: 17px;
	}
	.product-thumb .button-group button:hover, .bquickv a:hover {
		min-width: 35px;
	}
	.product-thumb{
		border-radius: 10px;
	}
	.copy{
		padding: 15px 0;
	}
}
@media (min-width: 400px) and (max-width: 767px){
	.product-list {
	    width: 50%;
	}
	.product-grid {
	    width: 50%;
	}
}
@media (max-width: 320px){
	.homecategory{
		margin-top: 20px;
	}
	.categorybr .category_text{
		padding: 0;
	}
	.categorybr h5{
		font-size: 18px;
		margin-top: 0;	
		margin-bottom: 0;	
	}
	.menu-bar{
    	top: 16px;
	}
	.navbar-header .btn-navbar .fa {
    	font-size: 15px;
	}
	.product-thumb .caption .webi-main {
    	bottom: 110px;
	}
	.deliveryinfo{
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.deliveryinfo .icon img {
    	width: 34px;
    	height: 33px;
	}
	.deliveryinfo .icon {
    	padding: 10px;
	}
	.slidertext h3{
		font-size: 15px;
	}
	.deliveryinfo li.text-xs-left{
		margin: 0;
	}
	.off-text h2 {
		line-height: 20px;
	}
	.deliveryinfo li p {
    	font-size: 13px;
    	line-height: 18px;
	}
	.off-text h3 {
    	display: none;
	}
	.product-thumb .caption {
		padding: 15px 5px;
	}
	.deliveryinfo li{
		margin-left: 0;
	}
	.inuser .dropdown-toggle svg, #top-links ul li #cart svg{
		width: 18px !important;
		height: 18px !important;
	}
	.ser-title h3{
		display: none;
	}
	.ser-title h2{
		line-height: 25px;
		margin-bottom: 10px;
	}
	.pro-tab li a{
		padding: 7px 10px;
		font-size: 12px;
	}
	.pro-img .slick-slider .slick-arrow{
		min-width: 35px;
		min-height: 35px;
		font-size: 13px;
	}
	.slick-slider .slick-arrow .fa{
		font-size: 15px;
	}
	.parallex .item .rating{
		margin-bottom: 0;
	}
	.parallex .item{
		margin: 0;
		padding: 0 15px;
	}
	.fsocial a {
    	min-width: 30px;
    	min-height: 30px;
	}
	.pro-img .slick-list{
		margin-top: 15px;
		margin-bottom: 0;
	}
	.bser-title h3{
		display: none;
	}
	.product-thumb .price{
		margin-top: 0;
		margin-bottom: 0;
	}	
	.protitle{
		margin-top: 0;
	}
	.blog_webi .blog-dec{
		margin-top: 10px;
	}
	.product-thumb .button-group button, .bquickv a {
    	min-width: 26px;
    	min-height: 26px;
    	border-radius: 5px;
    	line-height: 20px;
	}
	.product-thumb .button-group button:hover, .bquickv a:hover {
		min-width: 26px;
	}
	.date-time .fa {
		font-size: 16px;
	}
	.name svg{
		width: 18px;
		height: 17px;
	}
	.product-thumb{
		border-radius: 5px;
	}
}