.hero.home {
    height: 400px
}

@media (min-width:768px) {
    .hero.home {
        height: 600px
    }
}

@media (min-width:992px) {
    .hero.home {
        height: 400px
    }
}

.Ahero {
    margin-bottom: 295px !important
}

#promo {
    /*margin-top: 250px !important*/
}

@media (max-width:767px) {
    #cities .carousel-inner .carousel-item > div,
    #promo .carousel-inner .carousel-item > div {
        display: none
    }

        #cities .carousel-inner .carousel-item > div:first-child,
        #promo .carousel-inner .carousel-item > div:first-child {
            display: block
        }

    #cities .svg-dugong,
    #promo .svg-dugong {
        filter: grayscale(100%)
    }
}

#cities .carousel-inner .carousel-item-next,
#cities .carousel-inner .carousel-item-prev,
#cities .carousel-inner .carousel-item.active,
#promo .carousel-inner .carousel-item-prev,
#promo .carousel-inner .carousel-item.active {
    display: flex
}

@media (min-width:768px) {
    .Ahero {
        margin-bottom: 295px !important
    }

    #promo {
        /*margin-top: 250px !important*/
    }

        #cities .carousel-inner .carousel-item-end.active,
        #cities .carousel-inner .carousel-item-next,
        #promo .carousel-inner .carousel-item-end.active,
        #promo .carousel-inner .carousel-item-next {
            transform: translateX(25%)
        }

        #cities .carousel-inner .carousel-item-prev,
        #cities .carousel-inner .carousel-item-start.active,
        #promo .carousel-inner .carousel-item-prev,
        #promo .carousel-inner .carousel-item-start.active {
            transform: translateX(-25%)
        }

        #cities .carousel-control-prev,
        #promo .carousel-control-prev {
            left: -70px
        }

        #cities .carousel-control-next,
        #promo .carousel-control-next {
            right: -70px
        }
}

@media (min-width:992px) {
    .Ahero {
        margin-bottom: 140px !important
    }

    #promo {
        /*margin-top: 115px !important*/
    }

        #cities .carousel-control-prev,
        #promo .carousel-control-prev {
            left: -110px
        }

        #cities .carousel-control-next,
        #promo .carousel-control-next {
            right: -110px
        }
}

#cities .carousel-inner .carousel-item-end,
#cities .carousel-inner .carousel-item-start,
#promo .carousel-inner .carousel-item-end,
#promo .carousel-inner .carousel-item-start {
    transform: translateX(0)
}

.ratings button {
    text-decoration: none
}

    .ratings button :hover {
        color: #00285f
    }

#ctaDrive {
    background: repeating-linear-gradient(45deg, #0000 calc(-650%/13) calc(50%/13), rgba(181, 63, 0, .27) 0 calc(100%/13), #0000 0 calc(150%/13), rgba(181, 63, 0, .27) 0 calc(200%/13), #0000 0 calc(250%/13), rgba(181, 63, 0, .27) 0 calc(300%/13)), repeating-linear-gradient(45deg, #0000 calc(-650%/13) calc(50%/13), rgba(181, 63, 0, .27) 0 calc(100%/13), #0000 0 calc(150%/13), rgba(181, 63, 0, .27) 0 calc(200%/13), #0000 0 calc(250%/13), rgba(181, 63, 0, .27) 0 calc(300%/13)) 21px 21px, repeating-linear-gradient(-45deg, #0000 calc(-650%/13) calc(50%/13), rgba(181, 63, 0, .27) 0 calc(100%/13), #0000 0 calc(150%/13), rgba(181, 63, 0, .27) 0 calc(200%/13), #0000 0 calc(250%/13), rgba(181, 63, 0, .27) 0 calc(300%/13)), repeating-linear-gradient(-45deg, #0000 calc(-650%/13) calc(50%/13), rgba(181, 63, 0, .27) 0 calc(100%/13), #0000 0 calc(150%/13), rgba(181, 63, 0, .27) 0 calc(200%/13), #0000 0 calc(250%/13), rgba(181, 63, 0, .27) 0 calc(300%/13)) 21px 21px #ed5505;
    background-size: 42px 42px
}
/* booking template 1*/
@media (max-width:767px) {
    .bookingTemplate1 .hero.home {
        height: 852px !important
    }

    .bookingTemplate1.Ahero {
        margin-bottom: 275px !important;
    }

    .bookingTemplate1 .hero.home picture {
        height: 100%;
        top: 0 !important;
        transform: translate(-50%, 0%) !important;
        object-fit: cover;
        height: 100%;
    }

        .bookingTemplate1 .hero.home picture img {
            height: 100%;
        }

    .bookingTemplate1 .bookingDesing {
        transform: translate(-50%, -50%) !important;
    }
}

@media (min-width:768px) {
    .bookingTemplate1 .hero.home {
        height: 828px;
    }

    .bookingTemplate1.Ahero {
        margin-bottom: 275px !important;
    }

    .bookingTemplate1 .hero.home {
        height: 650px;
    }

        .bookingTemplate1 .hero.home picture {
            height: 100%;
            top: 0 !important;
            transform: translate(-50%, 0%) !important;
            object-fit: cover;
            height: 100%;
        }

            .bookingTemplate1 .hero.home picture img {
                height: 100%;
            }

    .bookingTemplate1 .bookingDesing {
        transform: translate(-50%, -50%) !important;
    }
}

@media (min-width:992px) {
    .bookingTemplate1.Ahero {
        margin-bottom: 0 !important;
    }

    .bookingTemplate1 .hero.home {
        height: 570px;
    }

        .bookingTemplate1 .hero.home picture {
            height: 100%;
            top: 0 !important;
            transform: translate(-50%, 0%) !important;
        }

            .bookingTemplate1 .hero.home picture img {
                height: 100%;
            }

    .bookingTemplate1 .bookingDesing {
        transform: translate(-50%, calc(-100% - 35px)) !important;
    }
}
/* booking template 1*/