@media screen {
	/* COMMONS */
    * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
	body{ overflow-x:hidden;background-color: #e8e2ca;}
    ul, ol, li { padding: 0; margin: 0; }
    main ul, main ol { margin: 0 0 1.2em; }
    main li { margin: 0 0 0 1.2em; }
	img { max-width: 100%; height: auto; vertical-align: bottom; }

	/* MISC */
	.img-center{ margin: 0 auto; }
	.clearfix { clear: both; overflow: auto; }

	/* HEADER */
	header{  background-color:#e8e2ca; height: 94px; width:100%;position:relative}
	header .logo{ position:absolute;top:0;z-index:5; }
	header .logo a img{ height: auto; width: 100%;max-width:192px }
	header nav{ display: inline-table; text-align: right; vertical-align: top;float:right }
	header nav .menu{ display: table-cell; height:94px; padding-bottom: 10px; vertical-align: middle; width: 1%; }

    .teaser img { display: block; width: 100%; height: auto; max-width: 100%; }
	/*SECTIONS*/
	.default-content{ padding-top: 15px; padding-bottom: 15px; }
	.default-content .content-wrapper{ margin: 0 auto; max-width: 640px; padding: 0 15px; text-align: center; width: 100%; }
    .default-content .content-wrapper p { line-height: 1.4; font-family: 'Roboto Condensed', sans-serif; font-size: 18px; }
    .default-content .content-wrapper h3 { font-family: 'Roboto Condensed', sans-serif;font-weight:400;font-size: 22px; margin-bottom: 0; }
	.default-content .content-wrapper h3 span.red{ color:#c90000; }

	.featured-content{ position: relative; padding-top: 15px; padding-bottom: 40px; }
	.featured-content ul{ margin-left: -7px;margin-right: -7px; }
	.featured-content ul:after{ clear:both; content: ''; display: table; }
	.featured-content ul li{ display: inline-block; float:left; list-style-type: none; padding-left: 10px; padding-right: 10px; text-align: center; width: 25%;margin:0 }
	.featured-content ul li:nth-child(n+3){ padding-left: 13px; padding-right:0; }
	.featured-content ul li img.icon{ margin: 0 auto; margin-top: 10px; }
    .featured-content ul li a { color: #504c4c; display: block; font-size: 17px; font-family: 'Roboto Condensed', sans-serif; margin-top: 10px; text-transform: uppercase; }
    .featured-content ul li a span { font-family: 'Roboto Condensed', sans-serif; font-style:italic; text-transform: none; }
	.featured-content ul li a:hover{ color:#c90000; }
	.featured-content ul li img{ margin-top: 5px; }
    .featured-content ul li .cat-description p { font-size: 14px; margin: 0 auto; max-width: 195px; width: 100%; }
    .featured-content ul li .cat-description .btn-view-products { color: #c90000; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-size: 15px; margin-top: 15px; position: relative; padding: 0 10px; }
    .featured-content ul li .cat-description .btn-view-products:after { content: ']'; color: #504c4c; font-size: 19px; font-family: 'Roboto Condensed', sans-serif; position: absolute; right: 0; top: -3px; }
    .featured-content ul li .cat-description .btn-view-products:before { content: '['; color: #504c4c; font-size: 19px; font-family: 'Roboto Condensed', sans-serif; left: 0; position: absolute; top: -3px; }
	.featured-content ul li .cat-description .btn-view-products:hover{ color:#504c4c; }

	/* SINGLE PRODUCT */
	.products .single-product-layout{ padding: 30px 0 }
	.products .product-image-wrapper img{ height: auto; width: 100%; }
	.products .product-image-wrapper .product-zoom{ position: absolute; top: 15px; right: 20px; }
    .products .product-content-wrapper { padding-top: 27px; padding-left: 20px; padding-right: 20px; }
    .products .product-sku { font-size: 15px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
    .products .product-content-wrapper h1 { font-size: 24px; font-weight: bold; text-transform: uppercase; margin-bottom: 3px; margin-top: 3px; }
    .products .product-content-wrapper p { font-size: 16px;margin:0 0 1em }
    .products .product-content-wrapper ul.product-description { margin: 0 0 1.5em;list-style:none; }
    .products .product-content-wrapper ul.product-description li { font-size: 16px; margin-bottom: 0; }
    .products .product-content-wrapper ul.product-description li:before { content: "-"; padding: 0 5px 0 0; }
    .products .product-content-wrapper .available-colors { margin-top: 15px; }
    .products .product-content-wrapper .available-colors p { font-size: 16px; font-style: italic; margin-bottom: 0; }
    .products .product-content-wrapper .product-colors { position: absolute; bottom: 0; }
	.products .product-colors{ padding: 20px; width: 100%; }
	.products .product-colors ul{ margin-left: -5px; margin-right: -5px; }
	.products .product-colors ul:after{ clear:both; content: ''; display: table; }
	.products .product-colors ul li{ display: inline-block; float: left; list-style-type: none; padding-left: 5px; padding-right: 5px; width: 25%; }
	.products .other-product{ padding-top: 40px; }
	.products .other-product .other-product-header{ position: relative; text-align: center; margin-bottom: 25px; }
	.products .other-product .other-product-header:before{ background-color:#504c4c; content:''; height:1px; left:0; position: absolute; right: 0; top: 50%; width: 100%; }
    .products .other-product .other-product-header h2 { background-color: #e8e2ca; color: #c90000; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 25px; margin: 0; padding-left: 15px; padding-right: 15px; position: relative; text-transform: uppercase; z-index: 2; }
    .products .other-product .other-product-header h2:after { content: ']'; color: #504c4c; font-size: 29px; font-family: 'Roboto Condensed', sans-serif; position: absolute; right: 0; top: -3px; }
    .products .other-product .other-product-header h2:before { content: '['; color: #504c4c; font-size: 29px; font-family: 'Roboto Condensed', sans-serif; position: absolute; left: 0; top: -3px; }
	.products .other-product .other-product-list{ position: relative; }
	.products .other-product .other-product-list ul{ list-style:none; column-count: 4; -webkit-column-rule: 1px outset #504c4c; -moz-column-rule: 1px outset #504c4c; column-rule: 1px outset #504c4c; }
	.products .other-product .other-product-list ul li{ text-align: center; }
    .products .other-product .other-product-list ul li a { color: #504c4c; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
	.products .other-product .other-product-list ul li a:hover{ color:#c90000; }

    .tradesman-list ul li { width: 33%; display: inline-block }
    .tradesman-list ul li > div { display: inline-block; text-align: center; margin: 0 0 2em; }
    .tradesman-list ul li img { display: block; width: 100%; height: auto; max-width: 100%; margin:0 auto }
    .tradesman-list ul li .sku { font-size: .75em }
    .tradesman-list ul li .prod { text-transform:uppercase }
    .tradesman-list ul li .view { color: #c90000 }
    .tradesman-list ul li .view:before { content: '['; color: #504c4c; font-size: 1.2em; padding: 0 4px 0 0; }
    .tradesman-list ul li .view:after { content: ']'; color: #504c4c; font-size: 1.2em; padding: 0 0 0 4px; }

    .painter .other-product { padding-bottom: 40px; }
    .painter .other-product .other-product-header { position: relative; text-align: center; margin-bottom: 25px; }
    .painter .other-product .other-product-header:before { background-color: #504c4c; content: ''; height: 1px; left: 0; position: absolute; right: 0; top: 50%; width: 100%; }
    .painter .other-product .other-product-header h2 { background-color: #e8e2ca; color: #c90000; display: inline-block; font-family: 'Roboto Condensed', sans-serif; font-weight: 500; font-size: 25px; margin: 0; padding-left: 15px; padding-right: 15px; position: relative; text-transform: uppercase; z-index: 2; }
    .painter .other-product .other-product-header h2:after { content: ']'; color: #504c4c; font-size: 29px; font-family: 'Roboto Condensed', sans-serif; position: absolute; right: 0; top: -3px; }
    .painter .other-product .other-product-header h2:before { content: '['; color: #504c4c; font-size: 29px; font-family: 'Roboto Condensed', sans-serif; position: absolute; left: 0; top: -3px; }
    .painter .other-product .other-product-list { position: relative; }
    .painter .other-product .other-product-list ul { list-style: none; column-count: 3; -webkit-column-rule: 1px outset #504c4c; -moz-column-rule: 1px outset #504c4c; column-rule: 1px outset #504c4c; }
    .painter .other-product .other-product-list ul li { text-align: center; }
    .painter .other-product .other-product-list ul li a { color: #504c4c; font-size: 16px; font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase; }
    .painter .other-product .other-product-list ul li a:hover { color: #c90000; }

    .videoWrapper { height: 0; margin: 0 0 2em -5px; padding-bottom: 56.25%; position: relative; }
    .videoWrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
	.frame-wrapper iframe{ border: none; height:1200px; width: 100%;margin:-80px 0 50px}

    #history-container { text-align: center; }
    #history-bar { height: 48px; width: 693px; margin-bottom:1em; background: url(../assets/images/innerpage/about/bg-btn.jpg) no-repeat; padding: 12px 0 0 190px; }
    #history-bar a { display: block; float: left; height: 23px; padding-right: 18px; }
    #crawler-pad { }
    #crawler-bg { }
    #crawler { }
    #crawler ul { padding: 0; margin: 0; }
    #crawler ul li { padding: 0; margin: 0; }

	.history-nav { width: 693px; margin-bottom:1em; background: #603918; padding: 0;border-radius:8px;color:#fff }
    .history-nav .ym-gl { font-variant: small-caps; font-family: 'Times New Roman', Times, serif; font-size: 1.75em; text-align: left; line-height: 1; padding: 5px 0 0 15px; }
    .history-nav .ym-gr a { display: inline-block; background: #E89A2E; color: #fff; text-decoration: none; border-radius: 5px; margin: 10px 10px; padding: 0 5px; font-variant: small-caps; font-family: 'Times New Roman', Times, serif; }

    /* FOOTER */
    footer { background-color: #373737; padding: 30px 0; position: relative; color: #fff; font-size: 14px }
    footer p { font-size: 14px }
    footer a { color: #fff}
    footer a:hover { color: #e8e2ca; }
    footer .site-map { padding-bottom: 15px}
	footer .footer-links { text-align: right}
}

@media screen and ( max-width: 992px ) {
	.featured-content ul li{ display: block; width: 50%; margin-bottom: 15px;padding:0; float: left; }
	.featured-content ul li:last-child{ margin-bottom: 0; }
    header {height:74px}

	footer .site-map {text-align: center; }
	footer .footer-links { padding-top: 15px; text-align: center; }
}

@media screen and ( max-width: 820px ) {
	.products .product-colors{ bottom:0; padding-top: 20px; position: relative; top:0; }
    .tradesman-list ul li { width: 48%; }
}

@media screen and ( max-width: 760px ) {
	header .logo{ width: 25%; }

	.products .product-image-wrapper img{ height: auto; width: 100%; }
	.products .product-colors{ bottom:0; padding-top: 20px; position: relative; top:0; }

    .products .other-product .other-product-list ul { column-count: 2; }
    .painter .other-product .other-product-list ul { column-count: 2; }
    .history-nav .ym-gl { text-align: center; }
}

@media screen and ( max-width: 600px ) {
	header{ height: 70px; }
	header nav .menu{ height: 70px; }
	nav .menu .top-menu{ padding-bottom: 0; }

	.featured-content ul li{ display: block; width: 100%; margin-bottom: 15px;padding:0; float: none; }
	.featured-content ul li:last-child{ margin-bottom: 0; }
}

@media screen and ( max-width: 550px ) {
    .products .other-product .other-product-list ul { column-count: 1; }
    .painter .other-product .other-product-list ul { column-count: 1; }
    .tradesman-list ul li { width: 100%; }
}

@media screen and ( max-width: 320px ) {
	.products .product-colors ul li{ display: block; float: none; margin-bottom: 15px; padding: 0; width: 100%; }
	.products .product-colors ul li:last-child{ margin-bottom: 0; }
}