@media (max-width: 575.98px) {
	.fluid-container{width: 100%;}
	h2.title{font-size: 18px;height: 30px;line-height: 25px;padding-bottom: 25px;margin: 30px 0 10px;}
	h2.title::after{top: 25px;}
	h2.title::before{top: 25px;}
	header{padding: 10px 0 0 0;}
	header .account .dropdown{margin: 0;}
	header .account .dropdown button{margin-left: 10px;padding: 0;background-color: transparent;border: none;}
	header .account .dropdown button i{font-size: 20px;line-height: 40px;margin: 0;}
	#mainContent{padding: 10px 0;}
	#mainPromo .lSSlideOuter  .lSPager.lSGallery{display: none;}
	#campaignPromo ul.gallery li .details{position: relative;bottom: auto;left: auto;right: auto;padding-bottom: 20px;}
	#campaigns a{margin-bottom: 10px;display: inline-block;}
	#storeFront{margin-top: 10px !important;}
	.nav-tabs.nav-fill.nav-ub .nav-item{padding-left: 2px;}
	.nav-tabs.nav-fill.nav-ub .nav-link{font-size: 16px; line-height: 20px;}
	.nav-tabs.nav-fill.nav-ub .nav-link{border-bottom-width: 3px;}
	.nav-tabs.nav-fill.nav-ub .nav-link.active{border-bottom-width: 5px;border-radius: 0 0 5px 0;}
	#newsletter .form-wrapper::before{content: none;}
	#newsletter .form-wrapper{padding: 10px;}
	#newsletter .form-wrapper h4{font-size: 14px; text-align: center;}
	#newsletter .wrapper{height: auto; padding: 0 10px;}
	#newsletter .wrapper h5{margin-bottom: 10px;}
	#newsletter .wrapper p{font-size: 28px; line-height: 28px;}
	#advantages ul li{width: 100%;margin: 10px 0px; padding-left: 60px;}
	#advantages ul li::before{left: 10px;}
	footer #cards img{height: auto;}
	footer #footermenu h6{margin-top: 40px;}
	
	.gallery .img-fluid {width: 100%;display: block;}
	
	#listHeader h1, #productDetail h1{font-size: 18px; font-weight: bold;}
	#productDetail{padding: 5px;}
	#productDetail .actions a span{display: none;}
	#productDetail .actions a i{font-size: 30px;}
	#productDetail .rating span{display: block;}
	
	.breadcrumb{max-height: 20px;margin-bottom: 10px;}
	.breadcrumb li{line-height: 20px;}
	#listHeader{margin-bottom: 10px;}
	
	#listFilters{
		background-color: #fff;
		height: 100%;
		left: -100%;
		position: fixed;
		top: 0;
		width: 80%;
		z-index: 9998;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
	}
	#listFilters .filter{margin-bottom: 10px;}
	#listFilters .filter button{font-size: 14px; line-height: 30px; height: 30px;}
	#listFilters .filter ul li{line-height: 24px;}
	#listFilters .filter ul li.parent{line-height: 30px;}
	#listSelectedFilters{padding: 10px 10px 0 10px; margin-top: 10px;}
	#listSelectedFilters li{margin-bottom: 10px; font-size: 14px; line-height: 26px; }
	#listSelectedFilters li a{padding: 0 8px;}
	
	.vw_product_box .prd_bx_price .ls_price{float: right; line-height: 12px; width: 100%;text-align: right;}
	.vw_product_box .prd_bx_price .sl_price{width: 100%;text-align: right;}
	.vw_product_box .prd_bx_varyant_prc{display: none;}
	.vw_product_box a.buy{margin-top: 0; font-size: 14px; line-height: 30px; height: 30px;}
	
	#wrpCartActions{margin-bottom: 10px;}
	#cartActions {background-color: #ef7c00; margin-bottom: 10px;}
	#cartActions .wrapper{padding: 10px;}
	#cartActions .discount, #cartActions .shipmentInfo, #cartActions .btnInstallment{display: none;}
	#cartActions .regularPrice{float: left;  color: #EEE; font-size: 15px;}
	#cartActions .regularPrice span{font-size: 14px;}
	#cartActions .regularPrice b{text-decoration: none;float: right;font-size: 14px;margin-left: 10px;}
	#cartActions .price{float: right; color: #FFF; font-size: 22px; line-height: 32px;}
	#cartActions .price span{font-size: 16px;}
	#cartActions .spinner.input-group .unit{color: #FFF; padding: 0 10px;}
	#cartActions .addCart{background-color: #FFF; color: #ef7c00; width: 50%; margin: 0 !important; height: 50px; line-height: 50px; font-size: 16px;}
	
	#cartActions form{width: 100%; clear: both;}
	#cartActions form .input-group.spinner{float: left; width: 50%;}
	
	#toast-container>div{padding: 10px; opacity: 1;}
	.toast-message {font-size: 20px;line-height: 24px;padding: 10px 0;}
	.toast-close-button{display: none;}
	.toast-message a, .toast-message label{margin: 0;}
	
	#cartIndex, #cartAddress{margin-top: 20px !important;}
	#cartIndex .cartDetails, #cartAddress .addressDetails{padding: 10px;}
	#cartIndex .cartDetails .table tbody tr td, #cartAddress .addressDetails .table tbody tr td{font-size: 13px; padding: 5px;}
	#cartIndex .cartDetails .table thead tr th{font-size: 14px; padding: 5px;}
	
	.loginWrapper, .registerWrapper, form#guestaddress{padding: 10px;}
	.address_wrapper h2{font-size: 20px;}
	
	#sm_menu_ham {
	    background-color: transparent;
	    border: none;
	    margin-left: 0px;
	    font-size: 14px;
	    line-height: 15px;
	    text-align: left;
	    padding: 0;
	    cursor: pointer;
	    height: 50px;
	    float: left;
	    width: 20%;
	}
	#sm_menu_ham i{font-size: 22px;position: relative;top: -3px;}
	header .logo {
	    display: inline-block;
		float: left;
		width: 140px;
		line-height: 45px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	header .p-static{position: static;}
	header .p-relative{position: relative;}
	
	nav#listPagination{height: auto;}
	.pagination{display: block; text-align: center; margin: 0;}
	#listPagination ul li {margin-bottom: 5px;}
	#listPagination .page-link {font-size: 16px;height: 40px;line-height: 40px;width: 40px;}
	
	#frmVariants .spinner.spinner-xs.input-group{max-width: 80px;}
	#frmVariants tbody tr td:first-child{max-width: 90px; padding-left: 5px;}
	
	#admin_box{display: none;}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.fluid-container{width: 100%;}
	h2.title{font-size: 18px;height: 30px;line-height: 25px;padding-bottom: 25px;margin: 30px 0 10px;}
	h2.title::after{top: 25px;}
	h2.title::before{top: 25px;}
	header{padding: 10px 0 0 0;}
	header .account .dropdown{margin: 0;}
	header .account .dropdown button{margin-left: 10px;padding: 0;background-color: transparent;border: none;}
	header .account .dropdown button i{font-size: 20px;line-height: 40px;}
	#mainContent{padding: 10px 0;}
	#mainPromo .lSSlideOuter  .lSPager.lSGallery{display: none;}
	#campaignPromo ul.gallery li .details{position: relative;bottom: auto;left: auto;right: auto;padding-bottom: 20px;}
	#campaigns a{margin-bottom: 10px;display: inline-block;}
	#storeFront{margin-top: 10px !important;}
	.nav-tabs.nav-fill.nav-ub .nav-item{padding-left: 2px;}
	.nav-tabs.nav-fill.nav-ub .nav-link{font-size: 16px; line-height: 20px;}
	.nav-tabs.nav-fill.nav-ub .nav-link{border-bottom-width: 3px;}
	.nav-tabs.nav-fill.nav-ub .nav-link.active{border-bottom-width: 5px;border-radius: 0 0 5px 0;}
	#newsletter .form-wrapper::before{content: none;}
	#newsletter .form-wrapper{padding: 10px;}
	#newsletter .form-wrapper h4{font-size: 14px; text-align: center;}
	#newsletter .wrapper{height: auto; padding: 0 10px;}
	#newsletter .wrapper h5{margin-bottom: 10px;}
	#newsletter .wrapper p{font-size: 28px; line-height: 28px;}
	#advantages ul li{width: 100%;margin: 10px 0px; padding-left: 60px;}
	#advantages ul li::before{left: 10px;}
	footer #cards img{height: auto;}
	footer #footermenu h6{margin-top: 40px;}
	
	.gallery .img-fluid {width: 100%;display: block;}
	
	#listHeader h1, #productDetail h1{font-size: 18px; font-weight: bold;}
	#productDetail{padding: 5px;}
	#productDetail .actions a span{display: none;}
	#productDetail .actions a i{font-size: 30px;}
	#productDetail .rating span{display: block;}
	
	.breadcrumb{max-height: 20px;margin-bottom: 10px;}
	.breadcrumb li{line-height: 20px;}
	#listHeader{margin-bottom: 10px;}
	
	#listFilters{
		background-color: #fff;
		height: 100%;
		left: -100%;
		position: fixed;
		top: 0;
		width: 80%;
		z-index: 9998;
		overflow-y: scroll;
		overflow-x: hidden;
		padding-top: 10px;
		padding-bottom: 10px;
		-webkit-overflow-scrolling: touch;
	}
	#listFilters .filter{margin-bottom: 10px;}
	#listFilters .filter button{font-size: 14px; line-height: 30px; height: 30px;}
	#listFilters .filter ul li{line-height: 24px;}
	#listFilters .filter ul li.parent{line-height: 30px;}
	#listSelectedFilters{padding: 10px 10px 0 10px; margin-top: 10px;}
	#listSelectedFilters li{margin-bottom: 10px; font-size: 14px; line-height: 26px; }
	#listSelectedFilters li a{padding: 0 8px;}
	
	#wrpCartActions{margin-bottom: 10px;}
	#cartActions {background-color: #ef7c00; margin-bottom: 10px;}
	#cartActions .wrapper{padding: 10px;}
	#cartActions .discount, #cartActions .shipmentInfo, #cartActions .btnInstallment{display: none;}
	#cartActions .regularPrice{float: left;  color: #EEE; font-size: 15px;}
	#cartActions .regularPrice span{font-size: 14px;}
	#cartActions .regularPrice b{text-decoration: none;float: right;font-size: 14px;margin-left: 10px;}
	#cartActions .price{float: right; color: #FFF; font-size: 22px; line-height: 32px;}
	#cartActions .price span{font-size: 16px;}
	#cartActions .spinner.input-group .unit{color: #FFF; padding: 0 10px;}
	#cartActions .addCart{background-color: #FFF; color: #ef7c00; width: 50%; margin: 0 !important; height: 50px; line-height: 50px; font-size: 16px;}
	
	#cartActions form{width: 100%; clear: both;}
	#cartActions form .input-group.spinner{float: left; width: 50%;}
	
	#toast-container>div{padding: 10px; opacity: 1;}
	.toast-message {font-size: 20px;line-height: 24px;padding: 10px 0;}
	.toast-close-button{display: none;}
	.toast-message a, .toast-message label{margin: 0;}
	
	#cartIndex, #cartAddress{margin-top: 20px !important;}
	#cartIndex .cartDetails, #cartAddress .addressDetails{padding: 10px;}
	#cartIndex .cartDetails .table tbody tr td, #cartAddress .addressDetails .table tbody tr td{font-size: 13px; padding: 5px;}
	#cartIndex .cartDetails .table thead tr th{font-size: 14px; padding: 5px;}
	
	.loginWrapper, .registerWrapper, form#guestaddress{padding: 10px;}
	.address_wrapper h2{font-size: 20px;}
	
	#sm_menu_ham {
	    background-color: transparent;
	    border: none;
	    margin-left: 0px;
	    font-size: 14px;
	    line-height: 15px;
	    text-align: left;
	    padding: 0;
	    cursor: pointer;
	    height: 50px;
	    float: left;
	    width: 20%;
	}
	#sm_menu_ham i{font-size: 22px;position: relative;top: -3px;}
	header .logo {
	    display: inline-block;
		float: left;
		width: 140px;
		line-height: 45px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	header .p-static{position: static;}
	header .p-relative{position: relative;}
	
	nav#listPagination{height: auto;}
	.pagination{display: block;text-align: center; margin: 0;}
	#listPagination ul li {margin-bottom: 5px;}
	#listPagination .page-link {font-size: 16px;height: 40px;line-height: 40px;width: 40px;}
	
	#frmVariants .spinner.spinner-xs.input-group{max-width: 80px;}
	#frmVariants tbody tr td:first-child{max-width: 90px; padding-left: 5px;}
	
	#admin_box{display: none;}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	#newsletter .form-wrapper .form-group{margin: 0;}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	#newsletter .form-wrapper .form-group{margin: 0;}
}

@media (min-width: 1200px) {
	#newsletter .form-wrapper .form-group{margin: 0;}
}