@media screen and (max-width: 1100px) {

.container-contact-partner .box-33 {width: 47%; margin-right: 3%; border-bottom: 12px solid #ddd; padding-bottom: 50px; padding-top: 50px;}

}

@media screen and (max-width: 600px) {

.page-index .top-banner {background: url(../images/bg-test.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-about .top-banner {background: url(../images/bg-test.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-home .top-banner {background: url(../images/home/bg-home.jpg) no-repeat center center; background-size: cover;}
.page-ideas .top-banner {background: url(../images/backgrounds/tban-ideas.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products .top-banner {background: url(../images/backgrounds/tban-products.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-blank .top-banner {background: url(../images/backgrounds/tban-products-blank.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-colors .top-banner {background: url(../images/backgrounds/3d/1_Velaria_Systems_Ceiling_Colors_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-graphics .top-banner {background: url(../images/backgrounds/3d/3_Velaria_Systems_Ceiling_Graphics_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-3dforms .top-banner {background: url(../images/backgrounds/3d/4_Velaria_Systems_Ceiling_3Dforms_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-illumination .top-banner {background: url(../images/backgrounds/3d/6_Velaria_Systems_Ceiling_Illumination_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-patterns .top-banner {background: url(../images/backgrounds/3d/2_Velaria_Systems_Ceiling_Pattern_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-acoustics .top-banner {background: url(../images/backgrounds/3d/5_Velaria_Systems_Ceiling_Acoustic_final_icon.jpg) no-repeat center top; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-mirrors .top-banner {background: url(../images/backgrounds/3d/7_Velaria_Systems_Ceiling_Mirrors_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-3dforms .top-banner {background: url(../images/backgrounds/3d/11_Velaria_Systems_Walls_3DForms_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-graphics .top-banner {background: url(../images/backgrounds/3d/10_Velaria_Systems_Walls_Graphics_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-backlighting .top-banner {background: url(../images/backgrounds/3d/13_Velaria_Systems_Walls_Backlighting_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-textures .top-banner {background: url(../images/backgrounds/3d/14_Velaria_Systems_Walls_Textures_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-specialty-anti-microbial .top-banner {background: url(../images/backgrounds/tban-products-specialty-antimicrobial.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-specialty-natatoriums .top-banner {background: url(../images/backgrounds/tban-products-specialty-swimmingpool.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-acoustics .top-banner {background: url(../images/backgrounds/3d/12_Velaria_Systems_Walls_Acoustic_final_icon.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-patterns .top-banner {background: url(../images/backgrounds/3d/9_Velaria_Systems_Walls_Patterns_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-colors .top-banner {background: url(../images/backgrounds/3d/8_Velaria_Systems_Walls_Colors_final.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-acoustics-performance .top-banner {background: url(../images/backgrounds/3d/5_Velaria_Systems_Ceiling_Acoustic_final_icon.jpg) no-repeat center top; background-size: cover; width:100%; height: 100%;}
.page-products-lighting-sup-lighting .top-banner {background: url(../images/backgrounds/tban-products-lighting-sup-lighting.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-magnetic-panels .top-banner {background: url(../images/backgrounds/tban-products-walls-magnetic-panels-v1.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-3d-felt .top-banner {background: url(../images/backgrounds/tban-products-3d-felt.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-room-dividers .top-banner {background: url(../images/backgrounds/tban-products-room-dividers.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-acoustic-luminaires .top-banner {background: url(../images/backgrounds/tban-products-acoustic-luminaires.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-acoustic-soft-surfaces .top-banner {background: url(../images/backgrounds/tban-products-soft-surfaces.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-mirror-panels .top-banner {background: url(../images/backgrounds/tban-products-ceilings-mirror-panels.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-membranes .top-banner {background: url(../images/backgrounds/tban-products-membranes.jpeg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-acoustic-solid-panels .top-banner {background: url(../images/statera/acoustic-solid-panels/tban-acoustic-solid-panels.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-acoustic-wood-slat-panels .top-banner {background: url(../images/statera/acoustic-wood-slat-panels/tban-acoustic-wood-slat-panels.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-ceilings-perforated-metal .top-banner {background: url(../images/perforated-metal/ceilings/tban-perforated-metal-ceilings.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}
.page-products-walls-perforated-metal .top-banner {background: url(../images/perforated-metal/walls/tban-perforated-metal-walls.jpg) no-repeat center center; background-size: cover; width:100%; height: 100%;}

h1 {font-size: 28px; line-height: 34px;}	
h2 {font-size: 21px; line-height: 25px;}
h3 {font-size: 19px; line-height: 24px;}	

p,li, a {font-size: 16px; line-height: 21px}

.resources a {font-size: 18px;}
.resources img {vertical-align: middle;}

.resources-col {width: 99%; margin-right: 1%; margin-bottom: 10px;}

.type-a {margin-left: 10%; padding-right: 5%; margin-top: 25px; margin-bottom: 50px; display: flex; justify-content: flex-start;}	
.type-a-nogeo {margin-left: 20%; padding-right: 5%; padding-top: 10px; padding-bottom: 10px;}	
.type-a-nohero {margin-left: 10%; padding-right: 5%; padding-top: 125px; margin-bottom: 25px; display: flex; justify-content: flex-start;}

.type-c {margin-top: 0px; margin-bottom: 0px;}

.type-inspiration-slider {position: relative; height: 50vh; margin-bottom: 0px;}

.geo-shape img {width: 60px;}
.geo-shape {margin-right: 10px;}

.section-margin-tb {margin-top: 50px; margin-bottom: 50px;}
.section-padding-lr {padding-left: 6%; padding-right: 6%;}
.padding-lr-screen-gutter {padding-left: 20px; padding-right: 20px;}


/*about us*/
.panel-col-a {float: left; width: 100%;}
.panel-col-b {float: left; width: 100%; padding: 0 10%; margin-top: 15px;}

.panel li {font-size: 16px; line-height: 21px;}


.about-text-icon-right {justify-content: flex-start; padding-left: 6%;}

.about-text-icon-maxwidth {max-width: 220px; margin-right: 10px;}

.about-text-icon-a img {width: 75px;}
.about-text-icon-b img {width: 75px;}
.about-text-icon-c img {width: 75px;}

.social-logos {margin-left: 15px;}

.padding-tb-bg-img {padding-top: 60px; padding-bottom: 60px;}
.padding-tb-bg-50 {padding-top: 25px; padding-bottom: 25px;}
.padding-tb-bg-75 {padding-top: 40px; padding-bottom: 40px;}

.box-spacing .box-25 {width: 48% !important;}
.box-spacing .box-33 {width: 97% !important;}
.box-spacing .box-50 {width: 98% !important;}

.mobile33to50 .box-33 {width: 47% !important;}
.mobile33to50 .box-50 {width: 46% !important;}

.box-spacing-inspiration .box-25 {width: 48%;}

.box-fal-row {flex-direction: column;}
.box-fal-icon {}
.box-fal-plus {margin: 0 0px;}
.box-fal-plus p {font-size: 40px;}

.col-25 {width: 90%;}
.col-33 {width: 50%;}
.col-padding-right {padding-right: 20px;}

.container-contact-partner .box-33 {width: 97%; margin-right: 3%; border-bottom: 12px solid #ddd; padding-bottom: 25px; padding-top: 25px;}

/* Table Styles */

table p {font-size: 15px; text-align: left; line-height: 18px; color: #000;}

.table-scroll-x {overflow-x: scroll;}

/* Color Options */

.row-color {}
.row-color .col-a {width: 68%; margin-right: 2%;}
.row-color .col-b {width: 30%;}

/* with tooltip */
.row-color .col-a1 {width: 54%; margin-right: 1%;}
.row-color .col-b1 {width: 35%; padding-right: 10%;}

.color-code-fire-class-v2 p {color: #000; font-size: 16px; line-height: 19px; margin: 0;}
p.small-text {font-size: 14px; margin: 0;}

.color-code-row {flex-direction: column; align-items: flex-start;}
.color-circle {margin-left: 0px; width: 20px; height: 20px; border-radius: 10px; margin-top: 7px;}

.icon-environment img {width: 75%;}

/* Additional Options */
.row-options {display: flex; flex-direction: column;}
.options-img img {width: 50%;}

/* Ideas */

.box-65 {width: 95%;}
.box-35 {width: 95%;}

.ideas-row-img-txt {padding-top: 0px; padding-bottom: 0px;}
.flex-direction-col-reverse {flex-direction: column-reverse;}



/* Footer */
.footer-row-a {display: flex; padding: 25px 6%; flex-direction: column;}
.footer-row-a .footer-col-a {margin-right: 0px; margin-bottom: 15px;}
.footer-row-a .footer-col-b {flex-grow: 1; margin-bottom: 15px;}
.footer-row-a .footer-col-c {text-align: left;}

.footer-col-a img {width: 100px;}

.footer-margin {margin-top: 35px;}

footer p {font-size: 15px; line-height: 22px; font-weight: 400; margin: 0;}
.footer-row-material-bank a {font-size: 15px; font-weight: 400;}

.footer-row-b {margin-top: 20px; padding-bottom: 20px; padding-left: 6%; padding-right: 6%;}

/******* Mobile - Ceilings Illumination Sampler **********/

.slider-img-col-a img {width: 100%; max-width: 40px;}

.slider-img-col-b {padding-top: 75px;}
.slider-img-but4000k {padding-top: 0px;}

.row-illumination p,.row-illumination td {color: #fff; font-size: 12px;} /* <----- */
.slider-img-controls {min-width: 180px; background: #3d3d3d; padding: 10px;} /* <----- */
.slider-img-controls button {font-size: 12px;} /* <----- */

.slider-img-box img {object-fit: cover; height: 543px; display: block;}

.ceilings-illumination-sampler .slider-img-box
{
background: url(../images/product/ceilings/illumination/ceiling-warm-2700k.jpg) no-repeat center center; background-size: cover;
background-color: #ff0000;
margin-left: 0px;
object-fit: cover; height: 543px;
flex-grow: 1;             
}

.walls-backlighting-sampler .slider-img-box
{
background: url(../images/product/walls/backlighting/wall-warm-2700k.jpg) no-repeat center center; background-size: cover;
background-color: #ff0000;
margin-left: 0px;
object-fit: cover; height: 543px;
flex-grow: 1;             
}

} /* close media 600px */