.bopis-header-preview {
	position: relative;
}
.bopis-header-row {
    left:0%;
}
.bopis-content {
    right: 0;
    left: 15%;
    position: absolute !important;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.bopis-button {
    right: 8%;
    /* left: 63.5%; */
    position: absolute !important;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.custom-cross {
    left: unset;
    padding: 0px;
}

.custom-cross img {
    width: auto;
}

#bopis-header img.img-fluid {
	max-width: unset;
    margin-left: 3%;
}

img.bopis-img {
    height: 100px !important;
    width:auto !important;	
}

p.sub-text {
    line-height: 1 !important;
}

@media (max-width: 991px) {
    .custom-content {
	    top: 28%;
        width: 70%;
        left: 10%;
		margin-left: 20px;
    }
	.bopis-button {        
	    margin-left: 20px;
        left: 10%;
		width: 500px;
        position: absolute !important;
        top: 65%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }
	.bopis-header-row {
	    top: 20px;
        height: 190px;		
    }	
	.bopis-spacer {	
        height: 15px;		
    }	
	img.bopis-img {
        height: 90px !important;
        width: 90px !important;		
    }
	.custom-cross {
        top: 5%;        
    }
}

@media (max-width: 991px){
	.custom-content {
		text-align: left;
		padding-right: 0;
	} 
	
	.custom-content {
		left: 20%;
	}
}

@media (max-width: 420px){
	.custom-content  p {
		font-size: 15px !important;
	}
}

.col-12.col-lg-4.d-block.rep.pb-lg-0.pb-md-3.pb-3.px-0 .row.rep-row.m-0 {
    padding-right: 25px;
}

/* DFCT0026900 */
#contact-a-rep-freeform .custom-container.choose-rap-section button {
    padding: 0px 10px !important;
}
/* #contact-a-rep-freeform .col-12.col-lg-3.pl-lg-4.text-lg-center .i-am.pr-0 {
    margin-top: 5px !important;
} */
@media (min-width:992px) and (max-width:1200px) {
    .col-12.col-lg-4.splz.px-0 .row.text-left.text-lg-center.splz-row {
        margin-left: -20px;
    }
    .col-12.col-lg-4.d-block.rep.pb-lg-0.pb-md-3.pb-3.px-0 .row.rep-row.m-0 {
        margin-left: -50px !important;
        padding-right: 10px;
    }
    #contact-a-rep-freeform .custom-container.choose-rap-section button {
        padding: 0px 10px !important;
        font-size: 12px;
        line-height: 1.2;
        margin-left: 5%;
    }
    #contact-a-rep-freeform .col-12.col-lg-6.d-block.mb-3.pr-lg-0 input[type="text"] {
        font-size: 12px;
        line-height: 1.2;
    }
}

@media (min-width:1100px) and (max-width:1330px) {
    .choose-rep-row .dropdown-toggle {
        width: 150px !important;
        font-size: 12px !important;
        line-height: 1.2 !important;
        max-width: 200px;
        margin-left: 30px;
    }
    .choose-rap-section .dropdown-toggle {
        min-width: 150px !important;
        max-width: 150px !important;
    }
}
@media (min-width:1331px) {
    .custom-container.choose-rap-section .btn.dropdown-toggle.mb-2 {
        margin-left: 30px;
    }
    .choose-rap-section .dropdown-toggle {
        min-width: 200px !important;
        max-width: 200px !important;
    }
    #contact-a-rep-freeform .btn {
        font-size: 14px;
    }
}
.contact-a-rep .row.role-row div {
    white-space: nowrap;
}
/* DFCT0026911 */
@media (max-width:406px) {
    #_calc_sa_imperialButton {
        line-height: 18px;
    }
}
.specializling-label {
    text-transform: uppercase;
}
/* DFCT0026812 */
.visualizer-background #roomDropdown {
    width: 300px !important;
    font-size: 18px !important;
    padding: 3px 10px !important;
}
/* DFCT0026830 */
@media (min-width:992px) and (max-width:1100px) {
    .color-modules button {
        height: 35px;
    }
}
.colorsmart .visualizer-home .color-modules .row .col-12.home-title {
    line-height: 32px;
}
@media (min-width:992px) and (max-width:1200px) {
    .visualizer-background #roomDropdown {
        font-size: 15px;
    }
    .colorsmart .visualizer-home .color-modules .row .col-12.home-title {
        font-size: 26px;
        line-height: 26px;
    } 
    .colorsmart .visualizer-home .color-modules .row .col-12.home-title .col-23 {
        margin-top: 10px;
    } 
    .colorsmart .visualizer-home .flex-lg-nowrap.m-0.p-0.row .col-12.font-weight-bold.m-0.p-0.py-2 {
        font-size: 12px;
    }
}

#trendSpotlight, #colorOfTheMonth {
    overflow-y: hidden;
    max-width: 100%;
}
@media (min-width: 992px) and (max-width:1050px) {
	.document-library .products figcaption button {
		font-size: 13px !important;
	}
}
/* DFCT0027491 */
@media (max-width:381px) {
    .document-library .products figcaption .sds-documents-tab.nav-link.collapsed:after {
        top: 13px !important;
    }
    .document-library .products figcaption .sds-documents-tab.nav-link:after{
        top: 13px !important;
    }
}
/* DFCT0027500 */
@media (max-width:767px) {
    #proSalesRepModal button.btn.btn-primary.contactARep {
        padding: 20px 0px;
    }
}
@media (max-width:414px) {
    .sustainability-bear-buttons-section {
        top: 46% !important;
    }
}
@media (max-width:378px) {
    .sustainability-bear-buttons-section {
        top: 48% !important;
    }
}
@media (min-width:1331px) {
    .global-header .navigation__col-1 a {
      font-size: 30px !important;
    }
}
@media (min-width:992px) {
    .global-header__subnav .navigation__col-1 ul li{
        padding-left: 95px !important;
      }
}
a sup {
    font-size: 30% !important;
    top: -0.1rem !important;
}
h1 sup, h2 sup {
    font-size: 30% !important;
    top: -0.4rem !important;
}
h3 sup {
    font-size: 30% !important;
    top: -0.3rem !important;
}
h4 sup, h5 sup, h6 sup {
    font-size: 30% !important;
    top: -0.2rem !important;
}
p sup {
    font-size: 30% !important;
    top: -0.1rem !important;
}
div.behrfs-2 sup {
    font-size: 30% !important;
    top: -0.3em !important;
}
span sup {
    font-size: 30% !important;
    top: -0.1rem !important;
}
@media (max-width:500px) {
    .five-column-layout__behrfs-2 {
        font-size: 24px !important;
        line-height: 30px !important;
    }
}