@media (max-width: 767px)
{
  	h1, .h1 { font-size: 26px; line-height: 30px; margin-bottom: 20px; }	
	.wrapper-body { padding-top: 62px; }
	.text-md-uppercase { text-transform: none !important; }			
	.wrapper-mobile-menu { position: fixed; right:0px; top: 64px; z-index: 11; display: block; width: 100%; padding: 10px 20px 20px 20px; background: #f0f4f5; max-height: calc(100vh - 64px); overflow: auto; transform: translateX(100vw); transition: transform 0.2s; }
	body.menu-open .wrapper-mobile-menu { transform: translateX(0); }
	body.menu-open header .menu-md .btn { background-position: center center }

	header .trust, header .lang { display: none !important; }
	header .header-line .d-table-cell.search { transform: translateY(-15px) !important; }
	.search-open header .header-line .d-table-cell.search { transform: translateY(61px) !important; height: 74px;}
	header .header-line { height: 60px; }
	header .btn-lang .btn, header .btn-menu .btn, header .btn-account .btn, header .btn-cart.btn-lg { width: 40px; height: 40px !important; min-height: 40px; }
	header .header-line .search-md .btn img { top: -7px !important; }
	header .header-line .align-logo img { height: 40px; }	
	header .header-line .btn-menu span { display: none; }	
	header .menu-md .btn, header .header-line .account-md .btn, header .header-line .cart .btn,	header .header-line .btn-menu { width: 40px !important; height: 40px !important; padding: 0px !important; min-width: 40px !important; }	
	header .menu-md { padding-left: 0px; width: 65px; min-width: 65px; }
	header .search-md, header .lang, header .account-md { width: 50px; }
	header .btn-lang img, header .btn-account img { top: 8px; }
	header .cart .btn:not(.cart-popover .btn) { background-position: center center; }
	header .menu-md .btn { background-position: 9px center; }
	header .header-line .d-table-cell:not(.search) .btn { border-radius: 5px; }
	header .header-line .d-table-row .menu-md { padding-right: 15px; }

	.main .carousel-indicators [data-bs-target] { padding: 10px; }
	
	.main .main-shipping { margin-top: 10px; }
	.main .main-shipping .main-shipping-icon { position: absolute; top: 0; left: 0; display: inline-block; transform: none; transform: scale(0.7)}
	.main .main-shipping .main-shipping-item { height: 50px; padding-left: 60px; padding-top: 20px; text-align: left; font-size: 14px; font-weight: 500; line-height: 18px; color: #021347;}
	
	.main .main-categories { margin-top: 20px; }	
	.main .main-categories > .row.gx-0:first-child .col-12:first-child .main-category { border-top: none !important; }
	
	.main .main-categories .main-category .main-category-img { transform: scale(0.5); width: 60px; }
	.main .main-categories .main-category .d-table-row { height: 45px; font-size: 16px; line-height: 20px; }
	.main .main-categories .row.gx-0 .col:not(.col:first-child) { border-left:  0px;border-top: 1px solid #e8eef0; }

	.main .main-promo { padding-left: 15px; padding-right: 15px; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; height: auto; margin-left: 12px;  background-position: top 0px right -152px; }
	.main .main-promo h2 { font-size: 18px; line-height: 24px; margin-bottom: 15px;}
	.main .main-promo .main-promo-item { display: block; width: 100%; font-size: 14px; line-height: 20px; margin-top: 10px; padding: 12px 10px 14px 65px; height: auto; float: none; }
	.main .main-promo .main-promo-item strong { font-size: 14px; line-height: 20px; }
	.main .main-promo .main-promo-item .main-promo-img { transform: scale(0.45) translate(-58px, -62px); }
	.main .main-products h2	{ text-align: center; }
	.main .main-products h2 { margin-bottom: 20px; }
	
	section.about { padding-top: 60px; padding-bottom: 40px; }
	section.about p, section.about strong { font-size: 14px; line-height: 20px; }
	section.about .about-row img { transform: scale(0.5) translate(-30px, -30px)}
	section.about .about-row { padding-left: 45px; }
	section.about strong { font-size: 16px; line-height: 24px; display: inline-block; margin-bottom: 10px; padding: 0; font-weight: 600; }

	section.services p { font-size: 14px; line-height: 20px; }
	section.services .col-question-inner p { max-width: 120px; margin-bottom: 0.5rem; }
	section.services .col-newsletter-inner .input-group { display: block; }
	section.services .col-newsletter-inner .input-group > input { margin-left: inherit !important; border-top-right-radius: 5px !important;	border-bottom-right-radius: 5px  !important; width: 100%; }
	section.services .col-newsletter-inner .input-group > button {  margin-left: 0px !important; border-top-left-radius: 3px !important; border-bottom-left-radius: 3px !important; margin-top: 10px; }

	section.services .col-newsletter .col-newsletter-inner { float: inherit; }	
	section.services .col-newsletter, section.services .col-question { padding-top: 30px; height: auto; padding-bottom: 30px; float: inherit; padding-left: 20px; padding-right: 20px; }
	section.blog { padding-top: 60px; }
	section.blog h2 { margin-bottom: 20px; }
	
	footer { padding-top: 30px; padding-bottom: 30px; }
	footer h2 { margin-bottom: 18px; }
	footer .footer-about p { margin-bottom: 0.5rem; }	
	footer .footer-about img { transform: scale(0.75); margin-left: -10px; }	
	footer .trust { margin-top: 40px !important; display: block; margin: auto; width: 100%; height: auto; padding: 12px 12px 20px 12px; }	
	footer .trust .trust-badge { position: absolute; top: 0; left: 50%; display: inline-block; width: 90px; height: 90px; background: #f0f4f5; border-radius: 90px; margin-left: -45px; transform: translateY(-50%); font-size: 40px; line-height: 40px; color: #00B67A; padding-top: 25px; }	
	footer .trust p { float: none; display: block; position: inherit; left: 0; top: 0; white-space: inherit; text-align: center; }
	footer .trust-brand { float: inherit; position: inherit; left: 0; top: 0; display: inline-block;  padding-bottom: 0; transform: none; margin-top: 50px; }
	
	.crumbs { padding: 20px 0 20px 0; }
	.product-detail-img { float:none; width: 100%; display: inline-block; text-align: center; margin-left: inherit;}
	.product-detail-thumbs { float: none; width: 100%; }	
	.content-detail h1 { margin-top: 10px; }
	.content-detail small { line-height: 24px; font-size: 14px; }
	.product-about { margin-top: 40px; }
	.products-list { padding-bottom: 0px; }
	.main .main-products, .main .product-description { padding-top: 40px !important; }
	.text-content { margin-bottom: 50px; }
	.text-content blockquote { margin-top: 40px; margin-bottom: 30px; background: #ffffff; padding: 30px; font-size: 16px; font-style: italic; line-height: 30px;  }
	.text-content .gallery-item { flex: 0 0 auto; width: 50%; }
	.product-comments { padding: 20px; }
	.comment-action { margin-top: 15px; }
	.comment-item { margin-bottom: 10px; }
	.content-detail .product-attribute-value { text-align: right; }
	
	.btn-variants-outline { padding: 9px; background: #F0F4F5;  border-radius: 10px; margin-top: 20px;  }
	.btn-variants { border: 1px solid #c0c6d6; width: 100%; border-radius: 5px; text-align: left; padding: 15px !important; height: auto; color: #021347; background: white;}
	.btn-variant { width: 100%; text-align: left; height: auto; color: #021347; background: white; }	
	.btn-variant label { display: block; margin-bottom: 5px; }	
	.btn-variants:hover,.btn-variants:hover:active { border: 1px solid #D1D7DF !important; position: relative; }
	.btn-variants:focus { outline: 0; box-shadow: none; border: 1px solid #ADB4C9 !important; }
	.btn-variant .badge { display: inline-block; height: 20px; padding-left: 8px; padding-right: 8px; padding-top: 4px; font-size: 10px; line-height: 12px; }	
	.btn-variant strike, .btn-variant .text-danger { font-size: 12px; display: inline-block; margin-right: 8px; font-weight: 600; }
	.btn-variant strike { font-weight: normal; }
	.btn-variants.dropdown-toggle:after { position: absolute; display: inline-block; content: " "; background-color: transparent; background-image: url(../images/shapes/btn-dropdown-dark.svg); background-position: center middle; width: 12px; height: 10px; background-repeat: no-repeat !important; border: none !important; top: 25px; right: 15px; }
	.btn-variant a { font-size: 14px; font-weight: 500; }
	
	/*
	.product-variants .expiring-soon .btn-variant, .product-variants .expiring-soon .btn-variant:hover, .product-variants .expiring-soon .btn-variant:active, .product-variants .expiring-soon .btn-variant:focus, .product-variants .expiring-soon .btn-variant:active:focus { border-top-left-radius: 0px !important; border-bottom-left-radius: 0px !important; }*/
	.btn-variants + .dropdown-menu { width: 100%; padding: 0.25rem 0; }
	.btn-variants + .dropdown-menu .dropdown-item {	padding: 10px 20px !important; font-size: 14px; line-height: 16px; font-weight: 500; }
	.btn-variants + .dropdown-menu .dropdown-item:not(:first-child) { border-top: 1px solid #c0c6d6; }
	.btn-variants + .dropdown-menu .dropdown-item:hover, .btn-variants + .dropdown-menu .dropdown-item.active:hover { background: #F0F4F5 !important; }
	.btn-variants + .dropdown-menu .dropdown-item.active, .btn-variants + .dropdown-menu .dropdown-item:active { background: #ffffff !important; color: #0054A6; }
	.expiring-soon-box { border: 1px solid #c0c6d6; padding: 10px; border-left: 3px solid #ffdc1c;  box-shadow: 2px 3px 5px rgba(0,0,0,0.1);  }
	.expiring-soon-box div.btn-variant { padding: 0 !important; border: 0 !important;}
	.expiring-soon-header { text-transform: uppercase; margin-top: 20px; }

	.main-full { padding-left: 15px important; padding-right: 15px important; width: 100% important; margin-left: 0; margin-right: 0; padding-bottom: 40px; }
	
	.cart-table .cart-availability { width: 100%; }	
	.cart-table .cart-amount-group { width: 100%; }	
	.cart-table a.cart-item-img { margin-right: 10px; }
	.cart-table .cart-item { position: relative; }	
	.cart-table .cart-remove { position: absolute; top: 10px; right: -10px; padding-left: 0px; }
	.cart-total { padding-right: 0px; }	
	.cart-submit .btn-lg { width: 100%; display: block; }
	.cart-terms .form-check-label { font-size: 14px; line-height: 20px; }
	.cart-total-label { font-size: 18px; line-height: 24px; }	
	.cart-total { font-size: 18px; line-height: 24px; }		
	.cart-form-summary {  padding: 10px; }	
	.cart-form-summary h2 { font-size: 22px; line-height: 30px; font-weight: 500; margin-bottom: 0; }
	.cart-form-summary .cart-form-total { font-size: 26px; line-height: 30px; margin-bottom: 10px;  }
	.cart-form-summary h3, .cart-form-summary .cart-form-total-alt { font-size: 14px; font-weight: 600; line-height: 20px; }
	.cart-summary { margin-bottom: 50px; }

	.form-control { padding: 8px 9px; }
	.form-field label:not(.input-group-text) { left: 10px; }
	.form-field label.input-group-text { padding-right: 0px; padding-left: 10px; }
	.form-field-text input, .form-field-text textarea { padding-right: 9px; padding-left: 9px; }
	.form-field-text input.form-control-nolabel, form-field-text textarea.form-control-nolabel { padding: 7px 9px 7px 9px;  }	

	.text-content table { margin-bottom: 35px; }
	.text-content table thead { display: none; }
	.text-content table, .text-content tbody, .text-content td, .text-content tr { display: block; width: 100%; }  
	.text-content table td:before { content: attr(rel); display: inline-block; width: 50%; font-weight: 600; position: absolute; left: 15px; }
	.text-content table tr { background: #f0f4f5; border-radius: 5px; margin-bottom: 5px; width: 100%; padding: 13px; position: relative; /*padding-left: 50%;*/ }
	.text-content table tr td { border: none !important; padding: 2px; }
	
	.bg-infinite .text-content table tr { background: white; }
	
	.orders-table .orders-number-group .w-50 { width: 100% !important; }
	.orders-table .orders-amount-group .w-50 { width: 100% !important; }
	.orders-table-wrapper { margin-bottom: 40px; }		
	
	.modal-content .modal-col-right { border-top-right-radius: 0px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px;  padding: 30px; }	
	.cart-popover { display: none !important; }
	.cart-empty-box-wrapper { margin-top: 15px; padding-right: 0px; background: none; margin-bottom: 40px; }
	.cart-empty-box-wrapper .cart-empty-box { width: 100%; text-align: center; }	
	.pagination { padding-bottom: 0px; }
	.pagination.full .page-item-placeholder, .pagination.full .page-item:not(.page-item-prev):not(.page-item-next) { display: none !important; }
	section.blog.articles .blog-item { padding-bottom: 40px; }	
	section.blog.articles { padding-bottom: 40px; }	
	.site-item { display: block; margin-right: 0px; width: 100%; }
	
	section.offer { padding-top: 60px; padding-bottom: 20px; }
	section.offer h2 { margin-bottom: 20px; }	
	
	.text-content + .text-content-relate { margin-top: 0px; }	
	.article-head { padding-bottom: 125px; }
	.article-head + .article-image { margin-top: -110px;  }	
		
	.carousel-offer { position: relative; text-align: center; }
	.carousel-offer .arrow-btn { display: inline-block; margin-bottom: 10px; margin-left: 8px; margin-right: 8px; }	
	.carousel-offer .arrow-btn.arrow-btn-prev { position: relative; left: 0; top: 0; transform: translateY(0px) rotate(180deg); }
	.carousel-offer .arrow-btn.arrow-btn-next { position: relative; right: 0; top: 0; transform: translateY(0px); }

	.full-message p { padding: 0 10px; }

	.mobile-display-none {display: none;}

	.content-detail .short-text-content {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
}