/*  Extra small devices (landscape phones, 576px and up) (SM) */
@media (max-width: 575px) {
    .carousel-bg {
        height: 200px;
    }
    .booking-form{
      position: relative;
      padding: 25px;
      background: #ffffff;
      width: 100%;
      border-radius: 0px;
      border-top: 5px solid #198754;
    }

    .carousel-caption{
        left: 5%;
        right: 5%;
    }

    .second{
        text-align: left !important;
    }
    
    .tip,  .tip .container{
        padding-left: 10px !important;
        padding-right: 10px !important;
    };
}

/*  Small devices (landscape phones, 576px and up) (SM) */
@media (min-width: 576px) and (max-width: 767px) {
    .carousel-bg {
        height: 300px;
    }

    .booking-form{
      position: relative;
      padding: 25px;
      background: #ffffff;
      width: 100%;
      border-radius: 0px;
      border-top: 5px solid #198754;
    }
    .second{
        text-align: left !important;
    }

    .tip, .tip .container{
        padding-left: 10px !important;
        padding-right: 10px !important;
    };
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {
    .carousel-bg {
        height: 350px;
    }

    .booking-form{
      bottom: 35%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199px) {
    .carousel-bg {
        height: 450px;
    }

    .booking-form{
      bottom: 20%;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width: 1399px) {
    .carousel-bg {
        height: 550px;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .carousel-bg {
        height: 600px;
    }
}


@media (max-width: 400px){
    .colums-container{
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .colums-container{
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .colums-container{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}

@media (max-width: 575px) {
    .colums-container{
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
    }
}