.mobileQueenMary {
    /*background-image: url('/images/queenmary_hp.jpg');
    background-size: 400px;
    background-repeat: no-repeat;
    background-color: white;
    background-position: 50% 100%;
    
    border: none;
    height: 320px;
    margin-bottom: 20px;*/
    display: none;
}


.clickableMailDiv {
    position: absolute;
    bottom: -100px;
    right:0;
    margin-bottom: 5px;
    width: 100%;
    height: 20px;
}

.clickablePhoneDiv {
    position: absolute;
    bottom: -100px;
    right:0;
    margin-bottom: -30px;
    width: 100%;
    height: 30px;
}


    font[color='#ff0000'] > font[size='7']{
        color: red;
        font-size: xx-large;
        /* align-content: center; */
    }

    font[color='#ff0000'] > font[size='4']{
        display: none;
    }

.crewImageDiv {
    width: 90%;
    margin: 0 auto;
}




.navbar-toggle.collapsed 
{
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 8px;
    /*padding: 0px;*/
}

.navbar-header {
    margin-right: 0px !important;
}


.unscrollable {
    /*max-width: 100% !important;*/
    overflow-x: hidden !important;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}
.collapse.navbar-collapse {
    padding: 0px;
}

.table-wrap {
    max-width: 1000px;
    width: 100%;
}

.right-float {
    float: right;
}

.header-slider {
    width: 240px;
    height: 130px;
    background-image: url('/images/topphoto1.jpg');
    background-repeat: no-repeat;
}

.header__info {
    background-image: url('/images/headerMain.jpg');
    background-repeat: no-repeat;
    width: 757px;
    vertical-align: top;
}

.nav-menu {
    vertical-align: top;
    color: #243257;
    font-family: Sans-Serif;
    background-image: url('/images/vidbg.png');
    background-repeat: repeat;
    font-size: 22px;
    font-weight: bold;
    width: 365px;
}

.fb-social {
    width: 305px;
    vertical-align: top;
}

.leftside-bar {
    color: black;
    font-size: 14px;
    border-color: Black;
    width: 100%;
}

.leftside-bar__wrap {
    vertical-align: top;
    color: #243257;
    font-family: Sans-Serif;
    background-image: url('/images/vidbg.png');
    background-repeat: repeat;
    font-size: 22px;
    font-weight: bold;
    width: 365px;
}

.fb-block {
    width: 305px;
    vertical-align: top;
}

.cost-block {
    text-align: right;
    vertical-align: top;
    font-family: Sans-Serif;
    color: #243257;
    font-size: 22px;
    font-weight: bold;
}

.content td {
    vertical-align: top;
    color: #243257;
    font-family: Sans-Serif;
    background-repeat: repeat;
    font-size: 12px;
    font-weight: bold;
    width: 190px;
    text-align: left;
}

.image-block__wrap {
    width: 100%;
    max-width: 650px;
}

.content-table {
    box-sizing: border-box;
    width: 100%;
    max-width: 800px;
    text-align: left;
}

.calendar {
    width: 100%;
    max-width: 350px;
    height: 190px;
    font-size: 9pt;
    font-family: Verdana;
    color: Black;
    border-width: 1px;
    border-style: solid;
    border-color: Blue;
    background-color: #EBEBFA;
    border-collapse: collapse;
}

.calendar-wrap {
    padding: 0 20px
}

.banner-wrap {
    background-repeat: no-repeat;
    max-width: 900px;
    width: 100%;
    height: 505px;
}

.banner-wrap--fireworks {
    background-image: url('/images/qmFireworks.jpg')
}

.banner-wrap--family {
    background-image: url('/images/ffnbg.jpg')
}

.season-wrap {
    color: White;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    font-family: Sans-Serif;
    font-size: 22px;
    font-weight: bold;
    max-width: 365px;
    width: 100%;
}

.banner-wrap__item {
    display: block;
    vertical-align: top;
    width: 100%;
    max-width: 365px;
}

.stripers-wrap {
    font-family: Sans-Serif;
    max-width: 990px;
    width: 100%;
}

.reservation-content {
    width: 100%;
    /*display: block;
    margin: 0 auto;*/
    max-width: 485px;
}

.report-content {
    max-width: 1035px;
    width: 100%;
    border: solid 5px black;
}

.content-block {
    max-width: 670px;
    width: 100%;
}

.faq-content {
    text-align: left;
    max-width: 600px;
    width: 100%;
}

.contact__map-block{
    text-align: left;
    font-family: Sans-Serif;
    font-size: 12px;
    vertical-align: top;
}

.mob-no-visible{overflow: hidden}


@media only screen and (max-width: 767px) {
    
    .clickableMailDiv {
    bottom: 30px;
    margin-bottom: 5px;
    
}

    .adaptivePopup {
        max-height: 300px;
        overflow: auto;
    }

.clickablePhoneDiv {
    margin-bottom: 100px;
    height: 30px;
}


    .unlooked-for-stars {
        display: none;
    }

    .unlooked-for-hrefs > a > font {
        font-size: 12px  !important;
    }

    /*span > img {
        width: 100%;
    }

     font > img {
        width: 100%;
    }*/
    
    #CDSSCROLLINGRAVE.wide 
    {
    width: 100% !important;
    }

     img[src*='reportImages'] {
         width: 100%;
     }
   
    .reportContainer {
        width: 100%;
    }

    .reportContainer > img {
        width: 100%;
    }

    .mobileQueenMary {
    
    display: block;
}

    .crewImageDiv > img {
   width: 100%
}
   

    .container-fluid {
        position: absolute;
        /*top: 50px;*/
        right: 0px;
    }
    body {
        margin: 0;
    }

    #menuList {
        max-width: 420px;
        margin: 20px auto !important;
    }

    .header, .header > tbody, .header > tbody > tr {
        width: 100%;
        display: block;
    }

    .header-slider {
        display: none;
    }

    .header__info {
        display: block;
        width: 100%;
        height: 130px;
        background-size: 100% 100%;
    }

    .nav-menu {
        width: 100%;
    }

    .fb-social {
        width: 100%;
        display: block;
    }

    #menu ul {
        height: auto;
        background-size: 100%;
        padding: 20px 0;
    }

    #menu li {
        float: none;
        display: block;
        /*text-align: center;*/
        width: 100% !important;
        margin: 7px 0;
        height: auto;
        
    }

    #menu li :hover {
        font-weight: bold;
        
    }

    /*#menu li:nth-child(2n) {
        display: none
    }*/

    #menu ul a {

        display: inline-block;
        width: auto !important;
        height: auto;
        font-size: 13px;
        margin-left: 10px;
    }

    #menu ul > li ul {
        padding: 0;
    }

    #menu ul > li ul li {
        margin: 0;
    }

    .nav__drop-list {
        position: static !important;
        top: 0 !important;
        visibility: visible !important;
        margin: 15px 0 7px !important;
    }

    #menu li ul a {
        text-align: center;
        font-size: 12px;
        display: inline-block;
    }

    .nav__drop-list li a {
        background-color: transparent !important;
        border: none !important;
        font-style: italic;
        font-size: 10px;
        color: #CECECE !important;
    }

    .nav__drop-list li a:hover {
        background-color: transparent !important;
        border: none !important;
        color: #CECECE !important;
    }

    .leftside-bar__wrap, .fb-block, .cost-block {
        display: block;
        width: 90%;
        /*max-width: 420px;*/
        margin: 0 auto;
        padding: 30px 0;
        border-bottom: 1px solid #fff;
        background-image: url('/images/vidbg.png');
    }

    .leftside-bar__wrap {
        padding-top: 0;
    }

    .fb-block table {
        width: 100%;
        text-align: center;
    }

    .fb-block table > tr table {
        margin: 0 auto;
    }

    .cost-block {
        margin-bottom: 30px;
    }

    .cost-block td:first-child {
        display: none
    }

    .cost-block table {
        width: 100%;
    }

    .cost-block td:last-child {
        text-align: center;
        width: 100%;
        display: block;
    }

    .none-br br {
        display: none;
    }

    .homebg {
        background: none;
    }

    .fb-icon {
        display: inline-block
    }

    .b-link {
        margin: 0 0 30px;
    }

    .trip-line {
        max-width: 400px;
        width: 100%;
        margin: 30px auto;
    }

    .content {
        width: 100%;
        max-width: 600px;
    }

    .content td {
        display: block;
        width: 100%;
    }

    .menulistBottom {
        padding-top: 25px;
    }

    .menulistBottom table {
        text-align: center
    }

    .menulistBottom table tr td {
        display: block;
        width: 100%;
        margin: 6px 0;
    }

    .menulistBottom table tr td a {
        display: inline-block;
    }

    .menulistBottom table tr:first-child td {
        display: inline-block;
        width: auto;
    }

    .gallery-wrap {
        max-width: 420px;
        width: 100%;
    }

    .gallery {
        width: 100%;
    }

    .gallery-in > td {
        display: block;
        margin-bottom: 20px;
    }

    .gallery > td {
        display: block;
        margin-bottom: 20px;
    }

    .gallery-in > td:last-child {
        margin-bottom: 0;
    }

    td.gallery--no-margin {
        margin-bottom: 0
    }

    .image-block td {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .image-block td:last-child {
        margin-bottom: 0
    }

    .image-block__wrap {
        margin: 30px 0
    }

    .content-table {
        padding: 0 15px
    }

    .content-price tbody > tr:first-child {
        display: block;
        margin: 20px 0;
    }

    .content-price tbody > tr:first-child > td, .content-price tbody > tr:last-child > td {
        display: block;
        width: 100%;
        max-width: 420px;
        margin-bottom: 35px;
    }

    .content-price tbody > tr:first-child > td:nth-child(2) {
        display: none;
    }

    .content-price tbody > tr:nth-child(2) {
        display: none;
    }

    .calendar-wrap {
        padding: 0
    }

    .calendar {
        display: none
    }

    .table-image td{
        display: block;
        width: 100%;
    }

    .table-image td:last-child{text-align: center}

    .faq-wrapper{
        padding: 0 10px;
    }
}


@media (min-width: 768px) and (max-width: 1027px) { 
   /*.homebg {
       background-image: none;

   }*/





.DailyRatesHeader {
    font-size: 26px;
    text-decoration: underline;
}
   
}
@media (min-width: 768px) and (max-width: 900px) { 
   .DailyRates {
       font-size: 15px;
   }
   .DailyRatesHeader {
    font-size: 18px;
    text-decoration: underline;
}
   .homebg {
    background-image: url('/images/queenmary_hp.jpg');
    background-repeat: no-repeat;
    background-position: 94% 3%;
       background-size: 450px;
   }
}


@media (min-width: 901px) and (max-width: 950px) { 
   .homebg {
    background-image: url('/images/queenmary_hp.jpg');
    background-repeat: no-repeat;
    background-position: 95% 3%;
       background-size: 460px;
}
     .DailyRates {
       font-size: 15px;
   }
   .DailyRatesHeader {
    font-size: 18px;
    text-decoration: underline;
}

}

@media (min-width: 951px) and (max-width: 1027px) { 
   .homebg {
    background-image: url('/images/queenmary_hp.jpg');
    background-repeat: no-repeat;
    background-position: 90% 0%;
       background-size: 500px;
}
     .DailyRates {
       font-size: 16px;
   }
   .DailyRatesHeader {
    font-size: 19px;
    text-decoration: underline;
}
}
/*@media (max-width: 1027px) {*/



@media (max-width: 899px) {
    .banner-wrap--fireworks {
        background: #000;
    }

    .banner-wrap--family {
        background: #fff;
    }

    .season-wrap {
        margin-top: 40px;
        max-width: 100%;
    }

    .season-wrap tr {
        display: block;
        margin-bottom: 20px;
        padding-left: 40px;
    }

    .season-wrap tr:last-child{
        padding-left: 0;
    }

    .season-wrap tr:first-child {
        padding-left: 0;
    }

    .season-wrap tr:last-child img {
        margin: 10px 0;
    }

    .season-wrap tr:last-child td {
        display: block;
    }

    .img-responsive {
        max-width: 100%
    }

    .Apple-style-span ul:first-child font {
        display: block;
        margin-bottom: 10px;
    }

    .Apple-style-span ul:last-child {
        margin-bottom: 10px;
    }

    .banner-wrap__item {
        display: block;
        margin: 0 auto;
    }

    .banner-wrap__item br {
        display: none;
    }

    .banner-wrap__item--resize {
        display: block;
    }
}

@media (max-width: 989px) {
    .stripers-wrap {
        display: block;
    }

    .stripers-wrap tr:first-child td:nth-child(2) {
        display: none;
    }

    .stripers-video, .stripers-leftside {
        display: block;
        width: 100%;
        margin-bottom: 30px;
    }

    .stripers-video iframe {
        max-width: 560px;
        width: 96%;
    }

    .stripers-wrap tr:last-child table tr:first-child td {
        display: block;
        margin: 0 auto;
        max-width: 350px;
        width: 100% !important;
    }

    .stripers-wrap tr:last-child table tr:first-child td img {
        max-width: 100%;
    }

    .content-block {
        display: block;
        margin: 0 auto;
    }

    .report-content {
        border: none
    }

    .mob-no-visible {
        display: none;
    }

    .link-content {
        padding: 0 20px;
    }

    .contact-row td{
        display: block;
        width: 98%;
        margin: 0 auto 20px;
    }

    .contact-row td:last-child{margin-bottom: 0}

    .contact__map-block td{
        display: block;
        width: 98%;
        margin: 0 auto 20px;
    }

    .contact__map-block td:last-child{
        padding: 0;
    }
}