/*
Theme Name: Bob Child
Theme URI: 
Author: Bob
Description:
Version: 2.9.16
Text Domain: 
Template: bob
-------------------------------------

-------------------------------------

*/
html {
    scroll-behavior: smooth;
    scroll-padding-top: 7rem;
}

.slider-container .slider-side {
    width: calc(100% - 150px);
    display: flex;
    align-items: flex-end;
}
.slider-container .label-side {
	width: 150px;
    text-align: right;
	align-items:center;
}
.slider-container {
	align-items:center;
    display: flex;
    flex-wrap: wrap;
    padding: 15px 0;
}
.slider-side .slider {
	position:relative;
	font-size: 16px;
    width: 100%;
}
.slider-side .min, .slider-side .max {
    width: 100px;
	margin:0px 20px;
}
.slider-side .min{
	text-align:right;
	margin-right: 20px;
	
}
.slider-side .max {
	text-align:left;
}
.ui-slider-handle {
    border-radius: 30px;
    background: #7b857b !important;
    border: 1px solid #7b857b !important;
}
.navigator {
    position: absolute;
    top: -45px;
    background: #ededed;
    padding: 4px 6px;
    border-radius: 5px;
	width:max-content;
	margin-left: -20px;
}
.slider-side .min, .slider-side .max {
    font-size: 24px !important;
    font-weight: bold;
    color: #7b857b;
}
.cms.cms-calc h2 {
    margin-bottom: 30px;
}
.final-body span {
    color: #7b857b;
}

.final-body {
    font-size: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    font-weight: 900;
	    color: #979e9f;
}
.label-side span {
    font-weight: normal;
    font-size: 14px;
    display: block;
}
.label-side {
    font-weight: bold;
}
.ui-slider-horizontal .ui-slider-range-min {
    background: #7b857b;
}
.days-container .min span,.days-container .max span{
	font-size: 14px;
	color:black;
	display:block;
}
.model-selector select {
    padding: 8px 12px;
    border: 1px solid #c5c5c5;
    border-radius: 5px;
}


.cms.cms-calc .calc-side{
    order: 2;
}
.cms.cms-calc .row {
    align-items: center;
}
.cms.cms-calc .form-side {
    order: 1 !important;
}
.cms.cms-calc .form-wrapper {
    background: #001826;
    padding: 40px;
}


/* My changes ENDED */

.cms.cms-logos img {
    max-height: 55px;
}
.cms.cms-logos a {
    width: max-content;
	padding: 25px;
}

.cms.cms-logos .visit {
    display: none !important;
}
.bottom-logos {
    
    margin-bottom: 25px;
}
.row.logos {
    /* display: flex; */
    margin: 0 auto;
    max-width: 90%;
    padding: 12px;
    justify-content: center;
}
.cms.cms-logos {
    background: #001826;
	
}
.hero{
	margin-bottom: 0px !important;
}
.cms-figure figure{
	background-size: contain !important;
}
@media (min-width: 992px){
	.split-cta {
		margin-left: 8.33333333%;
	}
.cms-figure .container {
    max-width: 1110px;
}
	.cms-long-text .col-lg-8 {
    width: 80%;
}
	.cms-gallery .container {
    max-width: 1110px;
}

	.offset-lg-6 {
    margin-left: 44% !important;
}
/* Contact Page Heading font-size*/
.page-id-320 .claim-header h1{
    font-size: 1.43em !important;
}
}
@media (max-width: 768px){
	.cms-figure figure {
    height: 30vh !important;
	}
		.modal-image img {
     width: 100% !important;
}
	select.select-model {
    margin-top: 30px;
}
	.modal-info{
		display: block !important;
		margin-top: 25px !important;
	}
}
@media screen and (max-width: 480px) {
	.cms-figure figure {
    height: 15vh !important;
	}
  .cms.cms-logos a {
    padding: 0px;
}
	.row.logos {
    margin: 0 auto;
    max-width: min-content;
}
.cms.cms-logos img {
    
    margin-bottom: 45px;
}
	.cms-figure figure {
    height: 31vh;
}
	.slider-container .slider-side {
    width: 100% !important;
		
    margin-top: 27px;
    
}
	.slider-container .label-side {
    width: 100% !important;
		text-align: center;
    align-items: center !important;
}
	.calc-side .slider-side .min, .slider-side .max{
		display: flex;
	}
	.end .end-contact{
		margin-top: 50px
	}
.cms-split {
    margin-bottom: 10vh !important;
}
	.hero .hero-claim, .masthead .hero-claim {
    padding: 4vh 0 !important;
}
	
}
.cta img {
    max-height: 270px;
}
.row.cta {
    margin: 0 auto;
    max-width: 100%;
    padding: 12px;
}
.cta a {
    display: flex;
}


/* changes 12/30/2021 */
footer .nav-end {
    height: 100%;
    justify-content: space-between;
}
.bottom-logos img {
    width: 80px;
}
.end-contact h2.h4, .nav-end a {
    letter-spacing: 1px;
}
footer .social-profiles .profile {
    color: #002c3d;
    line-height: 1.7;
    margin: 0px 6px;
}
footer .social-profiles {
    background: transparent;
    padding: 0;
    padding-top: 20px;
    margin-top: auto;
}
.cms.cms-social .social-profiles .profile {
    color: #001826;
    line-height: 1.3;
}
.cms.cms-social .social-box .social-profiles {
    background: transparent;
}
.cms.cms-social .social-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.cms-split .split-heading .h2 {
    margin: 20px !important;
}
.split-cta {
    padding: 0px 12px;
}
.cms-split .split-cta .btn-box:hover {
    background: #8c978e;
    color: #001826;
}
/*.cms-split .split-stock .split-anchors .activeSlide, */.cms-split .split-stock .split-anchors a:hover {
    color: #7b857b;
}
.hero-cta a , .stylized-cta a{
    position: relative;
    background-color: #001826;
    color: #ffffff;
    text-align: center;
    padding: 10px 20px !important;
    min-width: unset;
    line-height: 1;
    letter-spacing: 2px;
}
.hero-cta a:hover,  .stylized-cta a:hover {
	background: #8c978e;
}
.cms-split .split-cta .btn-box {
    text-align: center;
    padding: 10px 20px !important;
    min-width: unset;
    line-height: 1;
    letter-spacing: 2px;
}

.modal-price span {
    color: #7b857b;
}
.modal-price {
  margin: 50px 0px 30px 0px;
    font-weight: bold;
}
.cms-split-tabs .bullet-item svg {
    color: #04212f !important;
}

@media (min-width: 480px){
.listing-items a.box-contr {
    height: 649px;
}
	.store-gallery .sg-slideshow {
    position: relative;
    height: 50vh !important;
}
	.tc-container.cpf_hide_element.tc-cell.tcwidth-100.cpf-type-header {
    margin-bottom: 0px !important;
}
	.store-atc .tm-epo-totals {
   
    padding-bottom: 0.5em;
    padding-top: 0.5em;
}
	.cms-figure figure {
    height: 32vh !important;
   
}
}
.store-mhead .navbar .nav-link:hover{
	color: #7b857b !important;
}
.cms-split-tabs .nav-tab .nav-labels .active {
    color: #7b857b !important;
}
.cms-split-tabs .nav-tab .nav-link:hover, .cms-split-tabs .nav-tab .nav-link:focus {
    color: #7b857b !important;
}
.cms-columns .btn-box {
    background-color: #04212f !important;
    color: #e9e7e6 !important;
    font-size: 22px !important;
}
.cms-columns .btn-box:hover {
    background-color: #7b857b !important;
    color: #04212f !important;
   
}
button.single_add_to_cart_button.button.alt.btn.btn-outline  {
    background: #7b857b;
    color: white;
    border: none;
    font-size: 22px;
}
button.single_add_to_cart_button.button.alt.btn.btn-outline:hover {
    background: #04212f;
    color: #7b857b;
}
button.single_add_to_cart_button.button.alt.btn.btn-cta  {
    background: #04212f;
    font-size: 22px;
}
button.single_add_to_cart_button.button.alt.btn.btn-cta:hover {
    background: #7b857b;
    color: #04212f;
}
.cms-split .split-cta .btn-box {
    font-size: 22px !important;
}
.cms-split .split-cta .btn-box:hover {
    background: #7b857b !important;
	color: #04212f !important;
}
.cms-split .split-stock .split-anchors a:hover {
    color: #7b857b !important;
}
.activeSlide{
	color: #7b857b !important;
}
.cms-logos h3
{
	color: #7b857b;
    text-align: center;
    margin-top: 23px;
	 margin-bottom: 23px;
    font-size: 30px;
    font-family: 'Barlow Condensed';
}
.text-right{
	text-align:right;
}
.column-gallery .text-right .btn {
    margin-right: 1px;
}
.cms.cms-logos h3 {
    text-transform: uppercase;
    color: white;
}
footer .social-profiles .profile {
    line-height: 1.7;
    display: inline-block;
    margin: 0 10px;
}
.store-gallery .sg-anchors a:hover, .store-gallery .sg-anchors a:focus{
	color: #7b857b !important;
}
.quantity-container.slider-container {
    margin-bottom: 10px;
}
.cms-calc {
    position: relative;
    background: #001826;
    color: white;
    padding: 40px 0px 40px 0px;
}
.cms-calc span {
    color: white !important;
}
.modal-image img {
    object-fit: cover;
    width: 300px;
	border-radius: 18px;
}
.modal-info span {
    color: #7b857b !important;
}
.modal-info {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    font-weight: bold;
}
span#total-price {
    font-size: 30px;
    font-weight: bold;
}
span#return {
	font-size: 30px;
    font-weight: bold;
}
.h1 {
    font-size: 60px;
}
.custom-meta-ttp {
    font-family: 'Barlow Condensed',sans-serif;
    font-weight: 700;
    letter-spacing: .15ex;
    margin: 0;
    font-size: 20px;
    text-transform: uppercase;
    color: #001826;
	margin-bottom:10px;
}
.custom-meta-ttp span {
    margin-bottom: 20px;
    display: block;
    font-size: 1.8em;
    font-weight: 900;
    text-align: right;
}
.cms-columns .h1 {
    font-size: 2.5rem !important;
}
.monthly span {
    text-transform: lowercase;
    color: #8C978E;
	flex: auto;
	font-size: 47px;
}
.down-payment {
    display: flex;
    justify-content: flex-end;
	    margin-top: 40px;
}
.down-payment span {
    font-size: 20px;
	
}
/* .down-payment strong {
    display: flex;
    flex-direction: row-reverse;
}
.down-payment {
    display: flex;
}
.down-payment span {
    font-size: 20px;
	flex: auto;
}
.down-payment {
    display: flex;
}
.monthly{
	display: flex;
} */

.tm-extra-product-options-totals .amount {
    background: none;
    font-size: 29px;
}
span.price.amount.options {
    font-size: 29px !important;
}
label.tc-cell.tm-epo-element-label.tcwidth-100 {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Barlow Condensed',sans-serif;
    font-weight: 600;
    color: #001826;
    letter-spacing: 1px;
}
.tc-init h4.tc-cell.tm-epo-element-label.tcwidth-100 {
    text-transform: uppercase;
}
.tc-init .tmcp-select {
    border-radius: 0;
    border: 1px solid #001826;
    padding: 8px;
    background-color: #ffffff;
    font-size: 15px;
    width: 80%;
}
.tm-description p, .tm-description ol, .tm-description ul {
    font-size: 14px;
    line-height: 1.3em;
}
.tc-init .tm-description {
    color: #8C978E;
}

.cms-split-tabs .nav-tab .nav-link.heading-tab {
    pointer-events: none;
    color: white !important;
    background: #001826;
}
.bob_drops h4 {
   font-size: 1.5rem !important;
    font-weight: 700 !important;
}

.contact-intro {
    margin-top: 40px;
}
.hero .mast-claim .mast-cta, .masthead .mast-claim .mast-cta {
    margin-top: 0vh !important
}
.hero .mast-claim, .masthead .mast-claim {
   
    padding-bottom: 0vh !important;
}
svg.svg-inline--fa.fa-arrow-down {
    color: #04212f;
}
svg.svg-inline--fa.fa-arrow-down:hover {
    color: #ffffff;
}
.lg-learn-more {
    display: block;
    margin-bottom: 24px;
    text-align: right;
}
.cms-shortcode {
	margin-bottom: 40px;
    background: #001826;
    color: #fff;
    text-align: center;
	padding:25px;
}
.cms-shortcode .shortcode-area {
    width: 568px;
    margin: auto;
    max-width: 100%;
}
.cms-shortcode h2{
	padding-top:10px;
	text-transform:uppercase;
}
.cms-shortcode p {
    margin-top: 20px;
}
.shortcode-area .hs-form-3b415207-f015-4885-bb79-b942f4de722f_eb77e7c8-5b03-4691-97b8-93483c15b40e.hs-form{
	width: 100% !important;
}
.helping-text span {
    font-size: 11px;
}
.helping-text {
    font-size: 13px;
}
.lg-learn-more > .lg-learn-more-content:nth-child(5), .lg-learn-more > .lg-learn-more-tagline:nth-child(4) {
    display: none !important;
}
.cms-bullets .box-bullets .icon {
	width: 60px !important;
}

.cms-bullets .box-bullets .icon~.content {
	width: calc(100% - 80px)
}

/* Panel Styling */


.demo
{
	padding: 50px 0;
}
.heading-title
{
	margin-bottom: 50px;
}

.pricingTable{
    border: 2px solid #e3e3e3;
    text-align: center;
    position: relative;
    padding-bottom: 40px;
	height: 100%;
    transform: translateZ(0px);
}

.pricingTable:before,
.pricingTable:after{
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    bottom: -2px;
    right: -2px;
    z-index: -1;
    transition: all 0.5s ease 0s;
}

.pricingTable:before{
    border-right: 2px solid #08c6aa;
    border-left: 2px solid #08c6aa;
    transform: scaleY(0);
    transform-origin: 100% 0 0;
}

.pricingTable:after{
    border-bottom: 2px solid #08c6aa;
    border-top: 2px solid #08c6aa;
    transform: scaleX(0);
    transform-origin: 0 100% 0;
}

.pricingTable:hover:before{
    transform: scaleY(1);
}

.pricingTable:hover:after{
    transform: scaleX(1);
}

.pricingTable .pricingTable-header{
    background: #08c6aa;
    color: #fff;
    margin: -2px -2px 35px;
    padding: 40px 0;
}

.pricingTable .heading{
    font-size: 30px;
    font-weight: 600;
    margin: 0 0 5px 0;
}

.pricingTable .subtitle{
    font-size: 14px;
    display: block;
}

.pricingTable .price-value{
    font-size: 72px;
    font-weight: 600;
    margin-top: 10px;
    position: relative;
    display: inline-block;
}

.pricingTable .currency{
    font-size: 45px;
    font-weight: normal;
    position: absolute;
    top: 2px;
    left: -30px;
}

.pricingTable .month{
    font-size: 20px;
    position: absolute;
    bottom: 17px;
    right: -40px;
}

.pricingTable .pricing-content{
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.pricingTable .pricing-content li{
    font-size: 16px;
    color: #7a7e82;
    line-height: 40px;
	padding: 10px;
}

.pricingTable .read{
    display: inline-block;
    border: 2px solid #7a7e82;
    border-right: none;
    font-size: 14px;
    font-weight: 700;
    color: #7a7e82;
    padding: 9px 30px;
    position: relative;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}

.pricingTable .read:hover{
    border-color: #08c6aa;
    color: #08c6aa;
}

.pricingTable .read i{
    font-size: 19px;
    margin-top: -10px;
    position: absolute;
    top: 50%;
    right: 15px;
    transition: all 0.3s ease 0s;
}

.pricingTable .read:hover i{
    right: 5px;
}

.pricingTable .read:before,
.pricingTable .read:after{
    content: "";
    display: block;
    height: 30px;
    border-left: 2px solid #7a7e82;
    position: absolute;
    right: -11px;
    transition: all 0.3s ease 0s;
}

.pricingTable .read:before{
    bottom: -6px;
    transform: rotate(45deg);
}

.pricingTable .read:after{
    top: -6px;
    transform: rotate(-45deg);
}

.pricingTable .read:hover:before,
.pricingTable .read:hover:after{
    border-left-color: #08c6aa;
}
.first .pricingTable-header {
    background: #001826;
}
.second .pricingTable-header {
    background: #001826;
}
.third .pricingTable-header{
	background: #8C978E;
}
@media screen and (max-width: 990px){
    .pricingTable{ margin-bottom: 25px; }
}
.hs-input {
    width: 100%;
    margin-bottom: 20px;
    border: 1px solid black;
    border-radius: 3px;
    height: 40px;
	padding: 10px;
}
input.hs-button.primary.large{
background: #8C978E;
    border-color: #8C978E;
    border: none;
    color: #ffffff;
    padding: 2px 14px 4px 14px;
    text-transform: capitalize;
    font-size: 16px;
}
.google-slides-container{
    position: relative;
    width: 100%;
    padding-top: 60%;
    overflow: hidden;
}

.google-slides-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cms-long-text {
    margin-bottom: 0vh !important;
}
.columns{
	margin-top: 30px;
}


/* Stylized Header CMS */
.cms-stylized-header{
    padding:10px;
    padding-top:20px;
    padding-bottom:20px;
}
.cms-stylized-header h2.stylized-h2{
    padding:10px;
    font-size:70px !important;;
    font-family: 'Barlow Condensed',sans-serif;
}

.cms-stylized-header p.content{
    padding:10px;
    color:#fff;
    font-size: 18px;
}

.stylized-cta .style1{
    background: #04212f !important;
    color: #ffffff;
    border: none;
    font-size: 22px;
}
.stylized-cta .style1:hover{
    background: #8c978e !important;
    color: #212529;
}
.stylized-cta .style2{
    background: #7b857b !important;
    color: #ffffff;
}
.stylized-cta .style2:hover{
    background: #04212f !important;
    color: #7b857b;
}

/* Stylized CSS End */

/* Product Page Custom price*/
.product-price-flex{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.blog .blog-entry figure , .blog .blog-featured figure{
    height: auto !important;
    text-align: center;
}
.blog .blog-entry img, .blog .blog-featured img{
    max-width: 100%;
    height: auto;
}

/* Screen 6, Desktop 
Navbar center */

@media (min-width: 1200px)
{
.navbar-expand-xl .navbar-collapse {
    flex-direction: column;
}
}
/*
Screen 8: Questions- Section missing? 
Screen 9: Already done

Screen 10 */
.cms-bullets .box-bullets .bullet-item .h3{
    color: #ffffff !important;
}
/*
Screen 11: Already done
*/
/*
Screen 12: 
1. change input text color white
2. Align text to 1in, already done
3. update button to match style 2, almost done but not possible as external form coming
4. Increase spacing between the top of the Green Box and the Top of the Headline “Your Shipping Container Specialists” : Already done
5. Request A Meeting” should be Headline 4 in Blue
“Schedule Here” should also be Headline 4 in White

*/

.cms-contact .contact-intro .contact-item a{
    font-size: 20px !important;
}

/*
Screen 13,14,15 : already done 
}
*/

/*
Screen 16 : Seems all Already done
Screen 17: Update Icons to Social Media Icons Style 1 , we are using external library for svg icons, thats why not exactly matched
Need more effort to generate own icons
*/
/*
Screen 18,
Screen 19:
*/
.mast-claim .claim-intro a{
    font-size: 18px;
    font-family: 'Open Sans';
    color: #04212f;
    font-style: normal;
}
/*
Screen 20,21:Seems done
Screen 22:Refernce
Screen 23:Increase top padding so “ONLINE STORE” isn’t being cut off : Removed in latest request
Screen 24,25: Seems done
Screen 26:Refernce
Screen 27:
1. Remove “THE JOSHUA MODEL” since its large above : done
2. Add ALL the section titles here. Should be : already done
3. Enlarge “STARTING AT $68,250”
screen 28: enlarge slide photos : done on templte change

Screen 29:Seems done
Screen 30: done on module file
Screen 31:
1.Decrease space between text here. :done
2. This should be a drop  : done
3. Stack these buttons so the text remains on one line :done
4. The floor plan should be a full image here with the option to expand. Seems working already
*/

@media (max-width: 768px){
.store-hero .sh-intro .si-header .sih-box .subhead{
    margin: 2vh 0 !important;
}
.store-gallery{
    margin-top: 0vh !important;
}
.store-order .col-6{
    padding:2px !important;

}

.store-order .col-6 button{
    padding: 12px 14px !important; 
}
/* Contact Page Heading font-size*/
.page-id-320 .claim-header h1{
    font-size: 1.8em !important;
}

}



.page-id-320 .masthead .mast-claim .claim-header .h1{
    margin-bottom: 2vh !important;
}
/*Nav Search bar*/
.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler, html:not(.dgwt-wcas-overlay-mobile-on) .dgwt-wcas-search-wrapp.dgwt-wcas-layout-icon{
    max-width: 60px !important;
    align-self: center;
    color: #fff;
    margin-bottom:0px;
    margin-right: 0px;
}
.dgwt-wcas-ico-magnifier, .dgwt-wcas-ico-magnifier-handler{
    max-width: 25px !important;
    fill: currentColor !important;
    height: 23px;;
}
.dgwt-wcas-search-icon{
    width: 25px !important;
}
.bar .navbar .navbar-tools{
    padding: 0 12px !important;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp input[type=search].dgwt-wcas-search-input{
    font-family: 'Open Sans',sans-serif !important;
}

/* Product Template financing-icon*/
.financing-icon{
    width:2em;
}
.p-lg, .contact-intro .excerpt, .bullet-item .p-md{
    font-weight: 600;
}
/* Search fibo display opn Desktop*/


@media (min-width: 992px){
    .dgwt-wcas-search-wrapp{
        display:contents !important;
    }
    .dgwt-wcas-search-icon{
        position: relative;
        top: 28px;
    }

    /* 15NOv2024*/
    .contact-header .h2{
        position: sticky;
    }
}

    .bar .navbar .navbar-tools .tool-bars {
        font-size: 30px;
        color: #ffffff;
        border-right:0px solid #ffffff!important;
        padding: 0;
    }
    /*
    Hub spot form color fixes
    */
    .hs-input{
        color:#fff !important;
    }
    .input .hs-input{
        background:#001826 !important;
    }

    /* New Template Apline 17May2025*/
    
      
      .cms-long-text iframe {
        width: 100%;
        height: auto; /* Important to override default height */
        aspect-ratio: 16 / 9; /* Sets the aspect ratio (16:9 for most YouTube videos) */
        border: none;
      }

    .store-top-actions .store-actions {
        margin-bottom: 10px;
        display: flex;
        flex-direction: column;
        gap: 1rem;
       height: 300px;
        justify-content: center;
    }
    
    .store-actions .btn {
        color: white;
        border: none;
        font-size: 22px;
        position: relative;
        border-radius: 0;
        padding: 12px 30px;
        font-family: 'Barlow Condensed',sans-serif;
        font-weight: 600;
        text-transform: uppercase;
        display: block;
        width:330px;
    }
    .store-actions .btn-cta {
        background: #7b857b;
    }
    .store-actions .btn-cta:hover {
        background: #04212f;
        color: #7b857b;
     }
    
     .store-actions .btn-cta-secondary {
        background: #04212f;;
    }
    
    .store-actions .btn-cta-secondary:hover {
        background: #7b857b;
        color: #001826;
    }

    .floorplan-figure {
        width: 100%;
        max-width: 100%;
        height: 300px; 
        margin: 20px auto;
        background-size: cover; 
        background-position: center center;
        background-repeat: no-repeat;
        color: white; 
        text-align: center;
        display: flex; 
        justify-content: center; 
        align-items: center;
        padding: 20px;
        box-sizing: border-box; 
        }

        .cta-where-do-start{
            margin-top: 20px;
            margin-bottom: 20px;
            display: flex  ;
            justify-content: center;    

        }
        .cta-where-do-start a.btn-cta{
            font-weight: bold;
            font-size: 30px;
            margin: 10px;
            width: 60%;
        }
/* Media query for mobile devices (max-width: 768px) */
@media (max-width: 768px) {
    .store-actions {
      flex-direction: column; /* Stack items vertically */
      gap: 10px;             /* Reduce the gap for smaller screens */
    }
  
    .store-actions > div {
      flex: 0 0 auto;       /* Allow divs to take their natural width */
      width: 100%;          /* Make divs take full width */
    }

    .floorplan-figure {
        height: 18vh !important; 

        background-size: contain !important; 
          
    }
  
  }

  @media (min-width: 769px) {
    .store-actions {
    padding-left: 3rem;
    }

    .store-floorplan{

        margin-top: 10vh !important;
    }
  
    
  

  }