*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.flex{
    display: flex;
    flex-direction: row;
}

.fle4x-col{
    display: flex;
    flex-direction: column;
}

.max-row{
    max-width: 1088px;
    width: 100%;
    margin: 0 auto;
}



body{
    background-color: #f8efdc;
}


/*
|   TOP COLOR SECTION STYLE
*/

.color-box{
    height: 32px;
}

.green{
    background-color: #05b5ad;
}

.red{
    background-color: #ed4d56;
}

.yellow{
    background-color: #feca45;
}

.pink{
    background-color: #ef748c;
}



@media only screen and (max-width: 575px){
    .color-box {
        height: 18px;
    }
}


/*
|   BANNER SECTION STYLE
*/

.banner-bg{
    background-image: url("https://welovebt.sg/uploads/images/banner-hero.png");
    background-repeat: no-repeat;   
    padding: 211px 0;
    background-size: contain;
    background-position: center;
}


@media only screen and (max-width: 991px){
    .banner-bg{
        padding: 150px 0;
    }
}

@media only screen and (max-width: 675px){
    .banner-bg{
        padding: 130px 0;
    }
}


@media only screen and (max-width: 575px){
    .banner-bg{
        padding: 60px 0;
    }
}
/* Coming Soon Section */
.coming-soon-wrapper { text-align: center;}
.coming-soon-wrapper h2 { margin-top: 36px; color: #E31157; font-size: 38px; line-height: 52px; font-weight: bold;}
.coming-soon-wrapper a { color: #E31157; text-decoration: underline;}
.coming-soon-wrapper a:hover { text-decoration: none;}
@media only screen and (max-width: 675px){
    .coming-soon-wrapper h2 { font-size: 34px; line-height: 48px;}
    .coming-soon-wrapper h4 { font-size: 22px; line-height: 28px;}
}
/*
|   FOOTER SECTION STYLE
*/

.footer-sec{
    padding-top: 40px;
}
.copyright-text p{
    font-size: 11px;
    line-height: 24px;
    color: #000000;
    font-family: "Verdana";
}

@media only screen and (max-width: 575px){
    .copyright-text p{
        font-size: 9px;
    }

    .gallery-box img{
        max-height: unset;
        max-width: unset;
        height: 50%;
        width: 100%;
    }
}

@media screen and (max-width: 540px) {
    .load {
        flex: 0 1 50%;
        max-width: 100%;
    }
}