._complete section.chf_index_top{height: auto; background: none;}
.completeContainer {padding: 48px calc((100% - 1100px) / 2); width: 100%; min-width: 1140px;}
.completeContainer > h1{margin-bottom: 28px;}
.successBox{text-align: center;}
.successBox img{margin: 0 auto;}
.successBox p.bigText{margin: 8px 0;}
.bookingBox{padding: 52px 48px; margin-top: 48px; background-color: var(--bgGray);}
.bookingBox > p:first-child{margin-bottom: 12px;}
.bookingBox > p:first-child span{color: var(--pointRed);}

/* laptop */
@media screen and (max-width: 1140px) {
    .completeContainer {padding: 48px calc((100% - 950px) / 2); min-width: 990px;}
}

/* tablet */
@media screen and (max-width: 990px) {
    .completeContainer {padding: 40px calc((100% - 728px) / 2); min-width: 768px;}
    .completeContainer h1{margin-bottom: 24px;}
    .successBox img{width: 96px;}
    .bookingBox{margin-top: 36px; padding: 40px 36px;}
    .bookingBox > p:first-child{margin-bottom: 8px;}
}
@media screen and (max-width: 768px) {
    .completeContainer {padding: 36px 20px; min-width: unset;}
    .successBox p.bigText{margin: 4px 0;}
    .bookingBox{padding: 32px 28px;}
}
@media screen and (max-width: 580px) {
    .completeContainer h1{margin-bottom: 16px;}
    .bookingBox{padding: 24px 20px;}
}

/* mobile */
@media screen and (max-width: 480px) {
    .completeContainer{padding: 24px 20px;}
    .successBox img{width: 80px;}
}
@media screen and (max-width: 360px) {
    .bookingBox{padding: 20px 16px;}
    .bookingBox > p span{display: block; margin-top: 4px;}
}
@media screen and (max-width: 320px) {}