body
    .wizrd-blog-theme
        .container
            @media (max-width: 1390px)
                max-width: 1115px
            @media (max-width: 1025px)
                max-width: 960px
        .travel-template
            .wizrd-site-main
                .wizrd-home-banner
                    .container
                        @media (max-width: 1390px)
                            max-width: 1115px
.travel--heading
    h2
        @media (max-width: 1390px)
            font-size: 42px
        @media (max-width: 1025px)
            font-size: 35px
        @media (max-width: 767px)
            font-size: 23px
.wizrd-iframe
    .widgetWrap
        width: 100%
        height: 350px
        @media (max-width: 1025px)
            height: 800px
    iframe
        width: 100%
        height: 100%
.index-section
    @media (max-width: 767px)
        padding: 40px 0
.newsletter
    h3
        @media (max-width: 767px)
            font-size: 22px
            line-height: 1.3
    .newsletter--form
        @media (max-width: 767px)
            flex-direction: column
        .form-group
            .field_error
                @media (max-width: 767px)
                    position: relative
            .form-control
                @media (max-width: 767px)
                    font-size: 18px
        .btn
            @media (max-width: 767px)
                font-size: 18px
                margin: 10px 0 0
                padding: 12.5px 15px !important
.wizrd-payment
    .payment-button
        .payment-btn-group
            a
                @media (max-width: 767px)
                    font-size: 18px
                    padding: 4px
    .payment-option
        @media (max-width: 767px)
            flex-direction: column
        h6
            @media (max-width: 767px)
                margin: 0 0 10px
.featured
    &__list
        @media (max-width: 767px)
            flex-direction: column
        &__block
            @media (max-width: 767px)
                padding: 0
                margin-bottom: 20px
                &:last-child
                    margin-bottom: 0
            img
                @media (max-width: 1390px)
                    max-width: 300px
                @media (max-width: 1025px)
                    max-width: 200px
.services
    &__list
        @media (max-width: 767px)
            flex-direction: column
        &__block
            @media (max-width: 767px)
                margin: 0 0 20px
                width: 100%
                &:last-child
                    margin-bottom: 0
            &__wrap
                &__title
                    h4
                        @media (max-width: 1390px)
                            font-size: 28px
                        @media (max-width: 767px)
                            font-size: 20px
                &__detail
                    @media (max-width: 1390px)
                        font-size: 18px
                        line-height: 1.3
                    @media (max-width: 1025px)
                        font-size: 16px
                    @media (max-width: 767px)
                        font-family: 14px
.what-to-know
    &__list
        @media (max-width: 767px)
            flex-direction: column
        &__block
            @media (max-width: 1025px)
                min-width: 230px
                margin-left: 20px
                padding: 10px 15px 15px
            @media (max-width: 767px)
                margin: 0 0 20px
                min-width: 100%
                &:last-child
                    margin-bottom: 0
            &__wrap
                &__title
                    h4
                        @media (max-width: 1390px)
                            font-size: 22px
                        @media (max-width: 1025px)
                            font-size: 18px

.why-book
    &__list
        @media (max-width: 767px)
            flex-direction: column
        &__block
            @media (max-width: 767px)
                margin: 0 0 20px
                padding: 0
                &:last-child
                    margin-bottom: 0
            &__title
                h4
                    @media (max-width: 1025px)
                        font-size: 14px
.partner
    &__list
        @media (max-width: 767px)
            flex-direction: column
        &__block
            @media (max-width: 767px)
                margin: 0 0 20px
                padding: 0
                &:last-child
                    margin-bottom: 0
            img
                @media (max-width: 1390px)
                    max-width: 300px
                @media (max-width: 1025px)
                    max-width: 200px
.travel--footer
    &__inner
        @media (max-width: 1025px)
            flex-direction: column
            text-align: center
        h5
            @media (max-width: 767px)
                font-size: 18px
        .btn
            @media (max-width: 1025px)
                padding: 10px 15px !important
                line-height: 1.3
            @media (max-width: 767px)
                font-size: 18px !important
        a
            @media (max-width: 1025px)
                margin: 15px 0
            @media (max-width: 767px)
                font-size: 18px