.number{
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    border-radius: 5px;
    background:#aa8453;
    width: 100%;
    padding:5px;
    background:linear-gradient(to right, #BF953F, #FCF6BA, #B38728, #FBF5B7, #AA771C);
}
.number a.number-link{
    margin:0;
    padding: 0;
}
.number .number-body{
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    padding-bottom: 10px;
    z-index: 3;
}

.number .plate-body h1{
    font-family: "Sarabun";
    letter-spacing: 0px;
    font-size: 40pt;
    font-weight: bolder;
}

.number .plate-body h6{
    font-family: "Sarabun" !important;
    letter-spacing: 1px;
    font-size:15pt;

}
.number-price{
    font-family: "Sarabun" !important;
    letter-spacing: 1px;
    font-size:18px;
    font-weight: bolder;
    color : #C51824 !important;
}



/* --- PLATE WHITE ---*/
.plate .plate-white{
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    z-index: 3;
    background: #FFFFFF;
}
.plate .plate-white h1{
    color:#000000;
    font-weight: bolder;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.plate .plate-white .plate-province{
    color:#000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* --- PLATE SPECIAL ---*/
.plate .plate-special{
    background: url("../img/plate-special-bg.png") no-repeat;
    background-size: 100% 100%;
    background-size: cover;

}
.plate .plate-special h1{
    font-family:  "Sarabun",sans-serif;
    color:#000000;
    font-weight: bolder;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.plate .plate-special .plate-province{
    color:#000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
/* --- PLATE GOLD ---*/
.plate .plate-gold{
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    z-index: 3;
    background: url("../img/plate-gold-bg.png") no-repeat;
    background-size: cover;

}
.plate .plate-gold h1{
    color:#000000;
    font-weight: bolder;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.plate .plate-gold .plate-province{
    color:#000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}


.blue-bg{
    background:#113D90;
}
.plate .plate-blue{
    background: #FFFFFF;
    background-size: cover;
}
.plate .plate-blue h1{
    color:#113D90;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.plate .plate-blue .plate-province{
    color:#113D90;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.green-bg{
    background:#305B3D;
}
.plate .plate-green{
    background: #FFFFFF;
    background-size: cover;
}
.plate .plate-green h1{
    color:#305B3D;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}
.plate .plate-green .plate-province{
    color:#305B3D;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

/* --- PLATE BIKE ---*/
.plate .plate-bike{
    overflow: hidden;
    border-radius: 4px;
    text-align: center;
    z-index: 3;
    background: #FFFFFF;
}
.plate .plate-bike h1{
    color:#000000;
    font-weight: bolder;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

.plate .plate-bike .plate-province{
    color:#000000;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

@media screen and (max-width: 1280px){
    .section-product{

    }
    .section-product .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-product .col-6{
        padding-left: 10px;
        padding-right: 10px;
    }
    .plate{
        padding:3px;
    }
    .plate .plate-body{
        padding-bottom: 10px;
    }
    .section-product .plate .plate-body h1{
        font-size: 36pt;
        margin-bottom: 5pt !important;
    }
    .section-product .plate .plate-body h6{
        font-size: 16pt;
        margin-bottom: 3pt !important;
        text-shadow: 0.5pt 0.5pt 0.5pt rgba(0, 0, 0, 0.3);
    }
    .section-product .plate .plate-body .plate-price{
        font-size: 15pt;
    }
}

@media screen and (max-width: 1024px){
    .section-product{

    }
    .section-product .container{

    }
    .section-product .col-6{

    }
    .plate{
        padding:3px;
    }
    .plate .plate-body{
        padding-bottom: 10px;
    }
    .section-product .plate .plate-body h1{
        font-size: 36pt;
        margin-bottom: 5pt !important;
    }
    .section-product .plate .plate-body h6{
        font-size: 16pt;
        margin-bottom: 3pt !important;
        text-shadow: 0.5pt 0.5pt 0.5pt rgba(0, 0, 0, 0.3);
    }
    .section-product .plate .plate-body .plate-price{
        font-size: 15pt;
    }
}

@media screen and (max-width: 991px){
    .section-product{
        padding: 50px 0;
    }
    .section-product .section-subtitle{
        font-size: 12px;
        letter-spacing: 2px;
        margin-bottom: 0px;
    }
    .section-product .container{
        padding-left: 15px;
        padding-right: 15px;
    }
    .section-product .row-star .star-rating{
        font-size: 6px;
        line-height: 8px;
        margin-bottom: 2px;
    }
    .section-product .col-6{
        padding-left: 10px;
        padding-right: 10px;
    }

    .number{
        padding:2px;
    }
    .number .number-body{
        padding-bottom: 5px;
    }
    .section-product .number .number-body h2{
        font-size: 17pt;
        letter-spacing: 0.5pt;
        text-shadow: 0.5pt 0.5pt 0.5pt rgba(0, 0, 0, 0.3);
        margin-bottom: 6pt !important;
        line-height: 24pt !important;
    }
    .section-product .number .number-body h6{

        font-size: 9pt;
        margin-bottom: 2pt !important;
        margin-top: 3pt;
        text-shadow: 0.5pt 0.5pt 0.5pt rgba(0, 0, 0, 0.3);
    }
    .section-product .number .number-body .number-price{
        font-size: 10pt;
        line-height: 14pt;
    }

}