@media screen and (max-width: 992px){
    .hero__tour-bg{
        height: auto !important;
    }
    .hero__tour-bg > figure::before{
        padding-top: 37.25%;
    }
    .hero__tour-bg > figure > img{
        height: auto;
    }

    body .tour-overview__outer .tour-overview__image{
        flex: 0 0 50%;
    }
    body .tour-overview__outer .tour-overview__info-outer{
        padding: 20px 20px 25px 30px
    }
    body .tour-overview__outer .tour-overview__book{
        flex-direction: column;
    }
    body .tour-detail__booking-inner{
        padding: 40px 50px 25px;
    }
}
@media screen and (max-width: 768px){
    body .hero__tour-bg{
        height: 50vh;
    }
    body .hero__tour-bg img{
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: top;
        object-position: top;
    }
    body .tour-overview__outer .tour-overview__inner{
        flex-direction: column;
    }
    body .tour-overview__outer .tour-overview__book{
        flex-direction: unset;
    }
    body .tour-overview__outer .tour-overview__book .tour-overview__book-btn button{
        height: 100%;
        max-height: 70px;
    }
    body .tour-detail__inner .content-nav > ul{
        flex-wrap: wrap;
        justify-content: center;
    }
    body .tour-detail__inner .content-nav > ul > li{
        /* flex: 0 0 50%; */
        padding: 5px 2%;
        text-align: left;
        white-space: nowrap;
        width: 100%;
    }
    body .tour-detail__inner .content-nav.fixed{ top: 0px !important; }
    body .tour-detail__booking-inner form button[type="submit"]{
        height: 45px;
    }
}
@media screen and (max-width: 576px){
    .custom-col-xs-6{
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media screen and (max-width: 450px){
    .custom-col-xs-6{
        flex: 0 0 80%;
        max-width: 80%;
        margin-left: 10%;
    }
    body .tour-detail__booking-inner{
        padding: 20px 20px 5px;
    }
    body .tour-detail__booking-inner form fieldset input[type="radio"]{
        margin-right: 30px;
    }
    body .tour-detail__booking-inner .payment__info .payment__type{
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 400px){
    body .tour-overview__outer .tour-overview__book{
        flex-direction: column;
        align-items: center
    }
    body .tour-overview__outer .tour-overview__book .tour-overview__book-solicitation{
        text-align: center;
        margin-left: 0;
    }
}