@media (max-width: 768px) {
.navbar-light .navbar-toggler-icon { background-image:url('../img/menu.png')}
.navbar-n {
    height: auto;
    padding: 20px;
}
.navbar-light .navbar-brand { margin-left: 0;}
.navbar-brand > img { width: 175px;}
.nav-item { line-height: inherit;}
.navbar-nav a:hover { height: auto;}
.drop-down-list { height: auto;}

}
@media only screen and (max-width: 600px) {

.navbar-light .navbar-toggler-icon { background-image:url('../img/menu.png')}

.navbar-n { height: auto;
    padding: 20px;}

.navbar-light .navbar-brand { margin-left: 0;}

.navbar-brand > img { width: 175px;}

.component-detail { margin-bottom: 70px;}

.form-offer-f { width: auto;}

.heading-home-l > h1 { font-size: 25px;}

.content-d-footer > img{     margin: 20px auto 30px;}

.login-d { width: auto;}

.form-sign-in {
    margin: auto;
    display: flex;
    justify-content: center;
}
.create-f-l { width: auto;}
.content-d {
    width: auto;
    top: 40px;
    right: 0;
    z-index: 9999;
}

    .nav-item { line-height: inherit;}

    .drop-down-list { height: auto;}

    .navbar-nav a:hover { height: auto;}

    .btn-search { width: 100%;
    margin-top: 10px;}

    .selection-s { width: 100%;}

    .selection-s > select { border-radius: 0;
    margin-top: 10px;}

    .selection-s-non-b { width: 100%;
        margin-top: 10px;}

        .slick-dots {     bottom: 40px;}

        .video-d > video { width: -webkit-fill-available;
            margin-top: 40px;}

            .logo-footer-img { text-align: center;}

            .apps-d { text-align: center;}
            .w-form-p { width: auto;}

            .first-s { width: 100%;}

            .img-t-1 { margin-bottom: 20px;}

            .avaril-r-1 { width: 100%;}

            .avail-r { margin: 10px auto;}

            .dates-avail { padding: 20px;}

            .img-g-one { margin-bottom: 10px;}

            .customer-review { padding: 30px;}

}


@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
    .video-d > video { width: -webkit-fill-available;
        margin-top: 40px;}



 }

 @media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
    .video-d > video { width: -webkit-fill-available;
        margin-top: 40px;}

        .navbar-light .navbar-toggler-icon { background-image:url('../img/menu.png')}

        .navbar-n { height: auto;
            padding: 20px;}

            .nav-item { line-height: inherit;}

            .drop-down-list { height: auto;}

            .navbar-nav a:hover { height: auto;}

            .content-d { width: 100%;
                top: 40px;
            right: 0;
        z-index: 9999;}

        .navbar-nav a:hover { border-bottom: transparent;}

        .w-form-p { width: 100%;}

        .form-sign-in { height: 100vh;}

        .create-a-1 { height: 100vh;}

        .check-avail { width: auto;}
  }