/*IB-003*/

.ib003 .header {
    text-shadow: none;
    top: 0;
    padding-top: 18px;
    margin-bottom: 0;
}

.ib003 .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px;
}

.ib003 .btn-text-right {
    text-align: -webkit-right;
}

.ib003 .btn-text-left {
    text-align: -webkit-left;
}

.ib003 .btn-text-center {
    text-align: -webkit-center;
}
/*
.ib003 .text-top {
    height: 450px;
}

.ib003 .text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(42%);
}

.ib003 .text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(112%);
}*/

.ib003 .btn-text-top {
    height: 450px;
}

.ib003 .btn-text-centermb {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(42%);
}

.ib003 .btn-text-bottom {
    text-align: center;
    left: 50%;
    transform: translateX(0%) translateY(200%);
}

@media (max-width: 767px) {
    .ib003 .h3 {
        color: #fff;
        font-size: 18px !important;
        font-family: Thongterm-Bold;
        line-height: 38px;
    }

    .ib003 .btn-yellow {
        border-radius: 5px;
        background-color: #FFD400 !important;
        color: #554242 !important;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-brown {
        border-radius: 5px;
        background-color: #554242;
        color: #FFD400 !important;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-primary {
        border-radius: 5px;
        background-color: #FFD400;
        color: #554242;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }

    .ib003 .btn-MaroonGrey {
        border-radius: 5px;
        background-color: #554242;
        color: #FFD400;
        font-family: "Krungsri-Condensed-Bold";
        letter-spacing: 0;
        text-align: center;
        font-size: 16px;
        line-height: 27px;
        text-shadow: none;
        height: 44px !important;
        padding: 7px !important;
        width: 170px;
        /*width: auto;*/
        margin-top: 32px;
    }
}

.ib003 .h3 {
    color: #222;
    font-size: 24px;
    font-family: Thongterm-Bold;
    line-height: 36px;
}

.ib003 .btn-yellow {
    border-radius: 5px;
    background-color: #FFD400 !important;
    color: #554242 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-primary {
    border-radius: 5px;
    background-color: #FFD400;
    color: #554242 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-MaroonGrey {
    border-radius: 5px;
    background-color: #6F5F5F !important;
    color: #FFD400 !important;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

.ib003 .btn-brown {
    border-radius: 5px;
    background-color: #6F5F5F;
    color: #FFD400;
    font-family: "Krungsri-Condensed-Bold";
    letter-spacing: 0;
    text-align: center;
    font-size: 16px;
    line-height: 27px;
    text-shadow: none;
    height: 44px !important;
    padding: 7px !important;
    width: 170px;
    /*width: auto;*/
    margin-top: 32px;
}

@media only screen and (max-width: 767px) {
    .ib003 .block-banner .text-top,
    .ib003 .block-banner .text-centermb,
    .ib003 .block-banner .text-bottom {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }

    .ib003 .block-banner .banner-content.text-top {
        transform: translateX(0%) translateY(-70%);
        justify-content: flex-start;
    }

    .ib003 .block-banner .banner-content.text-centermb {
        transform: translateX(0%) translateY(-30%);
    }

    .ib003 .block-banner .banner-content.text-bottom {
        justify-content: flex-end;
    }
}


/*IB-003*/