/*
Theme Name: TravelTour Child
Description: This is a child theme for TravelTour Theme
Author: Goodlayers
Template: traveltour
Version: 4.2.1
*/

/*************** ADD CUSTOM CSS HERE. ***************/

.container, .row {
    max-width: 1320px;
    display: flex;
    flex-flow: row wrap;
        margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.row .row {
    margin-left: -15px;
    margin-right: -15px;
}

.col {
    margin: 0;
    padding: 0 15px 30px;
    position: relative;
    width: 100%;
}

.small-1 {
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%
}

.small-2 {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}

.small-3 {
    flex-basis: 25%;
    max-width: 25%
}

.small-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}

.small-5 {
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%
}

.small-6 {
    flex-basis: 50%;
    max-width: 50%
}

.small-7 {
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%
}

.small-8 {
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%
}

.small-9 {
    flex-basis: 75%;
    max-width: 75%
}

.small-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}

.small-11 {
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%
}

.small-12,.small-columns-1 .flickity-slider>.col,.small-columns-1>.col {
    flex-basis: 100%;
    max-width: 100%
}

@media ( max-width: 624px) { 
    .medium-1 {
        flex-basis:8.3333333333%;
        max-width: 8.3333333333%
    }

    .medium-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .medium-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .medium-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .medium-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .medium-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .medium-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .medium-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .medium-12,.medium-columns-1 .flickity-slider>.col,.medium-columns-1>.col {
        flex-basis: 100%;
        max-width: 100%
    }

    .medium-columns-2 .flickity-slider>.col,.medium-columns-2>.col {
        flex-basis: 50%;
        max-width: 50%
    }

    .medium-columns-3 .flickity-slider>.col,.medium-columns-3>.col {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .medium-columns-4 .flickity-slider>.col,.medium-columns-4>.col {
        flex-basis: 25%;
        max-width: 25%
    }

    .medium-columns-5 .flickity-slider>.col,.medium-columns-5>.col {
        flex-basis: 20%;
        max-width: 20%
    }

    .medium-columns-6 .flickity-slider>.col,.medium-columns-6>.col {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .medium-columns-7 .flickity-slider>.col,.medium-columns-7>.col {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .medium-columns-8 .flickity-slider>.col,.medium-columns-8>.col {
        flex-basis: 12.5%;
        max-width: 12.5%
    }
}


@media screen and (min-width: 1000px) {
    .large-1 {
        flex-basis:8.3333333333%;
        max-width: 8.3333333333%
    }

    .large-2 {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large-3 {
        flex-basis: 25%;
        max-width: 25%
    }

    .large-4 {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

    .large-5 {
        flex-basis: 41.6666666667%;
        max-width: 41.6666666667%
    }

    .large-6 {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-7 {
        flex-basis: 58.3333333333%;
        max-width: 58.3333333333%
    }

    .large-8 {
        flex-basis: 66.6666666667%;
        max-width: 66.6666666667%
    }

    .large-9 {
        flex-basis: 75%;
        max-width: 75%
    }

    .large-10 {
        flex-basis: 83.3333333333%;
        max-width: 83.3333333333%
    }

    .large-11 {
        flex-basis: 91.6666666667%;
        max-width: 91.6666666667%
    }

    .large-columns-1 .flickity-slider>.col,.large-columns-1>.col {
        flex-basis: 100%;
        max-width: 100%
    }

    .large-columns-2 .flickity-slider>.col,.large-columns-2>.col {
        flex-basis: 50%;
        max-width: 50%
    }

    .large-columns-3 .flickity-slider>.col,.large-columns-3>.col {
        flex-basis: 33.3333333333%;
        max-width: 33.3333333333%
    }

   .large-columns-4 .flickity-slider>.col,.large-columns-4>.col {
        flex-basis: 25%;
        max-width: 25%
    }

    .large-columns-5 .flickity-slider>.col,.large-columns-5>.col {
        flex-basis: 20%;
        max-width: 20%
    }

    .large-columns-6 .flickity-slider>.col,.large-columns-6>.col {
        flex-basis: 16.6666666667%;
        max-width: 16.6666666667%
    }

    .large-columns-7 .flickity-slider>.col,.large-columns-7>.col {
        flex-basis: 14.2857142857%;
        max-width: 14.2857142857%
    }

    .large-columns-8 .flickity-slider>.col,.large-columns-8>.col {
        flex-basis: 12.5%;
        max-width: 12.5%
    }
}