/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* media queries - ideal break points: 1280, 1024, 800, 600, 480 and 320 ///////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.featherlight-iframe .featherlight-content iframe.featherlight-inner {
   display: block; width: 100%!important;  height: auto!Important;
}
/* laptop */
@media only screen and (max-width : 1280px) {
.header-content .logo                           { margin-top:10px; max-width:200px;}
header nav                                      { float:none; text-align:left; }
header nav ul                                   { text-align:left; }
header nav ul li a                              { padding: 20px 6px;}
}

/* tablet */
@media only screen and (max-width : 800px) {

.tablet-hide                                    { display:none; }
.tablet100                                      { width:100%; }
.mobile60                                       { width:60%; }
.mobile40                                       { width:40%; }

.multi_Column_Layout.padding40                  { padding:0 20px;}

.area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90, .area100  { margin: 20px 0; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

header                                          { min-height:0; }
.header-content                                 { padding:0; }
.header-content .contact-details                { padding-bottom:0; float:none; }
.header-content .contact-details ul             { width:100%; margin-bottom:0; }
.header-content .contact-details ul li          { display:block; width:50%; margin:0; padding:0; float:left; border:0; text-align:center;}
.header-content .contact-details ul li:nth-child(n+2):nth-child(-n+5) { display:none; }
.header-content .logo                           { display:none; }
header nav                                      { float:none; }

.sml-logo                                       { text-align:left; float:left; margin-left:10px; }
.sml-logo a                                     { display:block; }
.sml-logo img                                   { max-height:40px; margin-top:-11px }

header nav ul                                   { text-align:right; }
header nav ul > li:nth-child(2)                 {  }
header nav ul > li > ul                         { display: none;}
header nav ul li a:hover                        { background:none; color:#fff }
header nav ul li:hover                          { background:none;}

/* header > nav > sub menu */
header nav ul > li:hover > ul                   { display:none; }

nav .menu                                       { display:block; padding-right:20px;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* breadcrumb //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.breadcrumb p                                   { padding:0 20px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.footerNav                                      { display:none; }
.footer-end                                     { padding:20px 0; border-top:0; margin-top:0px; }
.footer-end p                                   { border-top:1px solid #808080; padding-top:20px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* content > products */
.product-list .area25                           { width:33.33%; }
.product-list .area33                           { width:33.33%; } 

/* content > gallery */
.gallery img                                    { opacity:1; }
.gallery .area25                                { width:33.33% ;}

/* content > gallery > sorting */
.sorting-gallery .area25                        { width:33.33%; }
.sorting-gallery img                            { opacity:1; }

/*mobile view reset*/
.sorting-nav ul li                              { display:block; padding:0; margin:0; float:left; width:100%;  }
.sorting-nav ul li a                            { padding:10px 20px; margin:0; border:0; border-bottom:1px solid #ddd; }
.sorting-nav li a:hover                         { background: #003360; color:#fff; }

/*show menu */
.sorting-nav span                               { display:block; background:#2E2C2C; padding:10px 20px; }
.toggle-filter:after                            { content:"(tap to show)"; float:right; width:100px; background-size: 14px; color:#fff; text-align:right; }
.sorting-nav > ul > li > ul                     { display:none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); margin:0; width:100%; }

/* content > contact-us */
#ContentPlaceHolder1_chklstProductOfInterest tr    { width:50%; }

.form-tablet100.contact-us fieldset span                 { width:100%; float:left; padding-bottom:10px; }
.form-tablet100.contact-us fieldset span:nth-child(even) { padding-right:0; }

.woodgrain-swatch-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

}/* /end */

 /* mobile - landscape */
@media only screen and (max-width : 600px) {

.multi_Column_Layout.padding40                  { padding:0 10px;}
.area20, .area25, .area33, .area40, .area50, .area60, .area66, .area75, .area80, .area90 { width: 100%; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* header //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

header nav ul li                                { padding-left: 0; }
.sml-logo                                       { margin-left:0; }
nav .menu                                       { padding-right:10px;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* breadcrumb //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.breadcrumb p                                   { padding:0 10px; }

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* content > gallery > sorting */
.sorting-gallery .area25                        { width:50%; }
/*.sorting-gallery .area25 .column_Inner_Padding  { margin:0; padding:0; border:1px solid #fff;}*/

/* content > gallery */
.gallery .area25                                { width:50% ;}

/* content > gallery > showControl */
#showMore                                       { float:none; margin:0 auto; margin-right:0;}
#showLess                                       { float:none; margin:0 auto;}

/* back-top */
.back-top                                       { width:15px; height:15px; right:0; }
.bounce                                         { height:35px;width:35px; right:0; background-size: 14px;}

/* content > contact-us */
.contact-us fieldset span                       { width:100%; float:left; padding-bottom:10px; }
.contact-us fieldset span:nth-child(even)       { padding-right:0; }
.contact-us fieldset span span                  { width:auto; float:none; color:#D0332C; }

/* content > contact-us > praise */
.praise fieldset                                { width:100%; }
.praise fieldset:nth-child(even)                { padding-right:0; }

/* content > homepage */
.threeColsList li                               { width:100%; }

.swatch-list ul:not(last-of-type) {
    grid-template-columns: repeat(4, 1fr);
}
.empty-swatch { 
    display: none; 
}

.irish-oak-painted { 
    grid-column: 4; 
    grid-row: 1; 
}
.golden-oak-painted { 
    grid-column: 4;
    grid-row: 2; 
}
.rosewood-painted {
    grid-column: 4; 
    grid-row: 3; 
}

}/*end mobile landscape*/

/* mobile - portrait */
@media only screen and (max-width : 480px) {

/* content > products */
.product-list .area25                           { width:50%; }
.product-list .area33                           { width:50%; } 

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* breadcrumb //////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.breadcrumb p:before                            { content:""; padding-right: 0;}
.breadcrumb p a:after                           { padding: 0 4px;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* footer //////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* Payment System //////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* content > gallery > sorting */
/*.sorting-gallery .area25 .column_Inner_Padding  { margin:0 15px 15px 15px; padding:0;}*/

.woodgrain-swatch-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

} /* end mobile portrait*/