/*css*/

img {
    /* width: 100%; */
    /* height: auto; */
    /* display: block; */
}

/*RWD*/

@media only screen and ( min-width:1922px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        bottom: 30%;
        width: 50%;
        left: 30%;
    }

        .btn-go .btn {
            font-size: 3em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        position: absolute;
        padding: 50px;
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and ( min-width:1801px) and (max-width :1921px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        bottom: 30%;
        width: 50%;
        left: 30%;
    }

        .btn-go .btn {
            font-size: 3em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        background-color: rgb(20, 49, 73);
        position: absolute;
        padding: 50px;
        bottom: 0px;
        width: 100%;
        z-index: 999;
    }
}

@media only screen and ( min-width:1680px) and (max-width :1800px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        bottom: 30%;
        width: 50%;
        left: 30%;
    }

        .btn-go .btn {
            font-size: 3em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        position: absolute;
        padding: 20px;
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and ( min-width:1279px) and (max-width :1679px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        bottom: 30%;
        width: 50%;
        left: 30%;
    }

        .btn-go .btn {
            font-size: 3em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        position: absolute;
        padding: 50px;
        bottom: 0px;
        width: 100%;
        z-index: 3;
    }
}

@media only screen and ( min-width:1025px) and (max-width :1278px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        position: absolute;
        top: 50%;
        left: 40%;
        z-index: 999;
    }

        .btn-go .btn {
            font-size: 1em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and ( min-width:769px) and (max-width :1024px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        top: 30%;
        width: 100px !important;
    
        left: 250px;
    }

        .btn-go .btn {
            font-size: 1em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 481px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {

        text-align: center;
        position: absolute;
        top: 30%;
        width: 100px !important;
        left: 135px;

    }

        .btn-go .btn {
            font-size: 1em;
        }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and ( min-width:321px) and (max-width :480px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {
        text-align: center;
        position: absolute;
        top: 20%;
        width: 100px !important;
        left: 50px;
        zoom: 0.8;
    }

        .btn-go .btn {
            font-size: 1em;
        }

    #sect1 {
        padding-top: 3%;
    }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        bottom: 0px;
        width: 100%;
    }
}

@media only screen and ( max-width:320px) {
    .main-view {
        background-image: url(../images/bg.jpg);
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        pointer-events: none;
        margin: 0 auto;
        visibility: visible;
        background-size: contain;
        background-repeat: no-repeat;
        overflow: hidden;
    }

    .btn-go {

        text-align: center;
        position: absolute;
        top: 20%;
        width: 100px !important;
        left: 50px;
        zoom: 0.6;
    }

        .btn-go .btn {
            font-size: 1em;
        }

    #sect1 {
        padding-top: 3%;
    }

    .boat img {
        position: relative;
        width: 100%;
        margin: 0 auto;
        padding: 20px;
    }

    .mbr-section--fixed-size {
        overflow: hidden;
        background-color: rgb(20, 49, 73);
        bottom: 0px;
        width: 100%;
    }
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
}


.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: none;
}