.px-1{
	padding-top: 10px;
	padding-bottom: 10px;
}

.mx-30{
	margin-left: 30px;
	margin-right: 30px;
}

.product{
	height: 100%;
}
.product-hover{bottom: -15px;}
.contact-info{
	width: 100%;
    background: none;
    padding: 0px 0px 5px;
}

.delivery-tab h2{
	margin: 0;
    margin-bottom: 30px;
    text-align: left;
    font-size: 27px;
    font-weight: 500;
}

.addCart {
    width: 100%;
    background: none;
    padding: 20px 0px;
    display: inline-block;
    text-align: left;
}

.addCart a {
    height: 40px;
    display: inline-block;
    border-radius: 5px;
    transition: all .4s;
    -webkit-transition: all .4s;
    float: none;
    margin-left: 5px;
    overflow: hidden;
    position: relative;
    padding: 5px 20px;
    color: var(--font-headline-color);
}

.forcefullwidth_wrapper_tp_banner{
	overflow: hidden;
}

.tranding h2{
	text-align: left;
	margin-bottom: 25px;
	font-size: 25px;
	font-weight: 600;
}

.product-top-bar h3{
	margin-top: 0;
    margin-bottom: 25px;
    font-weight: 600;
    font-size: 27px;
    color: var(--main-color);
}

.product-body h6{
	margin: 0;
    font-size: 16px;
    font-weight: 100;
    line-height: 22px;
}

.product-body p{
	min-height: 60px;
}

.special-offer .nav-tabs > li{
	width: 25%;
}

.modal{
    background: rgba(0, 0, 0, 0.75);
}

.modal-title{
    font-size: 25px;
}

[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radioBtn{
    width: 100%;
    background: none;
    padding: 0px 0px;
}

.radioBtn p{
    width: auto;
    display: inline-block;
    margin-right: 40px;
}

.radioBtn h2{
    font-size: 24px;
    font-weight: 600;
    border: none;
    margin-bottom: 15px;
}

ul.droupmenu{
    margin: 0px;
    padding: 0px;
    list-style: none;
    text-align: left;
}

ul.droupmenu li {
    float: none;
    display: block;
    font-weight: 100 !important;
    font-size: 15px;
    line-height: 30px;
}

ul.droupmenu li i{
    margin-right: 10px;
}

.cartpage{
    outline: none;
}

.select_caret{
    width: 100%;
    position: relative;
}

.caret {
    width: 0;
    height: 0;
    display: inline-block;
    border: 7px solid transparent;
    position: absolute;
    top: 23px;
    right: 20px;
    border-radius: 4px;
}
.caret.down{
    border-top-color: #5a5959;
}

.slideContent {
    width: 100%;
    background: none;
    padding: 60px 0px;
    margin: auto;
}

.relDiv{
    position: relative;
    overflow: hidden;
    height: 550px;
}

.slideProduct {
    width: 100%;
    background: none;
    padding: 0px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 00;
}

.slideProduct img{
    max-width: 75%;
    display: block;
    margin: 0px auto;
}

.insideText {
    width: 100%;
    background: none;
    padding: 75px 0px;
    max-width: 400px;
    margin-left: auto;
}

.insideText h1 {
    text-align: left;
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    margin: 15px 0px;
}

.insideText h1 span {
    font-size: 20px;
    position: relative;
    top: -15px;
    font-weight: 100;
}

.insideText h6 {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin: 15px 0px;
}

.insideText h3 {
    text-align: left;
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    margin: 15px 0px;
}

.insideText button {
    margin-top: 20px;
    padding: 12px 15px;
    background: #006fa4;
    color: #fff;
    border: none;
    text-align: center;
    border-radius: 50px;
    min-width: 150px;
    font-size: 20px;
    line-height: 25px;
    outline: none;
}

.sidemenubar{
    width: 100%;
    background: none;
    padding: 0px;
    display: block;
}

.mobIco{
    width: 100%;
    background: none;
    padding: 0px 0px 10px;
    text-align: right;
    display: none;
}

.mobIco i {
    background: none;
    color:var(--main-color);
    padding: 3px;
    border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}

.mainBnnr{
    width: 100%;
    background: none;
    padding: 0px;
}

.navbar-menu ul li {
    position: relative;
    display: block;
}
.navbar-menu ul ul {
  list-style: none;
  padding: 10px;
  position: absolute;
  top: 50px;
  left: 0px;
  display: none;
  background: #ffffff;
  z-index: 50000;
  border: 1px solid #dddddd33;
  border-top: 0px;
}
.navbar-menu ul ul  li a:before {
    content: "";
}
.navbar-menu ul ul ul {
  left: 100%; 
  top: 0;
}
.navbar-menu ul ul a {
	text-align: left;
	width: 180px;
	color: #353535;
	line-height: 25px;
	padding: 5px 10px;
	font-weight: normal;
	color: #777777;
	line-height: 40px;
	transition: .3s;
	display: block;
}
.navbar-menu ul li:hover > ul { 
  display: block; 
}
.navbar-menu li:hover > a {
  color: var(--font-main-color);
}
.navbar-menu ul ul li:hover > a {
  border-left: 5px solid var(--font-main-color);
}
.navbar-menu ul ul li {
  border-bottom: 1px solid #dddddd33;
}


#searchBar{
    display: block;
    position: relative;
}

.element-table tbody tr td i{
    display: none;
}

.carTotal{
    width: 100%;
    background: none;
    padding: 15px 0px;
    display: inline-block;
    margin-bottom: 30px;
}

.carTotal h4 {
    text-align: left;
    font-size: 21px;
    margin-top: 0px;
    margin-bottom: 15px;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
}

.carTotal button{
    padding: 13px 30px;
    color: var(--font-headline-color);
    border: none;
    border-radius: 50px;
    font-size: 18px;
    float: right;
}

.cartBody {
    width: 100%;
    background: none;
    padding: 15px 0px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.cartBody ul{
    margin: 0px auto;
    padding: 0px;
    list-style: none;
    text-align: left;
}

.cartBody li {
    float: none;
    display: block;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
    line-height: 25px;
    padding: 15px 0px;
    border-bottom: 1px solid #ecebeb;
}

.cartBody li span{
    float: right;
    font-weight: 600;
}

.cartBody li:last-child span{
    font-size: 25px;
}

.sub-menu ul{display: none;}

@media screen and (min-width: 300px) and (max-width: 480px){
.bannerbg {width: 100%;}
.header-sec{display: none;}
.terms-condition ul li{float: none; display: inline-block;}
.terms-condition ul{text-align: center; width: 100%;}
.copy-text p{text-align: center;}

#return-to-top{width: 30px; height: 30px;}
#return-to-top i{left: 7px; top: 1px; font-size: 25px;}
.padd-60 {padding: 25px 0px;}
.payment.col-md-4, .social-sec.col-md-4{text-align: center; margin-bottom: 15px;}
.footer-logo img {display: inline-block; margin: 25px 0px;}
.social-sec .social-circle a {font-size: 17px;}
.footer-sec .col-md-12 {padding-left: 15px;}

.call h3 {font-size: 17px; letter-spacing: 1px;}
.email p{font-size: 16px;}
.special-offer .nav-tabs > li {width: 50%; padding: 0 10px;}
.special-offer ul.nav-tabs li a {font-size: 16px;padding-top: 10px;line-height: 20px;}
.logo-name img{margin: auto;}
.icon-round{width: 100%;}
.cart-item{width: 100%; text-align: center;}

.menu .collapse.navbar-collapse {background-color: transparent; font-size: 15px; margin-top: 0px; padding: 0px 20px;}
.navbar-header{padding: 0px 15px; float: none !important; width: 100%; text-align: center; margin: 0 !important; max-width: 100%;}
.search {
    padding: 0px 15px !important; display: inline-block; width: 100%;}
.cart-item .cart-item-hover{padding: 15px; right: 0; left: 0; margin: auto; width: 270px;}
.navbar-toggle{margin-right: 0px;}

.email:after{display: none;}
.contact-page #map{height: 280px;}
.map-head span{height: 25px; width: 25px; left: 55%; bottom: -5px;}
.padd-80 {padding: 40px 0px;}
.contact-main .contact-info h3 {font-size: 20px;}
.contact-main .contact-info h3 i {margin-top: -8px; width: auto; position: absolute; right: 0; font-size: 35px;}
.contact-info{padding-bottom: 5px;}

.contact-left input{height: 38px; line-height: 38px;}
.shp-btn{margin-bottom: 45px; padding: 8px 22px; font-size: 15px; margin-top: 20px !important;}
.text-right {text-align: center;}
.contact-main{width: 100%; padding: 50px 15px;}
.detail-left{padding: 10px 0px 30px;}
.lSSlideOuter .lSPager.lSGallery{margin-top: 0px !important;}
.detail-top{padding: 25px 5px;}

.detail-top h1{font-size: 26px;}
.rate h2 {font-size: 25px;}
ul.size li a {padding: 6px 15px;}
.detail-row p {font-size: 14px; font-weight: 300;}
.tranding{padding: 0px 15px;}
.tranding .owl-prev, .tranding .owl-next{width: 25px; height: 25px; line-height: 16px; top: 35%;} 
.tranding .owl-prev .fa, .tranding .owl-next .fa{font-size: 24px; line-height: 23px; color: #fff !important;}

.special-offer{padding: 40px 15px !important;}
.main-side-bar ul a.main-a{font-size: 17px;}
.main-side-bar {padding-top: 0px;}
.cartpage{padding: 35px 30px;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin: 0px 0; float: none; margin-right: 20px;}
.image p{font-size: 16px;}
.element-table tr td{text-align: center; padding: 15px 5px !important;}

.element-table button{display: flex;}
.shp-cart-btn {max-width: 210px; margin: 10px auto; display: block;}
.upd-btn {padding: 11px 39px; margin-right: 18px; margin: auto !important; display: block; max-width: 204px; text-align: center;}
.pull-right{width: 100%; text-align: center;}
.shp-btn{display: inline-block; margin:20px auto; text-align: center; max-width: 235px;}
.cart-btn{padding: 10px 30px;}
.pay-faq{display: block;}
#progressbar{width: 100%;}

#progressbar li{width: 33%; font-size: 12px;}
fieldset .pay-faq{display: block; margin-top: 0px !important;}
.delivery-tab .cart-btn.next, .delivery-tab .cart-btn.previous{display: inline-block; padding: 10px 20px; width: auto;}
.cart-btn.next{float: right !important;}
.cart-btn.previous{float: left;}
.dilivery-info{width: 100%;}
.delivery-cart {width: 100%;}
.deli-pay{margin-bottom: 25px;}

.cart-detail{overflow: auto;}

.order-detail p{font-size: 18px;}
.order-detail span{font-size: 17px;}
.slideProduct{bottom: 0px;}
.slideProduct img {max-width: 45%; max-height: 300px;}
.insideText{margin-right: auto;}

.element-table table{width: 100%;}
.mobIco{display: block; float: right; margin-top: -25px; padding: 0px 0 20px;}
.sidemenubar{display: none;}
.insideText{padding: 40px 0px;}
.relDiv{height: 380px;}

.insideText h1{font-size: 30px;}
.insideText h6{font-size: 14px;}
.insideText h1 span{top: 0px;}
.insideText h3{font-size: 25px;}
#searchBar{display: none;}
.mobNew{margin-top: -65px; width: auto;}

.nav > li > a{text-transform: uppercase;}
.quantity{padding: 10px 2px;}
.element-table .quantity input{width: 30px;}
.form-body input, .form-body select{font-size: 16px; height: 45px;}
.delivery-cart table tr td h5, .delivery-cart table tr td h6{font-size: 20px; margin: 5px 0px; padding: 0px 5px;}
.order-price h3{padding-left: 0; font-size: 20px;}

.menu .collapse.navbar-collapse{padding: 15px 0px;}
.navbar-nav{margin: 0px;}
.product{margin-bottom: 40px;}
.quick-view{display: none !important;}
.product-body{padding-bottom: 9px;min-height: 104px;}
.page-row {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 15px !important; text-align: center;}
.page-row a{font-size: 13px; padding: 7px 10px;}
.product-body p {
    min-height: 38px !important;
    font-weight: 700;
    font-size: 16px;
    text-align:center;
  
    }
.product-body del, .product-body h4 {font-size:15px; text-align:center; width:100%;margin:0}
.product-hover{bottom: -15px;}
.add-cart-hover {width: 30px; height: 30px; padding-right: 0; margin-left: 0;}
.add-cart-hover a{text-align: center;}
.add-cart-hover i{line-height: 27px; font-size: 14px; display: inline-block; position: absolute; right: 6px;}
.contact-page .contact-left .shp-btn i {padding-left: 10px; font-size: 15px;}

.map-head{padding: 15px 0px;}
.map-head h2 {font-size: 18px;}
.success-order h4 {font-size: 24px;}
.search-round {right: 5px;}
.shp-coupon.col-md-6{display: none;}
.shp-cart .shp-checkout h2 {margin-bottom: 30px;}

.st-head-row.st-head-row-main {font-size: 25px; padding: 15px 0px;}
.element-table tr th{padding: 18px 0px; text-align: left;}
.shp-cart .element-table tr td {font-size: 14px; text-align: left;}
.st-head-row.st-head-row-main{text-align: left;}
.error-page .main-error .search-round{right: 20px;}

.payment, .footer-logo{width: 100%; display: inline-block;}
.footer-logo img {display: inline-block; margin: 25px auto; float: none;}
.payment img {display: inline-block; float: none;}
.product-img .img-overlay{display: none;}

.product-img {
	height: 130px;
}

}

@media screen and (min-width: 316px) and (max-width: 480px){
	.product-img img{
		max-height: 120px;
	}
	
}
@media screen and (min-width: 481px) and (max-width: 500px){
	.product-img {
		height: 230px;
	}
}

@media screen and (min-width: 501px) and (max-width: 767px){
	.product-img {
		height: 236px;
	}
}
@media screen and (min-width: 768px){
	.product-img {
		height: 248px;
	}
}


@media screen and (min-width: 481px) and (max-width: 767px){

.bannerbg {width: 100%;}
.header-sec{display: none;}
.terms-condition ul li{float: none; display: inline-block;}
.terms-condition ul{text-align: center; width: 100%;}
.copy-text p{text-align: center;}

#return-to-top{width: 30px; height: 30px;}
#return-to-top i{left: 7px; top: 1px; font-size: 25px;}
.padd-60 {padding: 25px 0px;}
.payment.col-md-4, .social-sec.col-md-4{text-align: center; margin-bottom: 15px;}
.footer-logo img {display: inline-block; margin: 25px 0px;}
.social-sec .social-circle a {font-size: 17px;}
.footer-sec .col-md-12 {padding-left: 15px;}

.call h3 {font-size: 17px; letter-spacing: 1px;}
.email p{font-size: 16px;}
.special-offer .nav-tabs > li {width: 50%; padding: 0 10px;}
.special-offer ul.nav-tabs li a {font-size: 18px; line-height: 20px; padding-top: 10px;}
.logo-name img{margin: auto;}
.icon-round{width: 100%;}
.cart-item{width: 100%; text-align: center;}

.menu .collapse.navbar-collapse {background-color: transparent; font-size: 15px; margin-top: 0px; padding: 0px 20px;}
.navbar-header{padding: 0px 15px; float: none !important; width: 100%; text-align: center; margin: 0 !important; max-width: 100%;}
.search{display: block; padding: 0px 15px !important; max-width: 350px; margin: 15px auto;}
.cart-item .cart-item-hover{padding: 15px; right: 0; left: 0; margin: auto; width: 270px;}
.navbar-toggle{margin-right: 0px;}

.email:after{display: none;}
.contact-page #map{height: 280px;}
.map-head span{height: 25px; width: 25px; left: 55%; bottom: -5px;}
.padd-80 {padding: 40px 0px;}
.contact-main .contact-info h3 {font-size: 22px;}
.contact-main .contact-info h3 i{margin-top: -8px;}
.contact-info{padding-bottom: 5px;}

.contact-left input{height: 38px; line-height: 38px;}
.shp-btn{margin-bottom: 45px; padding: 8px 22px; font-size: 15px; margin-top: 0px !important;}
.text-right {text-align: center;}
.contact-main{width: 100%; padding: 50px 30px;}
.detail-left{padding: 10px 0px 30px;}
.lSSlideOuter .lSPager.lSGallery{margin-top: 0px !important;}
.detail-top{padding: 25px 5px;}

.detail-top h1{font-size: 26px;}
.rate h2 {font-size: 25px;}
ul.size li a {padding: 6px 15px;}
.detail-row p {font-size: 14px; font-weight: 300;}
.tranding{padding: 0px 15px;}
.tranding .owl-prev, .tranding .owl-next{width: 25px; height: 25px; line-height: 16px; top: 35%;} 
.tranding .owl-prev .fa, .tranding .owl-next .fa{font-size: 24px; line-height: 23px; color: #fff !important;}

.special-offer{padding: 40px 15px !important;}
.main-side-bar ul a.main-a{font-size: 17px;}
.main-side-bar {padding-top: 0px;}
.cartpage{padding: 35px 30px;}
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{margin: 15px auto;}
.image p{font-size: 16px;}
.element-table tr td{text-align: center; padding: 15px 5px !important;}

.element-table button{display: flex;}
.shp-cart-btn {max-width: 210px; margin: 10px auto; display: block;}
.upd-btn {padding: 11px 39px; margin-right: 18px; margin: auto !important; display: block; max-width: 204px; text-align: center;}
.pull-right{width: 100%; text-align: center;}
.shp-btn{display: inline-block; margin:20px auto; text-align: center; max-width: 200px;}
.cart-btn{padding: 10px 30px;}
.pay-faq{display: none;}
#progressbar{width: 100%;}
.element-table table{width: 100%;}

#progressbar li{width: 33%; font-size: 12px;}
fieldset .pay-faq{display: block;}
.delivery-tab .cart-btn.next, .delivery-tab .cart-btn.previous{display: inline-block; padding: 10px 20px;}
.cart-btn.next{float: right !important;}
/*.cart-btn.previous{float: left !important;}*/
.dilivery-info{width: 100%;}
.delivery-cart {width: 100%;}
.deli-pay{margin-bottom: 25px;}

.cart-detail{overflow: auto;}

.order-detail p{font-size: 17px;}
.order-detail span{font-size: 15px;}
.slideProduct{bottom: 0px;}
.slideProduct img {max-width: 35%;}
.insideText{margin-right: auto;}

.element-table table{width: 100%;}
.mobIco{display: block;}
.sidemenubar{display: none;}
.insideText{padding: 40px 0px;}
.relDiv{height: 550px;}

.insideText h1{font-size: 30px;}
.insideText h6{font-size: 14px;}
.insideText h1 span{top: 0px;}
.insideText h3{font-size: 25px;}

#searchBar{display: none;}
.mobNew{margin-top: -60px; width: auto; float: right;}
.error-page .main-error .search-round{right: 20px;}

.nav > li > a{text-transform: uppercase;}
.quantity{padding: 10px 2px;}
.element-table .quantity input{width: 40px;}

.map-head{padding: 15px 0px;}
.map-head h2 {font-size: 18px;}
.success-order h4 {font-size: 24px;}
.search-round {right: 5px;}
.shp-coupon.col-md-6{display: none;}
.shp-cart .shp-checkout h2 {margin-bottom: 30px;}

.st-head-row.st-head-row-main {font-size: 25px; padding: 15px 0px;}
.element-table tr th{padding: 18px 0px; text-align: left;}
.shp-cart .element-table tr td {font-size: 14px; text-align: left;}
.st-head-row.st-head-row-main{text-align: left;}
.pay-faq {display: block;}

#searchBar{max-width: 350px; margin: 15px auto;}
.main-error img {display: inline-block; max-width: 250px; margin: 35px 0px;}

.image img{float: left; margin-right: 20px; margin-top: 0;}

    @media screen and (min-width: 580px) and (max-width: 767px){
        .product{display: inline-block;width: 100%;padding: 0;}
        /*.product-body{width: 50%; float: left;}*/
    }

}

@media screen and (min-width: 768px) and (max-width: 991px){
.bannerbg {width: 100%;}

.logo-name img{max-width: 90%; margin-top: 10px;}
.relDiv{height: 440px;}
.insideText{padding: 65px 0px}
.special-offer .nav-tabs > li {width: 33%;}
.cartpage .shp-btn{float: right;}

.shp-cart .element-table tr td{text-align: left;}
.image img{float: left; margin-right: 20px; margin-top: 0;}
.element-table tr th{padding: 20px 1px;}
.special-offer .main-side-bar{margin-top: 0px;}
.col-md-9.grid-list, .col-md-12.discount {padding: 0 15px;}

.padd-60 {padding: 50px 0;}
.main-side-bar ul a.main-a{font-size: 18px;}
.grid-list .col-md-4{margin-top: 0px !important; margin-bottom: 40px !important;}
.element-table tbody tr td i {display: block;}
.sidemenubar{display: block !important;}
}

@media screen and (min-width: 992px) and (max-width: 1200px){
.bannerbg {width: 100%;}
.element-table tbody tr td i {display: block;}
.sidemenubar{display: block !important;}
}


@media screen and (min-width: 1201px) and (max-width: 1500px){
	.bannerbg {width: 100%; }
    .sidemenubar{display: block !important;}
    #searchBar {display: block !important;}
    .mobNew{display: none !important;}
    .element-table tbody tr td i {display: block;}
}

@media screen and (min-width: 1501px){
	.bannerbg {width: 100%;}
    .mobIco {display: none !important;}
    #searchBar {display: block !important;}
    .mobNew{display: none !important;}
}
.pr-10{
	padding-right: 10px;
	
}

.hand-cursor{
	cursor: pointer;
}

.modal-header {
    position: relative;
}

.modal-header .close {
    position: absolute;
    right: 25px;
    top: 40%;
}

@media screen and (min-width: 767px){
	.nav.navbar-nav li:not(:first-child) a:before {
		content: " | ";
	}
	
	.nav.navbar-nav li.navbar-subcat-item a:before {
		content: "";
	}
}

@media screen and (max-width: 767px){
	.stacktable.small-only .st-head-row .image p{
	    display: inline-block;
		vertical-align: top;
	}
	
	.stacktable.small-only .st-head-row .image, .stacktable.small-only .st-head-row .image img{
	    display: inline-block;
	}
}


.pad-top-20 {padding-top: 25px ;}

.express span {
    display: block;
    font-size: 16px;
    color: var(--main-color);
    font-weight: 400;
	margin-top: 10px;
}
.error {
    color: red !important;
    font-size: 13px;
}
.promo-code {
    width: 100%;
    border: 2px solid #e6e6e6;
    border-radius: 52px;
    padding: 6px 33px;
    padding-left: 15px;
    color: var(--font-main-color);
}
.promo-btn {
    margin-left: 10px;
	padding: 8px 22px !important;

}
.line {
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
}
.line-cancel {
	border:0;
}

.payment-method-btn small {
	color: var(--font-content-color);
	font-weight:normal;
	height: 30px;
	line-height: 30px;
}
.payment-method-btn span {
	float:left;
	height: 30px;
    line-height: 30px;
	margin-right:5px;
}

.payment-label{
	padding-right: unset  !important;
	padding-left: 35px !important;
}


.payment-method-btn [type="radio"]:checked + label:before, .payment-method-btn [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 2px;
    width: 28px;
    height: 28px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}

.payment-method-btn [type="radio"]:checked + label:after, .payment-method-btn [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 22px;
    height: 22px;
    position: absolute;
    top: 5px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
select.error {
    color: red !important;
	border: 1px solid red;
}

/*
================================
Mobile Menu
================================
*/
.mobile-stikey {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 111111;
    padding: 5px 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    background: #fff;
    display: none;
}
.mobile-stikey-push {
    display: none;
}

.mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
a.mainLogo img {
    display: block;
    width: 90px;
}
span.menu-triger {
    display: block;
    font-size: 25px;
    cursor: pointer;
	padding-right: 17px;
}
.mobile-offcanvas {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 70%;
	min-width: 280px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    background: #fff;
    z-index: 9999999;
    transition: .4s;
    left: -100%;
    overflow: auto;
}
.mobile-offcanvas.active {
    left: 0;
}
.mobile-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1111111;
    background: rgba(0, 0, 0, 0.4);
    transition: .4s;
    left: 100%;
}
.active.mobile-overlay {
    left: 0;
}
form.mob-search-form {
    box-shadow: 0px 0px 10px #ddd;
    padding: 12px;
}
form.mob-search-form input.mob-search {
    border: none;
    padding: 10px;
    font-size: 16px;
}
form.mob-search-form button {
    border: none;
    outline: 0;
    background: none;
    font-size: 20px;
}
ul.mobile-menu-catagory {
    list-style: none;
    font-size: 16px;
    padding: 0px;
}
ul.mobile-menu-catagory li {
    border-bottom: 1px solid #dddddd;
}
a.mobie-menu-item {
    padding: 15px 20px;
    display: block;
}
a.mobie-menu-item:active, a.sub-cat:active {
    background: #f1f1f1;
}

/*Offcanvas Dropdown Menu*/
ul.mobile-menu-catagory .card-header h2 {
    margin: 0;
}
ul.mobile-menu-catagory .card-header .btn {
    line-height: 1;
    padding: 0;
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    font-size: 16px;
    text-decoration: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--font-main-color);
}
ul.mobile-menu-catagory .sub-cat {
    display: block;
    padding: 10px 10px 10px 30px;
    line-height: 1;
    font-size: 16px;
    border-top: 1px solid #dddddd;
    color: #777777;
}
ul.mobile-menu-catagory .card-header .btn.collapsed i {
    transition: .3s;
    transform: rotate(0deg);
}

ul.mobile-menu-catagory .card-header .btn i {
    transform: rotate(90deg);
    transition: .3s;
}


.cart-mail {
    display: inline-block;
    position: relative;
}




form.mob-search-form {
  box-shadow: none;
  border-bottom: 1px solid #dddddd;
}
.back-cat {
    padding: 10px 15px;
    display: block;
	color: var(--font-main-color);
}
.mob-cat-items{
    position: fixed;
    top: 64px;
    bottom: 0;
    background: #fff;
    z-index: 999999;
    transition: .6s;
    left: -100%;
    overflow: auto;
    width: 70%;
	min-width: 280px;
}
#collapse_mob_cats_container i.fa.fa-angle-right {
  float: right;
  padding-right: 12px;
}
#collapse_mob_cats_container i.fa.fa-angle-left {
  float: left;
  padding-right: 10px;
}
.mob-cat-items.active-sub {
    left: 0;
}

.cat-path ol li {
	display: inline-block;
	color: var(--tab-notactive-color);
}

.cat-path ol li span, .cat-path ol li a{
	display: inline-block;
	padding: 10px 18px;
    border: 1px solid var(--tab-notactive-bg-color);
	background-color: var(--tab-notactive-bg-color);
	color: var(--tab-notactive-color);
    font-size: 16px;
	margin: 5px 5px;
}
.cat-path ol li:not(:first-child) {
  margin-left: 0.4em;
}
.cat-path ol li:not(:first-child):before {
  content: '>>';
  margin-right: 0.4em;
  color: var(--tab-notactive-bg-color);
}

.cat-path {
	margin-top: -30px;
    margin-left: -15px;
    padding-bottom: 20px;
	padding-left: 0px;
}

.cat-path ol {
	padding-left: 0px;
}



.cat-path ol li a:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--font-headline-color);
}


.sub-categories {
	margin-top: -30px;
    padding-bottom: 20px;
}
.sub-categories .header-sub-categories a {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid var(--tab-notactive-bg-color);
    background-color: var(--tab-notactive-bg-color);
    font-size: 16px;
	color: var(--tab-notactive-color);
	margin: 5px 5px;
}

.sub-categories .header-sub-categories a:first-child {
	margin-left: 0px;
}
.sub-categories .header-sub-categories a:hover {
    background-color: var(--main-color);
    border-color: var(--main-color);
    color: var(--font-headline-color);
}



@media only screen and (max-width: 767px) {
	.mobile-stikey {
		display:block;
	}
	.mobile-stikey-push {
		display: block;
		visibility: hidden;
		padding: 5px 30px;
	}

	.container.product-information.padd-80, .container.cart-sec.padd-80, .container.cartpage.padd-80, .container.padd-60.special-offer{
		padding-top:15px !important;
		padding-bottom:0px !important;
	}

	.header-logo-container, header.border, .container.menu {
		display: none;
	}
	a.mainLogo img {
		max-width: 70px !important;
		max-height: 55px !important;
	}

	.mob-right {
		margin-top: -8px;
	}

	a.language-bar, .mob-right a.search-icon {
		text-align: center;
		width: 30px;
		height: 30px;
		padding: 2px;
		font-size: 20px;
		font-weight: bold;
		display: inline-block;
		line-height: 23px;
	} 

	.mob-right a.search-icon {
		width: 30px;
		height: 30px;
		line-height: 23px !important;
		padding: 2px;
		display: inline-block;
	}

	.mob-right a.mob-cart-item {
		position: relative;
		font-size: 30px;
		top: 7px;
	}

	.mob-right span.cart-count {
		width: 17px;
		height: 17px;
		background-color: var(--main-color);
		color: var(--font-headline-color);
		font-size: 12px;
		border-radius: 50%;
		display: inline-block;
		text-align: center;
		line-height: 18px;
		position: absolute;
		left: 9px;
		bottom: 16px;
	}
	a.mainLogo {
		margin-left: 20px;
	}

	.cat-path {
		margin-top: 0px;
	}
	
	.sub-categories {
		margin-top: 0px;
	}
}





ul.header-menu-catagory {
    list-style: none;
    font-size: 16px;
    padding: 0px;
}
ul.header-menu-catagory li {
}
a.mobie-menu-item {
    padding: 15px 20px;
    display: block;
}
a.mobie-menu-item:active, a.sub-cat:active {
    background: #f1f1f1;
}

/*Dropdown Menu*/
ul.header-menu-catagory .card-header h2 {
    margin: 0;
}
.categories ul li ul li a {
    color: var(--font-main-color);
}
ul.header-menu-catagory .card-header .btn {
    line-height: 1;
    padding: 0;
    border: 0;
    display: block;
    width: 100%;
    text-align: left;
    padding: 15px 20px;
    text-decoration: none;
    box-shadow: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--font-main-color);
    background: #fafafa;
    border-bottom: 1px solid #dddddd;
}
ul.header-menu-catagory .sub-cat {
    display: block;
    padding: 10px 10px 10px 30px;
    line-height: 1;
    color: var(--font-main-color);
    background: #fafafa;
}
ul.header-menu-catagory .card-header .btn.collapsed i {
    transition: .3s;
    transform: rotate(0deg);
    position: relative;
}
ul.header-menu-catagory .card-header .btn i {
    transform: rotate(90deg);
    transition: .3s;
    position: relative;
}
.categories ul li ul li a {
    padding: 5px;
}
/*Spinner*/
.spinner {
  width: 100%;
  height: 25px;
  text-align: center;
  font-size: 9px;
}

.spinner > div {
  background-color: var(--buttons-secondary-bg-color);
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner-parent:hover .spinner > div {
  background-color: var(--main-color);
}

.spinner .rect1 {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); }  
  20% { transform: scaleY(1.0); }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1.0); }
}


.spinner-container{
	text-align: center;
	display: none;
}


.banner-button.shopnow-btn, .banner-button.booknow-btn{
	position: absolute;
	font-size:16px;
	font-weight:700;
	display:inline-block;
	padding:15px 30px;
	border-radius:30px;
	transition:all .3s;
}

@media screen and (max-width: 767px){
	.banner-button.shopnow-btn, .banner-button.booknow-btn{
		padding:10px 20px;
	}
}
/*Social Media*/
img.social-media {
	height: 40px;
	width: 40px;
	padding: 2px;
}
.whats-app-icon-container{
	position: fixed;
    width: 50px;
    height: 50px;
    bottom: 25px;
    border-radius: 50px;
    text-align: center;
    font-size: 30px;
    box-shadow: 1px 1px 1px #999;
    right: 15px;
    z-index: 100;
}
.whats-app-icon-container img{
	width: 100%;
	height: 100%;
}
.visa-logo{
	height: 28px;
}
.mastercard-logo, .benefit-logo{
	height: 33px;
}

.spinner-container{
	text-align: center;
	display: none;
}

.spinner {
  width: 100%;
  height: 25px;
  text-align: center;
  font-size: 9px;
}

.spinner > div {
  background-color: white;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  -moz-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  -o-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect1 {
  -webkit-animation-delay: -1.2s;
  -moz-animation-delay: -1.2s;
  -o-animation-delay: -1.2s;
  animation-delay: -1.2s;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  -moz-animation-delay: -1.1s;
  -o-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  -moz-animation-delay: -1.0s;
  -o-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  -moz-animation-delay: -0.9s;
  -o-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  -moz-animation-delay: -0.8s;
  -o-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); }  
  20% { transform: scaleY(1.0); }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { transform: scaleY(0.4); }
  20% { transform: scaleY(1.0); }
}


.product-img{
    height: 287px;
    width:  358px;
    display: grid !important;
    overflow: hidden;
}

.row-img{
    max-height: 287px !important;
    max-width: 358px !important;
}

.row-img.full-h{
    object-fit: cover;
    height: 100%;
    width: auto !important;
}
.row-img.full-w{
    object-fit: cover;
    height: auto;
    width: 100% !important;
}
@media screen and (max-width: 1200px){

    .product-img{
        height: 287px;
        width:  286px;
		margin: auto;
    }
    
    .row-img{
        max-height: 287px !important;
        max-width: 286px !important;
    }
    
}


@media screen and (max-width: 991px){

    .product-img{
        height: 287px;
        width:  218px;
		margin: auto;
    }
    
    .row-img{
        max-height: 287px !important;
        max-width: 218px !important;
    }
    
}


@media screen and (max-width: 480px){

    .product-img{
        height: 130px;
        width: 133px;
		margin: auto;
    }
    
    .row-img{
        max-height: 130px !important;
        max-width: 133px !important;
    }

    .cat-product-img{
        width: 120px;
    }
    .cat-row-img{
        max-width: 120px !important;
    }
}


.discounted-price{
	padding-left: 40px;
}

.cart-detail table tr td div {
    font-size: 18px;
    padding-left: 10px;
	display: inline-block;
}

.text-left-right{
	text-align: left;
}

.w-auto{
    width: auto ;
}




.size-guide-img-container{
	width: 365px;
	height: 544px;
    
	opacity: 0.8;
    transition: opacity 0.2s;
    border: 1px solid #ced4da;
    position: relative;
	
	background-image: url(/client_side/0/img/fashion/sizeguide.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;  
}
.size-guide-img-container .sizeguide-img {
	width: 365px;
	height: 544px;
}


.input-size-img-wrapper{
	position: absolute;
	width: 100px;
	height: 30px;
	border:3px solid green;
	
	font-size:12px;
	font-weight: bold;
	font-style: italic;
	
	cursor: pointer;
}

.input-size-img-wrapper.error{
	border:3px solid red;
}

.input-size-img-wrapper .input-size-container {
	position: relative;
	display: flex;
    justify-content: center;
    align-items: center;
	height: 100%;
}

.input-size-img-wrapper.edit-mode .input-size-container .size-label{
	position: absolute;
	top: -15px;
	left: 0px;
}

.input-size-img-wrapper .input-size-container .size-input{
	display: none;
	width:100%;
	height:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
}

.input-size-img-wrapper.edit-mode .input-size-container .size-input{
	display: block;
}

.size-label div{
	display: inline-block;
}

.size-label.filled-label div{
	background-color: white;
}

.input-size-img-wrapper.edit-mode .input-size-container .size-label div{
	background-color: white;
}


.size-guide-img-container .arrow.arrow-hor{
	top: 10px;
	left: 10px;
    width: 30px;
    height: 3px;
    background-color:#000;
    margin-left:7px;
    margin-top:3px;
    position: absolute;
}

.size-guide-img-container .arrow.arrow-hor:after{
	left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #000;
    border-width: 7px;
    margin-top: -7px;
}

.size-guide-img-container .arrow.arrow-hor:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #000;
    border-width: 7px;
    margin-top: -7px;
}

.size-guide-img-container .arrow.arrow-ver{
	top: 30px;
	left: 30px;
    width: 3px;
    height: 30px;
    background-color:#000;
    margin-top:3px;
	margin-left:3px;
    position: absolute;
}

.size-guide-img-container .arrow.arrow-ver:after{
	right: 50%;
    top: 0px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #000;
    border-width: 7px;
    margin-top: -7px;
    border-bottom: 9px solid #000;
    border-top: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin-right: -7px;
}

.size-guide-img-container .arrow.arrow-ver:before {
    right: 50%;
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: #000;
    border-width: 7px;
    margin-top: 0px;
    border-top: 9px solid #000;
    border-bottom: 7px solid transparent;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    margin-right: -7px;
}

.product-fashion-sg-modal{
	max-width: 395px;
}
.bannerbg img {
    width: 100%;
    height: 100% !important;
    object-fit: unset;
    object-position: center;
}


.float-right-left{
	float: right;
}

.float-left-right{
	float: left;
}