html { overflow-x: hidden; }

#footerWrapper { height: auto; }

.contentMain .information .rightContent.boatDetailAchorLinks { float: right; }

/* Header */
.details.imageArea,
.imageArea { min-height: inherit; }

.imageAreaTextContainer .imageAreaText { width: 335px; }

/* Content */ 
.imageAreaTextContainer {
    margin: 0 auto;
        left: 0;
        right: 0;
    width: 960px;
}

ul.toolsNav.details li#designPontoonLink,
ul.toolsNav.details li#eBrochureLink { width: 23%; }
ul.toolsNav.details li { width: 18%; }
ul.toolsNav li { width: 25%; }
        ul.toolsNav li a { 
            padding: 0 8px;
            width: auto !important;
        }
    
.shoppingToolsInnerInner {
    background: #d6d6d6; /* Old browsers */
    background: -moz-linear-gradient(top,  #d6d6d6 0%, #bdbbbb 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#bdbbbb)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #d6d6d6 0%,#bdbbbb 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bdbbbb',GradientType=0 ); /* IE6-9 */
    width: 100%;
}     

.contentMain .information ul.pontoonInfo li { margin: 0; line-height: 25px; }

#shoppingToolsContainer { height: auto; }

@media (max-width: 1200px) {
    
    #outterContainer,
    .imageAreaContainer { min-width: inherit; }
    
    .imageAreaTextContainer .features {
        float: left;
        width: 225px;
    }
    
}

@media (max-width: 992px) {
    
    .imageAreaTextContainer { top: 25px; }
    
    ul.toolsNav { width: 558px; }
        ul.toolsNav li:first-child { width: 31%; }
        ul.toolsNav li { width: 23%; }
    
    #shoppingToolsContainer .shoppingToolsInner {
        margin: 0 auto;
        width: 750px !important;

        background: #d6d6d6; /* Old browsers */
        background: -moz-linear-gradient(top,  #d6d6d6 0%, #bdbbbb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#bdbbbb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #d6d6d6 0%,#bdbbbb 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #d6d6d6 0%,#bdbbbb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#bdbbbb',GradientType=0 ); /* IE6-9 */
    } 

    /* Grand Mariner */
    .contentMain .description.colors img {
        display: block;
        float: none;
        margin: 0 auto 10px;
    }
    
    /* BOAT DETAILS */
    
    /* Floorplan */
    .noTableContent.floorplans table { width: 100%; }
        .noTableContent.floorplans table td { width: 50%; }
            .noTableContent.floorplans table td img { 
                height: auto;
                width: 90%;
            }
    
}

@media (min-width: 767px) and (max-width: 992px) {
    
    .imageAreaTextContainer {
        background: rgba(0, 0, 0, .5); 
        padding-left: 10px;
        padding-top: 25px;
            top: 0;
        width: 750px;
    }
    
    ul.toolsNav li a {
        font-size: 10px;
        padding: 0;
    }
    
    ul.toolsNav.details li#designPontoonLink,
    ul.toolsNav.details li#eBrochureLink { width: 24%; }
    ul.toolsNav.details li { width: 17.33333333333333%; }
        
    /* Content */   
    .contentMain .information .rightContent { width: 507px; }
    
    .contentMain .description table { width: 100%; }
        .contentMain .description table td:first-child {
            vertical-align: bottom;
            width: 54%;
        }
        .contentMain .description table td { width: 46%; }
    .contentMain .description img { 
        height: auto;
        width: 100%;
    }
    
    .contentMain .chooseBoatContainer ul li a { padding: 0 20px; }
    
    
    /* BOAT DETAILS */
    .contentMain .informationDetails { width: 750px; }
    
        /* Features & Options */
        .contentMain .informationDetails.features .leftContent,
        .contentMain .informationDetails.features .rightContent { width: 49%; }
        .contentMain .informationDetails.options .leftContent,
        .contentMain .informationDetails.options .rightContent { margin: 0; width: 100%; }
            .contentMain .informationDetails.options table ul { width: 95%; }
            
        /* Gallery */
        .informationDetails.gallery table { width: 100%; }
            .informationDetails.gallery table td { width: 20%; }
                .informationDetails.gallery table td img { 
                    height: auto;
                    width: 100%;
                }
    
}

@media (max-width: 767px) {
    
    .imageAreaTextContainer {
        background: rgba(0, 0, 0, .5);
        padding-left: 20px;
            top: 0 !important;
        width: auto;
    }
        .imageAreaTextContainer .imageAreaText,
        .imageAreaTextContainer .features { display: none; }

    .shoppingTools {
        padding: 0;
        text-align: center;
    }
    #shoppingToolsContainer .shoppingToolsInner,
    .shoppingTools,
    ul.toolsNav { width: 100% !important; }
        ul.toolsNav { height: auto; }
        
        ul.toolsNav.details li#designPontoonLink,
        ul.toolsNav.details li#eBrochureLink,
        ul.toolsNav.details li,
        ul.toolsNav li:first-child { width: 100%; }
        ul.toolsNav li {
            float: none;
            width: 100%;
        }
            ul.toolsNav li a { text-align: center; }
    
    .contentMain .description img { 
        height: auto;
        width: 100%;
    }
    
    /* Crowne */
    .contentMain .description.newStyle table tr:last-child td,
    .contentMain .description.newStyle table tr:first-child td:last-child { vertical-align: bottom; }
    .contentMain .description.newStyle table td { width: 50%; }
    
    .contentMain .chooseBoatContainer { 
        padding-left: 10px;
        padding-right: 10px;
    }
    .contentMain .chooseBoatContainer ul li { width: 33.33333333333333%; }
        .contentMain .chooseBoatContainer ul li a {
            display: block;
            margin-bottom: 10px;
            padding: 0;
            text-align: center;
        }
        .contentMain .chooseBoatContainer ul li:nth-child(3n+1) a { border-left: none; }
 
    .contentMain .information,
    .contentMain .description { 
        padding-left: 10px;
        padding-right: 10px;
    }
    
    /* BOAT DETAILS */
    .contentMain .panes > div,
    .contentMain .informationDetails,
    .contentMain #specifications .informationDetails table { width: 100% !important; }
        .contentMain .panes > div .noTableContent { overflow: scroll; }
        .contentMain.boatDetails .informationDetails.specs table td { width: 33.33333333333333% !important; }
        
        .contentMain .informationDetails table td:first-child,
        .contentMain .informationDetails table th:first-child { padding-left: 10px; }
        
        div.informationDetails.specs th.middle,
        div.informationDetails.specs th.last,
        div.informationDetails.specs td.middle,
        div.informationDetails.specs td.last { padding: 0 2px; vertical-align: middle; }
        
    .contentMain.boatDetails { float: none; }
        .contentMain.boatDetails .information .leftContent { width: 20%; }
        .contentMain.boatDetails .information .rightContent { width: 80%; }
        
            .contentMain .information .leftContent .pontoonInfo { padding-left: 10px; }
    
    .noTableContent.floorplans { padding: 0 20px; }
        .informationDetails.gallery table,
        .noTableContent.floorplans table { width: 100%; }
        
    /* Options */
    .contentMain.boatDetails .informationDetails.options .leftContent,
    .contentMain.boatDetails .informationDetails.options .rightContent,
    .contentMain.boatDetails .informationDetails.features .leftContent,
    .contentMain.boatDetails .informationDetails.features .rightContent {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
        .contentMain .informationDetails.options table ul { width: 98%; }
    
}

@media (max-width: 598px) {
    
    .contentMain.boatDetails .information .leftContent,
    .contentMain.boatDetails .information .rightContent { width: 100%; }
    
    .contentMain .information ul.pontoonInfo li { 
        float: left;
        width: 50%;
    }
    .contentMain .information ul.socialMedia { 
        float: left;
        margin-top: 15px;
        width: 100%;
    }
        
    .contentMain .description.colors img,    
    .contentMain.boatDetails .description.colors img { width: 100%; }

    /* Crowne */
    .contentMain .description.newStyle table td { width: 100%; }
    .contentMain .description.newStyle table tr:first-child td:last-child img { display: none; }
    
}

@media (max-width: 480px) {
    
    .contentMain.boatDetails .description.colors img { width: 100%; }
    
}

@media (max-width: 479px) {
    
    .contentMain.boatDetails .chooseBoatContainer ul li { width: 50%; }
        .contentMain.boatDetails .chooseBoatContainer ul li a { border-left: none; }
        .contentMain.boatDetails .chooseBoatContainer ul li:nth-child(even) a { border-left: 1px solid #848484; }
        
    .contentMain .chooseBoatContainer ul li { width: 50%; }
        .contentMain .chooseBoatContainer ul li:nth-child(3n+1) a { border-left: 1px solid #848484; }
        .contentMain .chooseBoatContainer ul li:nth-child(odd) a { border-left: none; }
    
}

@media (max-width: 360px) {
    
    /* BOAT DETAILS */
    .boatModelTitle { width: auto; }
    
    /* Options & Features */
    .contentMain.boatDetails .informationDetails.options table th,
    .contentMain.boatDetails .informationDetails.features table th,
    .contentMain.boatDetails .informationDetails.options table td,
    .contentMain.boatDetails .informationDetails.features table td { padding-left: 10px; }
    
    /* Gallery */
    .contentMain.boatDetails .informationDetailsTitle span { margin-left: 0; }
    
    /* Video */
    #Video td { width: auto; }
        #Video td img.video {
            height: auto;
            width: 100%; 
        }
        
        .video > .play {
            margin: auto;
                bottom: 0;
                left: 0;
                right: 0;
                top: 0;
        }
    
}