$base-font-size:            1.1rem;
$base-font-family:          'Roboto', sans-serif;
$base-font-weight:          300;
$base-font-color:           #4c4b42;

$site-max-width:            81rem;
$step-size-heading:         0.25;
$side:                      1px;

$logo-max-width:            342px;

$page-header-height:        90px;
$head-image-height:         120px;

$loading-field:             rgba(255,255,255,1);

$main-design-color:         #d4908b;
$main-design-text-color:    #fff;
$main-design-sec-color :    #3d3733;
$main-design-border-weight: 1px;
$main-design-radius:        0px;
$main-design-small-radius:  3px;


$base-text-color:           #000;
$base-active-color:         #df1023;

$top-bar-bg-color:          #f5e9e8;
$top-bar-text-color:        #222222;

$red:                       #df1023;
$error-color:               #f14125;
$error-text-color:          #fff;

$header-bg-color:           #fff;
$header-text-color:         #fff;

$nav-bg-color:              #f5e9e8;
$nav-text-color:            #656565;
$nav-active-color:          #000;
$nav-active-bg-color:       #fff;


$price-color:               #000;
$old-price-color:           #7b7b7b;
$promo-price-color:         #df1023;

$news-page-bg:              #f8f5f5;
$gallery-bg:                #373538;

$footer-bg-color:           #fff;
$footer-text-color:         #333333;

$sfooter-bg-color:          #af0c12;
$sfooter-text-color:        #949494;

$light-gray:                #f8f5f5;
$dark-gray:                 #313131;

$owl-controls-color:        #dab4b2;
$gallery-bg-color:          #efefeff0;

.gallery-head-image{        background: url( ../img/gallery_header.jpg ) center center;  }
.contacts-head-image{       background: url( ../img/stemanelli/contacts_header.jpg ) center center; }
.news-head-image{           background: url( ../img/news_header.jpg ) center center;     }
.pages-head-image{          background: url( ../img/stemanelli/contacts_header.jpg ) center center;    }
.basket-head-image{         background: url( ../img/stemanelli/account_header.jpg ) center center;   }
.account-head-image{        background: url( ../img/stemanelli/account_header.jpg ) center center;  }
.categories-head-image{     background: url( ../img/categories_header.jpg ) center center;  }
.not-found-page{            background: url( ../img/404_header.jpg ) center center;      }



body {
	h1 {
        font-size: 2rem;
    }
	table {
		font-size: 0.8em;
	}
    p {
        line-height: 1.6;
		font-size: 0.9rem;
    }
	strong, b {
		font-weight: 600 !important;
	}
	.loading-fld{
		span{
			width: 200px;
			height: 70px;
			background: url( ../img/stemanelli/loading.gif ) center center no-repeat;
			background-size: 100% auto;
		}
	}
	.pages-head-image span {
		display: block;
		color: #903d3c;
		margin-top: calc(.61em + 11px);
	}
	.breadcrumbs li {
		font-size: 11px;
		a {
			font-size: 11px;
		}
	}
	button.btn_ask_for_credit {
		display: none;
	}
    .title-fix {
        margin: -4px 0 0 34px;
    }
	.input-group-label {
		border: none;
		background: transparent;
	}
	label {
		font-size: 14px;
	}
	.messageOnIndex {
		background: rgba(230, 228, 228, 0.99);
		color: #000;
		border: 5px solid #c7c4bf;
		box-shadow: 0 0 22px rgba(0, 0, 0, 0.37);
		text-align: center;
		a {
			border: none;
		}
	}
	.owl-theme .owl-controls .owl-page span {
		@include radius(50%);
	}
	.filters-container {
		.search-box {
			#slider-range .ui-slider-handle {
				background: #edb1ac !important;
			}
			.moreBox {
				display: block !important;
			}
			p.more {
				display: none;
			}
			label {
				line-height: 30px;
				img {
					height: 12px !important;
					vertical-align: baseline;
				}
			}
		}
	}
	.top-message-wrap {
		display: none;
		.top-message-content {
			padding: 7px 0;
			@media only screen and (max-width: 50em) {
				padding: 4px 0;
			}
			p {
				font-weight: bold;
				color: red;
				text-align: center;
			}
		}
	}
	.button,
	button {
		@include radius(30px);
		.closeBtn {

		}
		background: $main-design-color;
	}
	.know-how-button {
		background: #2eb2b8;
		color: #fff;
		padding: 3px 15px;
		border-radius: 14px;
		&:hover {
			background: #2d465b;
			color: #fff;
			padding: 3px 15px;
			border-radius: 14px;
		}
	}
	.more-accents a {
		background: #2d465b;
		padding: 10px 30px;
		color: #fff;
		border-radius: 20px;
		&:hover {
			background: #2eb2b8;
			color: #fff;
		}
	}
	#sync2 {
		.owl-controls {
			display: none;
		}
	}

	.breadcrumbs-container {
		background: #f9f6f6;
		padding-top: 8px;
		box-shadow: inset 0 0 10px rgb(220, 201, 199);
	}
	.sort-list-by {
		font-size: .9em;
	}
	.share-in-socials {
		a {
			@include radius( 50% );
			i {
				vertical-align: baseline;
			}
		}
	}
	.page-description {
		background: #fffbfa;
		a {
			color:#903d3c;
		}
	}
    .header {
		.top-bar-container {
			background: linear-gradient(180deg, #ffffff 0%, #f5e9e8 100%);
		}
        .head {
			border-bottom: 0;
        }
		#my-account-dropdown {
			b {
				font-weight: 300 !important;
				font-style: italic;
				font-size: 1.5rem;
			}
		}
		.head.sticky.is-stuck.is-at-top {
			border-bottom: 1px solid #efe3e3;
			box-shadow: 0 0 10px rgba(189, 159, 165, 0.47);
		}
        .cart-wrap .cart .badge {
            border: none;
            background: #edb1ac;
			color: #fff;
			@include radius(50%);
			line-height: 20px;
			height: 20px;
			width: 19px;
        }
		.search {
			border: none;
			input {
				height: 42px;
				width: 100%;
				border: 1px solid #cac8c8;
			}
			button {
				background: #edb1ac url(../img/stemanelli/search_icon.svg) center center no-repeat;
				background-size: 28px;
				&:hover {
					background: #903d3c url(../img/stemanelli/search_icon.svg) center center no-repeat !important;
					background-size: 28px;
				}
			}
			.fa-search:before {
				content: none;
			}
		}
		.mobile-search-button {
			background: #fff url(../img/stemanelli/search_icon_b.svg) center center no-repeat;
			background-size: 36px;
			height: 32px;
			i.fa-search:before {
				content: none;
			}
		}
		.my-account {
			background: transparent url(../img/stemanelli/profile_icon_b.svg) center 15% no-repeat;
			background-size: 28px;
			.user-icon {
				content: none;
			}
			p {
				color: #000;
				font-size: 11px;
				font-style:italic;
				padding-top: 3px;
			}
			a.registration {
				display: initial;
				background: #edb0ac;
				padding: 5px 10px;
				color: #fff;
				font-size: .9em;
				border-radius: 16px;
			}
		}
		.cart-wrap {
			background: transparent url(../img/stemanelli/cart_icon_b.svg) center 15% no-repeat;
			background-position-x: 80%;
			background-size: 28px;
			p {
				color: #000;
				font-size: 11px;
				font-style:italic;
				padding-top: 3px;
			}
		}
        #slider {
			.owl-buttons {
				.owl-prev {
					left: 20px;
					@include radius(50%);
				}
				.owl-next {
					right: 20px;
					@include radius(50%);
				}
			}
		}
		#slider .owl-pagination {
			margin-top: -80px;
			.owl-page span {
				@include radius(50%);
			}
		}
		#slider .item img {
			width: 100%;
			margin: 0;
			.owl-pagination {
				margin-top: -65px;
			}
		}

		#slider .item .textBox {

			left: 33.33%;
			right: initial;
			background: transparent;
			.button {
				display: none;
			}

			h2 {
				color: #c72026;
				font-weight: 300;
			}
			p {
				color: #fff;
				font-size: 3.1rem;
				font-weight: 100;
				strong {
					color: #ccd019;
				}
				img {
					padding:0;
					max-width: 100%;
					margin:0;
				}
			}

        }
        .message-wrap {
			color: #272727;
		}
		.shrink .message-wrap {
			visibility: visible;
		}
		div.head > div > div > div.message-wrap > p:nth-child(1){
            margin-bottom: 5px;
            font-size: 12px;
            font-weight: 400;
            text-align: center;
			min-height: 70px;
        }
        div.head > div > div > div.message-wrap > p:nth-child(2){
            font-size: 12px;
        }
        .shrink  .logo-wrap {
			padding-left: 15px;
			img.logo {
				height: initial;
			}
		}
		.logo {
			border-bottom: none;
			@media only screen and (min-width: 64.063em) and (max-width: 90em) {
				max-height: 65px;
			}
        }
        .mobile-search-button, .user-wrap, .message-wrap, .cart-wrap {
            border-left: none;
        }
        .user-wrap i, .cart-wrap i {
            color: #171717;
			opacity: 0;
        }
		.user-wrap i {
			opacity: 0;
		}
		.button.login i{
			opacity: 1;
		}
        #menumain{
        	ul {
                margin-left:0;
				box-shadow: 0 0 16px rgba(111, 75, 101, 0.44);
				margin-top: 14px;
				margin-bottom: -12px;
				@media only screen and (max-width: 50em) { 
					margin-bottom: 0;
				}
				background: $nav-bg-color;
				background: linear-gradient(180deg, #ffffff 0%, #f5e9e8 100%);
				border: none;
				@include radius(6px);
				padding: 0 15px;
                &.submenu{

                }
            }
            ul li.main-list{
                border-right: none;
				a {
					font-size: .9rem;
					text-transform: uppercase;
					font-weight: 600;
					color: #000000;
					padding: 1rem .63rem;
					@media only screen and (max-width: 50em) { 
						padding: .7rem .6rem;
					}
				}
				&:hover {
					>a {
						background: transparent;
					}
				}
            }
            ul li.main-list > a.active{
        		border-bottom: 3px solid #903d3c;
        	}
        	ul li.main-list > a:hover {
	            border-bottom: 3px solid #edb0ac;
	        }
			ul.submenu {
				border: none;
				background: #fff;
				li {
					&:hover {
						background: #f5e9e8;
					}
				}
			}
			background: $header-bg-color;
        }
        .search {
			border-radius: 0;
		}
		.search button {
			width: 38px;
			height: 38px;
			margin: 2px;

			@include radius(50%);
        }
        .search input {
			background: transparent;
			@include radius(20px);
			@include placeholder {
					font-style:italic;
					color: #333;
					font-weight:100;
				}
			padding-left: 20px;
        }
        .slider-container{
            border-bottom: none;
			background: #fff;
			background-size: auto 55%;
			border-top: 1px solid #efe3e3;
			div.row {
				width: 100%;
				max-width: 100%;
			}
        }
    }

    article {
        .contact {
			background: #f8f5f5;
		}
		.product-item {
			margin-bottom: 1em;
		}
		.additional_pictograms {
            bottom: 8rem;
        }
        &.product-head {
			.gallery-viewer {
				margin-top: 5px;
			}
			p.info {
				font-weight: 600;
			}
            .additional_pictograms div img {
                width: 30px;
            }
			h1 {
				font-weight: 400;
			}
			.table-product-type {
				font-size: .9em;
				button.btn_ask_for_credit {
					display: none;
				}
			}
        }
		.show-all {
			background: #494949;
			margin: 30px auto 20px auto !important;
			padding: 7px;
			@include radius(16px);
			&:hover {
				background: #b77a84;
				color: #fff;
			}
		}
		&.content {
			.page_item.page_list {
				margin-top: 30px;
				margin-bottom: 60px;
				h2 {
					text-align: center;
					font-size: 2rem;
					font-weight: 300;
				}
			}
		}
    }

	.tabs-title > a[aria-selected='true'] {
        font-weight: 200;
	}

	section.products {
		background: url(../img/stemanelli/top_texture.jpg) repeat-x top center;
		.categories-list {
			.panel {
				span.count {
					display: none;
				}
			}
		}
	}

	section.contact-page article.contact,
	section.account article.account {
		background: #f8f5f5;
	}

    section.product-info {
		border-top: 1px solid #efefef;
		background: url(../img/stemanelli/top_texture.jpg) repeat-x top center;
        .button {
			background: #000;
			i {
				vertical-align: unset;
			}
			&.secondary {
				background: #efefef;
				font-size: 12px;
			}
		}
		.price-wrap {
			span {
				display: block;
			}
			.price nobr b {
				font-size: 1.8rem;
				font-weight: 500 !important;
				vertical-align: baseline;
			}
		}
		.quantity_basket_fld label input {
			border: 1px solid #d4d4d4;
		}
		p.promo b {
			font-weight: 300 !important;
		}
		p.price-valid {
			display: none;
		}
		.serias-producer {
			border: 1px solid transparent;
			p {
				font-size: .8em;
			}
		}
		table thead {
			background: #efe9ea !important;
		}
    }

    .product-wrapper {
        a {
            h3 {
                min-height: 5em;
				font-size: .9em;
            }
			.product-hover-wrapper {
				p.button.add-to-cart {
					@include radius(16px);
					padding: 7px;
					width: 40%;
					color:#fff;
					&:hover {
						color:#fff;
					}
				}
				div.options {
					top: 215px;
					span {
						background-color: #212121;
						color: #fff;
						border: none;
					}
				}
			}
			.additional_pictograms {
				display: none;
			}
        }

		background-color: #fff;
		margin-bottom: 1rem;
		&:hover {
			div.product-hover-wrapper {
				box-shadow: 0 0 20px 10px rgb(235, 225, 224);
			}
		}
    }

	.pictograms {
		right: initial;
		left: 10px;
	}

    section {
		h1 {
			font-size: 2.5em;
		}
		h1, h2 {
			text-transform: uppercase;
			span.line::after {
				background: #b67a84;
				background-size: 100% auto;
				background-repeat: no-repeat;
				height: 3px;
				width: 240px;
				margin-left: -120px;
			}
		}

		&.home-page-text {
            margin: 0 0 0 0;
			background-color: #fff;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='1666.7' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.07'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E");
			background-attachment: fixed;
			h2>span{
				font-weight: 600;
				font-size: 1.2em;
			}
        }

		&.special-offers {
			padding-top: 0;
			background: none;
			background-size: 15%;
			.special-offers-outer {
				background: #fff;
				padding: 0;
				border-bottom: none;
			}
		}

		&.pages {
			h1 {
				display:none;
			}
		}

		&.news {
			background: #f3f3f3;
			.newsThumb .news_info .button {
				background: #e2e2e2;
			}
		}

		&.news.latest_news_bg{
            padding-top: 4em;
			background: #e9e9e9 ;
			background-attachment: fixed;

            .news_info{
                background:transparent;
				.news_short_text {
					color: #313131;
				}
				.button {
					@include radius($main-design-radius);
				}
            }
        }

		&.account,
		&.contact-page {
			background: #fff;
		}

        .left .search-box #slider-range .ui-widget-header {
            background: #595959;
			&.ui-corner-all {
			}
        }

		span.ui-slider-handle.ui-corner-all.ui-state-default {
			border-radius: 50% !important;
		}

        &.news .newsThumb .imgNews a {
            background-size: auto 150%;
        }

        article {
            .price-label{
				background: url(../img/stemanelli/promo_label.svg) no-repeat center center/100% auto;
                width: 40px;
                height: 40px;
                span{
                    display: block;
					font-size: 13px;
					line-height: 40px;
					letter-spacing: -.8px;
					color: #C2000B;
					text-shadow: none;
                }
				&.new {
					background: url(../img/stemanelli/new_icon.svg) no-repeat center center/100% auto;
					span{
						display: none;
					}
				}
            }
        }

        .panel-default {
            background: #fff;
			@include box-shadow(2px, 2px, 8px, 0, rgba(228, 211, 210, 1), false);
            .panel-header {
                h3{
                    min-height: 4rem;
                }
            }
			&:hover {
				@include box-shadow(2px, 2px, 8px, 0, rgba(128, 128, 128, 0.2), false);
				border:3px solid transparent;
				border-bottom:3px solid #93688d;
			}
			.panel-body {
				>img {
					margin: 0;
				}
			}
			span.count {
				top: calc( 20% - 20px);
			}
        }

        &.categories {
            background: none;
			h2 {
				color:#fff;
				span.line::after {
				    background: none;
					background-size: 100% auto;
					background-repeat: no-repeat;
				}
			}
        }

        .basket {
            .empty-cart h3 i {
                color: #ccd018;
            }
        }

    }

    .top-banners {
		a {
			background-color: initial !important;
			height: 250px;
			padding: 0;
			border-right: 1px solid #2e3352;
			background-size: 100% !important;
			img {
				width: 100%;
				height: auto;
				display: block;
				margin: 0 auto;
				text-align: center;
			}
		}
    }
	.owl-wrapper .owl-item:last-of-type a{
		border-right: none;
	}
	.page_description_bottom {
		background: #f6f1f2;
	}

    .accents {
        .single_accent {
            width: 16%;
        }
        p{
            font-weight: 300;
			color: #2f2f2f;
        }
    }
    .short-description {
        line-height: 1.6rem;
    }
    .feature-text-data {
		margin-top: 45px;
		background: #f5f0f0 url(../img/stemanelli/footer_bg.jpg) center center no-repeat;
		a {
			@include radius(20px);
			background: #bfbfbf;
			margin-top: 15px;
			padding: 9px 0.8em;
			font-size: 14px;
		}
	}
	.feature-text-data .imgThumb img {
        height: 300px;
        margin: 0 auto 30px auto;
        display: block;
    }
    .cookies_message {
        background: #903d3d;
         div.cnt {
            p {
				font-size: 0.7rem;
				color:#fff;
			}
			p>a {
                text-decoration: none;
				color: #fff;
				vertical-align: unset;
				background: #561110;
				padding: 2px 10px;
				@include radius(21px);
            }
         }
    }
    .cookies_message > div.cnt div.b_cnt {
        background: #000000;
        a.btn {
            color: #fff;
			text-transform: uppercase;
        }
    }
	.shopping-cart-go-to-wrapper {
		>a.button.primary {
			background-color: #000;
			@include radius(28px);
			&:hover {
				background-color: #edb1ac;
				color: #000;
			}
		}
	}
	.button.add-to-cart {
		background-color: #000;
		&:hover {
			background-color: #edb1ac;
			color: #000;
		}
	}
	
    .footer{
		background: $footer-bg-color;
        .f-footer {
            h5 {
                color:#333;
				span.line {
					background: #ebaba6;
					height: 2px;
				}
				i {
					color: rgba(0, 0, 0, 0.8);
				}
            }
            ul li a{
                color: $footer-text-color;
				&:hover{
                    color:#d48f8b;
                }
            }
            p {
                color:#333;
            }
			.button {
				background: #f2e6e8;
			}
        }
        .h-footer{
        	background:#f5e9e9;
        	span.caption {
        		color:#333;
			}
			i{
				color:#333;
			}
        }

		.s-footer{
			background:#fff;
            a{
				color:#4c4c4c;
			}
            .text-copy{
                color:#292929;
            }
		}
	}
	@media only screen and (min-width: 1441px) {
		.row {
			max-width: 87rem;
		}
		.sider-outer {
			width: 100%;
			float: none;
		}
		.top-fld-xl-resolution {
			display: none;
			width: calc(25% - 30px);
			float: right;
			background: #efefef;
			margin-top: 30px;
			margin-bottom: 30px;
			height: 300px;
			@include radius($main-design-radius);
		}
		article.promotion  {
			padding: 4rem 0;
		}
		article.promotion .large-3 {
			width: 20%;
		}
		#article-container .large-4 {
			width: 25%;
		}
		.search-wrap {
			width: calc( 80% - 390px );
		}
		.categories-list {
			h2 {
				min-height: 4rem;
				font-size: 1rem;
			}
			.large-4 {
				width: 20%;
			}
		}

		section {
			h2 {
				font-size: 3rem;
			}
		}
	}

	@media only screen and (max-width: 1440px) {
		.header {
			#menumain ul li.main-list > a {
				font-size: .75rem;
				padding: 1rem .6rem;
				text-transform: uppercase;
				font-weight: 600;
			}
			.slider-container div.row {
				max-width: 78%;
				max-width: 100%;
			}
			.message-wrap {
				text-align: center;
			}
			#slider .item {
				img {
					width: 100%;
					margin: 5px 0 !important;
				}
				.textBox {
					padding: 1rem;
					top: 5%;
					.button {
						display: none;
					}
				}
			}
		}
		.top-banners a {
			height: 180px;
		}
	}

	@media only screen and (max-width: 50em) {
		.header {
			.slider-container {
				/* display: none; */
			}
			#menumain ul li.main-list > a {
				font-size: .75rem;
				padding: .7rem .6rem;
			}
			.slider-container div.row {
				max-width: 100%;
			}
			#slider .item img {
				width: 100%;
				margin: 0 !important;
			}
		}
		
		#menumain ul li.main-list>a.drop:before {
			top: 11px !important;
		}
		
		.table-product-type, section.product-info .table-product-type .variant-price {
			font-size: 1.1em !important;
		}
		section h1 span.line::after, section h2 span.line::after {
			width: 140px;
			margin-left: -70px;
		}
		section h1 span.line, section h2 span.line {
			padding: 1rem 0 1rem 0;
		}
		section .left .search-box div .fa {
			top: 0;
		}
		.product-wrapper {
			a .product-number {
				padding-bottom: initial;
			}
			.product-hover-wrapper div.options {
				top: 205px;
			}
		}
		footer .social-icons ul.menu {
			margin: 0 auto 0 auto;
		}
		.title-bar.mobile-menu {
			color: #fff;
			background: transparent;
		}
		.breadcrumbs-container {
			padding-top: 0;
		}
		section .panel-default span.count {
			top: calc( 26% - 20px);
		}
	}

	@media (max-width: 40.2em) and (min-width: 30em) {
		.search.is-open {
			margin-top: 53px;
		}
		.header .search input {
			border-top-left-radius: 0;
			border-bottom-left-radius: 0;
		}
		section.home-page-text {
			background-size: cover;
		}
		section article .price-label span {
			line-height: 52px;
		}
		section.categories {
			padding-bottom: 2rem;
		}
		section.categories {
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
	}

	@media only screen and (max-width: 90em) and (min-width: 64.063em) {
		.header .search input {
			width: 25rem !important;
		}
	}

	@media only screen and (max-width: 64em) and (min-width: 40.063em) {
		.header .search input {
			width: 17rem !important;
			font-size: .7rem;
		}
		body .header #menumain ul li.main-list a {
			font-size: 0.67rem;
		}
	}

	@media only screen and (max-width: 40em) and (min-width: 20.063em) {
		.header .search {
			border: none;
			input {
				width: calc(100% - 30px);
				background: #fff;
				font-size: .7rem;
			}
		}
	}
	@media screen and (max-width: 29.938em) and (min-width: 15em) {
		.search.is-open {
			margin-top: 44px;
		}
		.slider-wrapper {
			height: 62px;
			overflow: hidden;
		}
	}
	

}


body.header_on_top header {
	@media only screen and (max-width: 50em) {
		.top-message-wrap{
			position: fixed;
			animation: pos .5s;
			top:0;
			z-index: 111;
		}
		.sticky-container {
			@include transition(all .3s ease-in-out);
			position: fixed;
			animation: pos .5s;
			top:24px;
			z-index: 111;
			width: 100%;
			box-shadow: 0px 4px 4px #8c898926;
		}
		#menumain ul {
			position: fixed;
			top: 56px;
			max-height: 82vh;
			.submenu {
				margin-left: -10px;
			}
		}
		#menumain, .dropdown.menu {
			width: calc(100% - 30px);
		}
	}
}