.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;
    }
}
.ng-tns-c73-11.bg-white.d-lg-block.d-none.desktop.h-100.position-absolute.text-left.ng-trigger.ng-trigger-myColorNav 
.m-0.p-0.px-1.my-colors-smaller {
    font-size: 18px !important;
}