@charset "utf-8";

header.calculate {
    text-align: center;
    padding: 2% 0 3% !important;
}
body {
    font-size: 2.5rem;
    line-height: 1.5;
}

h1,
.h1 {
    font-size: 3.1rem;
    line-height: 0.8;
}

.form-label {
  margin-bottom: 0rem;
}

footer .address {
    font-size: 2.2rem;
    line-height: 1.2;
}

small,
.small {
    font-size: 0.7em;
}

select.form-select {
    font-size: 2rem;
    line-height: 1;
}

.form-control {
    font-size: 2rem;
    line-height: 1.6;
}

.content ul.tmbProduct li .colour {
    font-size: 1.6rem;
    padding-left: 10px;
    line-height: 0.9;
}

.btn-calculate {
    padding: 2px 30px;
    background-color: #00A79B;
    border-radius: 10px;
    font-size: 2rem;
}

.menu {
    font-size: 3rem;
}

.content .wrapper {
    border: none;
}

/* เริ่มตรงนี้
------------- */
.pb-5 {
    padding-bottom: 5rem !important;
}

.pb-3 {
    padding-bottom: 1rem !important;
}

/* #ourproduct h1,
#ourproduct .h1 {
    font-family: "db_heaventlight";
    font-size: 5vw;
    color: #000;
}

#ourproduct h2,
#ourproduct .h2 {
    font-family: "db_heaventbold";
    font-size: 4vw;
    color: #00AC9B;
    line-height: 0.8em;
} */

#ourproduct a.products .name h6,
#ourproduct a.products .name .h6 {
    font-family: "db_heaventlight";
    font-size: 1.8vw;
    text-align: left;
    padding-top: 30px;
}

#ourproduct a.products .name h4,
#ourproduct a.products .name .h4 {
    font-family: "db_heaventlight";
    font-size: 5vw;
    line-height: 0.4;
    text-align: left;
}

#finddealer div h2,
#finddealer div .h2 {
    font-size: 5rem;
    line-height: 0.7;
}

#ourproduct a.products .moreproduct .btn-more {
    width: auto;
    padding: 5px 10px;
    font-size: 1.7vw;
    color: #fff;
    background-color: transparent;
    border: #fff solid 1px;
    text-align: center;
    margin-top: 5px;
    display: block;
    float: left;
}

footer ul.listmenu li a {
    font-size: 2.2rem;
}

#description h1,
#description .h1 {
    font-family: "db_heaventregular";
    font-size: 4.5vw;
}

#choosecolor ul.tmbProduct li img {
    width: 50%;
}

#feature figure {
    min-height: 170px;
    text-align: center;
    margin: auto;
}


/* #calculation .content-details ul.tmbProduct li a .colour {
    font-size: 2rem;
    text-align: center;
    line-height: 0.8;
}

#calculation .content-details .result #resultBudget {
    width: 100%;
    min-height: 35px;
    background-color: #282828;
    padding: 10px;
    font-size: 21px;
} */

#calculation .content-details .remarks {
    padding: 20px 20px;
    background-color: #ECECEC;
    font-size: 1.7rem;
}

#distributor .location .alladdress .branch a {
    color: #000;
    padding: 20px;
    display: block;
    line-height: 1.3;
}

#distributor .title {
    color: #fff;
    font-size: 2.5rem;
    padding: 0px 10px;
    background-color: #000;
    font-weight: bold;
}


#distributor .title-contact {
    color: #000;
    font-size: 4rem;
    font-family: "db_heaventlight";
	padding: 10px 0px;
}


@media (max-width: 991.98px) {

    #description h1,
    #description .h1 {
        font-size: 8vw;
    	padding-top: 20px;
    }
	 #description p {
        font-size: 4vw;
    	padding: 0px 40px;
    }

    #finddealer div h2,
    #finddealer div .h2 {
        font-size: 8vw;
    }
}

@media (max-width: 767.98px) {
	
	#description h1,
    #description .h1 {
        font-size: 10vw;
    	padding-top: 20px;
    }

    #choosecolor h3,
    #choosecolor .h3 {
        font-size: 7vw;
    }

    #description p {
        font-size: 7vw;
        padding: 0 5%;
    }
	h1,
	.h1 {
        font-size: 2.5rem;
       
    }
}

/* ------------------------
จบ */


@media (max-width: 576px) {

    .menu {
        font-size: 2rem;
    }

    .content ul.tmbProduct li .colour {
        font-size: 1.4rem;
        padding-left: 0px;
        line-height: 1;
    }

    small,
    .small {
        font-size: 0.7em;
        line-height: 1;
    }

    .content ul.tmbProduct li .name {
        padding-left: 0px;
        font-size: 2.5rem;
    }

}