.elementor-772 .elementor-element.elementor-element-65327dfd{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-772 .elementor-element.elementor-element-65327dfd > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}@media(max-width:767px){.elementor-772 .elementor-element.elementor-element-65327dfd{padding:20px 0px 20px 0px;}}/* Start custom CSS for html, class: .elementor-element-7b7595ec */.detailBkgd {
    padding: 40px 0;
    background: linear-gradient(45deg, #fff 50%, #ececec 50%);
}
.detailSection {
    padding: 15px;
    text-align: center;
}

.chairDetail {
    display: none;
}
.button2 {
    border: solid 3px #D0A479;
    padding: 10px 20px;
    border-radius: 3px;
    color: #D0A479;
    background: #fff;
}
.button2:hover {
    background: #D0A479;
    color: #fff;
}
.detailContent p {
    margin-bottom: 40px;
}

.detailPics img {
    box-shadow: 2px 2px 7px 1px #00000036;
    border: solid 2px white;
    border-radius: 2px;
}

/* Responsive Media Queries */

@media all and (min-width:768px) {
    .chairDetail {
        display: unset;
    }

    .tableDetail {
        max-width: 450px!important;
        position: absolute;
        left: 2%;
    }

    .chairDetail {
        max-width: 285px!important;
        position: absolute;
        right: 8%;
        top: 14%;
    }
    .detailContent h2 {
        font-size: 30px;
    }
    
    .detailContent p {
        font-size: 20px;
    }

    .detailPics {
        position: relative;
        height: 500px;
    }

    .detailSection {
        min-height: 800px;
        padding: 60px 30px;
        text-align: left;
    }

    .detailContent {
        padding-top: 40px;
        max-width: 500px;
        margin: auto;
    }

}

@media all and (min-width:1024px) {
    .detailSection {
        display: grid;
        grid-template-columns: 55% 45%;
        min-height: 500px;
    }    

    .detailPics {
        min-height: 550px;
    }

    .tableDetail {
        max-width: 350px!important;
    }

    .chairDetail {
        max-width: 245px!important;
        bottom: 0;
        top: unset;
    }
}

@media all and (min-width:1300px) {

    .tableDetail {
        max-width: 425px!important;
    }

    .chairDetail {
        max-width: 300px!important;
    }
}

@media all and (min-width:1600px) {
    .detailSection {
        max-width: 1400px;
        margin: auto;
    }/* End custom CSS */