ul.category-icon {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

.tbl-class {
    display: table;

    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.tbl-class,
td {
    width: 40px;
    font-weight: 700;
    font-size: 1em;
    padding-top: 8px;
    height: 18px;
    color: #ffffff;
}

/*--start editing from here--*/

.btn-class {
    margin-left: 5px;
    background: #a94442;
    float: left;
    color: white;
}


.txt-rt {
    text-align: right;
}

/* text align right */

.txt-lt {
    text-align: left;
}

/* text align left */

.txt-center {
    text-align: center;
}

/* text align center */

.float-rt {
    float: right;
}

/* float right */

.float-lt {
    float: left;
}

/* float left */

.clearfix {
    clear: both;
}

/* clear float */

.pos-relative {
    position: relative;
}

/* Position Relative */

.pos-absolute {
    position: absolute;
}

/* Position Absolute */

.vertical-base {
    vertical-align: baseline;
}

/* vertical align baseline */

.vertical-top {
    vertical-align: top;
}

/* vertical align top */

nav.vertical ul li {
    display: block;
}

/* vertical menu */

nav.horizontal ul li {
    display: inline-block;
}

/* horizontal menu */

img {
    max-width: 100%;
}

/*--end reset--*/

button.w3l-cart {
    transition: 0.5s all;
    -webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
    text-decoration: none;
    outline: none;
}

body a:hover {
    text-decoration: none;
}

.clearfix {
    clear: both;
}


.seat-body {
    /* background-image: url('../images/banner.jpg'); */
}

.mr_agilemain span {
    color: #f00;
}

.w3ls-reg {
    /* width: 100%; */
    /* margin: 0 5vw; */
    background: rgba(128, 128, 128, 0.34);
    padding: 10.0vw;
    box-sizing: border-box;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}





.mr_agilemain {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.agileits-left {
    flex-basis: 60%;
    margin-bottom: 1.5em;
}

li.smallBox {
    text-align: left;
    display: inline-block;
    margin-right: 1em;
    color: #fff;
}

.agileits-right {
    flex-basis: 50%;
    margin-bottom: 1.5em;
}

.tw {
    width: 50%;
}

label {
    font-size: 1em;
    color: rgb(20, 16, 16);
    font-weight: 600;
}



/* input[type="text"],
input[type="number"] {
    padding: 1em;
    width: 80%;
    background: transparent;
    border: 1px solid #888686;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    margin-top: 10px;
    color: #fff;
} */

button {
    background: #f5f5f5;
    border: none;
    color: #000;
    font-weight: 600;
    padding: 8px 20px;
    border-radius: 10px;
    font-size: 1em;
    letter-spacing: 1px;
    font-family: 'Source Sans Pro', sans-serif;
    cursor: pointer;
}

ul.seat_w3ls {
    margin: 10px;
}

.screen {
    width: 100%;
    background: #ff9800;
    margin: 0;
}

h2.wthree {
    padding: 0.8em;
    font-size: 1.2em;
    color: #000;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 7px;
    word-spacing: 10px;
}

.smallBox::before {
    content: "";
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-right: 10px;
}

.greenBox::before {
    content: "";
    background: Green;
}

.redBox::before {
    content: "";
    background: Red;
}

.emptyBox::before {
    content: "";
    box-shadow: inset 0px 2px 3px 0px rgb(255, 152, 0), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    -moz-box-shadow: inset 0px 2px 3px 0px rgb(255, 152, 0), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    -webkit-box-shadow: inset 0px 2px 3px 0px rgb(255, 152, 0), 0px 1px 0px 0px rgba(255, 255, 255, .8);
    background-color: #fff;
}

.rooms {
    border: 2px solid red;
    background: yellow;
}

.seatGap {
    width: 50px;
}

.seatVGap {
    height: 60px;
}

table {
    /* text-align: center; */
}

.Displaytable {
    /* text-align: center; */
}

.Displaytable td,
.Displaytable th {
    width: 100%;
    padding: 5px 3px;
    color: #000;
    font-weight: 600;
}

.left {

    Float: left
}

table.Displaytable tr {
    background: #fff;
    color: #fff;
}

textarea {
    border: none;
    background: transparent;
    resize: none;
}

input[name=chkbox] {
    width: 0px;
    height: 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}
input[name=chekbox] {
    width: 0px;
    height: 0px;
    margin: 0px 0px 0px 0px;
    cursor: pointer;
}

/* input[class = chkbox]:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/single-bed.png) no-repeat;
}


input[name=single-cabin]:checked:before {
    background-color: Green;
    font-size: 15px;
}
input[name=single-cabin]:disabled:before {
    background-color: #e80505;
    font-size: 15px;
} */


input[class=stair]:before {
    content: "";
    cursor: default;
    width: 25px;
    height: 25px;
    display: inline-block;
    background: url(../images/icons/stairs.png) no-repeat;
}

/*  Single cabin checkbox */
input[class=single-cabin]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-sc.png) no-repeat;

}


input[class=single-cabin]:checked:before {
    background: url(../images/icons/seat-active-sc.png) no-repeat;
    /* font-size: 15px; */
}

input[class=single-cabin]:disabled:before {
    background: url(../images/icons/seat-booked-sc.png) no-repeat;
    /* font-size: 15px; */
}

input[class=family-cabin-ac]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-family-ac.png) no-repeat;

}


input[class=family-cabin-ac]:checked:before {
    background: url(../images/icons/seat-family-ac.png) no-repeat;
    /* font-size: 15px; */
}

input[class=family-cabin-ac]:disabled:before {
    background: url(../images/icons/seat-family-ac.png) no-repeat;
    /* font-size: 15px; */
}

input[class=single-cabin-ac]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-single-ac.png) no-repeat;

}


input[class=single-cabin-ac]:checked:before {
    background: url(../images/icons/seat-active-sc-ac.png) no-repeat;
    /* font-size: 15px; */
}

input[class=single-cabin-ac]:disabled:before {
    background: url(../images/icons/seat-booked-sc-ac.png) no-repeat;
    /* font-size: 15px; */
}

input[class=double-cabin-ac]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-dc-ac.png) no-repeat;

}


input[class=double-cabin-ac]:checked:before {
    background: url(../images/icons/seat-active-dc-ac.png) no-repeat;
    /* font-size: 15px; */
}

input[class=double-cabin-ac]:disabled:before {
    background: url(../images/icons/seat-booked-dc-ac.png) no-repeat;
    /* font-size: 15px; */
}

/* Double-cabing */
input[class=double-cabin]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-dc.png) no-repeat;

}

input[class=double-cabin]:checked:before {
    background: url(../images/icons/seat-active-dc.png) no-repeat;
    font-size: 15px;
}

input[class=double-cabin]:disabled:before {
    background: url(../images/icons/seat-booked-dc.png) no-repeat;
    font-size: 15px;
}

/* coouple; */

input[class=couple-cabin]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-cc.png) no-repeat;

}

input[class=couple-cabin]:checked:before {
    background: url(../images/icons/seat-active-cc.png) no-repeat;
    /* font-size: 15px; */
}

input[class=couple-cabin]:disabled:before {
    background: url(../images/icons/seat-booked-cc.png) no-repeat;
    /* font-size: 15px; */
}

/* Family */
input[class=family-cabin]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-fc.png) no-repeat;

}

input[class=family-cabin]:checked:before {
    background: url(../images/icons/seat-active-family.png) no-repeat;
    font-size: 15px;
}

input[class=family-cabin]:disabled:before {
    background: url(../images/icons/seat-booked-family.png) no-repeat;
    font-size: 15px;
}

/* Deluxe */

input[class=delux]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-delux.png) no-repeat;

}

input[class=delux]:checked:before {
    background: url(../images/icons/seat-active-delux.png) no-repeat;
    font-size: 15px;
}

input[class=delux]:disabled:before {
    background: url(../images/icons/seat-booked-delux.png) no-repeat;
    font-size: 15px;
}

/* Semi Deluxe */
input[class=semi-delux]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-semi-delux.png) no-repeat;

}

input[class=semi-delux]:checked:before {
    background: url(../images/icons/seat-active-semi-delux.png) no-repeat;
    font-size: 15px;
}

input[class=semi-delux]:disabled:before {
    background: url(../images/icons/seat-booked-semi-delux.png) no-repeat;
    font-size: 15px;
}

/* Vip */
input[class=vip]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-vip.png) no-repeat;

}

input[class=vip]:checked:before {
    background: url(../images/icons/seat-active-vip.png) no-repeat;
    font-size: 15px;
}

input[class=vip]:disabled:before {
    background: url(../images/icons/seat-booked-vip.png) no-repeat;
    font-size: 15px;
}

/* Sofa */

input[class=sofa]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/sofa.png) no-repeat;

}

input[class=sofa]:checked:before {
    background: url(../images/icons/seat-active-sofa.png) no-repeat;
    font-size: 15px;
}

input[class=sofa]:disabled:before {
    background: url(../images/icons/seat-booked-sofa.png) no-repeat;
    font-size: 15px;
}

/* Semi Vip */

input[class=semi-vip]:before {
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/seat-svip.png) no-repeat;

}

input[class=semi-vip]:checked:before {
    background: url(../images/icons/seat-active-svip.png) no-repeat;
    font-size: 15px;
}

input[class=semi-vip]:disabled:before {
    background: url(../images/icons/seat-booked-svip.png) no-repeat;
    font-size: 15px;
}

/* input[name=single-cabin]:before {
    content: "";
    width: 30px;
    height: 30px;
    border-radius: 5px;
    display: inline-block;
    background: url(../images/icons/single-bed.png) no-repeat;
    
}

input[name=single-cabin]:checked:before {
    background: url(../images/icons/1.png) no-repeat;
    font-size: 15px;
}
input[name=single-cabin]:disabled:before {
    background: url(../images/icons/single-bed.png) no-repeat;
    font-size: 15px;
} */


/* End of checkbox design */
.category-menu-image {
    height: 40px;
    cursor: pointer;
}

.copy-wthree p {
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 600;
    line-height: 1.7;
    padding: 0 1em;
}

.copy-wthree p a {
    color: #fff;
}

.copy-wthree {
    margin: 3em 0em;
    text-align: center;
}

.displayerBoxes {
    /* float: right; */
    width: 100%;
    margin-top: 200px;
    /* margin-right: 2em; */
}

.blog-slider {
    width: 95%;
    position: relative;
    max-width: 800px;
    margin: auto;
    background: #fff;
    box-shadow: 0px 14px 80px rgba(34, 35, 58, 0.2);
    padding: 25px;
    border-radius: 25px;
    height: 400px;
    transition: all .3s;
    margin-left: 120px;
}

.launch-image-position {
    margin-top: -180px
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 680px;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 500px;
        height: auto;
        margin: 120px auto 30px auto;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider {
        height: 350px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }

    .launch-image-position {
        margin-top: -100px
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: .3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    /* background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%); */
    box-shadow: 4px 13px 30px 1px rgba(252, 56, 56, 0.2);
    border-radius: 20px;
    transform: translateX(-80px);
    overflow: hidden;
}

.dte {
  float: none !important;
}

.blog-slider__img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%); */
    border-radius: 20px;
    opacity: 0.8;
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 20px;
    transition: all .3s;
}

.deck-button {
    margin: 10px;
    font-weight: bold;
}

.before {
    color: #fff !important;
    background-color: #5bc0de !important;
    border-color: #46b8da !important;
}

.customerdetails-button {
    color: #fff !important;
    /* background-color: #f9a400;
    border-color: #f9a400; */
    font-size: 18px;
    font-weight: 600;
    border-radius: 25px;
    padding: 10px 20px 10px 20px !important;
}

.relative {
    position: relative;
    /* width: 600px; */
}

.absolute-upper-deck {
    position: absolute;
    top: 480px;
    left: 100px;
    font-family: "vedana";
    width: 100%;
    text-align: center;
}

.absolute-bridge-deck {
    position: absolute;
    top: 480px;
    left: 100px;
    font-family: "vedana";
    width: 100%;
    text-align: center;
}

.absolute-button {
    position: absolute;
    top: 350px;
    left: 150px;
    font-family: "vedana";
    /* text-align: center; */
}





/* .absolute-text a {
    font-size: 16px;
    color: #b92b27;
}  */

.margin-top-30 {
    margin-top: 30px;
}

.icon-class {
    height: 30px;
    width: 30px;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all .4s;
}

.blog-slider__code {
    color: #7b7992;
    margin-bottom: 15px;
    display: block;
    font-weight: 500;
}

.blog-slider__title {
    font-size: 24px;
    font-weight: 700;
    color: #0d0925;
    margin-bottom: 20px;
}

.blog-slider__text {
    color: #4e4a67;
    margin-bottom: 30px;
    line-height: 1.5em;
}

.blog-slider__button {
    display: inline-flex;
    background-image: linear-gradient(147deg, #fe8a39 0%, #fd3838 74%);
    padding: 15px 35px;
    border-radius: 50px;
    color: #fff;
    box-shadow: 0px 14px 80px rgba(252, 56, 56, 0.4);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    letter-spacing: 1px;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets,
.blog-slider .swiper-pagination-custom,
.blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    right: 20px;
    width: 11px !important;
    text-align: center;
    left: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 10px;
    background: #062744;
    opacity: 0.2;
    transition: all .3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fd3838;
    height: 30px;
    box-shadow: 0px 0px 20px rgba(252, 56, 56, 0.3);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }
}

html {
    overflow: scroll;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 0px;
    /* remove scrollbar space */
    background: transparent;
    /* optional: just make scrollbar invisible */
}

/* optional: show position indicator in red */
::-webkit-scrollbar-thumb {
    background: transparent;
}

/* --responsive--*/

@media(max-width:667px) {
    h2.wthree {
        padding: 0.7em;
        font-size: 1em;
    }
}

@media(max-width:600px) {
    .w3ls-reg {
        width: 500px;
    }
}

@media only screen and (max-width: 425px) {
    .mr_agilemain {
        display: block;
    }

    input[type="text"],
    input[type="number"] {
        padding: 10px 15px;
        width: 100%;
    }

    .absolute-button {
        position: absolute;
        top: 200px;
        left: 60px;
        font-family: "vedana";
        /* text-align: center; */
    }

    .btn-info {
        color: #fff;
        height: 45px;
        font-size: 12px !important;
        font-weight: 400;
        border-radius: 3px;
        background: #5e6896;
        padding: 10px 10px !important;
        border-color: #5e6896;
        letter-spacing: 1px;
    }

    .margin-left-150 {
        margin-left: 110px !important;
    }

    .absolute-upper-deck {
        position: absolute;
        top: 280px !important;
        left: 40px !important;
        font-family: "vedana";
        width: 100%;
        text-align: center;
    }

    .tbl-class,
    td {
        width: 28px !important;
        font-weight: 100 !important;
        font-size: 1em;
        padding-top: 5px !important;
        height: 18px !important;
        color: #ffffff;
    }

    .hero-head h1 {
        font-size: 38px;
        color: #202642;
        font-weight: 600;
        margin-bottom: 10px;
        padding: 0 20px;
        position: relative;
        z-index: 5;
        line-height: normal;
    }
}

.margin-left-150 {
    margin-left: 150px;
}

@media(max-width:480px) {
    .w3ls-reg {
        width: 450px;
    }

    h1 {
        font-size: 2.5em;
    }

    .w3ls-login form {
        padding: 7.5vw;
    }
}

@media(max-width:430px) {
    h1 {
        font-size: 2.3em;
    }

}

@media(max-width:414px) {
    h1 {
        font-size: 2em;
    }

    .w3ls-reg {
        width: 370px;
    }

    input[type="text"],
    input[type="number"] {
        width: 100%;
    }

    li.smallBox {
        margin: 1em 0 0;
    }
}

@media(max-width:384px) {
    h1 {
        font-size: 1.9em;
    }

    .w3ls-reg {
        width: 350px;
    }

    h2.wthree {
        padding: 0.5em;
    }
}

.total-price {
    color: orange;
    font-size: 14pt;
    margin-left:180px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.next-button-div {
    margin-top: 50px;
}

.journey-div {
    margin-top:20px;
    float: left !important;
}

.room-category {
    margin-top: 80px;
}

.card{
    margin-top:80px;
}

.seat-bg {
    background-image: url('https://booking.mvmanami.com/assets/system_design/images/blur.jpg');
    width: 100%;
}


@media only screen and (max-width: 375px) {
    .seatplan-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .card {
        margin-top: 20px;
    }

    .room-category {
        display: none;
    }

    .category-icons{
        display: none;
    }

    .next-button-div {
        margin-top: 30px;
        padding-bottom: 15px;
    }

    .total-price {
        color: orange;
        font-size: 12pt;
        margin-left: 90px;
    }

    .launch-layout{
        display: none;
    }

    .dte {
        float: none !important;
    }

    h1 {
        font-size: 1.5em;
    }

    .w3ls-reg {
        width: 280px;
    }

    input[type="text"],
    input[type="number"] {
        width: 100%;
    }

    h2.wthree {
        font-size: 0.95em;
        letter-spacing: 5px;
    }

    .copy-wthree p {
        padding: 0 0.5em;
    }

    .absolute-button {
        position: absolute;
        top: 120px;
        left: 40px;
        font-family: "vedana";
    }

    .btn-info {
        color: #fff;
        height: 45px;
        font-size: 12px !important;
        font-weight: 400;
        border-radius: 3px;
        background: #5e6896;
        padding: 10px 10px !important;
        border-color: #5e6896;
        letter-spacing: 1px;
    }

    .margin-left-150 {
        margin-left: 110px !important;
    }

    .absolute-upper-deck {
        position: absolute;
        top: 200px !important;
        left: -4px !important;
        font-family: "vedana";
        width: 100%;
        text-align: center;
    }

    .absolute-bridge-deck {
        position: absolute;
        top: 200px;
        left: -6px;
        font-family: "vedana";
        width: 100%;
        text-align: center;
    }

    .tbl-class,
    td {
        width: 40px !important;
        font-weight: 100 !important;
        font-size: 1em;
        padding-top: 2px !important;
        height: 18px !important;
        color: #ffffff;
    }

    .hero-head h1 {
        font-size: 38px;
        color: #202642;
        font-weight: 600;
        margin-bottom: 10px;
        padding: 0 20px;
        position: relative;
        z-index: 5;
        line-height: normal;
    }
    .btn-css {
            display: block;
            width: 100%;
    }

    .down-form {
        padding: 20px !important;
    }

    .launch_schedule {
        padding-right: 0px !important; 
        padding-left: 0px !important; 
    }
}

@media only screen and (width: 425px) {
    .seatplan-container {
        padding-left: 0px;
        padding-right: 0px;
    }

    .card {
        margin-top: 20px;
    }

    .room-category {
        display: none;
    }

    .category-icons{
        display: none;
    }

    .next-button-div {
        margin-top: 30px;
        padding-bottom: 15px;
    }

    .total-price {
        color: orange;
        font-size: 12pt;
        margin-left: 90px;
    }

    .launch-layout{
        /* visibility: hidden; */
        display: none;
    }

    .dte {
        float: none !important;
    }

    h1 {
        font-size: 1.5em;
    }

    .w3ls-reg {
        width: 280px;
    }

    input[type="text"],
    input[type="number"] {
        width: 100%;
    }

    h2.wthree {
        font-size: 0.95em;
        letter-spacing: 5px;
    }

    .copy-wthree p {
        padding: 0 0.5em;
    }

    .absolute-button {
        position: absolute;
        top: 120px;
        left: 70px;
        font-family: "vedana";
    }

    .btn-info {
        color: #fff;
        height: 45px;
        font-size: 12px !important;
        font-weight: 400;
        border-radius: 3px;
        background: #5e6896;
        padding: 10px 10px !important;
        border-color: #5e6896;
        letter-spacing: 1px;
    }

    .margin-left-150 {
        margin-left: 110px !important;
    }

    .absolute-upper-deck {
        position: absolute;
        top: 200px !important;
        left: -4px !important;
        font-family: "vedana";
        width: 100%;
        text-align: center;
    }

    .absolute-bridge-deck {
        position: absolute;
        top: 200px;
        left: -6px;
        font-family: "vedana";
        width: 100%;
        text-align: center;
    }

    .tbl-class,
    td {
        width: 40px !important;
        font-weight: 100 !important;
        font-size: 1em;
        padding-top: 2px !important;
        height: 18px !important;
        color: #ffffff;
    }

    .hero-head h1 {
        font-size: 38px;
        color: #202642;
        font-weight: 600;
        margin-bottom: 10px;
        padding: 0 20px;
        position: relative;
        z-index: 5;
        line-height: normal;
    }
    .btn-css {
            display: block;
            width: 100%;
    }

    .down-form {
        padding: 20px !important;
    }

    .launch_schedule {
        padding-right: 0px !important; 
        padding-left: 0px !important; 
    }
}

/*--//responsive-- */

/* terms and condition modal */

@media screen and (max-width: 991px) {
    .modal-inner {
        margin-top: 80px !important;
        overflow: auto;
        z-index: 1;
        border-radius: 8px;
    }
}

@media screen and (max-width: 767px) {
    .modal-inner {
        height: 750px !important;
        margin-top: 0px !important;
        overflow: auto;
        z-index: 1;
        border-radius: 8px;
    }
}

.modal {
    position: fixed;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.4);
}

.modal-inner {
    height: 500px;
    margin-top: 150px;
    overflow: auto;
    z-index: 1;
    border-radius: 8px;
}

.english {
    border-bottom: 1px solid gray;
    padding: 25px;
}

.modal-close {
    color: #f00000;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.modal-close:hover, .modal-close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}