@import url(https://p.typekit.net/p.css?s=1&k=pfd0vlu&ht=tk&f=39680.39685.39686.39687&a=18198936&app=typekit&e=css);
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: trade-gothic-next;
    src: url(https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff2"), url(https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("woff"), url(https://use.typekit.net/af/a1ace0/00000000000000003b9b2100/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: trade-gothic-next;
    src: url(https://use.typekit.net/af/fa3304/00000000000000003b9b2105/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff2"), url(https://use.typekit.net/af/fa3304/00000000000000003b9b2105/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("woff"), url(https://use.typekit.net/af/fa3304/00000000000000003b9b2105/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 300
}

@font-face {
    font-family: trade-gothic-next;
    src: url(https://use.typekit.net/af/ab798e/00000000000000003b9b2106/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff2"), url(https://use.typekit.net/af/ab798e/00000000000000003b9b2106/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("woff"), url(https://use.typekit.net/af/ab798e/00000000000000003b9b2106/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i3&v=3) format("opentype");
    font-display: auto;
    font-style: italic;
    font-weight: 300
}

@font-face {
    font-family: trade-gothic-next;
    src: url(https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff2"), url(https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("woff"), url(https://use.typekit.net/af/0f438f/00000000000000003b9b2107/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3) format("opentype");
    font-display: auto;
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: tSemi;
    src: url(../fonts/Tungsten-Semibold.otf);
}

@font-face {
    font-family: anBold;
    src: url(../fonts/AvenirNextPro/AvenirNextLTPro-BoldCond.otf);
}

@font-face {
    font-family: montBold;
    src: url(../fonts/Montserrat/Montserrat-Bold.ttf);
}

@font-face {
    font-family: bold_trade_blog;
    src: url(../fonts/FontsFree-Net-Trade-Gothic-Next-LT-Pro-BdCn.ttf);
}

@font-face {
    font-family: "acumin-bold";
    src: url("/assets/fonts/AcuminsPro/acumin_pro_bold.ttf");
}

@font-face {
    font-family: "acumin-ExtraLight";
    src: url("/assets/fonts/AcuminsPro/AcuminPro-ExtraLight.ttf");
}

@font-face {
    font-family: "acumin-light";
    src: url("/assets/fonts/AcuminsPro/aclight.ttf");
}

@font-face {
    font-family: "acumin-Medium";
    src: url("/assets/fonts/AcuminsPro/AcuminPro-Medium.ttf");
}

@font-face {
    font-family: "acumin-black";
    src: url("/assets/fonts/AcuminsPro/fonnts.com-AcuminPro-Black.ttf");
}

@font-face {
    font-family: "acumin-semibold";
    src: url("/assets/fonts/AcuminsPro/fonnts.com-AcuminPro-Semibold.ttf");
}

@font-face {
    font-family: "acumin-regular";
    src: url("/assets/fonts/AcuminsPro/fonnts.com-AcuminPro-Regular.ttf");
}

@font-face {
    font-family: "acumin-thin";
    src: url("/assets/fonts/AcuminsPro/fonnts.com-AcuminPro-Thin.ttf");
}


a {
    text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
body {
    font-family: trade-gothic-next, sans-serif;
}

body {
    color: #000;
}

.first_btn {
    background-color: #ca2123;
    display: inline-block;
    padding: 12px 26px;
    color: #fff;
    border: 1px solid transparent;

}

.first_btn:hover {
    color: #fff;
    background-color: #ca2123;
    text-decoration: none;
}

/*irfan styling*/

* {
    scroll-behavior: smooth;
}

.grecaptcha-badge {
    display: none;
}

.recaptcha-disclaimer {
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 10px;
    padding: 5px 0;
}

@media (min-width: 1300px) {
    .nav_con.container {
        width: 1240px;
    }
}

@media (min-width: 1400px) {
    .nav_con.container {
        width: 1300px;
    }
}

@media (min-width: 1500px) {
    .nav_con.container {
        width: 1400px;
    }
}

@media (min-width: 1600px) {
    .nav_con.container {
        width: 1500px;
    }
}

@media (min-width: 1700px) {
    .nav_con.container {
        width: 1600px;
    }
}

@media (min-width: 1800px) {
    .nav_con.container {
        width: 1700px;
    }
}

.alert {
    max-height: 80px;
}

.nav_con {
    overflow-x: clip !important;
}

/*irfan styling*/
.trans_bg {
    position: absolute;
    z-index: 2;
    width: 100%;
    background-color: transparent !important;
}

.trans_bg nav {
    background-color: transparent !important;
}

.teamProfile {
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: auto;
    position: absolute;
    top: -50px;
}

.clearSearch {
    display: none;
}

.teamProfile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

a.navbar-brand {
    margin-top: 20px;
}

.video_wrap {
    position: relative;
}

.video_wrap>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video_wrap .fa {
    color: white;
}

.video_wrap>a {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.tk-trade-gothic-next {
    font-family: trade-gothic-next, sans-serif
}

.navbar .dropdown-menu div[class*=col] {
    margin-bottom: 1rem
}

.navbar .dropdown-menu {
    border: none;
    background-color: #fff !important
}

.flex-column .nav-link {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.filters_product input[type=range] {
    width: 71%
}

.text-uppercase {
    margin-left: 37px;
    /* margin-bottom: 5px;
    margin-top: 24px; */
    display: block;
    font-family: trade-gothic-next
}

/* .text-uppercase::after {
    content: '';
    position: absolute;
    background: green;
    width: 18px;
    margin-top: 30px;
    height: 2px;
    text-align: left !important;
    float: left;
    left: 30px
} */

.flex-column .nav-link {
    color: #d3d3d3 !important;
    font-size: 16px;
    font-weight: 500
}

.border_top::before {
    padding-bottom: 20px;
    width: 150px;
    position: absolute;
    background-color: #e0e0e0;
    position: absolute;
    content: '';
    padding-bottom: 2px;
    margin-bottom: 20px;
    line-height: 25px;
    display: block;
    left: 57px;
    margin-top: -8px
}

.over_lay_text {
    position: relative;
    width: 100%;
    float: left
}

#four li iframe {
    display: block;
    width: 100%
}

.over_lay_text p {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    color: #e72300;
    font-weight: 700;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px;
    margin-left: 0 !important
}

.child_menues .nav-item .nav-link {
    font-size: 14px !important;
    font-family: trade-gothic-next !important;
    line-height: 20px !important;
    height: 20px !important;

}

.child_menues .nav-item a {
    padding: 0px !important;
    color: #000 !important
}

.order_part_btn {
    float: left;
    border: 1px solid #000 !important;
    padding: 20px;
    display: block;
    color: #fff;
    text-align: center;
    display: block;
    width: 70%;
    margin: 0 auto !important;
}

.section-strt {
    float: left;
    width: 100%
}

/* .top-header {
    background: #fff;
} */



input.error_field::placeholder {
    color: red !important;
}


textarea.error_field::placeholder {
    color: red !important;
}

.error_field {
    /* border-bottom: 1px solid red !important; */
    border: 1px solid red !important;
}

.req_check {
    /* border-bottom: 1px solid red !important; */
    border: 1px solid red !important;
}



.navbar-brand {
    max-width: 280px;
    position: relative;
    left: 30px;
    float: left;
    /* padding: 9.5px 15px; */
    padding: 9.5px 15px 9.5px 0;
    font-size: 19px;
    height: auto
}

.top-header .form-inline .btn {
    background: 0 0;
    color: #191919;
    display: flex;
    align-items: center;
}

.top-header .form-inline .btn:focus {
    outline: 0 !important;
    border: none !important
}

.top-header .form-inline .btn:active {
    outline: 0 !important;
    border: none !important
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding-right: 3.5rem;
    padding-left: 1.5rem
}

.header_bottom {
    background-color: #1a1a1a;
}

.header_bottom .left_texts {
    list-style: none;
    padding: 10px 0px;
    margin-bottom: 0;
    text-transform: uppercase;
}

.header_bottom .left_texts li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
}

.header_bottom .left_texts li strong {
    color: #a5a5a5;
    font-weight: 400;
    margin-right: 3px;
    font-size: 14px;
    font-family: trade-gothic-next
}

.header_bottom .left_texts li span {
    color: #a5a5a5;
    font-weight: 600;
    font-family: trade-gothic-next
}

.View_boat:hover a {
    color: #fff !important;
}

.schedule-btn a {
    color: #fff;
    background-color: #ca2123;
    padding: 10px 30px;
    display: block;
    text-align: center;
    cursor: pointer;
    /* width: 55%; */
    margin-right: 0px;
    float: right;
    font-size: 14px;
    letter-spacing: 0.8px;
    font-weight: 700;
    font-family: trade-gothic-next;
    text-decoration: none
}

.nav-item .top_link:hover {
    /* position: absolute;
    content: ''; */
    border-bottom: 3px solid red;
    /* left: 50%;
    transform: translateX(-50%);
    width: 100%; */
}

.nav-item {
    font-family: trade-gothic-next;
    font-weight: 700
}

.navbar-toggler-icon {
    background-color: #008542
}

.header_bottom .schedule-btn a:hover {
    color: #fff;
    background: #ee3525
}

.navbar-expand-lg .navbar-nav .nav-link {
    color: #191919;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 61px;
    letter-spacing: 0.8px;
    line-height: 58px;
    /*	height: 27px;*/
    height: auto;
    padding: 8px 18px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #ca2123 !important;
}

.navbar .nav-item {
    padding: .5rem 0;
    margin: 0 !important;
}

.navbar .inn {
    padding-top: 10px !important;
    padding-bottom: 20px !important;
}

.order_part_btn a {
    padding: 10px 0px;
}

.nav-link.fw_light:last-child {
    padding-right: 3px;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    /* color: #ee3525 !important */
}

/* li.nav-item:nth-child(5) {
    font-weight: 400
}

li.nav-item:nth-child(6) {
    font-weight: 400
} */

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
    color: #ee3525
}

.flex-column li a {
    text-transform: inherit !important
}

.bg_banner_section {
    background-image: url(../newimage/Banner.png);
    height: 600px;
    background-size: cover
}

.banner_title h1 {
    margin-top: 159px;
    display: block;
    float: left;
    color: #fff;
    font-size: 60px;
    font-family: trade-gothic-next
}

.find_boat {
    background-color: #ee3525;
    padding: 14px 16px;
    margin-top: 43px;
    display: block;
    float: left;
    font-size: 15px;
    cursor: pointer;
    color: #fff !important;
    margin-bottom: 10px;
    font-family: trade-gothic-next;
    font-weight: 400
}


/* irfan chnges */

.ir_bread_crumbs {
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 20px auto;
}

.v_seprater {
    padding: 20px 0;
}

.v_seprater a {
    color: #000;
}

/* .v_seprater::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    top: 50%;
    height: 80px;
    transform: translateY(-50%);
    bottom: 0; 
    background: #c1c1c1;
} */

.v_seprater:last-child::after {
    display: none;
}

/* BANNER SECTION START */
.section-strt .img_wrap {
    position: relative;
    padding-top: 39%;
}

.section-strt .homeMainSlider {
    position: relative;
}

.section-strt .img_wrap img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.section-strt .homeMainSlider .text_wrap {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15%;

}

.section-strt .homeMainSlider .text_wrap h1 {
    font-family: tSemi;
    color: #fff;
    font-size: 95px;
}

/* MEDIA QUERIES */
@media(max-width:991px) {
    .section-strt .img_wrap {
        min-height: 500px;
    }

    .section-strt .homeMainSlider .text_wrap h1 {
        font-size: 60px;
    }
}

.vewExprncSec.hide {
    bottom: -316px;
    display: block !important;
}

#showBar {
    display: inline-block;
    padding: 8px;
    background-color: #0075B7;
    color: #fff;
    position: absolute;
    top: -38px;
    right: 0;
}

.vewExprncSec {
    padding: 10px 0 40px 0;
    background: #F1F1F1;
    position: fixed;
    bottom: 0;
    z-index: 1;
    transition: ease-in .3s;
    width: 100%;
}

.vewiExpHeading>h2 {
    text-align: center;
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 20px;
}

.viewCard {
    margin: 8px;
    border-radius: 10px;
    cursor: pointer;
    /* box-shadow: -1px 1px 8px 1px rgba(112, 112, 112, 0.418);
    -webkit-box-shadow: -1px 1px 8px 1px rgba(112, 112, 112, 0.356);
    -moz-box-shadow: -1px 1px 8px 1px rgba(112, 112, 112, 0.301); */
    box-shadow: 0px 0px 10px 0px #0000001A;
    background-color: #fff;
    padding: 10px 20px;
    height: 180px;
}

/* .viewCard:hover,.viewCard.active{
    background-color: #0075B7;
    color: #fff;
} */
.viewCard.active {
    background-color: #0075B7;
    color: #fff;
}

.viewCard.active p {
    color: #fff !important;
}

.aiContent>p {
    font-weight: 100 !important;
    text-align: left !important;
}

.aiHead {
    margin-bottom: 40px;
}

.aiHead>h4 {
    font-weight: 800;
    font-size: 22px;
}

.aiImge {
    width: 150px;
    margin-bottom: 20px;
}

.aiImge>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vciner {
    display: flex;
    align-items: center;
    height: 100%;
}

.vcImg {
    width: 80px;
    height: 80px;
    margin-right: 20px;
}

.vcImg>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.vcTxt>h4 {
    font-size: 18px;
    font-weight: 700;
}

.vcTxt>p {
    font-weight: 100;
    font-size: 15px;
}

/* irfan changes */

.featured_boats {
    background-image: url(../newimage/line_bg.jpg);
    height: 600px;
    background-size: cover;
    background-color: #1a1a1a;
    background-repeat: no-repeat
}

.featured_boats .text-center h2 {
    margin: 40px auto;
    color: #fff;
    font-size: 40px;
    letter-spacing: 2px;
    font-family: trade-gothic-next;
    font-weight: 400 !important
}

.featured_boats .text-center h1 {
    margin: 40px auto;
    color: #fff;
    /*font-size: 40px;*/
    letter-spacing: 2px;
    font-family: trade-gothic-next;
    font-weight: 400 !important
}

.image_frame {
    position: relative;
    padding-top: 60%
}

.image_frame img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.boat_content h2 {
    color: #fff;
    font-size: 20px;
    margin: 20px 0 5px;
    font-family: trade-gothic-next;
    font-weight: 700 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 100%;
    background-color: transparent;
}

.closed_boats_sec .boat_content h2,
.closed_boats_sec .boat_content strong,
.closed_boats_sec .View_boat,
.closed_boats_sec .boat_content span {
    /* background-color: #000; */
}

.boat_content h3 a {
    color: #fff !important
}

.boat_content h3 a:hover {
    color: #ee3525 !important
}

.boat_content ul li {
    list-style: none;
    line-height: 2;
}

.boat_content ul li span {
    color: #000;
    font-weight: 300;
    font-family: trade-gothic-next;
    line-height: 2;
    margin-right: 10px;
}

.boat_content span {
    color: #000;
    font-size: 16px;
    font-weight: 300;
    font-family: trade-gothic-next;
    margin-right: 10px;
}

.boat_content strong {
    color: #000;
    font-family: trade-gothic-next;
    font-weight: 600;
    background-color: transparent;
}

.boat_content span a {
    color: #ee3525 !important;
    font-size: 17px
}

.View_boat {
    border: 1px solid #ee3525;
    display: block;
    width: 60%;
    color: #fff !important;
    text-align: center;
    padding: 9px 0;
    transition: .2s all;
    text-decoration: none !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    font-family: trade-gothic-next;
    text-transform: uppercase;
    background-color: #ee3525;
}

.View_boat:hover {
    background-color: #000;
    border: 1px solid #000;
    color: #fff;
    text-decoration: none
}

.about_section {
    background-image: url(https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/madis/assets/images/bg_banner2.jpg);
    /* height: 250px; */
    background-size: cover;
    background-color: #1a1a1a;
    background-repeat: no-repeat;
    padding: 50px 0;
}

.ir_red_btn {
    background-color: #e72300 !important;
    text-transform: uppercase;
}

.about_section .text-center h2 {
    margin: 40px auto;
    color: #fff;
    font-family: trade-gothic-next;
    letter-spacing: 2px;
    font-size: 30px;
    font-weight: 400;
    /*  background-color: #000000; */
    width: auto;
    display: inline-block;
}

div.review_widcontroller#review_combo .mcw-slideout.preview_bottom_left .mcwHolder,
div.review_widcontroller#review_combo .mcw-slideout.preview_bottom_right .mcwHolder {
    left: 0;
    z-index: 9999 !important;
}

.about_section p {
    color: #fff;
    font-family: trade-gothic-next;
    /* font-weight: 500; */
    line-height: 1.8;
    /* background-color: #000000; */
}

.boat_content h2 {
    color: #000;
    font-weight: 600;
    font-family: trade-gothic-next
}

.image_box {
    margin: 35px 0
}

.boat_content p {
    color: #fff
}

.our_team_section .team_content_wrapper {
    position: relative;
    background-color: #333;
    padding-bottom: 25px;
    height: 430px;
    margin-top: 70px;
}

.our_team_section {
    height: auto !important;
    /* padding-bottom: 100px; */
    padding: 70px 0;
}

.request.bg_unset.text_lower {
    margin-bottom: 45px;
    margin-top: 0;
    letter-spacing: 2px;
}

.our_team_section .team_content_wrapper .overlay_img_on_wrapper {
    position: relative;
    text-align: center
}

.our_team_section .team_content_wrapper .overlay_img_on_wrapper img {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin-top: -50px
}

.our_team_section .team_content_wrapper h3 {
    margin: 20px 0 10px;
    text-align: center;
    color: #fff;
    font-size: 22px;
    display: block;
    font-weight: 600;
    font-family: trade-gothic-next;
    padding-top: 70px;
}

.our_team_section .team_content_wrapper span {
    margin: 0 0 10px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    display: block;
    font-weight: 300;
    font-family: trade-gothic-next
}

.our_team_section .team_content_wrapper p {
    margin: 20px 0;
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: 300;
    font-family: trade-gothic-next;
    padding: 10px 25px 10px
}

.value_trade {
    /* background-image: url(../images/light_lines.jpg);
    background: #f1f1f2 none repeat scroll 0 0; */
    background-color: #1a1a1a;
    height: 323px;
    background-size: cover;
    background-repeat: no-repeat
}

.value_trade h2 {
    margin: 70px auto 10px;
    color: #fff;
    font-size: 30px;
    font-family: trade-gothic-next;
    font-weight: 700;
    /* background-color: #fff; */
    margin-bottom: 50px;
}

.value_trade {
    padding-bottom: 50px
}

.form_bg {
    border: 2px solid #bbb !important;
    background: #fff !important;
}

.value_trade p {
    color: #ee3525;
    margin-bottom: 30px;
    margin-top: 20px;
    font-size: 18px
}

.inline_form ul {
    list-style: none
}

.inline_form ul li {
    display: inline-block;
    margin-right: 15px
}

.inline_form ul li input[type=text] {
    border-radius: none;
    border-radius: none !important;
    border-radius: initial;
    padding: 4px 15px 4px 15px;
    border: 1px solid #bbb;
    height: 50px
}

.inline_form ul li [type=submit] {
    -webkit-appearance: button;
    background-color: #1a1a1a;
    color: #fff;
    border: none;
    padding: 5px 40px;
    display: inline-block;
    cursor: pointer;
    height: 50px;
    float: left
}

/* MONTHLY GALLERY SECTION */

.monthly_gallery {
    padding-top: 100px;
    /* padding-bottom: 60px; */
}

.gallery_heading {
    padding-bottom: 45px;
}

.gallery_heading h5 {
    font-family: raleLight;
}

.monthly_gallery .gallery_heading h4 {
    font-size: 37px;
    font-family: trade-gothic-next;
    color: #000 !important;
}

/* .home-inventory-cards .inner_img_wraper {
    position: relative;
    padding-top: 75%;
}

.home-inventory-cards .inner_img_wraper img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
} */


.gallery .inner_img_wraper:hover .bg_blue {
    display: block;
}

.gallery .inner_img_wraper .bottom_p {
    position: absolute;
    top: 80%;
    left: 35%;
    transform: translate(-50%, -50%);
}

.gallery .inner_img_wraper .bottom_p h4 {
    color: #fff;
    font-family: anBold;
    font-size: 26px;
}

.gallery .inner_img_wraper .bottom_p p {
    color: #fff;
    font-size: 18px;
}

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

.iframe-container {
    overflow: hidden;
    padding-top: 56.25%;
    /* 16:9*/
    position: relative;
}

.iframe-container iframe {
    border: 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.footer-section {
    border-top: 1px solid #c1c1c1;
}
/* MONTHLY GALLERY  Css END */

.footer-section .main_wrap {
    padding: 30px;
}

.footer_wrapper .title {
    font-size: 18px !important;
    font-weight: 900;
    color: #000000;
    font-family: 'trade-gothic-next';
}

.footer_wrapper ul {
    list-style: none;
    padding-left: 0;
}

.footer_wrapper ul li a {
    color: #333;
    font-family: trade-gothic-next;
    font-weight: 300
}

.footer_wrapper ul li a:hover {
    color: #ee3525;
    text-decoration: none
}

.footer_wrapper p {
    font-family: trade-gothic-next;
    font-weight: 300
}

.footer_logo img {
    max-width: 208px;
    width: 100%;
}

.footer_logo ul {
    padding-left: 0px !important;
}

.footer_logo ul li {
    list-style: none;
    padding-bottom: 5px;

}

.footer_logo ul li a {
    color: #333;
    font-family: trade-gothic-next;
    font-weight: 300;
}

.footer_logo ul li span {
    color: #000 !important;
    font-size: 16px;
    font-weight: bold;
}

.footer_wrapper button {
    background: 0 0;
    border: 1px solid #000;
    padding: 6px 10px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: .2s all;
    font-family: trade-gothic-next;
    font-weight: 700;
    background: #000;
}

.footer_wrapper button:hover {
    background-color: #e72300;
    color: #fff
}

.footer_wrapper input[type=email] {
    width: 76%;
    margin-right: 8px;
    padding: 10px;
    background-color: #e7e7e7;
    border: none
}

.footer_wrapper li span {
    background-color: #ca2123;
    border-radius: 50%;
    width: 34px;
    display: block;
    text-align: center;
    height: 34px;
    transition: .2s all;
    line-height: 34px;
    display: inline-block;
    margin-top: 15px;
    cursor: pointer
}

.footer_wrapper ul li {
    margin-bottom: 14px
}

.footer_wrapper li span a {
    color: #fff
}

.footer-section .with_border {
    border-left: 1px solid #c1c1c1;
    padding-left: 40px
}

.with_border {
    /* border-left: 1px solid #e0e0e0; */
    padding-left: 25px
}

.copy_right {
    display: flex;
    justify-content: space-between;
}

.copy_right span ul {
    display: flex;
    list-style: none;
    color: #000;
}

.copy_right span ul li {
    padding: 0 10px;
    position: relative;
}

.copy_right span ul li::after {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: #000;
}

.copy_right span ul li:last-child::after {
    display: none;
}


@media(max-width:991px) {
    .last_btn {


        width: 100%;
        max-width: 250px;
    }
}

/* SERVICE PAGE CSS START */
.service_banner .img_wrap {
    padding-top: 32%;
}

/* SERVICE PAGE CSS START */

/* PARTS PAGE CSS START */

/* BANNER SECTION */

section.banner_neutral.parts_banner .main_wrap .img_wrap {
    padding-top: 32%;
}

.img_wrap {
    position: relative;
    padding-top: 60%;
}

.img_wrap img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_wrap::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.3);
}

.banner_neutral .main_wrap {
    position: relative;
}

.banner_neutral .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.text_wrap h1 {
    font-family: montBold;
    color: #fff;
    font-size: 75px;
}

.parts_top {
    /* 	padding: 30px; */
    padding: 40px;
}

.parts_title h1,
.emp_list_banner_main h1 {
    padding: 25px 0 40px 0;
    text-align: center;
    font-size: 34px;
    font-family: trade-gothic-next;
    font-weight: 400;
    margin: 0;
    letter-spacing: 2px;
}

.contact_form_section {
    background-color: #f7f7f7
}

.request {
    text-align: center;
    padding: 30px 0 0 0;
}

.contact_wrapper {
    padding: 20px
}

.contact_wrapper .form-group input[type=text] {
    border-radius: 0
}

.contact_wrapper .form-group input[type=email] {
    border-radius: 0
}

.contact_wrapper .form-group input[type=checkbox] {
    margin-right: 5px
}

input[type=radio] {
    margin-right: 6px !important;
    margin-left: 15px
}

.contact_wrapper .form-group textarea {
    border-radius: 0
}

.contact_wrapper h3 {
    font-size: 22px;
    font-family: trade-gothic-next;
    font-weight: 400;
    color: #bd0505
}

.about_boat h4 {
    font-size: 20px;
    padding: 20px 0 10px
}

.mainHeading {
    font-family: montBold;
    color: #000;
    font-size: 40px;
    line-height: 40px;
}

.secondaryHeading{
    font-family: montBold;
    color: #000;
    font-size: 36px;
    line-height: 40px;
}

.billing_address h4 {
    font-size: 20px;
    padding: 20px 0 10px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.shipping_address h4 {
    font-size: 20px;
    padding: 20px 0 10px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.request {
    text-transform: uppercase;
    font-size: 20px;
    font-family: trade-gothic-next;
    font-weight: 600
}

.contact_wrapper .form-group input[type=submit] {
    width: 180px;
    height: 45px;
    background-color: #ee3525;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    float: right;
    font-family: trade-gothic-next
}

.contact_wrapper .form-group input[type=button] {
    width: 180px;
    height: 45px;
    background-color: #ee3525;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    float: right;
    font-family: trade-gothic-next
}

.contact_wrapper .form-group.pull-right p {
    margin-bottom: .5rem;
    margin-top: 16px;
    text-align: right;
    font-family: trade-gothic-next;
    font-weight: 300
}

.Location_section .blurb,
.emp_list_banner_main .emp_list_h2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 60px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.contact_form_with_bg,
.featured_boat_inventory {
    background: black;
    height: 650px;
    background-size: cover;
    background-repeat: no-repeat;
    /* margin-top: 30px; */
}

.contact_form_with_bg {
    height: auto;
    padding: 0 0 40px 0;
}

.featured_boat_inventory {
    height: unset;
    background-color: transparent;
    padding: 60px 0px;
}

.location_map_wrapper .image_box {
    margin: 0;
}

.location_map_wrapper h3 {
    text-align: center;
    margin: 15px 0;
    font-size: 22px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.location_map_wrapper p {
    text-align: center;
    font-family: trade-gothic-next;
    font-size: 14px;
    font-weight: 300
}

.location_map_wrapper h4 {
    text-align: center;
    font-size: 18px;
    color: #ca2123;
    font-family: trade-gothic-next;
    font-weight: 700;
}

.timing .hours {
    background-color: #f7f7f7;
    padding: 1px 0;
    margin: 40px auto 20px;
}

.timing .hours h3 {
    font-size: 16px;
    font-family: trade-gothic-next;
    font-weight: 800;
    margin: 10px 0;
    text-transform: uppercase;
}

.timing ul {
    list-style: none
}

.timing ul li span {
    font-family: trade-gothic-next;
    font-weight: 400
}

.timing ul li strong {
    float: right;
    text-align: right;
    font-family: trade-gothic-next;
    font-weight: 400
}

.contact_form_with_bg .form-group input[type=submit] {
    width: 180px;
    height: 45px;
    background-color: #ee3525;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 400
}

.contact_form_with_bg .request {
    color: #fff;
    background: #333;
    margin-top: 30px;
    font-size: 32px;
    font-weight: 400;
    font-family: trade-gothic-next;
}

.bg_unset {
    background: unset !important;
}

.contact_form_with_bg .form-group label {
    color: #fff;
    font-family: trade-gothic-next;
    font-weight: 400
}

.contact_form_with_bg .form-group input {
    border: none
}

.contact_form_with_bg .form-group textarea {
    border: none
}

.contact_form_with_bg .form-group select {
    border: none;
    border-radius: 0
}

.Giveaways_section {
    background-color: #d5d5d5
}

.Giveaways_section .img-box {
    position: relative;
    padding: 33%
}

.Giveaways_section .img-box img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.border_style {
    border-bottom: 1px solid #9c9c9c;
    padding: 50px 0;
    margin-bottom: 40px
}

.give_right-content .title {
    color: #ee3525;
    font-size: 35px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.give_right-content p {
    color: #ee3525;
    font-size: 18px;
    font-family: trade-gothic-next;
    font-weight: 300
}

.give_right-content ul {
    list-style: none;
    padding-left: 2px
}

.give_right-content ul li {
    padding: 10px 0
}

.give_right-content ul li strong {
    margin-right: 5px;
    font-size: 17px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.give_right-content ul li span {
    font-size: 16px;
    font-family: trade-gothic-next;
    font-weight: 300
}

.give_right-content {
    padding: 0 16px
}

.proshop_section {
    background-image: url(../images/Images/why-mc-header.webp);
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.proshop_section .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
}

.proshop_section .text_wrap h1 {
    font-family: montBold;
    font-size: 55px;
    color: #fff;
}

/* SHOP ITEMS CSS */
.shop_item .img_wrapper {
    position: relative;
}

.shop_item .img_wrapper .text_wrap {
    position: absolute;
    bottom: 10%;
    left: 50%;
    transform: translateX(-50%);
}

.shop_item .img_wrapper .text_wrap h2 {
    font-family: montBold;
    font-size: 30px;
    color: #fff;
}

.pro_img_frame {
    position: relative;
    padding-top: 80%;
    margin-bottom: 20px
}

.pro_img_frame img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.img_wrapper .pro_img_frame::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.pro-section {
    padding: 50px 0;
}

.pro-section .proshop p,
.emp_list_banner_main .emp_list_desc {
    text-align: center;
    margin: 25px 0;
    padding: 15px;
    font-size: 17px;
    line-height: 26px;
    font-family: trade-gothic-next;
    font-weight: 300;
}

.boat_box {
    margin-bottom: 40px;
}

.img_wrapper h2 {
    text-align: center;
    font-size: 25px;
    margin-bottom: 24px;
    font-family: trade-gothic-next;
    /* font-weight: 400; */
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.contat_us_btn a {
    background: #bd0505;
    padding: 14px 35px;
    color: #fff;
    font-weight: 700;
    margin-top: 20px;
    font-size: 18px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 25px;
    font-family: trade-gothic-next;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.event_section {
    background-color: #f5f5f5;
    padding: 30px 0
}

.event_specific .event_wrapper {
    position: static
}

.event_img_frame_right {
    padding-top: 70% !important
}

.event_img_frame {
    position: relative;
    padding-top: 60%;
    margin-bottom: 15px
}

.event_wrapper {
    margin-bottom: 30px;
    background-color: #fff;
    position: relative;
    top: 36px;
    z-index: 999
}

.event_img_frame img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.event_content ul {
    list-style: none;
    padding-left: 0;
    margin-top: 16px
}

.event_content .socail_icons li {
    display: inline-block;
    color: #757575;
    border-right: 1px solid #dde3e6
}

.event_content .socail_icons li a {
    color: #757575;
    padding-right: 12px;
    padding-left: 4px
}

.event_content .common_btn {
    float: right;
    width: 140px;
    height: 38px;
    line-height: 35px;
    text-align: center;
    color: white;
    background: #bd0505;
    text-decoration: none;
    transition: .2s all;
    font-family: trade-gothic-next;
    font-weight: 400
}

.event_content .common_btn:hover {
    background-color: white;
    color: #bd0505;
    border: 1px solid #bd0505
}

.over_image {
    position: absolute;
    top: 25.2%;
    background: #008542;
    color: #fff;
    width: auto;
    padding: 8px 14px;
    font-size: 17px;
    vertical-align: middle;
    text-align: center;
    font-weight: 500
}

.over_image p {
    margin-bottom: 0;
    font-family: trade-gothic-next;
    font-weight: 400
}

.event_content {
    padding: 10px 20px
}

.event_content h2,
.event_content h1 {
    font-size: 27px;
    font-family: trade-gothic-next;
    font-weight: 400;
    height: 60px;
    overflow: hidden
}

.years span a {
    padding-bottom: 3px;
    padding-right: 0;
    margin-right: 10px;
    text-align: center;
    width: auto;
    color: #333;
    font-size: 20px;
    display: inline-block;
    font-family: trade-gothic-next;
    text-decoration: none
}

.years .active {
    border-bottom: 2px solid #ee3525;
    padding-bottom: 3px;
    padding-right: 0;
    margin-right: 10px;
    text-align: center;
    width: auto;
    display: inline-block;
    color: #333;
    font-size: 20px;
    font-weight: 600;
    font-family: trade-gothic-next
}

.viewBoat {
    font-size: 20px;
    display: flex;
    justify-content: space-around;
    padding: 20px;
}

.event_content .detail li strong {
    font-size: 14px;
    margin-right: 5px;
    text-transform: uppercase;
    font-family: trade-gothic-next;
    font-weight: 400
}

.event_content .detail li span {
    font-size: 14px;
    font-family: trade-gothic-next;
    font-weight: 300
}

.event_content p {
    font-size: 16px;
    margin: 20px 0;
    font-family: trade-gothic-next;
    font-weight: 300;
    overflow: hidden;
    /*height: 70px;*/
    line-height: 22px
}

.event_content .socail_icons li:nth-child(4) {
    border-right: none
}

.event_content .socail_icons li:nth-child(1) {
    border-right: none
}

.resources {
    /*background-image: url(../newimage/resources_banner.jpg);*/
    background: black;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat
}

.resources .parts_title {
    color: #fff
}

.resources .breadcram {
    color: #fff
}

.breadcram span {
    color: #373737;
    display: inline-block;
    font-family: trade-gothic-next;
    font-weight: 600;
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: s0px
}

.breadcram a {
    color: #000;
    font-family: trade-gothic-next;
    font-size: 14px;
    padding-right: 10px;
}

.resources .parts_title p {
    text-align: center;
    font-family: trade-gothic-next;
    font-weight: 300
}

.categories {
    margin-top: 70px;
    text-align: center
}

.categories ul {
    list-style: none
}

.categories ul li {
    display: inline-block;
    border: 1px solid #5c5c5c;
    color: #a2a2a2;
    margin-left: 20px;
    padding: 10px 33px;
    margin-left: 20px;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 300
}

.categories ul li:hover {
    background-color: #ee3525;
    border: 1px solid #ee3525;
    color: #fff
}

.categories ul li:nth-child(1) {
    margin-right: 90px;
    padding: 5px 0 5px 8px
}

.categories ul li input[type=search] {
    background-color: transparent;
    border: none;
    width: 240px
}

.categories ul li input[type=search]:focus {
    border: none;
    outline: 0
}

.categories ul li.active {
    border: 1px solid red;
    color: #fff
}

p.safety_water span {
    border-left: 1px solid black;
    padding: 8px;
}

.safety_water {
    /*text-align: right;*/
    margin-right: 10px;
    margin-top: 0 !important;
    margin-bottom: 10px !important;
    color: black;
    font-family: trade-gothic-next;
    font-weight: 400
}

.event_content_right a {
    color: black;
}

.event_date {
    margin-bottom: 15px;
    display: block;
    font-family: trade-gothic-next;
    font-weight: 400
}

.resource_article_section .article_title h2 {
    display: inline-block;
    float: left;
    width: auto;
    margin-right: 10px;
    font-size: 35px;
    font-family: trade-gothic-next;
    font-weight: 500
}

.tab-content>.active p {
    display: block;
    font-weight: 300;
    font-family: trade-gothic-next;
    font-size: 16px
}

.article_title ul li .nav-link {
    color: #000;
    font-weight: 400;
    font-family: trade-gothic-next
}

.resource_article_section .article_title p span {
    display: inline-block;
    margin-top: 7px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: trade-gothic-next;
    font-weight: 400
}

.article_detail h3 {
    font-size: 22px;
    margin: 15px 0;
    font-family: trade-gothic-next;
    font-weight: 400
}

.article_detail p {
    font-family: trade-gothic-next;
    font-weight: 300;
    font-size: 16px
}

.safety_sport_water span {
    color: #008542;
    border: 1px solid #008542;
    padding: 10px 21px;
    margin-left: 3px;
    font-family: trade-gothic-next;
    font-weight: 400;
    display: inline-block
}

.resource_article_section .article_title p strong {
    font-size: 17px;
    color: #ee3525;
    font-weight: 500
}

.resource_article_section .event_wrapper {
    position: static
}

.next_nd_pre_btn button {
    float: left;
    display: inline-block;
    font-size: 15px;
    width: 126px;
    height: 55px;
    background-color: #fff;
    border: 1px solid #bbb;
    border-collapse: collapse;
    font-weight: 400;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 300
}

.resource_article_section .event_content_right {
    background-color: #f6f6f6;
    padding: 0 0 1px;
    border: 1px solid #d5d5d5;
    float: left;
    width: 100%
}

.right_categories {
    padding: 15px 15px 5px;
    float: left
}

.right_categories ul li {
    padding: 10px 0
}

.right_categories ul li a {
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 300
}

.right_categories ul li a:hover {
    color: #ee3525 !important
}

.right_categories h2 {
    font-size: 22px;
    margin-top: 20px;
    font-family: trade-gothic-next;
    font-weight: 700
}

.related_posts {
    padding: 30px;
    float: left
}

.related_posts h3 {
    font-size: 22px;
    margin-bottom: 20px;
    font-family: trade-gothic-next;
    font-weight: 500
}

.product-detail_section .event_img_frame {
    padding-top: 60%
}

.product-detail_section .nav-item {
    position: static;
    padding-bottom: 0
}

.product-detail_section .tab-content {
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    padding: 15px
}

.resource_article_section .col-wrapper h2 {
    float: none;
    display: block;
    font-size: 16px;
    font-weight: 300;
    font-family: trade-gothic-next
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #ee3525
}

.slider_tumbnails ul {
    list-style: none;
    padding-left: 0
}

.slider_tumbnails ul li .thumb_img_frame {
    width: 160px;
    float: left;
    display: inline-block;
    margin-bottom: 4px
}

.custom-pop-btn {
    margin-left: 0px !important;
    width: 190px !important;
}

.slider_tumbnails ul li .thumb_img_frame img {
    width: 156px;
    float: left;
    display: inline-block
}

.event_content ul {
    margin-top: 50px !important
}

.col-wrapper {
    padding: 25px 6px
}

.dropdown:hover>.dropdown-menu {
    display: block
}

.dropdown>.dropdown-toggle:active {
    pointer-events: none
}

.product-detail_section .socail_icons {
    margin-top: 13px !important;
    margin-right: 20px
}

.btn-share {
    background-color: #ee3525;
    color: #fff
}

.share_btn a {
    color: #626262 !important;
    padding-right: 12px;
    padding-left: 4px
}

.share_btn i {
    margin-right: 4px
}

.fa-check {
    -webkit-text-stroke: 1px #fff
}

.product-detail_section .contact_wrapper .form-group input[type=submit] {
    float: none
}

.schedule_links {
    text-align: center;
    padding: 2px 20px
}

.schedule_links ul li {
    padding: 10px 4px;
    margin: 10px 0
}

.schedule_links ul li a {
    background-color: #000;
    color: #fff;
    padding: 10px 20px;
    width: 100%;
    display: block;
    font-weight: 500;
    text-decoration: none;
    font-size: 18px;
    font-family: trade-gothic-next;
    text-transform: uppercase;
    transition: .2s all
}

.schedule_links ul li a:hover {
    background-color: #ee3525
}

.product-detail_section .related_posts p strong {
    color: #535353;
    margin-top: 0 !important;
    font-weight: 900;
    font-size: 16px;
    background-color: #f6f6f6;
}

.product-detail_section .related_posts h4 {
    font-size: 20px
}

.product-detail_section .related_posts {
    float: none;
    padding: 15px
}

.product-detail_section .related_posts h3 {
    font-size: 26px
}

.wrapper_cta button {
    background-color: #39b54a;
    height: 145px;
    width: 150px;
    border: 1px solid #39b54a;
    color: #fff;
    font-weight: 500;
    font-size: 20px
}

.nex_nd_pre_btns {
    background-color: #f6f6f6;
    float: left;
    width: 100%;
    margin-top: 30px;
    padding: 10px 0
}

.nex_nd_pre_btns .pull-left {
    float: left;
    background-color: #f6f6f6;
    border: none
}

.nex_nd_pre_btns .pull-right {
    float: right;
    background-color: #f6f6f6;
    border: none
}

.inventory_section .event_content_right {
    border: none
}

.inventory_section .featured_boats {
    background: 0 0
}

.left_side_categories {
    background-color: #f7f7f7
}

.inventory_section .right_side_products {
    margin: 25px 0
}

.inventory_section .right_side_products .breadcram {
    margin-bottom: 30px
}

.inventory_section .right_side_products .boat_content strong {
    color: #333
}

.inventory_section .right_side_products .boat_content ul li span {
    color: #333
}

.inventory_section .right_side_products .View_boat {
    /* color: #333 !important; */
    float: left;
    width: 40%;
    font-size: 18px;
    padding: 7px 0;
}

.inventory_section .right_side_products .View_boat:hover {
    color: #fff !important
}

.inventory_section .boat_content ul {
    padding-left: 0
}

.inventory_section .wrapper {
    margin-bottom: 35px
}

.inventory_section .boat_content span {
    color: #4d4d4d
}

.inventory_section .related_posts {
    width: 100%;
    float: left;
    padding: 0 38px;
    margin: 0 0
}

.inventory_section .filters_product h3 {
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
    text-transform: uppercase
}

.inventory_section .filters_product h4 {
    font-weight: 600;
    font-size: 16px;
    margin: 20px 0;
    color: black;
    text-transform: uppercase;
    background-color: white;
}

.filters_product input[type=checkbox] {
    margin-right: 6px
}

.filters_product input[type=search] {
    border: 1px solid #d9d9d9;
    padding: 8px 10px;
    width: 66%
}

.text-left {
    text-align: left !important;
}

.value_trade_section {
    background-image: url(../newimage/light_lines.jpg);
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 1px solid #e7e7e7
}

.services_section {
    /*background-image: url(../newimage/light_lines.jpg);*/
    height: 740px;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 1px solid #e7e7e7
}

.schedule_test_section {
    /*background-image: url(../newimage/light_lines.jpg);*/
    height: 800px;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 1px solid #e7e7e7
}

.parts_section {
    /*background-image: url(../newimage/light_lines.jpg);*/
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    border-top: 1px solid #e7e7e7
}

.radio_btns_style span {
    font-family: trade-gothic-next;
    font-weight: 300
}

.contact_wrapper .form-group input[type=button] {
    width: 180px;
    height: 45px;
    background-color: #bd0505;
    border: none;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    cursor: pointer;
    float: right;
    font-family: trade-gothic-next
}

.field-error {
    color: red;
    font-size: 14px;
    margin-top: 5px;
}

.error_field {
    border-color: red;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.own_new_style .modal-header .close {
    margin-top: -24px
}

.own_new_style .label {
    font-size: 16px;
    margin-bottom: 3px;
    margin-top: 10px
}

.own_new_style .form-control,
input {
    padding: 0 4px
}

.custom_btn {
    background: #fff;
    border: 1px solid #ee3525;
    width: 130px;
    height: 40px;
    margin-left: 29px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 10px
}

.custom_btn:hover {
    background-color: #ee3525;
    color: #fff
}

.note_para {
    padding: 10px 0
}

#notify_message {
    /* padding: 10px; */
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    font-family: trade-gothic-next;
    max-height: 80px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    margin-bottom: 0;
    z-index: 10;
}

.alert-danger {
    background-color: #be1515;
}

.alert-success {
    background-color: #0d6e0d;
}

select#boat_search_filter {
    margin-bottom: 5px
}

.wrapper a {
    text-decoration: none;
}

.privacy_content a {
    color: #b10000;
    background: white
}

.accessibility_href {
    color: #b10000;
    background: white;
}

#btn_employment_search_filter {
    background: #b10000;
    color: white;
}


/*div.nav-item.active a {
    color: #2c3e50;
    background-color: #ffffff;
    border: 1px solid #ecf0f1;
    border-bottom-color: transparent;
    cursor: default;
    padding: 10px 15px 0px;
    border-radius: 4px 4px 0px 0px;
    font-family: trade-gothic-next;
    font-weight: 700;
    border-bottom: 0px;
}*/

.contact_form_with_bg .form-group input[type=button] {
    width: 180px;
    height: 45px;
    background-color: #bd0505;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}


/* all boats section starts here */

.boatsListing .customBtnBlack {
    float: right;
    margin-top: 0px;
}

.customBtnBlack {
    text-align: center;
    background: #1a1a1a;
    border: 1px solid transparent;
    display: inline-block;
    text-transform: uppercase;
    padding: 19px 30px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 200;
    transition: 0.4s ease all;
}

.customBtnBlack:hover {
    color: #fff;
    background: #ca2123;
}

.boatDetail .price {
    font-size: 23px;
    font-weight: 300;
    color: #808080;
}

.boatDetail .price span {
    color: #cb2127;
}

.boatsListing .boatCard {
    margin: 0px 0 25px 0;
}

/* .boatsListingWrapper {
    padding: 50px 100px 50px 50px;
} */

.listing-header {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 7px;
    padding-right: 7px;
}

.listing-header-right-box {
    display: flex;
    justify-content: flex-end;
    gap: 25px;
}

.lisitng-search-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: 1px solid #D9D9D9;
    height: 40px;
    padding: 7px 20px;
}

.lisitng-search-box span {
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
}

.lisitng-search-box input {
    width: 100% !important;
    height: 100% !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    background-color: transparent !important;
}

.lisitng-search-box input:focus {
    outline: none;
    box-shadow: none;
}

.boatsHeading {
    color: #222;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    /* 140.625% */
    letter-spacing: 6.4px;
    text-transform: uppercase;
}

.listings-count {
    margin-bottom: 40px;
    padding-left: 7px;
    padding-right: 7px;
}

.boatsHeading .sortWrapper {
    /* float: right; */
    display: flex;
    align-items: center;
}

.boatsHeading .sortWrapper label {
    font-size: 14px;
    font-weight: 100;
    color: #000;
    padding-right: 10px;
}

.boatsHeading .sortWrapper select {
    font-size: 12px;
    width: 160px;
    height: 35px;
    padding: 0 8px;
    border-radius: 0;
    background: #fff;
}


/* breadCrum starts here */

.breadcrum a {
    color: #c2c2c2;
    font-size: 12px;
    font-weight: 100;
}

.breadcrum a+a,
.breadcrum a+span {
    padding-left: 15px;
    position: relative;
}

.breadcrum a+a::before,
.breadcrum a+span::before {
    content: "/";
    position: absolute;
    top: 50%;
    left: 5px;
    transform: translateY(-50%);
}

.breadcrum span {
    font-weight: 600;
}


/* filters starts here */

/* .filtersWrapper {
    background: #f9f9f9;
} */

/* .filterInner {
    padding: 50px 100px 50px 50px;
} */

.filterBtn {
    display: block;
    padding: 30px;
    padding-left: 100px;
    background-color: #231f20;
    margin: 0 -15px;
    color: #fff;
    font-size: 30px;
    transition: 0.4s ease all;
}

.filterBtn:hover {
    background: #ca2123;
    color: #fff;
}

.filterInner h1 {
    font-size: 20px;
    font-weight: 600;
    margin-top: 0;
}

.filterInner h4,
.filterInner h3 {
    font-weight: 500;
    font-size: 16px;
    margin: 30px 0 20px;
    color: #a3a2a2;
    float: left;
}

.filterInner h3 {
    margin: 0;
}

.catbox input {
    /*    display: none;*/
}

.filterInner label {
    font-weight: 300;
    margin-bottom: 5px;
    color: #000;
}

.filterform {
    float: left;
    margin-top: 10px;
    margin-bottom: 30px;
    width: 100%;
}

.filterform input {
    height: 44px;
    border-radius: 00;
    border-color: #e7e8e9;
}

.sqr-checkBox {
    /* border-bottom: 1px solid #8080806b; */
    padding: 12px 20px;
    float: left;
    width: 100%;
    position: relative;
}

.breadcrumb {
    background-color: transparent !important;
    margin-bottom: 24px;
    padding-left: 0;
}

.breadcrumb-item a {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.sqr-checkBox label {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    color: #222;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 156.25% */
}

.sqr-checkBox input {
    margin-right: 10px;
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    background-color: white;
    border: 1px solid #e9e9e9;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease, border-color 0.3s ease;
    outline: none;
}

.sqr-checkBox label input:checked::after {
    content: "";
    position: absolute;
    width: 6px;
    height: 11px;
    border: 1px solid rgba(39, 73, 109, 0.98);
    border-width: 0 2px 2px 0;
    transform: translate(-50%, -50%) rotate(45deg);
    top: 43%;
    left: 50%;
}

.filterList .sqr-checkBox input {
    left: unset;
    height: 20px;
    width: 20px;
}

.sqr-checkBox .filter-checkbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    color: #dcdcdc;
    z-index: 1;
    font-size: 16px;
}

.sqr-checkBox input+span i.fa.fa-square-o {
    display: block;
}

.sqr-checkBox input:checked+span i.fa.fa-square-o {
    display: none;
}

.sqr-checkBox input+span .fa-square {
    display: none;
}

.sqr-checkBox input:checked+span .fa-square {
    display: none;
    color: #ca2123;
    font-size: 14px;
    margin-top: 3px;
}

.ui-widget.ui-widget-content {
    border: 1px solid #a8a8a8;
    background: #dbdbdb;
    height: 5px;
    border-radius: 0;
}

.ui-slider-horizontal .ui-slider-range {
    background: #4d4d4d;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    outline: none !important;
    border: 1px solid #4d4d4d;
    border-radius: 0;
    width: 9px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.ui-state-active,
.ui-widget-content .ui-state-active {
    border-color: #cb2127 !important;
    background: #cb2127 !important;
}

/* #brand-filter-mob,
#class-filter-mob,
#condition-filter-mob,
#model-filter-mob {
    display: none;
} */

.catbox {
    margin-bottom: 30px;
}

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

.catbox input {
    background: transparent;
    text-align: right;
    float: right;
    width: 70%;
}

.boatCard {
    position: relative;
}

.boatCard .boatImg {
    position: relative;
    padding-top: 62%;
}

.boatCard .boatImg img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.boatTag {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 8px 22px;
    background: #328DB0;
    font-family: 'acumin-bold';
    text-transform: uppercase;
    border-radius: 3px;
    letter-spacing: 1px;
}

.af-disp-mob {
    display: none;
}

.boatDetail {
    padding: 10px 0;
}

.boatDetail h3 {
    color: #000000;
    font-size: 21px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 10px;
}

.boatDetail .price {
    font-size: 23px;
    font-weight: 300;
    color: #808080;
}

.boatDetail .price span {
    color: #cb2127;
}

.boatDetail ul {
    margin: 0;
    padding: 0;
    list-style: none;
    min-height: 100px;
}

.boatDetail ul li {
    font-size: 14px;
    color: #000000;
    font-weight: 300;
    font-family: trade-gothic-next !important;
}

.boatDetail ul li+li {
    margin-top: 5px;
}

.boatDetail ul li span {
    font-weight: 700;
}


/*
.boatDetail .customBtnBlack {
    margin-top: 15px;
}
*/


/*end*/


/*boat_detail sec added by hk*/


/************
BOATS DETAILS
*************/

.boatDetailSection {
    position: relative;
    /*    overflow: hidden;*/
}

.boatDetailSection .top_tex {
    padding-top: 30px;
    padding-left: 30px;
    padding-bottom: 20px;
}

.boatDetailSection>.row {
    margin: 0;
}

.boatDetailSection>.row>.col-xs-12 {
    padding: 0;
}

.mob_view {
    display: none !important;
}


/* Shop famly Home Slider starts here */

.sfImage>img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.boatdealer {
    text-align: center;
    /* border-bottom: 1px solid #c1c1c1; */

}


.dealer_ship_wrap h2 {
    font-family: trade-gothic-next !important;
    color: black;
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: 600;
}

.dealer_ship_wrap p {
    font-family: trade-gothic-next;
    font-size: 19px;
    font-weight: 300;
    margin-bottom: 10px;
}

.sfImage {
    height: 400px;
    max-width: 750px;
    margin: 0 auto;
}

.sfImage img {
    height: 100%;
}

.sfHeading>h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

section.shopFamily {
    padding: 60px 0;
    border-top: 1px solid #c1c1c1;
    border-bottom: 1px solid #c1c1c1;
}

section.shopFamily h3 {
    color: #000 !important;
    font-size: 26px;
}

.sftitle>h4 {
    text-transform: uppercase;
    font-size: 22px;
    font-weight: 800;
    color: #000;
}

.sfSlider .owl-theme .owl-dots .owl-dot span {
    width: 40px;
    height: 6px;
}


/* Shop famly Home Slider starts here */


/* slick slider section starts here */

.BoatsSlider .slick-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
}

.slider-nav {
    margin: 0 -10px;
}

.BoatsSlider .NavImages {
    margin: 0 10px;
}

.slick-dots {
    opacity: 0;
}

.slick-next {
    width: 100%;
    background-color: transparent !important;
}

.slider-for .slick-next::after {
    content: "\f105";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    background-color: #d6d6d6;
    padding: 15px;
    color: #fff;
}

.slider-for .slick-next::before {
    content: "\f104";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    background-color: #d6d6d6;
    padding: 15px;
    color: #fff;
}

.slider-for .slick-prev:hover,
.slider-for .slick-next:hover {
    background: transparent !important;
    color: #fff;
}

.slider .NavImages {
    height: 270px !important;
}

.slider .NavImages img {
    height: 100%;
    object-fit: contain !important;
}

/*
.slick-dotted .slick-prev:before,
.slick-dotted .slick-next:before {
	color: "";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 20px;
}
*/

.slick-dotted .slick-prev,
.slick-dotted .slick-next {
    height: 100%;
    width: 25px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 2;
    color: #000000f7;
    background: transparent;
}

.slick-dotted .slick-next {
    right: -30px;
}

.slick-dotted .slick-prev {
    left: -30px;
}

/* .slick-prev:before {
    content: "";
    background: url('../images/icons/lnr-chevron-right.svg');
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
}

.slick-next:before {
    content: "";
    background: url('../images/icons/lnr-chevron-right.svg');
    width: 25px;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: rotate(180deg);
} */

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: #ffffff;
    outline: none;
    background: #0000007a;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slider-nav .slick-slide img {
    /* height: 120px; */
    width: 100%;
    object-fit: cover;
}

.calculatorWrapper,
.recientView {
    padding: 50px;
}

h1.boat_detail {
    font-size: 35px;
    font-family: trade-gothic-next, sans-serif;
    color: #000 !important;
}

.calculatorWrapper .form-control {
    padding: 20px 15px;
    border-radius: 0;
    background: #ffffff;
    border-color: #c4c4c4;
    height: 47px;
}

.calculatorWrapper select.form-control {
    padding: 14px 15px;
}

.calculatorWrapper textarea.form-control {
    height: auto;
}

.calculatorWrapper h2 {
    font-size: 28px;
    color: #000000;
    margin-top: 0;
    font-family: trade-gothic-next;
}

.calculatorWrapper h3 {
    /* color: #ca2123; */
    color: #000;
    font-size: 18px;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: 0;
    font-family: trade-gothic-next;
}

.calculatorWrapper hr {
    margin: 30px 0;
    border-top: 1px solid #c4c4c4;
}

.calculatorWrapper p {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-align: center;
    margin-bottom: 15px;
    margin-top: 0;
}

.calculatorWrapper .customBtn {
    margin: 25px 0;
}

.otherBtns .customBtnBlack {
    width: 100%;
    margin: 15px 0;
    display: block;
}


/* boats specs infromation starts here */

.SpectInfo {
    padding: 50px 100px;
    padding-right: 0;
}

.boatInfo {
    border: 1px solid #c4c4c4;
    padding: 20px;
    margin: 15px 0;
}

.boatInfo h2 {
    color: #000000;
    font-size: 26px;
    text-align: center;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 15px;
    font-family: 'trade-gothic-next';
}

.customBtn {
    text-align: center;
    background: #ca2123;
    border: none;
    padding: 5px 18px;
    display: inline-block;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-weight: 200;
    transition: 0.4s ease all;
    text-align: center;
}

.customBtn:hover {
    color: #000 !important;
}

.boatInfo ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.boatInfo ul li {
    padding: 8px 15px;
    font-size: 16px;
    color: #302f2e;
}

.boatInfo ul li::after,
.boatInfo ul li::before {
    display: table;
    content: " ";
    clear: both;
}

.boatInfo ul li span {
    float: right;
}

.boatInfo ul li:nth-child(odd) {
    background: #f9f9f9;
}


/* testimonials section starts here */

.testimonials {
    border-top: 1px solid #bdbdbd;
    padding: 50px 0;
}

.testimonials h2 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    margin-bottom: 50px;
}

.testiWrapper {
    display: flex;
    align-items: center;
}

.testiBtn {
    width: 16px;
    height: 100%;
    max-width: 16px;
    margin-right: 140px;
    position: relative;
    padding: 20px 0;
}

.testiBtn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0.5px;
    height: 100%;
    background: #a4a4a5;
    z-index: -1;
}

.testiBtn a {
    width: 16px;
    height: 16px;
    background: #fff;
    display: block;
    border-radius: 50%;
    margin: 30px 0;
    border: 1px solid #a4a4a5;
    transition: 0.4s ease all;
}

.testiBtn a:hover,
.testiBtn a.active {
    background: #cb2127;
    border-color: #cb2127;
}

.testiContent h3 {
    font-size: 24px;
    font-weight: 500;
    margin-top: 0;
    margin-bottom: 20px;
}

.testiContent p {
    line-height: 1.7;
    font-size: 18px;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 20px;
}

.testiContent p img {
    width: 30px;
    float: left;
    margin-left: -35px;
    margin-top: 7px;
}

.testiContent h4 {
    font-size: 16px;
    margin: 0;
}


/*boat_detail end*/


/* boatchella styling start here  */

button.btnchl {
    background-color: #2596be;
    border-radius: 5px;
    padding: 9px 45px;
    color: white;
    border-color: transparent;
}

.gap {
    padding: 50px 0px;
}

label {
    color: #2596be;
    font-size: 18px;
}

/* div#formsec {
    text-align: center;
} */

.imgwrap {
    width: 100%;
    height: 300px;
}

.imgwrap img {
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}

.cclogos {
    width: 100%;
    height: 100px;
}

.cclogos img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

section.form {
    background: yellow;
}

.row.my-5 {
    margin: 30px 0px;
}


.gap input:focus {
    background-color: transparent;
}

.gap input[type=text]:focus {
    color: transparent;
}

#formsec .form-control {
    /* display: block;
    width: 100%; */
    padding: 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #ff0;
    background-image: none;
    outline: none;
    border: none;
    border-radius: 4px;
    border-bottom: 1px solid;
    border-radius: 0;
    float: unset;
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

#formsec .form-control {}

form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

input#firstname {
    padding: 0px;
}

button.yellowbtn {
    margin-top: 30px;
    padding: 8px 36px;
    border-radius: 5px;
    background: transparent;
    border-color: yellow;
    color: yellow;
    font-size: 20px;
}

section.shipsec.gap {
    background-color: #046a90;
}

.yhead h3 {
    color: yellow;
    font-size: 32px;
    font-weight: 800;
    font-family: inherit;
}

.grayhead h3 {
    color: #2596be;
    font-size: 32px;
    font-weight: 800;
    font-family: inherit;
}

.yhead h1 {
    margin: 50px 0px;
    color: yellow;
    font-size: 50px;
    font-weight: bold;
    font-family: inherit;
}

.row.logos {
    margin: 50px 0px;
}

.row.resthouse {
    margin-bottom: 60px;
}

.row.border {
    margin-bottom: 60px;
    /* margin-top: 80px; */
}

h1.border {
    position: absolute;
    width: 600px;
    border: 1px solid #2596be;
    left: 0;
    right: 0;
    margin: auto;
    margin: 50p;
}

.grayhead h1 {
    margin-bottom: 30px;
    color: #046a90;
    font-size: 50px;
    font-weight: bold;
    font-family: inherit;
}

p.ypra {
    color: yellow;
    font-size: 16px;
    font-weight: 400;
    font-family: inherit;
}

.section-contact {
    padding: 120px;
    background-color: #fff;
}

.section-contact .header-section .title {
    position: relative;
    margin-bottom: 17px;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 55px;
}

.section-contact .header-section .title .dot {
    display: inline-block;
    position: absolute;
    bottom: 8px;
    width: 8px;
    height: 8px;
    margin-left: 3px;
    background-color: #df383f;
}

.section-contact .header-section .description {
    font-family: "Roboto", sans-serif;
    color: #2a6287;
}

.section-contact .header-section .big-title {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translate(-50%, 70%);
    font-size: 120px;
    font-weight: 700;
    opacity: 0.15;
}

.section-contact .form-contact {}

.section-contact .form-contact .single-input {
    position: relative;
    margin-top: 40px;
}

.section-contact .form-contact .single-input i {
    position: absolute;
    top: 5px;
    left: 15px;
    color: #de3842;
}

.section-contact .form-contact .single-input input,
.section-contact .form-contact .single-input textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid #07395c;
    padding-left: 50px;
    padding-bottom: 15px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase;
    transition: border .3s;
}

.section-contact .form-contact .single-input input::placeholder,
.section-contact .form-contact .single-input textarea::placeholder {
    color: rgba(7, 57, 92, .3);
}

.section-contact .form-contact .single-input input:focus,
.section-contact .form-contact .single-input textarea:focus {
    border-color: #df383f;
}

.section-contact .form-contact .single-input textarea {
    height: 150px;
    min-height: 50px;
}

.section-contact .form-contact .submit-input input {
    margin-top: 40px;
    padding: 15px 50px;
    background-color: #de3842;
    color: #fff;
    border: none;
    font-weight: 700;
    transition: background-color .3s;
}

.section-contact .form-contact .submit-input input:hover {
    background-color: #07395c;
}

p.graypra {
    color: #2596be;
    font-size: 16px;
    font-weight: 400;
    font-family: inherit;
}

.yellowgap {
    padding: 50px 0px;
    background-color: yellow;
}

button.blue {
    border: transparent;
    padding: 12px 52px;
    border-radius: 8px;
    background-color: #2596be;
    color: white;
    font-size: 25px;
    font-family: inherit;
    margin-top: 30px;
}

.blue {
    border: transparent;
    padding: 12px 52px;
    border-radius: 8px;
    background-color: #2596be;
    color: white;
    font-size: 25px;
    font-family: inherit;
    margin-top: 30px;
    display: inline-block;
}

button.formblue {
    border: transparent;
    padding: 7px 37px;
    border-radius: 3px;
    background-color: #2596be;
    color: white;
    font-size: 25px;
    font-family: inherit;
    margin-top: 30px;
    color: yellow;
}

h2.heading.text-center {
    font-size: 52px;
    font-family: inherit;
    font-weight: bold;
    color: #046a90;
    margin-top: 0px;
}

h4.text-center {
    color: #2596be;
    font-size: 20px;
    font-family: inherit;
}

p.my-2.text-center {
    font-size: 17px;
    font-family: inherit;
}

.bannerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* boatchella styling end here  */
.pymentBlock {
    margin-bottom: 11px;
}

.pymentBlock h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pymentBlock>p {
    text-align: left;
    font-weight: 100;
    font-style: italic;
}

.pymentBlock>p>a {
    color: red;
    text-decoration: underline !important;
}


/* deck dock page styling  */
section.deck_dock {
    position: relative;
}

.deck_logo {
    position: absolute;
    top: 50%;
    left: 10%;
}

.form_heading h2 {
    margin: 20px 0px;
    font-size: 25px;
    font-family: trade-gothic-next, sans-serif;
}

.deck_model h5 {
    color: black;
    font-size: 20px;
}

.deck_content p {
    font-size: 17px;
    font-family: trade-gothic-next;
    font-weight: 300;
}

.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}

.deck_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.deck_info {
    padding: 35px 0px;
    border-bottom: 1px solid gray;
}

.deck_banner_img {
    position: relative;
    min-height: 320px;
    padding-top: 30%;
}

section#part-form {
    padding: 30px 0px;
}

.deck_banner_img>img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.deck_form_btn {
    margin-top: 20px;
}

.formWrapper input:not([type='checkbox'],
    [type='radio']),
.formWrapper select,
.formWrapper textarea {
    border-radius: 0px;
    padding: 10px;
    font-size: 20px;
    height: 45px;
    font-family: Motregular;
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    transition: 0.4s ease all;
    width: 100%;
}

.formWrapper.contactform input:not([type='checkbox'],
    [type='radio']),
.formWrapper.contactform select,
.contactform textarea {
    border-radius: 0px;
    padding: 8px;
    font-size: 20px;
    height: 65px;
    font-family: 'Motlight';
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    transition: 0.4s ease all;
    width: 100%;
}

.formWrapper.contactform input:not([type='checkbox'], [type='radio']),
.formWrapper.contactform select,
.contactform textarea {
    border-radius: 0px;
    padding: 8px;
    font-size: 20px;
    height: 65px;
    font-family: 'Motlight';
    border: 1px solid #c7c7c7;
    -webkit-box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    box-shadow: 0 0 0 0 rgb(31 45 61 / 10%);
    transition: 0.4s ease all;
    width: 100%;
}

.deck_btn {
    width: 180px;
    height: 45px;
    background-color: #bd0505;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

/* deck dock page styling  */

/*covide section*/

section.covid-section.section-strt {
    background-color: #fff;
    padding-bottom: 85px;
    border-top: 1px solid #000 !important;
}

.covid-section .covid p {
    padding: 5px;
    font-size: 17px;
    color: #000;
    line-height: 28px;
    font-family: trade-gothic-next;
    font-weight: 300;
}

.covid-head {
    margin: 37px auto 21px;
    color: #000;
    font-family: trade-gothic-next;
    font-weight: 700;
}

.covid h3 {
    text-align: left;
    font-size: 24px;
    font-family: trade-gothic-next;
    font-weight: 400;
    color: #000;
}


/*megamenu*/

.megaMenu {
    position: relative !important;
}

.megaMenuWrapper {
    top: 100%;
    min-width: 350px;
    display: none;
    /* padding: 18px 30px; */
    border: none;
    position: absolute;
    z-index: 222;
    /* background: #fff; */
    height: 80vh;
    padding: 0 75px;
    padding-right: 0;
    z-index: 24;
    background: #1e1e1e;
}

.nav_li:hover .megaMenuWrapper {
    display: block;
}

.megaMenu::before {
    display: none;
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    background: #1313138c;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.navbar-nav>li>a:focus {
    color: #000 !important;
}

/* Mobile menu */

.mobileDropDown {
    display: none;
}

.dropdown_arrow,
.sub_dropdown_arrow {
    display: none;
}

.mobile_secondry_megaMenu {
    display: none;
}

.subMenu {
    display: none;
}


/* mbile menu ends *

/* .megaMenu:hover .megaMenuWrapper,
.megaMenu:hover::before {
	display: block;
} */

.megaMenu:hover .megaMenuWrapper,
.megaMenu:hover::before {
    display: none;
}

.cross {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ca2123;
    color: #fff;
    border-radius: 50%;
    cursor: pointer;
}

.primry_btn {
    display: inline-block;
    margin: 6px;
    font-size: 20px;
    border-radius: 0;
    /* padding: 6px 16px; */
    padding: 6px 16px 2px 16px;
    cursor: pointer;
    letter-spacing: 2px;
    font-family: Teko-Medium;
    transition: ease-in-out 0.5s;
}

.primry_btn.yl {
    background: #eb1d24;
    border: 1px solid #eb1d24;
    color: #fff;
}

.primry_btn.yl:hover {
    background: #ffffff;
    color: #eb1d24;
    border: 1px solid #eb1d24;
}

.megaMenu.show_mg .megaMenuWrapper,
.megaMenu.show_mg::before {
    display: block;
}

.show_mg .nabar_link {
    color: #eb1d24;
}

.mg_img {
    /*  width: 80px;
     height: 50px; */
}

.mg_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mgCat li,
.mgListing li,
.mgClass li {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.mgCat,
.mgListing,
.mgClass {
    padding-right: 10px;
}

.mgCat li a:first-child,
.mgListing li a:first-child,
.mgClass li a:first-child {
    width: 100%;
}


/* Irfan styling Boat Listing Starts */

.btnListing {
    display: inline-flex;
    align-items: end;
}

.listingInfo {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #bebebe;
    padding-bottom: 25px;
}

div#length-range {
    width: 74%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

div#year-range {
    width: 74%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}

div#price-range {
    width: 74%;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 10px;
}


/* Irfan styling Boat Listing End */


/* new menu css ends */

.megaMenuWrapper a {
    text-decoration: none;
}

.megaMenuWrapper ul {
    list-style: none;
}

.mgCat {
    height: 100%;
    float: left;
    border-right: 1px solid #ffffff4d;
}

ul.mgCat.clearfix {
    overflow-y: auto;
}

ul.mgCat.clearfix::-webkit-scrollbar,
.fix_ht::-webkit-scrollbar {
    width: 5px;
}

ul.mgCat.clearfix::-webkit-scrollbar-track,
.fix_ht::-webkit-scrollbar-track {
    background: #272727;
    border-radius: 20px;
}

ul.mgCat.clearfix::-webkit-scrollbar-thumb,
.fix_ht::-webkit-scrollbar-thumb {
    background: #565656;
    border-radius: 10px;
}

ul.mgCat.clearfix::-webkit-scrollbar-thumb:hover,
.fix_ht::-webkit-scrollbar-thumb:hover {
    background: #c9c9c9;
}

.mgCat li {
    padding: 10px 0;
    font-size: 12px;
}

.mgCat li a {
    transition: 0.4s ease all;
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 100;
    padding-bottom: 3px;
    color: #fff;
}

.mgCat li a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    background: #ca2123;
    transition: 0.4s ease all;
}

.mgCat li a:hover::after,
.mgCat li a.isHovered::after {
    width: 100%;
}

.mgListing {
    height: 100%;
    float: left;
    border-right: 1px solid #ffffff4d;
}


/*irfan styling*/


/*
.mgListing {
display: none;
}
*/


/*irfan styling*/

.listingStyle li {
    padding: 10px 0;
    font-size: 12px;
}

.new_one_mega {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 15px;
    text-align: left;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.text_lower {
    text-transform: capitalize !important;
}

.listingStyle li a {
    color: #fff;
    transition: 0.4s ease all;
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 100;
    padding-bottom: 3px;
}

.listingStyle li a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    background: #ca2123;
    transition: 0.4s ease all;
}

.listingStyle li a:hover,
.listingStyle li a.isHovered {
    color: #fff;
}

.listingStyle li a:hover::after,
.listingStyle li a.isHovered::after {
    width: 100%;
}

.mgClass {
    float: left;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    height: 100%;
    border-right: 1px solid #ffffff4d;
}

.mgCat,
.mgListing,
.mgClass {
    width: 250px;
    padding-top: 30px;
    padding-left: 25px;
}

.mgListing ul,
.mgClass ul {
    margin: 0;
    padding: 0;
}


/* .mg content starts here  */

.mgContent {
    /*    width: calc(100% - 500px);*/
    width: calc(100% - 750px);
    float: left;
    overflow-y: auto;
    background: #fff;
    overflow-x: hidden;
    scrollbar-width: thin;
    height: 100%;
    z-index: 2;
}

.mgInner::-webkit-scrollbar-track,
.mgClass::-webkit-scrollbar-track,
.mgContent::-webkit-scrollbar-track,
.fix_ht::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.mgInner::-webkit-scrollbar,
.mgClass::-webkit-scrollbar,
.mgContent::-webkit-scrollbar,
.fix_ht::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
}

.mgInner::-webkit-scrollbar-thumb,
.mgClass::-webkit-scrollbar-thumb,
.mgContent::-webkit-scrollbar-thumb,
.fix_ht::-webkit-scrollbar-thumb {
    background-color: #122342;
}

.contentCardsWrapper {
    /*    padding: 78px;*/
    padding: 30px 78px;
    /*
    height: 650px;
    overflow-y: auto;
	overflow-x: hidden;
*/
}

.contentCardsWrapper a {
    display: inline-block;
    padding: 10px 23px;
    color: #fff;
    background: #122342;
}

.contentImgOnly a {
    background: #122342;
    position: absolute;
    bottom: 50px;
    right: 50px;
    display: inline-block;
    padding: 10px 23px;
    color: #fff;
}

.customRow {
    display: block;
    margin: 0 -10px;
}

.CustomCol {
    padding: 0 10px;
    width: calc(100% / 5);
    float: left;
}

a.contentImg {
    position: relative;
    padding: 0;
    padding-top: 65%;
    display: block;
    width: 100%;
}

.contentImg img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.contentCard a.contentName {
    height: 50px;
    width: 100%;
    overflow: hidden;
    text-align: center;
    color: black;
    font-size: 18px;
    padding: 0;
    font-weight: 500;
    margin-top: 12px;
    /*    max-width: 340px;*/
    margin-bottom: 40px;
    background: transparent;
}

.contentImgOnly {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.contentImgOnly img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.listingStyle {
    display: none;
}

@media screen and (max-width:1400px) {
    .contentCardsWrapper {
        padding: 30px;
    }

    h1.boat_detail {
        font-size: 20px;
    }
}


/*megamenu end*/

@media screen and (min-width: 992px) {

    .navbar {
        padding-top: 0;
        padding-bottom: 0
    }

    .navbar .nav-item {
        padding: .5rem .5rem;
        margin: 0 .25rem
    }

    .navbar .dropdown {
        position: static
    }

    .video_frame video {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .child_menues span {
        color: #ca2123;
    }

    .navbar .dropdown-menu {
        max-width: 920px;
        width: 100%;
        left: 35%;
        right: 0;
        margin-top: -7px;
        top: 85%;
        display: block;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity .3s linear;
    }

    .navbar .new_one_mega {
        max-width: 920px;
        width: 100%;
        left: 35%;
        right: 0;
        margin-top: -7px;
        top: 85%;
        /* display: block; */
        /* visibility: hidden;
        opacity: 0; */
        transition: visibility 0s, opacity .3s linear;
        padding: 35px 75px !important;
    }

    .parts_show .new_one_mega {
        padding-right: 0px !important;
    }

    .navbar .resource_drop {
        max-width: 250px !important;
        left: 11% !important;
        padding: 0 !important;
    }

    .navbar .resource_drop ul li {
        list-style: none;
        padding-bottom: 10px;
    }

    .navbar .resource_drop ul li a {
        color: #000 !important;
    }

    .navbar .resource_drop .inner_items ul {
        padding: 0px !important;
    }

    .dropdown-menu {
        border-radius: 0 !important
    }

    .dropdown-toggle::after {
        display: none
    }

    .navbar .dropdown .dropdown-menu:hover,
    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        visibility: visible;
        opacity: 1;
        transition: visibility 0s, opacity .3s linear
    }

    .navbar .dropdown-menu {
        border: 1px solid rgba(0, 0, 0, .15);
        background-color: #fff
    }

    .custom_fileupload {
        width: 700px;
    }
}

.employee_listing_sec_1 {
    background-image: url(https://mean-websites-uploaded-data.s3.us-east-1.amazonaws.com/madis/assets/images/emp_listing_banner.webp);
    background-size: cover;
    background-position: center center;
    /*padding:55px 0px;*/
    /*padding:0px 0px 55px;*/
    text-align: center;
    height: auto;
    position: relative;
    z-index: 1;
    min-height: 285px;
}


/*.employee_listing_sec_1 .container {
    position: absolute;
    z-index: 3;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    bottom: 0px;
}
.emp_list_sec_1_overlay{
    background-color:#000;
    position:absolute;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
    width:100%;
    height:100%;
    opacity:0.65;
    z-index:2;
}*/

.emp_list_banner_main {
    width: 100%;
    float: left;
    background: black;
    height: auto;
    text-align: center;
    padding-bottom: 90px;
}

.emp_list_banner_main .emp_list_h1 {
    text-transform: capitalize;
    display: inline-block;
    width: 100%;
    color: #fff;
    margin-bottom: 25px;
    margin-top: 0px;
    padding-top: 55px;
    padding-bottom: 0px;
}

.emp_list_banner_main .emp_list_h2 {
    display: inline-block;
    width: 100%;
    text-transform: capitalize;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 25px;
}

.emp_list_banner_main .emp_list_desc {
    padding: 0px;
    margin: 0px;
    font-size: 13px;
    line-height: 21px;
    color: #fff;
}

.emp_list_2_form_main {
    width: 100%;
    float: left;
    background-color: #f4f4f4;
    height: auto;
    padding: 25px 30px 20px 30px;
    margin-bottom: 30px;
}

.form_emp_listFilter {
    width: auto;
    height: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0px;
    text-align: center;
}

.emp_list_filter_inner {
    width: auto;
    height: auto;
    list-style: none;
    margin: 0 auto;
    padding: 0px;
}

.emp_list_filter_inner li {
    width: auto;
    height: auto;
    display: inline-block;
    list-style-type: none;
    text-align: left;
    margin-right: 15px;
}

.emp_list_filter_inner li:last-child {
    margin-right: 0px;
}

.form-control.empl_list_dd {
    width: 314px;
    color: black;
    border-radius: 0px;
    border: 1px solid #777777;
    background-color: #fff;
    height: 35px;
}

.form-control.empl_list_dd:focus {
    box-shadow: none;
    border-color: #777777;
}

.btn-danger.custom_submitBtn {
    padding: 8px 26px 10px 26px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-family: trade-gothic-next;
    font-size: 15px;
    line-height: 1;
}

.empl_list_sec_2 {
    padding: 30px 0px 50px 0px;
    background: #fff;
    height: auto;
}

.list_emp_blk_outer {
    width: 100%;
    float: left;
    height: auto;
    border: 1px solid #777;
    border-radius: 0px;
    padding: 25px 30px 20px 25px;
    margin-bottom: 30px;
}

.list_emp_blk_header,
.list_emp_blk_body,
.list_emp_blk_footer {
    width: 100%;
    height: auto;
}

.list_emp_blk_header h3 {
    color: #363636;
    text-transform: capitalize;
    margin-bottom: 25px;
    margin-top: 0px;
    text-align: left;
}

.emp_list_header {
    list-style: none;
    width: auto;
    height: auto;
    padding: 0px;
    margin-bottom: 25px;
}

.emp_list_header li {
    color: #ad2628;
    text-align: left;
    font-size: 13px;
    text-transform: capitalize;
    display: block;
    list-style-type: none;
}

.emp_list_icons {
    margin-right: 5px;
    width: auto;
    height: auto;
    text-align: center;
}

.emp_list_icons .fa {
    color: #ad2628;
    min-width: 11.16px;
}

.list_emp_blk_body>p {
    color: #363636;
    margin-bottom: 25px;
    text-align: left;
    font-size: 13px;
    line-height: 21px;
}

.list_emp_blk_body p span {
    color: #333333;
    font-family: "Bitstream Vera Serif", "Times New Roman", serif;
    font-size: 14px;
    font-weight: 500;
    background-color: #ffffff;
}

.list_emp_blk_body>p span {
    color: #ad2628;
}

.btn.btn-danger.emp_listBlkbtn {
    margin-top: 50px;
    float: left;
    padding: 8px 26px 10px 26px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
    background-color: #202020;
    border-color: #202020;
}

.btn.btn-danger.emp_listBlkbtn:hover {
    background-color: #ad2628;
    text-decoration: none;
    color: #fff;
    border-color: #ad2628;
}

.btn.btn-danger.emp_listBlkbtn:focus {
    box-shadow: none;
}

.employee_detail_sec_1 {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 100px;
    height: auto;
}

.emp_detail_breadcrums {
    width: 100%;
    height: auto;
    text-align: left;
}

.emp_detail_breadcrums_list {
    width: 100%;
    display: block;
    padding: 0px;
    margin-bottom: 80px;
}

.emp_detail_breadcrums_list li {
    width: auto;
    height: auto;
    display: inline-block;
    color: #868686;
    font-size: 10px;
    text-transform: capitalize;
    font-family: trade-gothic-next;
    font-weight: 100;
    position: relative;
    line-height: 1;
}


/*.emp_detail_breadcrums_list li:first-child{
    padding-right:15px;
}*/

.emp_detail_breadcrums_list li::after {
    content: '/';
    width: auto;
    height: auto;
    font-size: 10px;
    margin: 0px 10px;
}

.emp_detail_breadcrums_list li:last-child::after {
    display: none;
}

.emp_detail_main_outer {
    width: 100%;
    float: left;
    text-align: left;
    height: auto;
}

.emp_detail_h1 {
    font-size: 44px;
    line-height: 1;
    margin-top: 0px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
    padding: 0px;
    text-transform: capitalize;
}

.emp_detail_list,
.responsibilty_container ul,
.qualification_container ul {
    width: 100%;
    height: auto;
    display: block;
    padding: 0px;
    margin-bottom: 25px;
    list-style: none;
}

.responsibilty_container ul,
.qualification_container ul {
    margin-bottom: 0px;
}

.emp_detail_lftblk {
    width: 100%;
    float: left;
}

.emp_detail_h4 {
    font-size: 15px;
    text-transform: uppercase;
    font-family: trade-gothic-next;
    font-weight: 700;
    color: #1a1a1a;
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 15px;
}

.emp_detail_desc p {
    font-size: 13px;
    line-height: 21px;
    text-align: left;
    color: #1a1a1a;
    margin-bottom: 25px;
    font-weight: normal;
}

.emp_detail_desc ul {
    list-style: none;
    padding-left: 0px;
}

.emp_detail_desc strong {
    font-weight: bold;
}

.emp_detail_list li {
    display: inline-block;
    margin-right: 15px;
    color: #ca2123;
}

.responsibilty_container ul li,
.qualification_container ul li {
    list-style-type: none;
    position: relative;
    display: block;
    width: auto;
    height: auto;
    text-align: left;
    font-size: 13px;
    font-family: trade-gothic-next;
    font-weight: normal;
    color: #1a1a1a;
    line-height: 21px;
    padding-bottom: 8px;
}

.responsibilty_container ul li::before,
.qualification_container ul li::before {
    content: '\2022';
    width: 15px;
    height: 15px;
    /*margin-left:-5px;*/
    margin-right: 5px;
    display: inline-block;
    color: #ca2123;
}

.emp_detail_qual_outer {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.empl_detail_sec_2 {
    background-color: #fff;
    padding: 0px 0px 100px;
    height: auto;
}

.emp_detail_center_h3 {
    color: #ca2123;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    font-size: 24px;
    line-height: 1;
    display: block;
    font-family: trade-gothic-next;
    font-weight: bold;
}

.emp_detail_2_form_main {
    width: 100%;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #f4f4f4;
    padding: 0px 25px 20px;
}

.emp_detail_2_form_main>form {
    width: 100%;
    float: left;
}

.form_emp_Detail .form-group {
    width: 100%;
    float: left;
}

.emp_detail_2_form_main>form label {
    color: #333333;
    width: 100%;
    display: block;
    margin-bottom: 5px;
    text-transform: capitalize;
    text-align: left;
    font-family: trade-gothic-next;
    font-weight: 400;
}

.emp_detail_2_form_main>form label sup {
    color: #ca2123;
}

.form-control.txtfield_emp_detail,
.form_emp_Detail input.form-control[type="text"],
.form_emp_Detail input.form-control[type="file"] {
    background-color: #fff;
    height: 40px;
    color: #333333;
    border-radius: 0px;
    border-color: #9f9f9f;
}

.form-control.txtfield_emp_detail:focus {
    box-shadow: none;
    border-color: #9f9f9f;
}

.btn.btn-danger.emp_detailBtn {
    display: inline-block;
    padding: 9px 42px 10px 42px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-family: trade-gothic-next;
    font-size: 15px;
    line-height: 1;
    width: auto;
    height: auto;
}

label[for="attach_file"] {
    margin-left: 15px;
    width: 90%;
}

.form_emp_Detail input[type="file"] {
    margin-left: 15px;
    width: 97%;
    background-color: #fff;
    padding: 8px 15px;
    display: none;
    /* overflow: hidden; */
}

.custom_fileupload {
    background-color: #fff;
    /* border-color: #9f9f9f; */
    padding: 7px 4px;
    text-align: left;
    height: 40px;
    margin-left: 15px;
    width: 1120px;
    border: 1px solid #9f9f9f;
}

.custom_fileUpload {
    padding: 6px 15px;
    text-transform: uppercase !important;
    color: #fff !important;
    background-color: #4d4d4d;
    border-radius: 3px;
    max-width: 78px;
    height: auto;
    font-size: 12px;
    line-height: 1;
}

.owl-prev .glyphicon {
    top: 28%;
    -webkit-text-stroke: 1px #fff
}

.owl-next .glyphicon {
    top: 28%;
    -webkit-text-stroke: 1px #fff
}

/* new boat listing page css start here */

.listing-container {
    display: flex;
    max-width: calc(100% - 7%);
    margin: 0 auto;
}

.fitler-col {
    width: 20%;
    padding-right: 0;
}

.boat-listing-carousel {
    display: block !important;
}

.listing-content-col {
    width: 80%;
    padding-left: 40px;
}

.boat-card {
    display: flex;
    padding-bottom: 40px;
    margin-bottom: 40px;
    border-bottom: 1px solid lightgray;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
}

.boat-img-box {
    width: 40%;
    position: relative;
    max-height: 400px;
    height: 100%;
}

.boat-img-box .boat-listing-carousel .item {
    width: 100% !important;
    height: 100% !important;
    position: unset;
    padding-top: unset;
}

.boat-img-box .boat-listing-carousel .owl-item {
    height: 100% !important;
}

.boat-img-box .boat-listing-carousel {
    height: 100% !important;
}

.boat-img-box .boat-listing-carousel .owl-stage-outer {
    height: 100% !important;
}

.boat-img-box .boat-listing-carousel .owl-stage {
    height: 100% !important;
}

.boat-img-box .boat-listing-carousel .item img {
    position: unset;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.boat-content-box {
    width: 60%;
    padding: 10px 0px 10px 40px;
}

.boat-card-image {
    max-height: 375px;
    width: 100%;
    height: 100%;
}

.boat-card-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bottom-content-box,
.upper-content-box {
    display: flex;
    gap: 40px;
}

/* .upper-content-box {
    border-bottom: 1px solid lightgray;
} */
.sm-box-1 {
    width: 60%;
}

.sm-box-2 {
    width: 40%;
}

.desc-box {
    color: #000;
    font-family: Inter;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    position: relative;
}

.desc-box h3 {
    color: #000;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

.read-more {
    color: #328DB0;
    font-family: 'acumin-bold';
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: white;
    padding-left: 11px;
}

.upper-content-box .sm-box-1 .boat-title a {
    color: #000;
    font-family: 'acumin-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
}

.upper-content-box .sm-box-1 .boat-title a:hover {
    text-decoration: none;
    color: #000;
}

.boat-condition-box {
    padding: 0 0 0 0;
}

.boat-condition-box .boat-condition-list li {
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 3px 0;
}

.boat-condition-box .boat-condition-list li span:nth-child(1) {
    color: #000;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.boat-condition-box .boat-condition-list li span:nth-child(2) {
    color: #000;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    margin-top: 7px;
    padding-left: 5px;
}

.boat-condition-box .boat-condition-list li img {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.lisitng-note {
    background: #F7F7F7;
    padding: 5px 10px;
    margin: 20px 0;
}

.lisitng-note span {
    color: #000;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.pricing-box h3 {
    color: #0F6DBF;
    text-align: right;
    font-family: 'Rubik_Bold';
    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 1.1px;
}

.price-per-month {
    /* margin-top: 30px; */
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-end;
    height: 100%;
}

.pricing-box {
    height: 100%;
}

.price-per-month h3 {
    color: #328DB0;
    text-align: right;
    font-family: 'acumin-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 1.2px;
}

.price-per-month p {
    color: #000;
    font-family: 'acumin-ExtraLight';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.listing-blue-btn {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background: #328DB0;
    display: inline-block;
    max-width: 250px;
    width: 100%;
    padding: 11px 25px;
    margin-bottom: 15px;
}

.listing-blue-btn:hover {
    color: #FFF;
}

.listing-skyblue-btn {
    display: inline-block;
    color: #328DB0;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    max-width: 250px;
    width: 100%;
    padding: 11px 25px;
    background: rgba(50, 141, 176, 0.15);
}

.listing-skyblue-btn:hover {
    color: #328DB0;
}

.boat-condition-list {
    padding-left: 0;
}

.card-text {
    color: #328DB0;
    text-align: right;
    font-family: 'acumin-bold';
    font-size: 24px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    letter-spacing: 1.2px;
}

/* grid view start here */

.grid-boat-card {
    display: none;
    width: calc(100% / 3);
    padding: 7px;
}

.grid-price-box ul {
    display: flex;
    padding-left: 0;
}

.toggler-button-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 94px;
    max-height: fit-content;
    width: 100%;
    gap: 10px;
}

.grid-view-btn {
    background: white;
    border: 1px solid lightgray;
    padding: 8px 8px 8px 8px;
    cursor: pointer;
    line-height: normal;
}

.toggleViewBtn.active {
    background: #328DB0;
    border: 1px solid #328DB0;
}

.list-view-btn {
    background: white;
    border: 1px solid lightgray;
    padding: 8px 8px 8px 8px;
    cursor: pointer;
    line-height: normal;
}

.btn-icon-2 {
    display: none;
}

.grid-boat-title {
    line-height: 7px;
}
.stock-img{
    width: 18px !important;
    height: 15px !important;
}
.grid-boat-title a {
    color: #000;
    font-family: 'acumin-bold';
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
}

.ui-slider-horizontal .ui-slider-range {
    background: #000;
    height: 10px;
    border-radius: 5px;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
    outline: 0 !important;
    border: 1px solid #4d4d4d;
    border-radius: 0;
    width: 15px;
    height: 15px;
    top: 50%;
    transform: translateY(-45%);
    border-radius: 50px;
    cursor: pointer;
}

.ui-widget.ui-widget-content {
    border: 1px solid #a8a8a8;
    border-radius: 5px;
    background: #e6e6e6;
    height: 10px;
    border-radius: 50px;
}

.range-value-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    margin: 10px 0;
}

.range-value-box .range-box-item {
    width: 100px;
    height: 41px;
    flex-shrink: 0;
    border: 1px solid #e6e6e6;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 5px;
    color: rgba(0, 0, 0, .6);
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: -.32px;
    font-family: 'acumin-light' !important;
}

.grid-sm-box-1 {}

.grid-price-item {
    position: relative;
    list-style: none;
    padding-right: 30px;
}

.grid-price-item+.grid-price-item::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -15px;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 15px;
    background: gray;
}

.grid-price-item:nth-child(1) {
    color: #328DB0;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.grid-price-item:nth-child(2) {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.carouselDotsWrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.carouselCutomDots {
    flex: 0 0 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 50%;
}
.boat-listing-carousel .owl-nav button span{
    font-size: 35px;
    color: black;
    line-height: 13px;
    margin-top: -9px;
}
.boat-listing-carousel .owl-nav button.owl-next{
    position: absolute !important;
    top: 50% !important;
    right: 0;
    transform: translateY(-50%) !important;
    background: white !important;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    display: flex;
    z-index: 2;
}
.boat-listing-carousel .owl-nav button:hover{
    background: white !important;
}
/* Hide prev arrow when first slide is active */
.boat-listing-carousel .owl-item:first-child .owl-prev {
  display: none !important;
}

/* Hide next arrow when last slide is active */
.boat-listing-carousel .owl-item:last-child .owl-next {
  display: none !important;
}
.boat-listing-carousel .owl-nav button.owl-prev{
    position: absolute !important;
    top: 50% !important;
    left: 0;
    transform: translateY(-50%) !important;
    background: white !important;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 2;
    display: flex;
}
.boat-listing-carousel:hover .owl-nav button.owl-prev {
   opacity: 1;
   visibility: visible;
}
.boat-listing-carousel:hover .owl-nav button.owl-next {
   opacity: 1;
   visibility: visible;
}

.boat-listing-carousel .owl-dots {
    position: absolute;
    bottom: 10px;
    left: 50%;
    display: block !important;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
}

.boat-listing-carousel .owl-dots span {
    background: #FFFFFF !important;
}

.boat-listing-carousel .owl-dots button:hover span {
    background: #FFFFFF !important;
}

.boat-listing-carousel .item {
    position: relative;
    padding-top: 70%;
}

.boat-listing-carousel .item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.grid-upper-content-box {
    padding: 20px;
    border-right: 1px solid #D9D9D9;
    border-bottom: 1px solid #D9D9D9;
    border-left: 1px solid #D9D9D9;
    height: 100%;
    min-height: 180px;
}

.grid-boat-condition-list {
    border-top: 1px solid #D9D9D9;
}

.grid-boat-condition-list {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    height: 37px;
}

.trade-box {
    display: none;
}

.grid-boat-condition-list li {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.specs-list-item {
    position: relative;
    color: #1E1E1E;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    padding-right: 20px;
    white-space: nowrap;
}

.specs-list-item+.specs-list-item::after {
    position: absolute;
    content: '';
    top: 50%;
    left: -10px;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 15px;
    background: gray;
}

.specs-list-item img {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* new boat details page design start here */

/* boat detail page css starts here */
.boat-inventory-cond-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0;
}

.boatDetailCarouselImageContainer {
    position: relative;
    padding-top: 65%;
}

.boatDetailCarouselImageContainer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.boat-inventory-cond-list .cond-list-item {
    list-style: none;
    position: relative;
    padding-right: 30px;
    color: rgba(0, 0, 0, 0.60);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
}

.cond-list-item+.cond-list-item::after {
    position: absolute;
    content: "";
    background-color: rgba(0, 0, 0, 0.60);
    top: 50%;
    left: -15px;
    transform: translateY(-47%);
    width: 1px;
    height: 14px;
}

.details-main-row {
    margin-top: 40px;
    display: flex;
}

.details-left-container {
    width: 65%;
    padding-left: 120px;
}

.mobileBoatInfo {
    max-width: 500px;
    margin: 0 auto;
}

.details-right-container {
    width: 35%;
    padding: 0 120px;
}

.side-bar {
    position: sticky;
    top: 50px;
    width: 100%;
}

.boat-card-img {
    position: relative;
    padding-top: 68%;
}

.boat-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.similar-boats-box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 108px;
}

.callForprice {
    color: #328DB0;
    font-family: 'acumin-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.4px;
    text-align: center;
}

.pdf-btn {
    color: #328DB0;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    /* 100% */
    border-radius: 3px;
    background: rgba(7, 151, 218, 0.15);
    display: inline-block;
    padding: 14px 30px;
    border: 1px solid rgba(7, 151, 218, 0.15);
}

.gallery-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.gallery-cols {
    flex-basis: calc(33.33% - 10px);

}

.gallery-box-img {
    position: relative;
    padding-top: 67%;
}

.gallery-box-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery-box-img video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.more-img-btn {
    margin: 15px 0 40px 0;
}

.more-img-btn button {
    color: #000;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.8px;
    width: 100%;
    height: 45px;
    border: 1px solid #D9D9D9;
    background: #FBFBFB;
}

.accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0px;
    cursor: pointer;
}

.accordion-header h3 {
    color: #000;
    font-family: 'acumin-bold' !important;
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
}

.specs-row-box {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    gap: 120px;
    padding: 0 0 50px 0;
}

.specs-cols {
    width: 50%;
}

.specs-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #D9D9D9;
    padding: 10px 10px;
}

.specs-item span:nth-child(1) {
    color: #000;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.blackParaText h1,
.blackParaText h2 {
    color: #000 !important;
    font-family: 'acumin-bold' !important;
    font-size: 23px !important;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-align: left !important;
}

.blackParaText h3,
.blackParaText h4,
.blackParaText h5,
.blackParaText h6,
.blackParaText strong,
.blackParaText b {
    color: #000 !important;
    font-family: 'acumin-bold' !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 900;
    line-height: normal;
    text-align: left !important;
}

.blackParaText p,
.blackParaText span,
.blackParaText li {
    color: #000 !important;
    font-family: 'acumin-light' !important;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: left !important;
}

.specs-item span:nth-child(1) img {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 10px;
}

.listing-desc {
    position: relative;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.sale-price {
    color: #328DB0;
    font-family: 'acumin-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.original-price {
    color: #000;
    font-family: 'acumin-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.listing-desc p {
    margin-bottom: 0;
}

.specs-item span:nth-child(2) {
    color: #000;
    text-align: right;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 25px;
    /* 156.25% */
}

.accordion-header span.fa {
    font-size: 20px;
    color: #222222;
}

.accordion-content {
    padding-bottom: 45px;
}

.list-cntnt {
    position: relative;
    margin-bottom: 60px;
}

.specsListContainer {
    max-width: 445px;
    margin-bottom: 50px;
}

.specsList {
    margin-top: 20px;
    list-style: none;
    padding: 0 15px
}

.specsList hr {
    margin: 8px 0;
}

.specsList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.specsList li p {
    width: 50%;
}

.specsName {
    color: #222222;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.specsDetail {
    color: #222222;
    text-align: right;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.boatDetailSpecsHeading {
    color: #222222;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}


.contact-details {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-location {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact a:hover {
    text-decoration: none;
}

.boat-details-location a:hover {
    text-decoration: none;
}

.boat-details-location h1,
.boat-details-contact h1 {
    font-size: 20px;
}

.boat-details-location p {
    margin-bottom: 15px;
}

.boat-details-contact {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
}

.boat-details-contact h1 {
    margin-bottom: 15px;
}

.boat-details-contact p {
    margin-bottom: 15px;
}


.right-sidebar {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}


.right-sidebar-top-btn {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.sidebar-bottom-btns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.item-price {
    color: #222222;
    font-weight: 600;
}

.right-sidebar-red-btn {
    background: #D8231C;
    width: 100%;
    text-align: center;
    color: white;
    padding: 10px 0;
}

.right-sidebar-sec-btn {
    color: #000;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 25px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    /* 120% */
    text-transform: uppercase;
}

.inq-form-head {
    padding-top: 20px;
    padding-bottom: 20px;
}

.details-lg-btn-box {
    margin-top: 60px;
}

.similar-box-row {
    display: flex;
    flex-wrap: wrap;
    gap: 13px;
    padding: 0 70px;
}

.boatPricingList {
    list-style: none;
}

.boatPricingList li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 5px;
}

.boatPricingList li .pricingTitle {
    width: 30%;
    color: #222222;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.boatPricingList li .pricingDetail {
    width: 70%;
    text-align: right;
    color: #222222;
    text-align: right;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.pricingTitleSharp {
    color: rgba(27, 29, 54, 0.80);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingDetailSharp {
    color: rgba(27, 29, 54, 0.80);
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingTitleRed {
    color: #C8192A;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.border_bottom {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 10px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.pricingTitlePayment {
    color: #222222;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.pricingDetailPayment {
    color: #222222;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.downPayment {
    color: #222222;
    font-family: Roboto;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: 0.42px;
    text-align: right;
}


.boatDetailBtn {
    color: #FFF;
    text-align: center;
    font-family: Forza;
    font-size: 16px;
    font-style: normal;
    font-weight: 350;
    line-height: normal;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    background: #22222299;
    padding: 10px 0 11px 0;
    width: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border: none;
    transition: all 0.4s;
}

.boatDetailBtn:hover {
    color: #FFF;
}

.preOwnedDealerContactWrapper {
    border: 1px solid #EEE;
    background: #FAFAFA;
    padding: 20px 57px 25px 59px;
}

.preOwnedDealerContactHeading {
    color: #112342;
    text-align: center;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 30px;
    letter-spacing: 0.6px;
}

.dealerMainContent {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 15px;
}

.dealerImageContainer {
    width: 60px;
    height: 60px;
}

.dealerImageContainer img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dealerContactHeading {
    color: #222222;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.48px;
}

.custom-textareat {
    border-bottom: 2px solid lightgray !important;
    border-radius: 0px !important;
    outline: none !important;
    border-top: none;
    border-left: none;
    border-right: none;
    margin-top: 25px;
    padding-top: 0 !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.end-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

.boatDetailPageSeparator {
    margin-top: 60px;
}

.end-content a {
    padding: 0px 25px;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
}

.end-content a:hover {
    color: black;
    text-decoration: none;
}

.right-border {
    border-right: 1px solid black;
}

.boat-details-call-sec {
    background-color: var(--red-color);
    padding: 5px 0px;
    font-family: Roboto;
}

.boat-details-call-sec p {
    text-align: center;
    color: white;
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    letter-spacing: 2px;
    font-family: Roboto;
    line-height: 30px;
}

.boat-details-call-sec p a {
    color: white;
    text-decoration: none;
}

.boat-details-form {
    width: 100%;
    height: 40px;
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding-left: 15px;
    padding-right: 15px;
}

.boat-details-form::placeholder {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.boat-details-form:focus {
    outline: none;
    box-shadow: none;
}

.boat-details-textarea {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    border: 1px solid #D9D9D9;
    background: #FFF;
}

.boat-details-textarea::placeholder {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.form-lable {
    color: #112342;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
}

.modal-title {
    color: #222222;
    text-align: center;
    font-family: Roboto;
    font-size: 30px;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.boat-details-sm-btn:hover {
    color: #FFF;
}

.call-now-btn {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: block;
    padding: 15px;
    margin-bottom: 20px;
    background: #328DB0;
    border-radius: 3px;
}

.call-now-btn:hover {
    color: #FFF;
}

/* boat detail carousel */

.boat-detail-carosuel .item {
    width: 100%;
    height: auto;
}

.boat-detail-carosuel .item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* boat gallery pop up */

.owl-carousel-parent {
    position: relative;
}

.boat-details-title {
    color: #000;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 30px;
    font-style: normal;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 15px;
}


.similar-bts {
    padding-top: 60px;
    padding-bottom: 120px;

}

.similar-heading {
    color: #222;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 93.75% */
    letter-spacing: 6.4px;
    text-transform: uppercase;
}

.boat-card {
    background-color: transparent;
    width: 100%;
}

.similar-boat-img {
    position: relative;
    padding-top: 65.5%;
}

.similar-boat-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.spec-mn-head {
    color: #222;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 1.6px;
    text-transform: uppercase;
}

.spec-cntnt {
    color: #222;
    font-family: 'acumin-bold';
    font-size: 40px;
    font-style: normal;
    font-weight: 300;
    line-height: 40px;
    /* 100% */
}

.boat-title-mn {
    color: #000;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 30px;
    letter-spacing: 2px;
}

.callForBoatWrapper {
    margin: 10px 0 20px 0;
    text-align: center;
}

.callForBoat {
    color: #A81D1D;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
    text-align: center;
}

.callForBoat:hover {
    color: #A81D1D;
}

.mn-similar-sec {
    padding-top: 60px;
}

.hr-line {
    margin-top: 100px;
}

.formBtnWrapper {
    margin-top: 30px;
}


/* +++++++++++++++++++++++++++ */
.similarInventorySection {
    margin-top: 100px;
    margin-bottom: 180px;
}


.inputWrapper {
    margin-bottom: 20px;
}

.formInput {
    width: 100%;
    outline: none;
    border: 1px solid #EEE;
    background: #FFF;
    color: #222222;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0.48px;
    padding: 10px 10px 10px 20px;
}

.similarListingHeadingWrap {
    margin: 50px 0 30px 0;
}

.boat-detail-carosuel .owl-dots {
    position: absolute;
    bottom: 5%;
    width: 100%;
}

.boat-detail-carosuel .owl-dots {
    display: none;
}

.boat-detail-carosuel .owl-nav span {
    font-size: 41px;
    margin-top: -14px;
    color: white;
    line-height: 15px;
}

.boat-detail-carosuel .owl-nav button:hover {
    background: #000000 !important;
    color: white !important;
}

.boat-detail-carosuel .owl-nav button.owl-prev {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.boat-detail-carosuel .owl-nav button.owl-next {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    background: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: normal;
}

.boat-detail-carosuel .owl-nav button.owl-next:hover,
.boat-detail-carosuel .owl-nav button.owl-prev:hover {
    background: #000000 !important;
}

.price-box h4 {
    color: #000;
    font-family: 'acumin-light';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.price-box h3 {
    color: #328DB0;
    font-family: 'acumin-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: -0.4px;
}

.apply-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 30px;
}

.apply-box span {
    color: #000;
    text-align: right;
    font-family: 'acumin-light';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.36px;
}

.boat-details-form-sec {
    position: relative;
    border: 1px solid #D9D9D9;
    background: #FBFBFB;
    padding: 20px 23px 50px 23px;
}

.scroll-down {
    position: absolute;
    top: -100px;
    visibility: hidden;
}

.apply-box strong {
    color: #000;
    font-size: 18px;
    font-family: 'acumin-bold';
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: -0.36px;
    text-decoration-line: underline;
    position: relative;
}
#boats-list {
    opacity: 0;
    transition: opacity 0.5s;
}
.apply-box strong img {
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    object-fit: contain;
}

.apply-box button {
    border-radius: 3px;
    background: #328DB026;
    color: #328DB0;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 14px 25px;
    border: 1px solid #328DB026;
}

.details-form-btn {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    border-radius: 3px;
    background: #328DB0;
    padding: 12px 25px;
    display: inline-block;
    border: 1px solid #328DB0;
}

.details-form-btn:hover {
    border: 1px solid #328DB0;
    color: #FFF;
}

.details-form-btn:focus {
    border: 1px solid #328DB0;
    color: #FFF;
    outline: none;
    box-shadow: none;
}

.radio-box {
    display: flex;
    margin: 20px 0;
}

.radio-box label {
    color: #000 !important;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.custom-modal-box {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    position: fixed;
    top: 0;
    left: 50%;
    transform: translate(-50%, -100%);
    z-index: 999;
    display: none;
    /* Start hidden */
    transition: transform 0.5s ease;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mob-sticky-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1050;
    /* position: sticky;
    bottom: 0;
    z-index: 99; */
    display: none;
    justify-content: space-between;
    align-items: center;
    padding: 17px 30px;
    background: #0086C4;
    width: 100%;
}

.mob-sticky-bar .original-price {
    display: none;
}

.sticky-bar-col {
    width: 50%;
}

.mob-sticky-bar .sale-price:nth-child(1) {
    display: none;
}

.mob-sticky-bar .sale-price:nth-child(2) {
    float: left !important;
    color: #FFF;
    font-family: Inter;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 22px;
}

.sticky-bar-col h3 {
    color: #FFF;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 900;
    line-height: 22px;
    margin-bottom: 5px;
    word-break: break-word;
}

.sticky-bar-col p {
    color: #FFF;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 0;
}

.sticky-bar-col a {
    display: inline-block;
    border-radius: 30px;
    background: #0079B2;
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    padding: 14px 28px;
}

.calc-error-box p {
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: transparent;
    border: none;
    border-radius: 20px;
    padding: 7px 20px;
    text-align: center;
}

.custom-modal-box.show {
    top: 50%;
    transform: translate(-50%, -50%);
}

.modal-white-sec {
    background: #FFF;
    padding: 50px;
}

.modal-white-sec .popup_input {
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.20) !important;
}

.modal-white-sec .popup_label {
    color: #000;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.saving-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.saving-box span {
    color: rgba(34, 34, 34, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.32px;
}

.result_box h2 {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 22px !important;
}

.result_box h3 {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 35px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 60px !important;
}

.modal-content-box {
    display: flex;
    flex-wrap: wrap;
}

.modal-content-col {
    width: 50%;
}

.calculate-box {
    background: #005278;
    color: white;
    padding: 40px 30px;
}

.calculate-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
}

.calculate-btn {
    color: #FFF;
    text-align: center;
    font-family: "Public Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 900;
    line-height: 16px;
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.20);
    margin-left: 0;
    width: 100%;
    padding: 12px 36px;
}

.calculate-btn:hover {
    color: #FFF;
    background: rgba(255, 255, 255, 0.20);
}

.calculate-btn:focus {
    color: #FFF;
    background: rgba(255, 255, 255, 0.20);
}

.close-btn-1 {
    position: absolute;
    right: 20px;
    top: 20px;
    background: transparent;
    border: none;
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.close-btn-2 {
    position: absolute;
    left: 50%;
    bottom: 35px;
    transform: translateX(-50%);
    color: #FFF;
    font-family: "Public Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    background: rgba(255, 255, 255, 0.05);
    border: none;
    border-radius: 20px;
    padding: 7px 20px;
}

.disclaimer-dropdown {
    position: relative;
    display: inline-block;
}

.disclaimer-btn {
    background: none;
    border: none;
    text-decoration: underline;
    cursor: pointer;
    width: 100%;
    color: white;
    padding: 10px 15px;
    font-family: 'acumin-Medium';
    letter-spacing: 1px;
    font-size: 16px;
}

.disclaimer-content {
    display: none;
    width: 100%;
    padding: 12px 0;
    border-radius: 4px;
    background: transparent;
    color: white;
    font-family: 'acumin-light';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}

.checkbox-label {
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 15px;
    line-height: normal;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: black;
}

.dealer-form-box {
    display: flex;
    margin-bottom: 22px;
    flex-wrap: wrap;
}

.disclaimer-modal .modal-body {
    padding: 30px 30px;
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.disclaimer-modal h5 {
    color: #222222;
    text-align: center;
    font-family: 'acumin-bold' !important;
    font-size: 22px !important;
    font-style: normal;
    line-height: 30px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.dealer-form-col-1 {
    width: 60%;
}

.dealer-form-col-1 .form-group {
    margin-bottom: 5px !important;
}

.dealer-form-col-2 {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.dealer-form-col-2 a {
    background: none;
    border: none;
    text-decoration: underline !important;
    cursor: pointer;
    width: 100%;
    color: #328DB0;
    padding: 10px 15px;
    font-family: 'acumin-Medium';
    letter-spacing: 1px;
    font-size: 14px;
    display: block;
    white-space: nowrap;
}

.checkbox-input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #fff;
    border: 2px solid #328DB0;
    border-radius: 0;
}

.checkbox-input:checked~.checkmark {
    background-color: #328DB0;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.checkbox-input:checked~.checkmark:after {
    display: block;
}

.checkmark:after {
    left: 5px;
    top: 1px;
    width: 4px;
    height: 9px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}


/* new boat detail page design ends here */

.form-control,
input.form-control,
input.form-control[type=text] {
    width: 100%;
    height: 43px;
    background: #f1f1f2 none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

input.form-control[type=text] {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e9e9e9;
    border-radius: 0;
    box-shadow: none;
    color: #333;
    float: left;
    min-height: 40px;
    width: 100%
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
    color: #191960;
    box-shadow: none;
    border: none;
    outline: 0
}

.contact_form_with_bg .form-group input[type=button] {
    width: 180px;
    height: 45px;
    background-color: #bd0505;
    border: none;
    color: #fff;
    font-size: 18px;
    cursor: pointer;
    font-family: trade-gothic-next;
    font-weight: 200;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.sidWidget_iner h2 {
    text-align: center;
    font-size: 24px;
    font-weight: 600
}

.inventory_section .related_posts {
    margin: 0 28px;
    padding: 0 100px
}

.inventory_section .related_posts p a {
    color: #000;
    cursor: pointer;
    font-weight: 400;
    background-color: #f7f7f7;
}

/* #brand-filter-mob,
#class-filter-mob,
#condition-filter-mob,
#model-filter-mob {
    display: none
} */

.inventory_section .filters_product h4 {
    display: inline-block
}

.filters_product input[type=text] {
    border: 1px solid #d9d9d9;
    padding: 8px 10px;
    width: 80%
}


/*
ul.youSearchList {
    list-style: none;
    padding: 4px 20px;
    background: white;
    color: black;
    border-bottom: 1px solid #ccc;
}
*/

span.pull-right.closX {
    color: #d20000;
    background: white;
    padding: 1px;
    border-radius: 27px;
    cursor: pointer;
    font-size: 14px;
}

/* ul.nav.flex-column {
    padding: 20px 0
} */

.footer_logo {
    margin-top: 13px
}

.navbar-nav>li>.dropdown-menu {
    padding: 26px 0
}

.detail_events .detail {
    min-height: 85px
}

.contact_form_with_bg .form-group textarea {
    height: 130px
}


/*
.Campaigns_box_pagination a {
    color: #333 !important
}
*/

.owl_style li {
    display: inline-block
}

.slider_tumbnails {
    position: relative
}

.owl-next {
    position: absolute;
    right: 0;
    top: 0;
    top: 0;
    font-size: 30px;
    color: #ee3525;
    background: #fff;
    z-index: 2;
    display: inline-block;
    padding: 5px 8px;
    opacity: .8;
    line-height: 60px;
    transition: .3s all ease;
    border: none
}

.owl-prev {
    position: absolute;
    left: 0;
    top: 0;
    top: 0;
    font-size: 30px;
    color: #ee3525;
    background: #fff;
    z-index: 2;
    display: inline-block;
    padding: 5px 8px;
    opacity: .8;
    line-height: 60px;
    transition: .3s all ease;
    border: none
}

.share-icon ul {
    list-style: none;
    position: absolute;
    right: 20px;
    z-index: 9999;
    margin-top: 2px;
    padding-left: 0;
    background-color: #eff0f0
}

.share-icon {
    float: right;
    display: block;
    text-align: center;
    padding: 6px 8px
}

.share-icon ul li {
    text-align: left;
    float: left;
    width: 100%;
    border-bottom: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3
}

.btn-black.btn-sm {
    padding: 10px;
    border-radius: 0
}

.btn-black,
.btn-black:hover {
    background: #333 none repeat scroll 0 0;
    color: #fff;
    /* font-family: Montserrat-Bold */
}

.share-icon .btn-black {
    display: block
}

.af-disp-mob {
    display: none
}

.product-container {
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%
}

.product-sidebar {
    border-right: 1px solid #ccc;
    float: left;
    width: 25%
}

.product-content {
    float: left;
    width: 75%
}

.sidWidget {
    /*	border-bottom: 1px solid #ccc;*/
    float: left;
    width: 100%
}

.filterBox>h2 {
    margin: 0;
    padding: 8px 20px;
    background: #000;
    color: #FFF;
    font-family: "Noto Serif";
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 4px;
    text-transform: uppercase;
}

/* .filterBox .sidWidget {
    padding: 5px;
} */

.filterBox .sidWidget {
    /* padding: 8px 16px; */
    border: 1px solid #000;
}

.filterBox .youSearchList {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.filterBox .youSearchList li {
    padding: 8px 20px;
    display: flex;
    justify-content: space-between;
    font-family: 'acumin-light';
    font-weight: 400;
    font-size: 16px !important;
}

.filterOptions h4,
.filterOptions .sqr-checkBox {
    float: none;
}
.desktop-accordion-header{
    margin: 0;
    padding: 12px;
    background: #e9e9e9;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.desktop-accordion-header h4 {
    font-family: 'acumin-bold';
    font-size: 18px;
    font-style: normal;
    line-height: 25px;
    margin: 0;
    color: #000;
}

.filterOptions {
    border: 1px solid #D9D9D9;
    margin-top: 16px;
}

.filterOptions input {
    width: 100%;
    text-align: center;
    color: #222;
    text-align: center;
    font-family: 'acumin-light' !important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400 !important;
    line-height: normal;
    letter-spacing: -0.32px;
}

/* .filterOptions > .filterList {
    padding: 12px;
} */

.filterBox .youSearchList span.pull-right.closX {
    color: #000;
    font-weight: 800;
}

.filterBox .sidWidget,
.filterBox .sidWidget_iner {
    float: none;
}

.sidWidget_iner {
    float: right;
    max-width: 100%;
    /*	padding: 30px 0;*/
    width: 100%
}

.similar-slider {
    display: none !important;
}

.filtered_head_3 {
    font-weight: 600;
    font-size: 18px;
    margin: 20px 0;
    text-transform: uppercase;
    font-family: trade-gothic-next;
    text-align: center
}


/* chekbox style start */

.styled-checkbox {
    position: absolute !important;
    opacity: 0 !important;
}

.styled-checkbox+.filter_count {
    position: relative;
    cursor: pointer;
    padding: 0;
    display: flex;
    align-items: center;
}

.styled-checkbox+.filter_count::before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: white;
    border: 1px solid rgb(0, 0, 0);
}

.styled-checkbox:hover+.filter_count::before {
    background: #fff;
}

.styled-checkbox:focus+.filter_count::before {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.12);
}

.styled-checkbox:checked+.filter_count::before {
    background: #000;
}

.styled-checkbox:disabled+.filter_count {
    color: #b8b8b8;
    cursor: auto;
}

.styled-checkbox:disabled+.filter_count::before {
    box-shadow: none;
    background: #ddd;
}

.styled-checkbox:checked+.filter_count::after {
    content: '';
    position: absolute;
    left: 5px;
    /* top: 11px; */
    background: #fff;
    width: 2px;
    height: 2px;
    box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
    transform: rotate(45deg);
}


/* chekbox style end */

.product-content-iner {
    float: left;
    padding: 50px;
    width: 100%
}

.sidWidget_iner h2 {
    color: #000;
    float: left;
    font-family: Montserrat-Medium;
    font-size: 18px;
    margin: 0 0 15px;
    width: 100%
}

.filterform {
    float: left;
    margin-bottom: 30px;
    width: 100%
}

.Campaigns_box_pagination {
    text-align: right;
}

.Campaigns_box_pagination a {
    color: #6a6a6a;
    font-size: 12px;
    font-family: inherit;
}

.Campaigns_box_pagination a+a {
    margin-left: 10px;
}

.Campaigns_box_pagination a:hover,
.Campaigns_box_pagination a.active {
    color: #ca2123;
}

.form-control,
input.form-control,
input.form-control[type=text] {
    width: 100%;
    height: 43px;
    background: #f1f1f2 none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

.parts_section .form-control,
input.form-control,
input.form-control[type=text] {
    width: 100%;
    height: 43px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

#jobApplicationModal .form-control,
input.form-control,
input.form-control[type=text] {
    width: 100%;
    height: 43px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 5px;
    padding: 0 10px 0 10px
}

#jobApplicationForm textarea {
    height: auto !important;
}

.uploadresume {
    background: 0 0;
    border: 1px solid #000;
    padding: 6px 10px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    cursor: pointer;
    transition: .2s all;
    font-family: trade-gothic-next;
    font-weight: 700;
    background: #000;
}

.uploadresume:hover {
    background-color: #e72300;
    color: #fff;
}

.owl-next,
.owl-prev {
    bottom: 0;
    opacity: .7;
    color: #696e76 !important
}

.owl-next:hover,
.owl-prev:hover {
    color: #ee3525 !important
}


/* career page css start here */

.jobdescription h1,
.jobdescription h2,
.jobdescription h3,
.jobdescription h4 {
    font-size: 23px !important;
    font-weight: 700 !important;
    font-family: "Poppins", serif !important;
}

.jobdescription p,
.jobdescription span,
.jobdescription li {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Poppins", serif !important;
}

.jobdescription strong {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: "Poppins", serif !important;
}

#jobApplicationModal input,
#jobApplicationModal textarea {
    font-family: "Poppins", serif !important;
    font-size: 16px;
}

#jobApplicationModal input::placeholder {
    font-family: "Poppins", serif !important;
    font-size: 16px;
}

#jobApplicationModal textarea::placeholder {
    font-family: "Poppins", serif !important;
    font-size: 16px;
}

#jobApplicationModal .car-label {
    font-family: "Poppins", serif !important;
    font-size: 16px;
}

.jobLocation,
.jobtype,
.jobcat {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: "Poppins", serif !important;
}

.jobLocation i.fa,
.jobtype i.fa,
.jobcat i.fa {
    padding-right: 10px;
}

.over_lay_text .schedule {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%);
    width: 75%;
    text-align: center;
    color: #e72300;
    margin: 0 auto;
    display: block;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 10px;
    margin-left: 0;
    font-weight: 700
}

.parts_top .parts_title p {
    text-align: left;
    font-size: 17px;
    font-family: trade-gothic-next;
    font-weight: 300;
    color: #000;
}

.parts_top .parts_title h3 {
    font-size: 26px
}

.parts_top .parts_title h2 {
    font-size: 30px;
    color: #000;
}

.parts_top ul li a {
    color: #fff !important
}

.parts_top ul li a:hover {
    color: #fff !important;
    text-decoration: none
}

.image_banner {
    color: #fff;
    z-index: 2;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #e72300;
    background: #e72300;
    opacity: 1;
    padding: 5px 15px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}

.filter-accordion-header i.fa {
    float: right
}

.boat_content>a>ul,
.boat_content>ul {
    padding-left: 0px;
}

.boat_content>h4 {
    color: #7f7f7f;
    font-size: 19px;
    font-family: trade-gothic-next;
    font-weight: 400;
    text-align: left;
    text-transform: capitalize;
}

.boat_content h4>span {
    color: #ac2527;
    text-transform: uppercase;
}

.closed_boats_sec {
    /* background-color: #000; */
    padding-bottom: 85px;
}

.closed_boats_sec .wrapper a,
.featured_boat_inventory .wrapper a {
    text-decoration: none;
    color: #121212;
}

.featured_boat_inventory .wrapper {
    /* background-color: #1a1a1a; */
    opacity: 1;
}

.closed_boats_sec h1,
.featured_boat_inventory h1 {
    color: #000;
    letter-spacing: 2px;
    font-family: trade-gothic-next;
    font-weight: 300 !important;
    text-transform: uppercase;
}

.featured_boat_inventory h1 {
    /* font-weight: 400 !important; */
    /* background-color: #1a1a1a; */
    width: auto;
    display: inline-block;
    font-size: 34px;
    /* padding: 11px 0; */
}


/*popup*/

/* modle style start here */

.BoatsSlider .slider-for .slick-prev,
.BoatsSlider .slider-for .slick-next {
    /* background: #0000007a;
        z-index: 22;
        width: 35px;
        height: 70px; */
    color: #fff;
    transition: 0.4s ease all;
}

.BoatsSlider .slider-for .slick-next {
    right: 0;
}

.BoatsSlider .slider-for .slick-prev {
    left: 0;
    /*	transform: rotate( 180deg);*/
}

.fw_light {
    font-weight: 300 !important;
}

.CustomForm {
    color: #1a1a1a !important;
    font-size: 16px !important;
    margin-bottom: 5px;
    font-weight: 700 !important;
}

.disable_btn {
    background-color: #2c3e50 !important;
}


/* BAOTS NEW DESING PAGE */
.new_chng {
    display: flex;
    border: 1px solid#cecece;
    padding-right: 15px;
    margin-bottom: 40px;
}

.new_chng .right_detail {
    padding-left: 25px;
}

.new_chng .top_filter {
    display: flex;
    /* margin-top: 50px;
    margin-bottom: 30px; */
}

.new_chng .top_filter p {
    border: 1px solid #dfdfdf;
    padding: 8px 20px;
    color: #4c4c4c;
    width: 100%;
    max-width: 101px;
}

.new_chng .top_filter select {
    padding: 8px 0px;
    border: 1px solid #dfdfdf;
    border-left: none;
    width: 100%;
    max-width: 240px;
    margin-right: 10px;
}

.new_chng .year_se {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_chng .year_se p {
    font-size: 20px;
    color: #000 !important;
}

.new_chng .body_detail {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
}

.new_chng .body_detail .left_detail {
    width: 100%;
}

.new_chng .body_detail .left_detail span {
    font-family: trade-gothic-next;
    padding-left: 5px;
}

.new_chng .body_detail .right_btn a {
    display: inline-block;
    padding: 17px 20px;
    font-size: 16px;
    font-family: trade-gothic-next;
    background-color: transparent;
    border: 1px solid #000;
    color: #000;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}

.new_chng .body_detail .right_btn a:nth-child(3) {
    background-color: #ca2123 !important;
    color: #fff !important;
    border: none !important;
}

.inner_detail_wraper .ukhi_img {
    max-width: 400px;
    /* margin: 0 auto; */
    width: 100%;
    height: 300px;
    position: relative;
    overflow: hidden;
}

.inner_detail_wraper .ukhi_img img {
    height: 100%;
    /* object-fit: cover; */
    object-fit: contain;
    width: 100%;
}

/* .all_overlay{
    background: rgba(0, 0, 0, 0.7);
    transition: 0.4s ease-in-out;
    z-index: 9999999999999999999999999999999999999;
} */
.hyou {
    display: none !important;
}

.lastLoad_btn a {
    display: inline-block;
    padding: 13px 25px;
    font-size: 16px;
    border: 1px solid #000;
    color: #000;

}

.opeen-calc {
    cursor: pointer;
}

.lastLoad_btn button {
    margin-top: 30px;
    margin-bottom: 50px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 800;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    background: #328DB0;
    display: inline-block;
    max-width: 250px;
    width: 100%;
    padding: 11px 25px;
    border: 1px solid #328DB0;
}

.lastLoad_btn button:focus {
    outline: none;
    border: 1px solid #328DB0;
    box-shadow: none;
}

/* BOAT DETAIL PAGE CSS START */
.main_img {
    height: 690px;
}

.main_img img {
    height: 100%;
}

/* accordian css */
.panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
    color: var(--main_color);
}

.panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    color: var(--main_color);
}

.blck_a {
    padding: 20px 0px;
    font-size: 24px;
    font-family: trade-gothic-next;
    color: #000 !important;
    font-weight: bold;
}

.panel {
    border: 0px !important;
}

.panel-default>.panel-heading {
    background-color: transparent !important;
    border-bottom: 1px solid #000;
}

#contactModal_email .modal-header {
    border-bottom: 0;
    padding-top: 30px;
}

#contactModal_email .modal-dialog {
    max-width: 450px;
}

.popup_input {
    width: calc(100% - 100px);
    height: 43px;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #dedfe0;
    margin-bottom: 0;
    padding: 0 10px 0 10px
}

.shareModalHeading {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #1a1a1a;
    font-weight: 300;
}

.copyShareLinkBtn {
    text-align: center;
    background: #1a1a1a;
    border: 1px solid transparent;
    display: inline-block;
    text-transform: uppercase;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.8px;
    font-weight: 200;
    transition: 0.4s ease all;
    border: none;
    outline: none;
}

.copyLinkWrapper {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shareIconsContainer {
    display: flex;
    align-items: center;
    gap: 30px;

}

.shareIconsWrapper {
    margin-top: 40px;
}

.shareIconsContainer .fa-brands {
    color: #1a1a1a;
}

.shareIcons {
    border: 1px solid #000;
    border-radius: 50%;
    background-color: #fff;
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.desktopShareBtn {
    display: block;
}

.mobileShareBtn {
    display: none;
}

/* accordian css END*/



@media(max-width:1024px) {
    .new_chng .body_detail .right_btn a {
        font-size: 14px;
    }
}

@media(max-width:991px) {
    .new_chng {
        flex-direction: column;
    }

    .inner_detail_wraper .ukhi_img {
        margin: 0 auto;
    }

    .desktopShareBtn {
        display: none;
    }

    .mobileShareBtn {
        display: block;
    }

    .mainHeading {
    font-size: 36px;
    line-height: 36px;
}

.secondaryHeading{
    font-size: 30px;
    line-height: 36px;
}
}

/* BOAT DETAIL PAGE CSS END ********************************/

/************************************************** VIDEOS PAGE START */
.blog_container {
    /* max-width: 1700px; */
    /* margin-left: auto; */
    padding: 0px 40px;
}

.videos_container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0px 40px;
}

.videos .top_text h2 {
    font-family: trade-gothic-next;
    color: #000;
    font-weight: 600;
    padding-bottom: 30px;
    letter-spacing: 3px;
}

.videos .video_wrap {
    max-width: 600px;
    height: 345px;
}

.videos .blog_container .video_wrap {
    max-width: unset;
    height: auto;
}

.videos .video_wrap video {
    width: 100%;
    height: 100%;
}

.videos .text_wrap span {
    color: #000;
    font-size: 20px;
    padding-top: 20px;
    display: inline-block;
}

.sortWrapper {
    /* float: right; */
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D9D9D9;
    height: 40px;
    padding: 0 15px;
}

.sortWrapper label {
    color: #222;
    font-family: 'acumin-bold';
    font-size: 14px;
    font-style: normal;
    line-height: 25px;
    white-space: nowrap;
    margin-bottom: 0 !important;
}

.sortWrapper select {
    font-size: 12px;
    width: 160px;
    height: 35px;
    padding: 0 8px;
    border-radius: 0;
    background: #fff;
    margin-left: 10px;
    font-family: 'Inter';
    border-bottom: none;
    border-right: none;
    height: 100%;
    margin-bottom: 0 !important;
}

.videos .main_right_wrap span {
    font-weight: bold;
    padding-bottom: 13px;
}

.videos .main_right_wrap ul li {
    list-style: none;
    padding-bottom: 7px;
    font-size: 18px;

}

.videos .main_right_wrap ul li a {
    color: #000 !important;
    font-weight: 300;
}

.videos .main_right_wrap ul span::before {
    content: "";
    border-left: 4px solid #ca2123;
    padding-right: 15px;
}

/*************************************** INVENTORY AVAIL PAGE START HERE */

h3.avail_inv {
    font-size: 20px;
    color: black;
    font-weight: 600;
    font-family: trade-gothic-next, sans-serif;
}


.inven_avail {
    background-image: url(../images/mastercraft_main_image.webp);
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}

.inven_avail::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.inven_avail .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: 2;
}

.inven_avail .logo_wrap {
    max-width: 200px;
    margin: 20px auto;
}

.inven_avail .logo_wrap img {
    width: 100%;
}

.inven_avail .text_wrap h1 {
    font-family: montBold;
    font-size: 55px;
    color: #fff;
}


.inven_avail_barleta {
    background-image: url(../images/barletta_banner.webp);
    height: 750px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-position: center;
}

.inven_avail_barleta::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.4);
}

.inven_avail_barleta .text_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    text-align: center;
    z-index: 2;
}

.inven_avail_barleta .logo_wrap {
    max-width: 200px;
    margin: 20px auto;
}

.inven_avail_barleta .logo_wrap img {
    width: 100%;
}

.inven_avail_barleta .text_wrap h1 {
    font-family: montBold;
    font-size: 55px;
    color: #fff;
}

/* DETAIL TEXT SECTION CSS */
.detail_text {}

.detail_text .main_wrap {
    text-align: center;
    padding: 65px 0px;
}

.container_detail .main_wrap {
    max-width: 1400px;
    margin: 0 auto;
}

/* BOAT PRICE SECTION START */
.boat_price {
    padding: 40px 0px;
}

.boat_price .container_price {
    max-width: 1400px;
    margin: 0 auto;
}

.boat_price .container_price .top_text {
    margin-bottom: 30px;
}

.boat_price .container_price .img_wrap {
    max-width: 350px;
    margin: 0 auto;
    height: 200px;
}

.boat_price .container_price .img_wrap img {
    height: 100%;
}

/************************* NEW MEGA MENU CSS *************************/
.left_imgs .main_inner_lay {
    position: relative;
    padding-bottom: 12px;
}

.left_imgs .main_inner_lay img {
    width: 100%;
}

.left_imgs .main_inner_lay h3 {
    color: #fff !important;
    font-size: 18px;
}

.left_imgs .main_inner_lay .imga::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 5px;
}

.left_imgs .main_inner_lay .imga {
    max-width: 270px;
    height: 70px;
}

.left_imgs .main_inner_lay .imga img {
    height: 100%;
}

.left_imgs .main_inner_lay .img_wrap1 {
    position: relative;
}

.left_imgs .main_inner_lay .text_wrap1 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    height: 100%;
}

.left_imgs .main_inner_lay .img_wrap2 {
    position: relative;
    /* padding: 10px 0px; */
}

.left_imgs .main_inner_lay .text_wrap2 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    height: 100%;
}

.left_imgs .main_inner_lay .img_wrap3 {
    position: relative;
}

.left_imgs .main_inner_lay .text_wrap3 {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
    height: 100%;
}

.left_imgs .main_inner_lay .img_wrap1 img {
    width: 100%;
}

.new_one_mega .inner_wraper {
    padding-bottom: 30px;
}

.new_one_mega .inner_wraper ul span {
    color: #cb2123;
    font-weight: bold;
    font-size: 20px;
}

.new_one_mega .top_text span {
    color: #cb2123;
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    padding-bottom: 10px;
}

.new_one_mega .inner_wraper ul li {
    list-style: none;
    padding-bottom: 8px;
}

.new_one_mega .inner_wraper ul li a {
    color: #000 !important;
    font-weight: 300;
}

/************************* NEW MEGA MENU CSS END *************************/

/* OWL CAROUSEL FEATURED BOAT CSS */
.owl2 .owl-nav button:hover{
    background: transparent !important;
}
.owl2 button.owl-prev {
    font-size: 55px !important;
    color: #fff !important;
}

.owl2 button.owl-next {
    font-size: 55px !important;
    color: #fff !important;
}

.owl-theme .owl-nav {
    margin-top: 0px !important;
}


/* VALUE TRADE PAGE CSS START */
.contact_trade_form {
    padding-bottom: 20px;
}

.contact_trade_form .main_wraper {
    max-width: 800px;
    margin: 0 auto;
    padding: 0px 30px;
}

.contact_trade_form .main_wraper .top_heading {
    margin-bottom: 20px;
}

.contact_trade_form .main_wraper .top_heading p {
    text-align: center;
    font-size: 14px;
    margin-top: 25px;
}

.contact_trade_form .main_wraper .contact_wrapper h3 {
    color: #000;
    text-align: center;
    margin-bottom: 20px;
}

/* .contact_trade_form .main_wraper .contact_wrapper input{
    padding: 26px 16px !important;
} */
.contact_trade_form .main_wraper .contact_wrapper input::placeholder {
    color: #000 !important;
}

.contact_trade_form .main_wraper .contact_wrapper textarea::placeholder {
    color: #000 !important;
}

.contact_trade_form .main_wraper .contact_wrapper textarea {
    background: transparent !important;
}

.contact_trade_form .main_wraper .contact_wrapper .btn_wrap {
    margin-top: 25px;
}

/******************************************* HOME PAGE CSS START */
.hm_serviceBox {
    position: relative;
    cursor: pointer;
}

.home_services {
    padding-bottom: 4px;
}

.hm_serviceBox,
.servc_img {
    height: 100%;
    position: relative;
}

.servc_img::after {
    position: absolute;
    content: '';
    bottom: 0;
    width: 100%;
    height: 350px;
    background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, rgba(34, 34, 34, 0.80) 100%);
    z-index: 0;
}

.hms_title {
    position: absolute;
    transform: translateX(-50%);
    bottom: 50px;
    left: 50%;
    text-align: center;
    color: #ffffff;
    width: 100%;
    padding: 10px;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    z-index: 1;
}

.financing-sec {
    display: flex;
    max-width: 1400px;
    margin: 80px auto 80px auto;
    width: 100%;
}

.financing-col {
    width: calc(100% / 3);
    position: relative;
    padding: 55px 47px;
}

.financing-col+.financing-col::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 1px;
    height: 150px;
    background: #343A4066;
}

.sm-financing-sec {
    display: flex;
    gap: 20px;
}

.financing-col-1 {
    width: 50px;
    height: 50px;
}

.financing-col-2 {
    width: calc(100% - 50px);
}

.financing-col-2 h6 {
    font-family: 'acumin-light';
    color: #222;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}

.financing-col-2 p {
    margin-bottom: 0;
}

.financing-col-2 a {
    color: #222;
    font-family: "acumin-Extralight";
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
}

.hm_serviceBox,
.servc_img {
    height: 100%;
}

.servc_img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-slider {
    position: relative;
}

.brand-slider .owl-nav {
    display: block !important;
}

.brand-slider .owl-nav button {
    margin: 0 !important;
}

.brand-slider .item {
    position: relative;
    padding-top: 45%;
}

.brand-slider .item video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.brand-slider .item iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slider-btn {
    position: absolute;
    bottom: 100px;
    left: 50%;
    transform: translateX(-50%);
}

/* .slider-btn a{
    color: #FFF;
    text-align: center;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 8px 25px;
    border: 1px solid #FFFFFF;
} */
.slider-btn a img {
    object-fit: contain;
}

.slider-content {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}

.slider-content h3 {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-ExtraLight';
    font-size: 56px;
    font-style: normal;
    font-weight: 275;
    line-height: 56px;
    /* 100% */
}

.slider-content p {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-Light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */

}

.brand-slider .owl-dots {
    position: absolute;
    bottom: 29px;
    left: 50%;
    transform: translateX(-50%);
    display: block !important;
}

.brand-slider .owl-dots .owl-dot span {
    width: 40px;
    height: 3px;
    background: #FFFFFF66;
}

.brand-slider .owl-dots .owl-dot.active span {
    width: 40px;
    height: 3px;
    background: #FFFFFF;
}

.brand-slider .owl-dots .owl-dot.hover span {
    width: 40px;
    height: 3px;
    background: #FFFFFF;
}

.boats-title {
    font-size: 20px;
    line-height: 35px;
    font-family: 'Mulish-Black' !important;
}

.card-end-conditions {
    display: flex;
    justify-content: flex-start;
}

.accordion-content {
    display: none;
}

.accordion-content.specc-show {
    display: block;
}

.custom-accordion .specs-item {
    position: relative;
    color: #112342;
    font-family: AcuminPro-Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: .9px;
    padding: 10px 5px 10px 5px;
}

.gallery .specs-item {
    position: relative;
    color: #112342;
    font-family: AcuminPro-Light;
    font-size: 18px;
    font-style: normal;
    font-weight: 300;
    line-height: 22px;
    letter-spacing: .9px;
    padding: 0 30px 0 0;
}

.specs-box .specs-item {
    font-size: 16px;
}

.gallery .specs-item+.specs-item::after {
    position: absolute;
    content: "";
    top: 50%;
    left: -15px;
    width: 2px;
    height: 13px;
    transform: translateY(-46%);
    background-color: #112342;
}

.arrival-boats-header h3 {
    color: #111;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 125% */
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 80px;
}

.doss-featured {
    margin: 120px 0;
}

.doss-container {
    width: calc(100% - 15%);
    margin: 0 auto;
}

.doss-featured-box {
    display: flex;
    margin-top: 120px;
    margin-bottom: 120px;
}

.doss-featured-col {
    width: 50%;
}

.doss-featured-img {
    width: 100%;
    height: 100%;
}

.doss-featured-img>img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.doss-featured-col .content-box {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    height: 100%;
    max-width: 542px;
    margin: 0 auto;
}

.title-heading {
    color: #222;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 6.4px;
    text-transform: uppercase;
}

.doss-featured-col .content-box p {
    color: #222;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.featured-btn {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 35px;
    background-color: black;
    transition: all .5s;
    cursor: pointer;
    border: 1px solid black;
    max-width: 200px;
    width: 100%;
}
.featured-btn:hover{
    color: #FFF;
    text-decoration: none;
}
.hmBnr {
    position: relative;
    margin-bottom: 80px;
}

.hmBnrTxt {
    position: absolute;
    bottom: 20%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
    z-index: 1;
}

.video_banner {
    position: relative;
    padding-top: 41%;
}

.video_banner>video {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}

.bnrHeding {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-ExtraLight';
    font-size: 56px;
    font-style: normal;
    font-weight: 275;
    line-height: 56px;
    /* 100% */
    letter-spacing: 5.6px;
    text-transform: uppercase;
}

.tranpBtn {
    display: inline-block;
    outline: #fff;
    border: 2px solid #fff;
    color: #FFF;
    text-align: center;
    font-family: "acumin-Medium";
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    /* 125% */
    text-transform: uppercase;
    padding: 14px 30px;
    background: transparent;
    transition: all 0.2s;
}

.madis-container {
    width: calc(100% - 19%);
    margin: 0 auto;
    display: flex;
}

.madis-col {
    width: 50%;
}

.madis-col-img-box {
    position: relative;
    padding-top: 80%;
}

.madis-col-content {
    position: absolute;
    bottom: 80px;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100%;
}

.madis-col-content h3 {
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    /* 125% */
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.madis-col-img-box img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.madis-white-btn {
    color: black;
    text-align: center;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 35px;
    transition: all .5s;
    cursor: pointer;
    border: 1px solid #FFF;
    background: #FFF;
}

.madis-white-btn:hover {
    color: black;
    text-decoration: none;
}

.madis-black-btn {
    color: white;
    text-align: center;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 35px;
    transition: all .5s;
    cursor: pointer;
    border: 1px solid #FFF;
    background: #222222;
}

.madis-black-btn:hover {
    background: #328DB0;
    color: white;
}

.inventory-btn-box {
    margin: 80px 0 120px 0;
    padding: 0 20px;
}

.tranpBtn:hover {
    background: white;
    color: black;
}

.brndLst {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-left: 0;
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
    gap: 20px;
}

.brndLst li {
    list-style: none;
    padding: 17px 20px;
    width: 317px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cdcdcd;
    height: 120px;
    background-color: #fff;
}

.brndItm a img {
    max-width: 172px;
    width: 100%;
}

.sftitle {
    padding: 30px 0px;
}

/* headers starts here */

/* new mobile header deisgn start here */

.mobile-header {
    display: none;
    position: sticky;
    top: 0;
    z-index: 999;
}

.mobile-header-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    width: 100%;
    height: 60px;
    z-index: 500;
}

.header-bg {
    border-bottom: 1px solid #EEE;
    background: #FFF;
}

.mobile-header-img {
    width: 100px;
    height: auto;
}

.mobile-header-img img {
    width: 100%;
    object-fit: contain;
}

.custom-toggle-icon span.fa {
    font-size: 30px;
    background: white;
    color: black;
}

.call-icon {
    width: 30px;
    height: 30px;
    background: rgba(255, 255, 255, 0.05);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
}

.call-icon span.fa {
    color: white;
}

.mobile-header-list {
    display: none;
    position: fixed;
    top: 120px;
    left: 0;
    z-index: 999;
    width: 100%;
    background: #343A40;
    transform: translateY(0);
    transition: all 0.2s;
}

.sub-header-box span {
    margin-right: 30px;
    margin-top: 30px;
}

.sub-header-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.menu-content-box {
    height: calc(100vh - 100px);
    overflow-y: auto;
    border-top: 1px solid #EEE;
    background: #FFF;
}

.menu-content-box::-webkit-scrollbar {
    display: none;
}

.pb-50 {
    padding-bottom: 50px;
}

.mds-dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 60px;
    background: #343A40;
}

.mobile-header-parent {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    width: 100%;
    height: 60px;
    z-index: 500;
}

.mobile-header-img {
    max-width: 212px;
    width: 100%;
    height: 100%;
    max-height: 50px;
}

.mobile-header-img img {
    width: 100%;
    object-fit: contain;
}

.custom-close-icon span.fa {
    font-size: 30px;
    background: #343A40;
    color: white;
}

.mds-nav-tab {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 30px 0 35px 0;
    padding: 0 30px;
    column-gap: 10px;
}

.nav-btn.active {
    background: #222;
    color: #FFF;
    border: 1px solid #222;
}

.nav-btn {
    color: #222;
    text-align: center;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    display: inline-block;
    padding: 14px 25px 14px 23px !important;
    border: 1px solid rgba(34, 34, 34, 0.10);
    background: rgba(34, 34, 34, 0.10);
    width: 110px;
    height: 45px;
}

.mobile-header-list ul li {
    list-style: none;
    padding: 0 30px;
    /* border-bottom: 2px solid lightgray; */
}

.mobile-nav-box.active {
    display: block;
    height: 100%;
}

.mobile-nav-box {
    display: none;
}

.mobile-nav-box ul {
    padding-left: 0;
}

.submenu-nav-link {
    display: block;
    padding: 15px 0;
    color: #222;
    font-family: 'acumin-light';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 138.889% */
    text-transform: capitalize;
    border-bottom: 1px solid #EEE;
}

.border-none {
    border: none !important;
}

.mobile-header-number {
    text-decoration: none;
    color: white;
    opacity: 0.7;
    padding: 15px 0;
}

.menu-logo-box {
    display: flex;
    padding: 40px 30px;
    flex-wrap: wrap;
    gap: 10px;
}

.menu-logo {
    width: 182px;
    height: 56px;
    padding: 15px 25px;
    border: 1px solid #D9D9D9;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background: #222; */
}

.menu-logo img {
    max-width: 103px;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.end-box {
    background: rgba(255, 255, 255, 0.02);
    padding: 20px 30px 64px 30px;
}

.end-box ul li {
    list-style: none;
}

.end-box ul li a {
    color: #FFF;
    font-family: 'Gotham-Medium';
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    text-transform: capitalize;
}

.location-box {
    background: #FAFAFA;
    padding: 20px 30px 64px 30px;
    height: 100%;
}

.mobile-menu-show {
    display: none;
}

.location-box ul li a {
    color: #222;
    font-family: 'acumin-light';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 138.889% */
    text-transform: capitalize;
    padding: 15px 0;
    display: block;
    border-bottom: 1px solid #EEEEEE;
}

.location-box ul li {
    padding: 0 !important;
}

.sub-header {
    background: #FFF;
    height: 60px;
}

.sub-header ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    padding-left: 0;
}

.sub-header ul li {
    list-style: none;

}

.sub-header ul li a {
    padding: 22px 33px;
    display: inline-block;
    color: #222;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.sub-header ul li a span.fa {
    padding-right: 10px;
}

/* new mobile header deisgn ends here */

/* new desktop header start here */
.desktop-header {
    border-bottom: 1px solid #EEE;
    background: #FFF;
    height: 80px;
}

.desktop-header li {
    list-style: none;
}

.desktop-header-box {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.header-container {
    height: 100%;
    padding: 0 120px;
}
.breadcrumb-container{
    padding: 0 120px;
}
.logo-box {
    width: 30%;
}

.right-nav-box {
    width: 15%;
}

.centaral-nav-box {
    width: 50%;
}

.centaral-nav ul li a {
    color: #222;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    font-family: 'acumin-light';
    display: inline-block;
    padding: 7px 28px;
}

.centaral-nav ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
    height: 100%;
}

.right-nav {
    text-align: right;
}

.right-nav span {
    color: #222;
    text-align: right;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: -0.32px
}

.right-nav span strong {
    color: #222;
    font-family: 'acumin-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: -0.4px;
}

.right-nav ul li a {}

.custom-container {
    width: 100%;
    height: 90px;
    background: #343A40;
    padding: 0 60px;
}

.custom-navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.left-nav-list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.right-nav-list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 0;
}

.desktop-header .left-nav-list li,
.desktop-header .right-nav-list li {
    list-style: none;
}

.desktop-header .left-nav-list li a,
.desktop-header .right-nav-list li a {
    padding: 22px 30px;
    color: #FFF;
    font-family: 'GothamLight';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.logo_div img {
    height: 100%;
    width: 250px;
    object-fit: cover;
}

/* home page new design start here */
.home-inventory-box{
    display: flex;
    flex-wrap: wrap;
}
.home-inventory-cards{
    width: calc(100% / 4);
    padding: 7.5px;
    
}
.home-inventory-box .boat-listing-carousel .owl-dots.disabled, .home-inventory-box .boat-listing-carousel .owl-nav.disabled{
    display: block !important;
}
.home-inventory-box .boat-listing-carousel .owl-nav button.owl-prev {
    position: absolute !important;
    top: 50% !important;
    left: 0;
    transform: translateY(-50%) !important;
    background: white !important;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    z-index: 2;
    display: flex;
}
.home-inventory-box .boat-listing-carousel .owl-nav button.owl-next {
    position: absolute !important;
    top: 50% !important;
    right: 0;
    transform: translateY(-50%) !important;
    background: white !important;
    width: 35px;
    height: 35px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.4s ease, visibility 0.4s ease;
    display: flex;
    z-index: 2;
}
.home-inventory-box .boat-listing-carousel:hover .owl-nav button.owl-prev {
    opacity: 1;
    visibility: visible;
}
.home-inventory-box .boat-listing-carousel:hover .owl-nav button.owl-next {
    opacity: 1;
    visibility: visible;
}
.lg-card-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.lg-card-col {
    width: calc(100% / 3 - 4px);
}

.top-central-section {
    background: #343A40;
    padding: 40px 20px 60px 20px;
}

.top-central-content {
    max-width: 840px;
    padding: 0 20px;
    margin: 0 auto;
}

.central-search-box {
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-items: center;
}

.search-box-col {
    width: 50%;
}

.header-box {
    position: sticky;
    top: 0;
    z-index: 999;
}

.mega-menu-parent {
    position: absolute;
    top: 80px;
    left: 0;
    z-index: 200;
    border-bottom: 1px solid #EEE;
    background: #FFF;
    width: 100%;
    transition: all 0.5s;
    display: none;

}

.close-mega-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
    cursor: pointer;
    position: absolute;
    top: 22px;
    right: 23px;
}

.close-mega-menu i {
    color: #7B7B7B;
}

.close-mega-menu span {
    color: #7B7B7B;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
    padding-left: 10px;
}

.mega-menu-brand-box {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    gap: 8px;
}

.mega-menu-brand-item {
    width: 224px;
    list-style: none;
    padding: 17px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #cdcdcd;
    background-color: #fff;
    padding: 10px 5px;
}

.mega-menu-brand-item img {
    max-width: 135px;
    width: 100%;
    object-fit: contain;
}

.mega-menu-parent.show-mega-menu {
    display: block !important;
}

.mega-menu-cards-box {
    display: flex;
}

.mega-menu-cards {
    width: calc(100% / 5);
    padding: 0 7.5px;
}

.px-15 {
    padding-left: 7.5px;
    padding-right: 7.5px;
}

.mega-menu-cards a {
    display: block;
}

.mega-menu-card-img {
    position: relative;
    padding-top: 67%;
}

.mega-menu-card-img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mega-menu-main-box {
    width: 100%;
    margin: 0 auto;
    display: flex;
    padding: 50px 90px 94px 90px;
    max-width: 1450px;
    /* display: none; */
}

.mega-menu-links ul {
    padding-left: 0;
}

.mega-menu-links ul li {
    list-style: none;
    margin-bottom: 16px
}

.mega-menu-links ul li a {
    color: #222;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.brand-img-sec {
    width: 250px;
}

.mega-menu-content-box {
    width: calc(100% - 250px);
    padding: 0 0 0 100px;
}

.mega-menu-content-column {
    flex-basis: 33.33%;
}

.mega-menu-top-heading {
    margin-bottom: 25px;
}

.toggle-dropdown {
    position: relative;
}

.dropdown-content.show-dropdown {
    display: flex;
}

.dropdown-content {
    position: absolute;
    top: 55px;
    left: 0;
    background: #31373D;
    width: 310px;
    display: none;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    background: #FFF;
    border-top: 1px solid #EEE;
    border-bottom: 1px solid #EEE;
    padding: 30px 40px 25px 40px;
}

.dropdown-content ul {
    padding-left: 0;
}

.sm-dropdown li {
    width: 100%;
}

.sm-dropdown li a {
    color: #222;
    font-family: "Acumin Pro";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.dropdown-content.show-dropdown {
    display: block;
}

.sm-dropdown {
    display: flex !important;
    flex-direction: column;
    margin-bottom: 0;
    height: 100%;
    width: 100%;
    padding-bottom: 28px;
}

.location-bg ul {
    display: flex !important;
    flex-direction: column;
    width: 100%;
    align-items: flex-start;
}

.dropdown-content ul li {
    margin-bottom: 15px;
}

.dropdown-content ul a {
    padding: 0 !important;
}

.location-bg {
    background: rgba(255, 255, 255, 0.02);
    padding-top: 28px;
    width: 100%;
}

.location-bg h3 {
    color: #222;
    font-family: "Noto Serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.2px;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.mega-menu-top-heading h6 {
    color: #222;
    font-family: "Noto Serif";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 3.2px;
    text-transform: uppercase;
}

/* header ends here */

/************************************ BOATS PAGE NEW DESIGN OF FILTER ****************************************/

/* MODAL FILTER CSS START */
.right_bt::-webkit-scrollbar {
    width: 20px !important;
    height: 4px !important;
    display: none;
}

.right_bt::-webkit-scrollbar-thumb {
    background: #000;
    border-radius: 5px;
}

.bottom_btn {
    display: none;
}

.inner_wrap_filter {
    display: flex;
    align-items: center;
}

.inner_wrap_filter a {
    color: #000;
    font-family: Inter !important;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400 !important;
    line-height: 25px;
    /* 178.571% */
}

.inner_wrap_filter .left_btn {
    border-right: 1px solid #D3D3D3;
    padding: 11px 8px;
    min-width: 155px;
}

.inner_wrap_filter .left_btn a {
    font-family: mreav_bold;
}

.top_new_filter {
    border-top: 1px solid #D3D3D3;
    border-bottom: 1px solid #EEE;
    display: none;
}

.inner_wrap_filter .right_bt {
    padding: 8px 10px;
    display: flex;
    align-items: center;
    column-gap: 10px;
    overflow-x: auto;
}

/* .top_new_filter .inner_wrap_bt{
   
} */
.top_new_filter .inner_wrap_bt a {
    padding: 7px 10px;
    display: inline-block;
    min-width: 190px;
    width: 100%;
    text-align: center;
    font-family: 'acumin-light';
    border: 1px solid #328DB01A;
    border-radius: 30px;
    background-color: #328DB01A;
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.top_new_filter .inner_wrap_bt a img{
    width: 40px;
    height: 14px;
    object-fit: contain;
}
.top_des_fil .close_btn {
    display: none;
}

.main_pannerl_wrap {
    padding: 0px 20px;
}

.U_case {
    padding: 10px 20px;
}

.mob_veiw_Sort {
    display: none;
}

.desk_veiw_sort {
    display: block;
}

.red_cell {
    background: rgba(0, 0, 0, 0.2);
    transition: 0.4s ease-in-out;
    overflow: hidden;
}

.len_def .panel-heading {
    margin-bottom: 10px;
}

.mob_veiw {
    display: none;
}

.desk_veiw {
    display: block;
}

/* .mob_sort{
    display: none;
} */
.rotate_180 {
    transform: rotate(180deg);
}

.show_all {
    display: block;
}

/* footer css start here */

footer {
    font-family: Arial, sans-serif;
    color: white;
    background-color: #231f20;
}

.newsletter {
    background-color: #f8f5f4;
    text-align: center;
    color: #000;
    padding: 40px 20px;
}

.newsletter h2 {
    color: #222;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 6.4px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.newsletter p {
    color: #222;
    text-align: center;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 46px;
}

.newsletter-form {
    margin: 20px auto;
    max-width: 350px;
    border: 1px solid #ccc;
    display: flex;
    height: 41px;
}

.owl2 .owl-nav button {
    margin: 0 !important;
}

.left-edge-banner {
    position: absolute;
    top: 36px;
    right: 0;
    background: #1e1e1e;
    color: white;
    display: inline-block;
    padding: 12px 50px 12px 71px;
    ;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 6% 50%, 0% 0%);
    width: 360px;
}

.banner-content small {
    display: block;
    opacity: 0.6;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, 0.60);
    font-family: 'acumin-light';
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase;
}

.banner-content h3 {
    color: #FFF;
    font-family: 'acumin-bold';
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
}

.banner-content a {
    color: #FFF;
    font-family: 'acumin-ExtraLight';
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 20px;
}

.banner-content a:hover {
    color: #fff;
}

.newsletter-form input {
    padding: 10px;
    width: calc(100% - 30px);
    height: 100%;
    outline: none;
    background-color: transparent;
    border: none;
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}

.newsletter-form input::placeholder {
    color: rgba(0, 0, 0, 0.60);
    font-family: 'acumin-ExtraLight';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 30px;
}

.newsletter-form button {
    padding: 10px 15px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    line-height: normal;
}

.social-icons a {
    display: inline-block;
    margin: 0 5px;
    color: #000;
    font-size: 16px;
    border: 1px solid black;
    padding: 7px 9px;
    line-height: normal;
}

.footer-col-1 {
    width: 60%;
    display: flex;
    position: relative;
    gap: 80px;
}

.footer-col-1::after {
    position: absolute;
    content: '';
    top: 0;
    right: 0;
    width: 1px;
    height: 300px;
    background: #FFF;
}

.locations {
    text-align: center;
}

.footer-box {
    width: calc(100% - 15%);
    margin: 0 auto;
}

.footer-col-2 {
    width: 40%;
}

.footer-column {
    width: calc(100% / 3);
}

.footer-grid {
    display: flex;
    gap: 40px;
    padding: 60px 40px;
    background-color: #231f20;
}

.footer-column h4,
.footer-column h3 {
    color: #FFF;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-size: 16px;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

.footer-column ul {
    list-style: none;
    padding-top: 5px;
    margin-bottom: 0;
    padding-left: 0;
}

.footer-column ul li {
    cursor: pointer;
    padding: 16px 0;
}

.company-links li {
    padding: 10px 0 !important;
}

.arrow-link {
    border-bottom: 1px solid;
}

.footer-column ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    color: #FFF;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footerLocStyles{
    width: 100%;
    color: #FFF;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footerLocStyles:hover{
    color: #FFF;
}

.footer-bottom ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: 0;
}

.footer-bottom ul li {
    list-style: none;
    color: #ab9c9ccc;
    text-align: center;
    font-family: acumin-light;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: .42px;
    padding: 10px 15px;
}

.footer-bottom ul li a {
    color: #ab9c9ccc;
    text-align: center;
    font-family: acumin-light;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 25px;
    letter-spacing: .42px;
    text-decoration: underline;
}

.madis-locations-heading {
    color: #FFF;
    text-align: center;
    font-family: acumin-Medium;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    opacity: 0.6;
}

.bottom-links {
    position: relative;
    padding: 0 15px;
    color: #d3d3d3b8;
    text-align: center;
    font-family: Gantari;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.bottom-links+.bottom-links::after {
    position: absolute;
    content: '';
    top: 50%;
    left: 0;
    width: 1px;
    height: 15px;
    background: #FFFFFF66;
    transform: translateY(-46%);
}

.footer-column ul li a:hover {
    color: #FFF;
}

.company-info h3 {
    font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.footer-logo {
    max-width: 446px;
    width: 100%;
    margin: 0 auto 58px auto;
}

.footer-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.locations ul {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}

.locations ul li {
    margin-bottom: 5px;
    color: #FFF;
    text-align: center;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.address {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.phone {
    margin-top: 10px;
    color: #FFF;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-container {
    width: calc(100% - 15%);
    margin: 0 auto;
    border-top: 1px solid #2F2F2F;
}

.bottom-bar {
    text-align: center;
    padding: 15px;
    font-size: 12px;
    background-color: #1b1819;
}


.footer-mobile-box {
    display: none;
}

.footer-accordion {
    border-top: 2px solid rgba(255, 255, 255, 0.20);
}

.footer-accordion-content ul {
    padding-left: 0;
    margin-bottom: 0;
    padding-top: 18px;
    padding-bottom: 18px;
}

.footer-accordion-content ul li {
    list-style: none;
    padding: 5px 0;
}

.footer-accordion-content ul li a {
    color: #FFF;
    font-family: 'acumin-Medium';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    display: block;
}

.footer-accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.footer-accordion-header span:nth-child(1) {
    color: #FFF;
    font-family: 'acumin-light';
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}

.footer-accordion-content {
    display: none;
}

.arrow-icon {
    transform: rotate(0);
    transition: transform 0.3s ease;
}

.footer-accordion-header span.rotate {
    transform: rotate(180deg) !important;
    transition: transform 0.3s ease;
}

.footer-accordion-content .menu-logo-box {
    padding: 0 0;
}
.grid-view-details-btn{
    color: #328DB0;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
}
.grid-view-details-btn:hover{
    color: #328DB0;
}

/* 404 page start here */

.commonSection {
    margin-bottom: 80px;
}
.commonSectionInnerWrap {
    display: flex;
    gap: 120px;
    max-width: calc(100% - 15%);
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
.commonSectionTextWrapper {
    width: 50%;
    max-width: 600px;
}
.commonSectionImageWrapper {
    width: 50%;
}
.commonSectionImageWrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.commonSectionHeading {
    color: #222;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 125% */
    letter-spacing: 6.4px;
    text-transform: uppercase;
}
.commonPara {
    color: #1E1E1E;
    text-align: center;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.commonSectionLinkWrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.featured-btn {
    color: #FFF;
    text-align: center;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    text-transform: uppercase;
    background: #222;
    display: inline-block;
}
.thank-you-content-box {
    width: 50%;
}
.thank-you-inner-box{
    max-width: 480px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.locationtitle{
    color: #111;
    text-align: center;
    font-family: "Noto Serif";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 6.4px;
    text-transform: uppercase;
}

.locationMapCard{
    border: 1px solid #cdcdcd;
    min-height: 400px;
}

.locationMapCard iframe{
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 400px;
}

.locationAddressCard{
    border: 1px solid #cdcdcd;
    padding: 30px 15px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.addressCardHeading{
    font-family: "Noto Serif";
    color: #111;
    font-size: 30px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
}

.locationPara{
    color: #222;
    font-family: 'acumin-light';
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.hoursInfoCard{
    border: 1px solid #cdcdcd;
    padding: 30px 15px;
}

@media (max-width: 1700px) {
    .details-right-container {
        padding: 0 110px;
    }

    .details-left-container {
        padding-left: 110px;
    }

    .header-container {
        padding: 0 110px;
    }
    .breadcrumb-container{
        padding: 0 110px;
    }
}

@media (max-width: 1600px) {

    .dealer-form-col-1 {
        width: 100%;
    }

    .dealer-form-col-2 {
        width: 100%;
    }

    .hms_title {
        font-size: 40px;
        line-height: 50px;
    }

    .details-right-container {
        padding: 0 90px;
    }

    .details-left-container {
        padding-left: 90px;
    }

    .header-container {
        padding: 0 90px;
    }
    .breadcrumb-container{
        padding: 0 90px;
    }
}

@media (max-width: 1500px) {
    .doss-featured-col .content-box {
        padding: 0 50px;
        max-width: 100%;
    }

    .doss-featured-box {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .bnrHeding {
        font-size: 40px;
    }

    .hms_title {
        font-size: 35px;
        line-height: 50px;
    }

    .financing-col-2 h6 {
        font-size: 23px;
        line-height: 25px;
    }

    .arrival-boats-header h3 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 45px;
    }

    .arrival-boats-sec {
        padding: 60px 0;
    }

    .financing-sec {
        margin: 75px auto 60px auto;
        max-width: 1200px;
    }

    .financing-col {
        width: calc(100% / 3);
        position: relative;
        padding: 42px 47px;
    }

    .financing-col+.financing-col::after {
        height: 134px;
    }

    .slider-content h3 {
        font-size: 40px;
    }

    .slider-content {
        top: 50px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem
    }
}

@media (max-width: 1440px) {
    .specs-row-box {
        gap: 60px;
    }

    .details-right-container {
        padding: 0 60px;
    }

    .details-left-container {
        padding-left: 60px;
    }

    .header-container {
        padding: 0 60px;
    }
    .breadcrumb-container{
        padding: 0 60px;
    }
}

@media (max-width: 1400px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .categories ul li {
        display: block !important
    }

    .resources {
        height: auto
    }

    .categories ul li:nth-child(1) {
        margin-right: 0 !important
    }
}

@media (max-width: 1200px) {
    .boat-col {
        width: calc(100% / 2 - 15px);
    }

    .hms_title {
        font-size: 27px;
        line-height: 50px;
        bottom: 20px;
    }

    .slider-content h3 {
        font-size: 30px;
    }

    .slider-content {
        top: 25px;
    }

    .mb-50 {
        margin-bottom: 30px;
    }

    .brand-logo {
        max-width: 125px;
        max-height: 28px;
        margin-top: 15px;
    }

    .arrival-boats-header h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .sports-container h3 {
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 30px;
    }

    .financing-col-2 h6 {
        font-size: 20px;
        line-height: 25px;
    }

    .financing-col {
        padding: 20px 30px;
    }

    .financing-col+.financing-col::after {
        height: 90px;
    }

    .financing-sec {
        margin: 40px auto 40px auto;
        max-width: 1000px;
    }

    .arrival-boats-sec {
        width: 100%;
        padding: 40px 30px;
    }

    .listing-header {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-bottom: 15px;
    }

    .boat-card-image {
        max-height: unset;
        position: relative;
        padding-top: 57%;
    }

    .boat-card-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .boat-card {
        flex-wrap: wrap;
    }

    .boat-img-box {
        width: 100%;
    }

    .boat-content-box {
        width: 100%;
        padding: 18px 0px 10px 0;
    }

    .grid-boat-card {
        width: calc(100% / 2) !important;
    }

    .specs-row-box {
        gap: 20px;
    }

    .details-right-container {
        padding: 0 25px;
    }

    .details-left-container {
        padding-left: 25px;
    }

    .header-container {
        padding: 0 25px;
    }
    .breadcrumb-container{
        padding: 0 25px;
    }

    .over_image {
        top: 32.2%
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .categories ul li {
        display: block !important
    }

    .resources {
        height: auto
    }

    .categories ul li:nth-child(1) {
        margin-right: 0 !important
    }

    h1.boat_detail {
        font-size: 25px;
    }

    .categories ul li input[type=search] {
        text-align: center;
        width: 100%
    }

    .categories {
        text-align: center;
        margin-bottom: 50px
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        font-size: 12px
    }

    .our_team_section {
        height: auto !important
    }

    .form-control.empl_list_dd {
        width: 248px;
    }

    .custom_fileupload {
        width: 920px;
    }

    .owl-prev .glyphicon {
        top: 22%;
    }

    .owl-next .glyphicon {
        top: 22%;
    }
}

@media (max-width: 992px) {
    .categories ul li {
        margin-left: 0 !important
    }

    .categories ul {
        padding-left: 0 !important
    }

    .footer_wrapper button {
        margin-top: 10px
    }

    .col-lg-3.col-md-6.col-sm-12.col-12.left_side_categories {
        display: none
    }

    .bg_banner_section {
        height: auto
    }

    .banner_title h1 {
        margin-top: 10px;
        font-size: 30px
    }

    .featured_boats {
        height: auto
    }

    .about_section {
        height: auto
    }

    .inline_form ul li input[type=text] {
        margin-bottom: 10px
    }

    .contact_form_with_bg {
        height: auto
    }

    .give_right-content .title {
        margin-top: 20px
    }

    .navbar-brand {
        position: static
    }

    .over_image {
        top: 17.2%
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .header_bottom .schedule-btn a {
        width: 98%;
        margin-right: 0
    }

    .header_bottom .left_texts {
        text-align: center
    }

    .header_bottom .left_texts li {
        display: block
    }

    li.nav-item.active {
        padding-bottom: 0;
        margin-bottom: 10px
    }

    .next_nd_pre_btn button {
        width: 100%
    }

    .inventory_section .d-flex {
        display: block !important;
        width: 100%
    }

    .inventory_section .related_posts {
        margin: 0 0
    }

    .text-uppercase {
        margin-left: 0
    }

    .value_trade {
        height: auto
    }

    .inline_form ul li {
        display: block
    }

    .our_team_section {
        height: auto !important
    }

    .value_trade_section {
        height: auto
    }

    .services_section {
        height: auto
    }

    .schedule_test_section {
        height: auto
    }

    .parts_section {
        height: auto
    }

    .left_side_categories {
        max-width: 100%
    }

    .header_bottom .left_texts li {
        margin-left: 0;
        padding: 2px 0
    }

    .boat_content h3 {
        text-align: center
    }

    .boat_content {
        text-align: center
    }

    .View_boat {
        width: 100%
    }

    .about_section .text-center h2 {
        font-size: 18px;
        margin: 25px auto
    }

    .about_section p {
        padding: 5px 10px
    }

    .value_trade h2 {
        margin: 25px auto 10px;
        font-size: 18px
    }

    .inline_form ul li [type=button] {
        padding: 0 0;
        width: 100%
    }

    .inline_form ul {
        list-style: none;
        padding-left: 12px
    }

    /* .text-uppercase {
        margin-bottom: 5px;
        margin-top: 5px
    } */
    .navbar-nav>li>.dropdown-menu {
        padding: 0 0 15px !important
    }

    ul.nav.flex-column {
        padding: 5px 0
    }

    .nav li ul>li {
        padding: 10px
    }

    .over_lay_text .schedule {
        font-size: 12px !important
    }

    .navbar-collapse {
        padding: 0 !important;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .nav.navbar-nav.m-auto.custom_style {
        width: 100%;
    }

    .search_icon_right {
        /* display: none */
    }

    .navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    .inventory_section .right_side_products .View_boat {
        width: 100%
    }

    .Campaigns_box_pagination a {
        display: block !important;
        margin: 10px auto !important;
        width: 35% !important;
        border-radius: 10px !important
    }

    .employee_listing_sec_1 {
        padding: 0px 0px 45px;
        min-height: 260px;
    }

    .emp_list_banner_main .emp_list_h1 {
        padding-top: 45px;
    }

    .form-control.empl_list_dd {
        width: 174px;
    }

    .emp_detail_breadcrums,
    .emp_detail_main_outer,
    .emp_detail_lftblk {
        padding: 0px 15px;
    }
}

@media (max-width: 768px) {

    /* mobile menu changes  */
    .nav-item.dropdown {
        text-align: center;
        border-bottom: 1px solid black;
    }

    li.nav-item {
        border-bottom: 1px solid black;
    }

    .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

    /* mobile menu changes  */
    .footer_wrapper input[type=email] {
        width: 100%
    }

    .footer-section .with_border {
        border: none;
        padding-left: 0;
    }

    .footer_wrapper .title {
        padding: 0;
        font-size: 12px
    }

    .bg_banner_section {
        height: auto
    }

    .banner_title h1 {
        margin-top: 10px;
        font-size: 30px
    }

    .featured_boats {
        height: auto
    }

    .about_section {
        height: auto
    }

    .inline_form ul li input[type=text] {
        margin-bottom: 10px
    }

    .header_bottom .schedule-btn a {
        margin-bottom: 10px
    }

    .contact_form_with_bg {
        height: auto
    }

    .give_right-content .title {
        margin-top: 20px
    }

    .navbar-brand {
        position: static
    }

    .footer_wrapper button {
        margin-top: 10px
    }

    .header_bottom .left_texts li {
        margin-right: 0
    }

    .form-control.empl_list_dd {
        width: 170px;
    }

    .resp_mb_0 {
        margin-bottom: 0px;
    }

    .emp_detail_rgtblk {
        margin-top: 15px;
    }

    .form_emp_Detail .custom_fileupload {
        width: 700px;
    }
}

@media(max-width:731px) and (orientation:landscape) {
    .form_emp_Detail .custom_fileupload {
        width: 687px;
    }
}

@media(max-width:731px) and (orientation:landscape) {
    .emp_list_2_form_main {
        padding: 20px 20px 15px 20px;
        margin-bottom: 25px;
    }

    .form_emp_Detail .custom_fileupload {
        width: 681px;
    }
}

@media(max-width:667px) and (orientation:landscape) {
    .emp_list_2_form_main {
        padding: 20px 15px 15px 15px;
        margin-bottom: 25px;
    }

    .form-control.empl_list_dd {
        width: 156px;
    }

    .form_emp_Detail .custom_fileupload {
        width: 617px;
    }
}

@media(max-width:640px) and (orientation:landscape) {
    .form-control.empl_list_dd {
        width: 146px;
        font-size: 11px;
    }

    .btn-danger.custom_submitBtn {
        padding: 9px 26px 11px 26px;
        font-size: 13px;
    }

    .form_emp_Detail .custom_fileupload {
        width: 590px;
    }
}


@media (max-width: 992px) {
    .child_menues .nav-item .nav-link {
        display: inline-block;
        font-size: 20px !important;
        margin: 5px 0;
    }

    .text-uppercase {
        color: #fff;
        font-size: 16px !important
    }

    .navbar-expand-lg .navbar-nav>.nav-item>.nav-link {
        font-size: 18px !important;
        margin: 6px 0
    }

    .af-disp-mob {
        display: block;
        padding: 15px 20px 0
    }

    .af-filtersec.active {
        display: block
    }

    .filter-accordion-header {
        background: white;
        padding: 20px 25px;
        border-bottom: 1px solid rgba(238, 238, 238, 1);
        margin-bottom: 20px;
        color: #000;
        cursor: pointer;
        width: 100%;
        text-align: left;
        outline: 0;
        font-size: 14px;
        border-top: none
    }

    .filter-accordion-content {
        padding: 10px 50px;
        /* display: none; */
        background-color: #f7f7f7;
        overflow: hidden
    }

    .filter-accordion-content label {
        font-weight: 400;
        width: 100%;
        float: left;
        color: rgba(0, 0, 0, 0.40);
        font-family: 'acumin-light';
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px;
        text-transform: capitalize;

    }

    .filter-accordion-content input {
        margin-right: 15px;
        font-family: 'Inter' !important;
        color: black !important;
    }

    .range-slider-box input {
        width: 100%;
        text-align: center;
        border: none !important;
        margin-bottom: 10px;
    }

    .filter-accordion-header.active {
        background: #e9e9e9;
        margin-bottom: 0 !important;
        /* font-family: Montserrat-Bold */
    }

    .filter-accordion-header i.fa {
        font-size: 25px;
        color: rgba(196, 196, 196, 1);
    }

    .desktop_dis {
        display: none
    }

    .owl-prev .glyphicon {
        top: 30%;
    }

    .owl-next .glyphicon {
        top: 30%;
    }
}

@media (max-width: 600px) {
    .filtered_head_3 {
        font-weight: 600;
        font-size: 18px;
        margin: 20px 10px;
        text-transform: uppercase;
        font-family: trade-gothic-next
    }

    /*.owl-prev .glyphicon {
        top: -10px !important;
        font-size: 22px
    }

    .owl-next .glyphicon {
        top: -10px !important;
        font-size: 22px
    }*/
    .employee_listing_sec_1 {
        padding: 0px 0px 25px;
        min-height: 225px;
    }

    .emp_list_banner_main .emp_list_h1 {
        padding-top: 25px;
        font-size: 25px;
        line-height: 1;
        margin-bottom: 20px;
    }

    .emp_list_banner_main .emp_list_h2 {
        margin-bottom: 20px;
        font-size: 15px;
    }

    .emp_list_2_form_main {
        padding: 20px 15px 15px 15px;
        margin-bottom: 25px;
    }

    .emp_list_filter_inner li {
        width: 100%;
        display: block;
        text-align: center;
        margin-right: 0px;
        margin-bottom: 15px;
    }

    .form-control.empl_list_dd {
        width: 100%;
    }

    .emp_list_filter_inner li:last-child {
        margin-bottom: 0px;
    }

    .empl_list_sec_2 {
        padding: 25px 0px 45px 0px;
    }

    .list_emp_blk_outer {
        padding: 20px 25px 15px 20px;
        margin-bottom: 15px;
    }

    .btn.btn-danger.emp_listBlkbtn {
        margin-top: 40px;
        padding: 6px 18px 8px 18px;
    }

    .resp_mb_0 {
        margin-bottom: 0px;
    }

    .emp_detail_breadcrums_list {
        margin-bottom: 40px;
    }

    .employee_detail_sec_1 {
        padding-bottom: 40px;
    }

    .empl_detail_sec_2 {
        padding: 0px 0px 40px;
    }

    .owl-prev .glyphicon {
        top: 24%;
        font-size: 22px
    }

    .owl-next .glyphicon {
        top: 24%;
        font-size: 22px
    }
}

@media(max-width:568px) and (orientation:landscape) {
    .form_emp_Detail .custom_fileupload {
        width: 518px;
    }

    .owl-prev .glyphicon {
        top: 30%;
        font-size: 22px
    }

    .owl-next .glyphicon {
        top: 30%;
        font-size: 22px
    }

}

.inner .pro_img_frame {
    position: relative;
    padding: 10%;
    margin-bottom: 20px
}

@media(max-width:414px) {
    .custom_fileupload {
        width: 365px;
    }
}

@media(max-width:411px) {
    .custom_fileupload {
        width: 362px;
    }
}

@media (max-width: 400px) {

    #brand-filter-mob,
    #class-filter-mob,
    #condition-filter-mob,
    #model-filter-mob {
        display: block
    }

    select#boat_search_filter {
        float: left;
        max-width: 229px;
        margin-bottom: 10px
    }
}

@media(max-width:375px) {
    .custom_fileupload {
        width: 325px;
    }
}

@media(max-width:360px) {
    .custom_fileupload {
        width: 310px;
    }
}

@media(max-width:320px) {
    .custom_fileupload {
        width: 275px;
    }

    .owl-prev .glyphicon {
        top: 18%;
    }

    .owl-next .glyphicon {
        top: 18%;
    }
}

@media(max-width:823px) {
    .custom_fileupload {
        width: 700px;
    }
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 740px;
    }
}

@media (min-width: 991px) {
    .hide_search_mobile {
        display: none;
    }
}

@media (max-width: 568px) {
    .event_wrapper .slider_tumbnails {
        display: none;
    }

    .deck_logo {
        width: 160px !important;
    }

    .proshop_section {
        height: 218px;
    }

    .proshop_section .text_wrap h1 {
        font-size: 32px;
    }

    .proshop_section .text_wrap {
        top: 25%;
    }

    .main_img {
        height: 300px !important;
    }

    .slider .NavImages {
        height: 150px !important;
    }
}

.CLOSEOUTS .modal-dialog {
    margin-top: 20vh;
}

.CLOSEOUTS .modal-content {
    -webkit-box-shadow: 0 5px 34px rgba(255, 255, 255, 0.53);
    box-shadow: 0 5px 34px rgba(255, 255, 255, 0.53);
    background: black;
    border-radius: 0;
    color: #fff;
    border: none;
}

.CLOSEOUTS .modal-header .close {
    color: #fff;
    font-weight: 100;
    position: absolute;
    top: 15px;
    right: 25px;
    transition: 0.4s ease all;
    background-color: #000;
    opacity: 1;
}

.CLOSEOUTS .modal-header {
    border-bottom: none;
    padding: 15px 80px;
    padding-top: 0;
}

.CLOSEOUTS .ModalTitle {
    width: 220px;
    text-align: center;
    background: #fff;
    margin: auto;
}

.ModalTitle img {
    width: 100%;
}

.CLOSEOUTS h1 {
    text-transform: uppercase;
    font-size: 40px;
    font-weight: 600;
    margin-top: 30px;
}

.CLOSEOUTS h1 span {
    color: #ee3525;
}

.CLOSEOUTS p {
    font-size: 26px;
    font-weight: 100;
    letter-spacing: 0.8px;
    margin-top: 30px;
}

.CLOSEOUTS .modal-body {
    padding: 15px 80px 80px;
}

.ModalForm {
    position: relative;
}

.ModalForm::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #fff;
}

.CLOSEOUTS form label {
    font-weight: 100;
    min-width: 60px;
    font-size: 12px;
    max-width: 90px;
}

.CLOSEOUTS .form-group {
    width: 100%;
}

.CLOSEOUTS .form-group+.form-group {
    margin-top: 10px;
}

.CLOSEOUTS .form-control {
    width: calc(100% - 64px) !important;
    background: #ffffff29 !important;
    border-radius: 0;
    border: 1px solid #ffffff61 !important;
    color: #fff !important;
    float: none !important;
}

.CLOSEOUTS .form-group:nth-child(4) .form-control {
    width: calc(100% - 90px) !important;
}

.CLOSEOUTS .form-group:nth-child(4) label {
    height: 12px;
    float: left !important;
}

.ContactBtn {
    margin-top: 10px;
    border: 1px solid #ee3525;
    color: #fff !important;
    background: #ea1907;
    border-radius: 0;
    padding: 9px 30px;
    transition: 0.4s ease all;
    text-decoration: none !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    float: right;
}

.modalimg {
    width: 100%;
}

.listings-count p {
    font-family: 'acumin-light';
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}

.ViewBtn {
    margin-top: 10px;
    border: 1px solid #fff;
    color: #fff !important;
    background: transparent;
    border-radius: 0;
    padding: 9px 30px;
    transition: 0.4s ease all;
    text-decoration: none !important;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
}

.ViewBtn:hover {
    border: 1px solid #ee3525;
    background: #ee3525;
}

.btnCloseOut {
    border: 0;
    background: #e72300;
    border-radius: 0;
    line-height: 20px !important;
    padding-bottom: 29px !important;
    padding-right: 15px !important;
    color: #fff !important;
    font-weight: 900;
    margin-top: 19px;
    transition: 0.4s ease all;
}

p#notify_popup_message.alert-success {
    background: #51b958;
}

p#notify_popup_message {
    font-size: 16px;
    padding: 5px;
}


/*product carousel*/

.carousel-wrap {
    margin: 90px auto;
    padding: 0 5%;
    width: 100%;
    position: relative;
}


/* fix blank or flashing items on carousel */

.owl-carousel .item {
    position: relative;
    z-index: 100;
    -webkit-backface-visibility: hidden;
}


/* end fix */


/*
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}
*/


/*.owl-item {
    display: inline-block;
}
.owl-stage-outer {
    overflow-x: hidden;
}*/



.mob_view {
    display: none !important;
}

#featured_boats_carousal .owl-prev,
#closed_boats_carousal .owl-prev {
    top: 0px;
    color: #c0c0c0 !important;
    background: transparent;
    left: -70px;
    width: 30px;
    height: 30px;
    bottom: 0px;
    right: auto;
    margin: auto;
    padding: 0px;
    opacity: 0;
}

#featured_boats_carousal .owl-prev span,
#featured_boats_carousal .owl-next span,
#closed_boats_carousal .owl-prev span,
#closed_boats_carousal .owl-next span {
    font-size: 30px;
    line-height: 30px;
    color: #c0c0c0;
}

#featured_boats_carousal .owl-next,
#closed_boats_carousal .owl-next {
    top: 0px;
    color: #c0c0c0 !important;
    background: transparent;
    left: auto;
    width: 30px;
    height: 30px;
    bottom: 0px;
    right: -70px;
    margin: auto;
    padding: 0px;
    opacity: 0;
}

.featured_boat_inventory:hover #featured_boats_carousal .owl-prev,
.featured_boat_inventory:hover #featured_boats_carousal .owl-next,
.closed_boats_sec:hover #closed_boats_carousal .owl-prev,
.closed_boats_sec:hover #closed_boats_carousal .owl-next {
    opacity: 1;
}

/* BOTCHILLA PAGE CSS */
.main_parent {
    display: flex;
    justify-content: center;
}

.main_parent .left {
    width: 100%;
}

.main_parent .left h3 {
    color: #2596be;
    font-family: inherit;
    font-size: 50px;
    font-weight: bold;
}

.main_parent .left ul li {
    list-style: none;
    color: #2596be;
    font-size: 18px;
    padding-bottom: 5px;
}

.main_parent .left ul li:first-child {
    font-size: 24px;
    font-weight: bold;
    padding-bottom: 10px;
}

.main_parent .right {
    width: 100%;
}

.main_parent .right input::placeholder {
    font-size: 18px;
    color: #2596be;
}

.parts_section .form-control,
input.form-control,
input.form-control[type=tel],
input.form-control[type=email] {
    width: 100%;
}

.video_big .main_wrap {
    height: 700px;
}

/* BLOG PAGE CSS START HERE  */

.blogs_section {
    padding-top: 24px;
    padding-bottom: 100px;
}

.blogs_section .top_title {
    padding-bottom: 64px;
}

.blogs_section .top_title span {
    font-family: bold_trade_blog;
    font-size: 14px;
    font-weight: 700;
}

.blogs_section .top_text {
    padding-bottom: 40px;
}

.blogs_section .top_text h2 {
    font-family: bold_trade_blog;
    font-size: 40px;
    font-weight: 700;
}

.blogs_section .card_wraper .img_wrap_blog {
    height: 250px;
}

.blogs_section .card_wraper .img_wrap_blog img {
    height: 100%;
    width: 100%;
}

.blogs_section .text_wrap {
    margin-bottom: 50px;
    margin-top: 15px;
    position: relative;
}

.blogs_section .text_wrap h3 {
    color: #000 !important;
    font-size: 24px;
    font-family: bold_trade_blog;
    font-weight: bold;
    margin-bottom: 20px;
}

.blogs_section .text_wrap .red_p {
    position: absolute;
    right: 0;
    color: #ca2123 !important;
    bottom: -1px;
    background-color: #fff;
    padding-left: 9px !important;
}

.blogs_section .lastLoad_btn {
    padding-top: 40px;
}

.blogs_section .lastLoad_btn button {
    background: #1E1E1E;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    padding: 13px 36px;
    font-family: bold_trade_blog;
}

.blogs_section .main_right_wrap ul span {
    font-weight: 800;
    font-size: 18px;
    font-family: bold_trade_blog;
    padding-bottom: 11px;
    display: inline-block;
}

.blogs_section .main_right_wrap ul span::before {
    content: "";
    border-left: 4px solid #ca2123;
    padding-right: 15px;
}

.blogs_section .main_right_wrap ul li {
    font-size: 16px;
    font-weight: 400;
    font-family: bold_trade_blog;
    list-style: none;
    padding-bottom: 8px;
}


/* BLOG DETAIL PAGE CSS */
.blog_detail_wraper {
    padding-top: 24px;
    padding-bottom: 100px;
}

.blog_detail_wraper .top_title_detail {
    margin-bottom: 54px;
}

.blog_detail_wraper .top_title_detail span {
    font-family: bold_trade_blog;
    font-size: 14px;
    font-weight: 700;
}

.whle_wrap .top_topic {
    font-family: bold_trade_blog;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    padding-bottom: 40px;
    display: inline-block;
    letter-spacing: 0.9px;
}

.whle_wrap .right_side span::before {
    content: "";
    border-left: 4px solid #ca2123;
    padding-right: 15px;
}

.whle_wrap.sinle_cs {
    padding-left: 40px;
}

.whle_wrap .card_wrap {
    margin-bottom: 30px;
}

.whle_wrap .card_wrap .img_wraps {
    max-width: 325px;
    height: 186px;
}

.whle_wrap .card_wrap .img_wraps img {
    height: 100%;
    object-fit: cover;
}

.whle_wrap .card_wrap .text_wrap {
    padding-top: 18px;
}

.whle_wrap .card_wrap .text_wrap p {
    font-weight: 700 !important;
    font-size: 20px !important;
}

.btn_wrap a {
    background: #1E1E1E;
    font-size: 16px;
    color: #fff;
    padding: 13px 36px;
    display: inline-block;
    font-family: bold_trade_blog;
    font-weight: 700;
    margin-top: 37px;
}

.whle_wrap .whole_data {
    padding-top: 47px;
}

.whle_wrap .blueheading h3 {
    font-size: 40px;
    font-weight: 700;
    font-family: bold_trade_blog;
    ;
}

.whle_wrap .content p img {
    /* float: right; */
    /* max-width: 300px; */
}

.whle_wrap .img_text img {
    height: 100%;
}

.whole_data .content span,
h2 {
    font-size: 32px !important;
}

@media screen and (min-width:1201px) and (max-width:1400px) {
    .ir_bread_crumbs {
        font-size: 25px;
    }
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .ir_bread_crumbs {
        font-size: 22px;
    }
}

@media screen and (min-width:425px) and (max-width:767px) {

    /* mobile menu changes  */
    .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .ir_bread_crumbs {
        font-size: 15px;
    }

    .overlay_shop_btn {
        font-size: 18px;
    }

    .overlay_txt {
        font-size: 25px;
    }

    .BoatsSlider .slick-next,
    .BoatsSlider .slick-next {
        display: none;
    }
}


/************* MEDIA QUERIES ******************/

/* MEDIAQUERIES */
@media(max-width:1650px) {
    .footer-box {
        width: calc(100% - 10%);
        margin: 0 auto;
    }

    .footer-logo {
        max-width: 350px;
        width: 100%;
        margin: 0 auto 58px auto;
    }

    .madis-container {
        width: calc(100% - 12%);
    }

    .madis-col-content {
        bottom: 50px;
    }

    .madis-col-content h3 {
        font-size: 30px;
        letter-spacing: 5.4px;
        margin-bottom: 30px;
    }
}

@media(max-width:1500px) {

    .doss-featured-col .content-box {
        padding: 0 50px;
        max-width: 100%;
    }

    .doss-featured-box {
        margin-top: 80px !important;
        margin-bottom: 80px !important;
    }

    .bnrHeding {
        font-size: 40px;
    }

    .hms_title {
        font-size: 35px;
        line-height: 50px;
    }

    .financing-col-2 h6 {
        font-size: 23px;
        line-height: 25px;
    }

    .arrival-boats-header h3 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 45px;
    }

    .arrival-boats-sec {
        padding: 60px 0;
    }

    .financing-sec {
        margin: 75px auto 60px auto;
        max-width: 1200px;
    }

    .financing-col {
        width: calc(100% / 3);
        position: relative;
        padding: 42px 47px;
    }

    .financing-col+.financing-col::after {
        height: 134px;
    }

    .slider-content h3 {
        font-size: 40px;
    }

    .slider-content {
        top: 50px;
    }
}

@media(max-width:1440px) {

    .commonSectionHeading {
        font-size: 29px;
        letter-spacing: 3px;
    }
    .commonPara {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .footer-col-1 {
        gap: 35px;
    }

    .mega-menu-main-box {
        max-width: 1250px;
    }

    .mega-menu-content-box {
        width: calc(100% - 250px);
        padding: 0 0 0 50px;
    }

    .hms_title {
        font-size: 30px;
    }

    .hmBnr {
        margin-bottom: 60px;
    }

    .monthly_gallery {
        padding-top: 80px;
    }

    .arrival-boats-header h3 {
        margin-bottom: 50px;
    }

    .financing-sec {
        margin: 50px auto 50px auto;
    }

    .financing-col {
        padding: 30px 47px;
    }

    .financing-col+.financing-col::after {
        height: 119px;
    }

    .slider-content h3 {
        font-size: 42px;
    }
}

@media (max-width: 1400px) {
    .listing-header-right-box {
        gap: 3px;
    }

    .filterBtn {
        padding-left: 50px;
    }

    .deck_logo {
        width: 300px;
    }
}

@media screen and (max-width: 1300px) {
    .fitler-col {
        width: 23%;
    }
    
    .listing-content-col {
        padding-left: 30px;
        width: 77%
    }

    .boatsListing .customBtnBlack {
        float: unset;
        margin-top: 10px;
    }

    .apply-box button {
        padding: 14px 10px;
    }

    .hms_title {
        font-size: 20px;
        letter-spacing: 4px;
        line-height: 35px;
    }

    .footer-box {
        width: 100%;
        padding-left: 40px;
        padding-right: 40px;
        margin: 0 auto;
    }

    .logo-box {
        width: 20%;
    }

    .mega-menu-main-box {
        max-width: 1100px;
        padding: 50px 50px 94px 50px;
    }

    .footer-grid {
        padding: 60px 0;
    }

    .centaral-nav-box {
        width: 65%;
    }

    .header-logo {
        width: 100%;
    }

    .header-logo img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
}

@media screen and (max-width: 1200px) {
    .commonSectionInnerWrap {
        max-width: 100%;
        padding-left: 40px;
        padding-right: 40px;
    }
    .commonSectionInnerWrap {
        gap: 40px;
    }
    .home-inventory-cards{
        width: calc(100% / 2);
        padding: 7.5px;
    }
    .madis-container {
        width: 100%;
        padding: 0 30px;
    }

    .footer-col-1 {
        width: 70%
    }

    .footer-col-2 {
        width: 30%
    }

    .footer-logo {
        max-width: 250px;
    }
}

@media(max-width:1199px) {

    #featured_boats_carousal .owl-prev,
    #closed_boats_carousal .owl-prev {
        left: -26px;
        opacity: 1;
    }

    #featured_boats_carousal .owl-next,
    #closed_boats_carousal .owl-next {
        right: -26px;
        opacity: 1;
    }

}

@media(max-width:991px) {
    .thank-you-content-box {
        width: 100%;
    }
    .firstSectionTopMargin {
        margin-top: 40px;
    }
    .commonSectionInnerWrap {
        gap: 40px;
        flex-flow: column-reverse;
    }
    .commonSectionTextWrapper {
        width: 100%;
        max-width: 600px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .commonSectionImageWrapper {
        width: 100%;
    }

    #featured_boats_carousal .owl-prev,
    #closed_boats_carousal .owl-prev {
        left: -8px;
        opacity: 1;
    }

    #featured_boats_carousal .owl-next,
    #closed_boats_carousal .owl-next {
        right: -8px;
        opacity: 1;
    }

    .filterInner,
    .boatsListingWrapper {
        padding: 0 0 30px 0;
        padding-left: 0px;
        padding-right: 0px;
    }

    .boatsHeading {
        font-size: 22px;
        margin-bottom: 0;
        line-height: 26px;
    }

    .filterBtn {
        padding: 20px;
        font-size: 20px;
    }

    .boatDetail h3 {
        font-size: 18px;
    }

    .boatDetail .price {
        font-size: 18px;
        margin-top: 10px;
    }

    .customBtnBlack {
        font-size: 16px;
    }

    .boatsListing .customBtnBlack {
        float: none;
        margin-top: 15px;
    }

    .calculatorWrapper,
    .recientView {
        padding: 30px;
    }

    .testimonials {
        padding: 30px 0;
    }

    .SpectInfo {
        padding: 50px 50px;
    }

    .customBtn {
        padding: 5px 15px;
    }

    .testiBtn {
        margin-right: 80px;
    }

    .testimonials h2 {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .s_active {
        display: block;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        height: 27px;
    }

    .dropdown_arrow,
    .sub_dropdown_arrow {
        display: inline-block;
        margin-left: 13px;
    }

    /* mobile menu changes */
    li.nav-item.main_menu_item {
        border-bottom: 1px solid rgb(226 226 226);
        padding: 25px 0px;
        text-align: center;
    }

    nav.navbar.navbar-expand-lg.navbar-light {
        padding-right: 0px;
        padding-left: 0px;
    }

    ul.mobileDropDown.hidden-md.hidden-lg.s_active {
        padding-right: 0px;
        padding-left: 0px;
    }

    .mobileDropDown li {
        /* border-bottom: 1px solid #f1e9e9; */
        /* padding: 20px 0 !important; */
    }

    ul.mobileDropDown.s_active {
        padding-left: 0;
    }

    .mobileDropDown li:last-child {
        border-bottom: transparent;
    }

    .navbar-default .navbar-brand {
        margin-left: 10px;
    }

    .subMenu.s_active {
        padding-right: 0px;
        padding-left: 0px;
        margin-top: 0 !important;
        text-align: left;
    }

    .subMenu.s_active li {
        padding-left: 40px;
    }

    .main_menu_link::after {
        content: "";
        display: block;
        height: 2px;
        background-color: white !important;
        position: absolute;
        /* bottom: 0; */
        bottom: 25px;
        left: 0;
        right: 0;
        border-radius: 10px;
        width: 0;
        transition: 0.3s;
        margin: auto;
    }

    a.new_b {
        text-transform: uppercase;
        color: #000000;
        padding: 8px 25px;
        letter-spacing: 2px;
        font-size: 15px;
        font-weight: 500;
    }

    .serch_mob {
        display: none !important;
    }

    /* a.new_b {
        padding-top: 25px;
        
    } */
    .subMenu li:last-child {
        border-bottom: transparent;
        padding-bottom: -33px;
        padding-bottom: 0px !important;
        padding-top: 10px !important;
    }

    .dropDown {
        position: relative;
        padding: 5px 0;
        list-style: none;
    }

    .secondry_megaMenu {
        display: none;
    }

    .fclty_img_wrap {
        margin-bottom: 10px;
    }

    .sub_menu {
        display: none;
    }

    .sub_menu2 {
        display: none;
    }

    .subMenu.s_active ul {
        padding-left: 0;
    }

    .subMenu.s_active li {
        list-style: none !important;
    }

    .subMenu li a {
        color: #000000 !important;
        font-weight: 500;
    }

    .rotate_180 {
        transform: rotate(180deg);
    }

    .sub_menu2.s_active {
        display: block;
    }

    a.nabar_link {
        text-decoration: none;
        color: #000000;
    }

    ul.sub_menu2.s_active {
        padding-left: 0;
    }

    .sub_menu2.s_active li {
        list-style: none;
    }

    .sub_menu2 a.sm_link {
        padding: 25px 16px;
    }

    .nav-item .top_link:hover {
        border-bottom: none;
    }

    .navbar-brand {
        max-width: 200px;
    }

    .search_icon_right {
        display: none;
    }

    a.navbar-brand {
        margin: 0;
    }

    .ir_bread_crumbs {
        font-size: 18px;
    }

    .overlay_shop_btn {
        font-size: 20px;
    }

    .overlay_txt {
        font-size: 35px;
    }

    .apply-box button {
        padding: 14px 25px;
    }

    .lg-card-col {
        width: calc(100% / 3 - 2px);
        margin-bottom: 4px;
    }

    .footer-box {
        padding-left: 30px;
        padding-right: 30px;
    }

    .madis-col-content {
        bottom: 40px;
    }

    .madis-col-content h3 {
        font-size: 24px;
        letter-spacing: 4.8px;
        margin-bottom: 24px;
    }

    .madis-container {
        flex-direction: column;
    }

    .madis-col {
        width: 100%;
    }

    .newsletter h2 {
        font-size: 24px;
    }

    .newsletter {
        padding: 60px 20px;
    }

    .footer-grid {
        padding: 60px 0 120px 0;
    }

    .address {
        text-decoration: underline;
    }

    .footer-mobile-box {
        display: block;
    }

    .footer-grid {
        flex-flow: column-reverse;
    }

    .footer-col-2 {
        width: 100%;
    }

    .footer-col-1 {
        display: none;
    }

    .desktop-header {
        display: none;
    }

    /* home page css start here */
    .mega-menu-parent {
        display: none;
    }

    .mobile-menu-show {
        display: block;
    }

    .mega-menu-parent {
        display: none;
    }

    .mobile-header {
        display: block;
    }

    header.top-header {
        display: none;
    }

    .monthly_gallery {
        padding-top: 50px;
    }

    .hmBnrTxt {
        bottom: 11%
    }

    .doss-container {
        width: 100%;
        padding: 0 20px;
    }

    .doss-featured-col .content-box {
        padding: 50px 20px;
        max-width: 100%;
        text-align: left;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
    }

    .bnrHeding {
        font-size: 35px;
        line-height: 40px;
        letter-spacing: 4px;
        margin-bottom: 40px;
    }

    .doss-featured-box {
        margin-top: 80px !important;
        margin-bottom: 50px !important;
        flex-direction: column;
    }

    .doss-featured-col {
        width: 100%;
    }

    .financing-sec {
        margin: 80px auto 80px auto;
        max-width: 1000px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .sm-financing-sec {
        justify-content: center;
        border-bottom: 1px solid rgba(52, 58, 64, 0.40);
        padding: 27px;
    }

    .financing-col {
        width: calc(100% / 1);
        position: relative;
        padding: 0 50px;
    }

    /* filter design */

    /* NEW DESIGN OF FILTERS */
    .sortby-btn a {
        border-radius: 20px !important;
        border: 1px solid #C4C4C4 !important;
        background: white !important;
    }

    .mob-sticky-bar {
        display: flex;
    }

    .mobile-sort-by label {
        width: 70px;
    }

    .mobile-sort-by select {
        width: calc(100% - 70px);
        height: calc(2.3rem + 2px) !important;
        border-top: none;
        border-right: none;
        border-left: 1px solid #D9D9D9;
        border-bottom: none;
    }

    .trade-box {
        display: flex;
        border-radius: 10px;
        border: 1px solid #328DB0;
        background: rgba(7, 151, 218, 0.10);
        padding: 30px;
        margin-top: 35px;
    }

    .trade-col-1 {
        width: 100px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .trade-col-2 {
        width: calc(100% - 100px);
    }

    .trade-col-2 h3 {
        font-family: Inter;
        font-weight: 900;
        font-size: 20px;
        line-height: 22px;
        color: #328DB0;
    }

    .trade-box-img {
        width: 60px;
        height: 60px;

    }

    .trade-box-img img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .trade-col-2 p {
        font-family: Inter;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;

    }

    .callForprice {
        text-align: center;
    }

    .listing-header {
        align-items: flex-start;
        padding-left: 7px;
    }

    .listings-count p {
        padding-left: 7px;
    }

    .listing-header-right-box {
        display: none;
    }

    .sqr-checkBox {
        padding: 12px 0;
    }

    .more-img-btn {
        display: none;
    }

    .owl-carousel-parent {
        position: relative;
        padding-top: 0;
    }

    .right-sidebar {
        padding-top: 5px;
        border-bottom: 1px solid #D9D9D9;
    }

    .pdf-btn-box {
        margin-top: 18px;
        text-align: center;
        margin-bottom: 27px;
    }

    .boatsHeading .sortWrapper,
    .boatsHeading .toggler-button-box {
        display: none;
    }

    .grid-boat-card {
        display: block !important;
    }

    .list-view {
        display: none !important;
    }

    .listing-content-col {
        padding-left: 0;
    }

    .mob_veiw_Sort {
        display: block;
    }

    .desk_veiw_sort {
        display: none !important;
    }

    .close_btn {
        display: block !important;
        width: 100%;
        text-align: right;
        border-bottom: 1px solid #dfdfdf;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
        font-family: Motregular;
    }

    .close_btn a {
        color: #707070;
        font-size: 14px;
    }

    .main_parent_forsale .left_tabs {
        width: 100%;
    }

    .mobile-filter-box {
        display: none;
    }

    .mobile-filter-box.show-filter {
        display: block;
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 999;
        background: white;
        overflow-y: auto;
        height: calc(100vh - 304px);
    }

    .selected-count {
        width: 20px;
        height: 20px;
        background: #328DB0;
        display: inline-flex;
        justify-content: center;
        align-items: center;
        color: #FFF;
        text-align: center;
        font-family: "DM Sans";
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 0px;
        border: 1px solid #328DB0;
        border-radius: 50px;
        margin-left: 10px;
    }

    /* .BoatsLising .top_des_fil {
        display: none;
    } */
    /* .BoatsLising .inner_wrap_left_options .top_des_fil{
        position: fixed;
        bottom: 0px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #fff;
        z-index: 3;
        border-radius: 10px;
        max-width: 550px;
        width: 100%;
        margin: 0 auto;
        box-shadow: rgba(0, 0, 0, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 1px;
        border-right: none;
        height: 550px;
        overflow-y: scroll;
        padding: 0px 20px;
    } */

    .top_new_filter {
        display: block;
        margin-top: 9px;
    }

    .mobile_sort {
        display: block;
    }

    .rentaBoatsLisingl_sec .dek_veiw {
        display: none !important;
    }

    .bottom_btn {
        display: flex;
    }

    .top_des_fil .bottom_btn {
        margin-top: 15px;
        align-items: center;
        justify-content: space-between;
        padding: 0px 30px;
        margin-bottom: 15px;
    }

    .top_des_fil .bottom_btn a {
        color: #fff;
        font-size: 14px;
    }

    .top_des_fil .bottom_btn a:nth-child(2) {
        background-color: #000;
        width: 100%;
        max-width: 175px;
        text-align: center;
        padding: 10px 0px;
        display: inline-block;
        border-radius: 3px;
    }

    .BoatsLising select.form-control:not([size]):not([multiple]) {
        height: calc(2.5rem + 2px);
    }

    .BoatsLising select.form-control {
        padding: 4px 10px;
    }

    .BoatsLising .mob_se {
        margin-top: 10px;
    }

    .btn:focus {
        outline: 0;
        box-shadow: none;
    }

    .blur_bg {
        background-color: #ededed;
    }

    .accordion .row {
        margin: 10px 0px;
    }

    .BoatsLising .inner_main_wraper {
        padding: 0px 20px;
    }

    .mob_veiw {
        display: block;
    }

    .desk_veiw {
        display: none;
    }

    /* .mob_sort{
        display: block;
    } */

    label {
        font-size: 15px;
    }

    .filter-accordion-content {
        background-color: transparent;
    }

    .sqr-checkBox .filter-checkbox {
        top: 12px;
        display: none;
    }

    /* .sqr-checkBox{
        border-bottom: 1px solid #8080806b !important;
    } */
    .filter-accordion-header {
        border: 0px;
        border-bottom: 1px solid #eee;
        position: sticky;
        top: 0;
        z-index: 1000;
        color: #000;
        font-family: 'acumin-bold';
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: normal;
    }

    /* .filterInner{
        display: none;
    } */
    .label_btn {
        border-radius: 50px;
        background-color: transparent;
        /* padding: 10px 5px; */
        border: 1px solid #000;
        color: #000;
        max-width: 130px;
        width: 100%;
        text-align: center;
        font-size: 19px !important;
    }

    .check_status {
        width: 100%;
        max-width: 130px;
    }

    #condition-filter-mob {
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

    .styled-checkbox:checked+.status {
        color: #fff !important;
    }

    .styled-checkbox:checked+.status::after {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        border: solid #000;
        border-width: 0 2px 2px 0;
        transform: none;
        background-color: #000;
        z-index: -1;
        border-radius: 50px;
        text-align: center;
    }

    .styled-checkbox+.status::before {
        position: absolute;
        opacity: 0;
    }

    .styled-checkbox+.status {
        display: block;
        padding: 4px 0px;
        background-color: #f2f2f2;
        border-radius: 31px;
        z-index: 12;
    }

    #main #faq .card .card-header .btn-header-link.collapsed:after {
        content: "\f107";
    }

    #main #faq .card .card-header .btn-header-link:after {
        content: "\f106";
    }

    #faq .card .card-header .btn-header-link {
        padding: 5px 20px;
    }

    #faq .card .card-header .btn-header-link {
        font-family: mreav_bold;
    }

    .unique {
        padding: 12px 20px;
    }

    .unique .card-body {
        padding-top: 0px;
    }

    .unique .formWrapper input:not([type='checkbox'], [type='radio']) {
        padding: 0px;
    }


    /*  new boat details page design start here */
    .fitler-col {
        width: 100%;
    }

    .filterBox {
        display: none;
    }

    .listing-content-col {
        width: 100%;
    }

    .listing-container {
        display: flex;
        max-width: calc(100% - 7%);
        margin: 0 auto;
        flex-wrap: wrap;
    }

    .breadcrumb-container {
        padding-top: 5px;
    }

    .filterInner,
    .boatsListingWrapper {
        padding: 0 0 0 0;
    }

    .breadcrumb {
        margin-bottom: 0;
        padding-left: 7px;
    }

    .slider-nav {
        margin: 0 -10px;
        padding: 0 10px;
    }

    .right-sidebar {
        padding-top: 120px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .slider-img {
        position: relative;
        padding-top: 65%;
    }

    .slider-img>img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slider-nav-img {
        width: 100%;
        height: 160px;
        padding: 0 5px;
    }

    .slider-nav-img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .slick-slider-box .slick-arrow {
        display: none !important;
    }

    .boat-detail-carosuel,
    .mobHide {
        display: none !important;
    }

    .boats-container {
        padding-top: 0px;
    }


    .top_new_filter {
        border-top: 1px solid #D3D3D3;
        border-bottom: 1px solid #EEE;
        display: block;
        margin-top: -2px;
    }

    .left_sidebar {
        padding: 15px 25px;
    }

    .custom-card-header span.fa {
        display: none;
    }

    .custom-card-header i.fa {
        display: block;
    }

    .custom-card-header p.fa {
        display: none;
    }

    .right-sidebar {
        padding-top: 0;
    }

    .boat-seprator {
        padding-top: 20px;
    }

    .similar-box-col {
        flex-basis: calc(50% - 10px);
    }

    .details-main-row {
        display: flex;
        flex-direction: column;
        padding: 0 20px;
    }

    .details-right-container {
        width: 100%;
        margin: 40px auto 0 auto;
        padding: 0;
    }

    .details-left-container {
        width: 100%;
        padding-left: 0px;
    }

    .boatDetailPageSeparator {
        margin-top: 50px;
    }

    .similarInventorySection {
        margin-top: 60px;
        margin-bottom: 120px;
    }

    .left_tabs {
        padding-top: 20px;
    }

    /*  new boat details page design start here */

    .blogs_section {
        padding: 30px 0px;
    }

    .blogs_section .top_text {
        padding-bottom: 20px;
    }

    .blogs_section .main_right_wrap ul {
        padding-left: 0px !important;
        padding-top: 30px;
    }

    .blog_detail_wraper {
        padding: 30px 0px;
    }

    .blogs_section .top_title {
        padding-bottom: 20px;
    }

    .whle_wrap .whole_data {
        padding-top: 20px;
    }

    .whle_wrap .blueheading h3 {
        font-size: 32px;
        font-weight: 600;
    }

    .whle_wrap.sinle_cs {
        padding-left: 0px;
        padding-top: 30px;
    }

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

    .whole_data .content span,
    h2 {
        font-size: 25px !important;
    }

    .locationtitle{
        letter-spacing: 3px;
    }
}

@media screen and (max-width: 767px) {
    .similar-slider {
        display: block !important;
    }
    .home-inventory-box{
        display: none;
    }
    .inventory-btn-box {
        margin: 80px 0 80px 0;
        padding: 0 20px;
    }
    .specs-item span:nth-child(1) img {
        width: 15px;
        height: 15px;
    }

    .similar-boats-box {
        display: none;
    }

     .lg-card-col {
        width: calc(100%);
    }

        .locationtitle {
            font-size: 26px;
            line-height: 28px;
            letter-spacing: 0.4px;
        }

    #featured_boats_carousal .owl-prev,
    #closed_boats_carousal .owl-prev {
        left: 0px;
        opacity: 1;
    }

    #featured_boats_carousal .owl-next,
    #closed_boats_carousal .owl-next {
        right: 0px;
        opacity: 1;
    }

    .parts_top {
        padding: 18px;
    }

    .inven_avail .text_wrap h1 {
        font-size: 30px !important;
    }

    .inven_avail {
        height: 400px !important;
    }

    .img_wrap {
        min-height: 400px;
    }

    .detail_text .main_wrap {
        padding: 20px 15px !important;
    }

    .inven_avail_barleta {
        height: 400px !important;
    }

    .inven_avail_barleta .text_wrap h1 {
        font-size: 36px !important;

    }

    .featured_boat_inventory {
        height: auto;
    }

    .closed_boats_sec h1,
    .featured_boat_inventory h1 {
        margin: 30px auto;
        font-size: 26px;
    }

    .View_boat {
        width: 90%;
        margin: 0 auto;
    }

    .about_section .text-center h2 {
        font-size: 14px;
        margin: 20px auto;
        line-height: 22px;
    }

    .about_section p {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 0px;
    }

    .about_section {
        padding-bottom: 25px;
    }

    .megaMenu:hover .megaMenuWrapper,
    .megaMenu:hover::before {
        display: none;
    }

    .calculatorWrapper,
    .recientView {
        padding: 20px 15px;
    }

    .boatInfo {
        padding: 14px;
    }

    .boatInfo h2 {
        font-size: 20px;
    }

    .boatInfo ul li {
        font-size: 14px;
    }

    .SpectInfo {
        padding: 15px;
    }

    .testimonials {
        padding: 20px 0;
    }

    .testiBtn {
        margin-right: 60px;
    }

    .testimonials h2 {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .testiContent h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .testiContent p {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .testiContent h4 {
        font-size: 14px;
    }

    .testiContent p img {
        width: 22px;
        margin-left: -27px;
    }

    .navbar-brand {
        max-width: 140px;
        margin-bottom: 0 !important;
    }

    /* .mobile_secondry_megaMenu


    }

    /*checkbox filter*/
    /*
    .sqr-checkBox {
        float: left;
        width: 100%;
        position: relative;
        padding-left: 25px;
    }
    .sqr-checkBox input {
        position: absolute;
        height: 15px;
        width: 15px;
        left: 0;
        top: 0;
        z-index: 2;
        opacity: 0;
    }
    .sqr-checkBox .filter-checkbox {
        position: absolute;
        left: 0;
        top: 0;
        width: 15px;
        height: 15px;
        color: #dcdcdc;
        z-index: 1;
        font-size: 16px;
    }

    .sqr-checkBox input + span i.fa.fa-square-o {
        display: block;
    }
    .sqr-checkBox input:checked + span i.fa.fa-square-o {
        display: none;
    }
    .sqr-checkBox input + span .fa-square {
        display: none;
    }


    .sqr-checkBox input:checked+span .fa-square {
        display: block;
        color: red;
        font-size: 14px;
        margin-top: 3px;
    }
    */
    .location_title {
        color: #000;
        text-align: center;
        font-weight: 600;
        font-size: 22px;
        padding: 20px;
    }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: black;
        opacity: 0.4;
    }

    .overlay_content {
        position: absolute;
        transform: translate(-50%, -50%);
        top: 50%;
        left: 50%;
        width: 100%;
        text-align: center;
        z-index: 9;
    }

    .overlay_shop_btn {
        font-size: 30px;
        text-transform: uppercase;
        color: #ffffff;
        border-bottom: 1px solid #ffffff;
        padding: 10px 0;
    }

    .overlay_shop_btn:hover {
        text-decoration: none;
    }

    .overlay_txt {
        font-size: 50px;
        color: #ffffff;
        font-weight: 900;
        font-family: 'trade-gothic-next';
        text-transform: uppercase;
        margin-bottom: 35px;
    }

    .ir_bread_crumbs a {
        color: #000;
    }

    .text_wrap h1 {
        font-size: 50px;
    }

    .modal-white-sec {
        background: #FFF;
        padding: 50px 25px;
    }

    .calculate-box {
        background: #005278;
        color: white;
        padding: 40px 25px;
    }

    .specs-row-box {
        gap: 0;
        flex-direction: column;
        padding: 0 0 0 0;
    }

    .specs-cols {
        width: 100%;
    }

    .accordion-content {
        padding-bottom: 0px;
    }

    .grid-boat-card {
        width: 100% !important;
    }

    .megaMenu.nav-item.dropdown:hover .mob_view {
        display: block;
    }

    .nav-link.top_link {
        display: inline-block;
    }

    .mob_view .nav-item .nav-link {
        padding: 5px;
        color: #fff;
        text-align: center;
    }

    .nav-item.dropdown {
        text-align: center;
        border-bottom: 1px solid #f1e9e9;
    }

    li.nav-item {
        border-bottom: 1px solid #f1e9e9;
    }

    .customBtnBlack {
        background: #000;
        padding: 7px 26px;
    }

    .BoatsSlider .slider-for .slick-prev {
        display: none !important;
    }

    .BoatsSlider .slider-for .slick-next {
        display: none !important;
    }

    .gap {
        padding: 25px 0px;
    }

    .footer-section {
        padding: 30px 10px;
    }

    .video_frame img {
        height: 300px;
        object-fit: cover;
    }

    h5 {
        font-size: 26px;
    }

    .parent {
        height: 250px;
    }

    .main_parent_forsale .arrow_right {
        display: none;
    }

    .img_filter {
        display: block;
    }

    .left-edge-banner {
        padding: 12px 35px 12px 45px;
        max-width: 320px;
        width: 100%;
    }

    .arrival-boats-header h3 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 45px;
    }

    .brndItm a img {
        max-width: 120px;
        width: 100%;
    }

    .brndLst li {
        width: 200px;
        height: 70px;
    }

    .bnrHeding {
        font-size: 35px;
        line-height: 35px;
        letter-spacing: 3px;
        margin-bottom: 40px;
        padding: 0 20px;
    }

    .video_banner {
        min-height: 800px;
    }

    .brand-slider .item {
        position: relative;
        padding-top: 45%;
        min-height: 800px;
    }

    .brand-banner .item {
        position: relative;
        padding-top: 45%;
    }

    .slider-content {
        top: 100px;
        padding: 0 20px;
    }

    .slider-content h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 20px;
    }

    .brand-banner .item {
        position: relative;
        padding-top: 45%;
        min-height: 800px;
    }

    .hm_serviceBox,
    .servc_img {
        min-height: 300px;
    }

    .hm_serviceBox,
    .servc_img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hms_title {
        bottom: 32px;
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif";
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        letter-spacing: 4.8px;
        text-transform: uppercase;
    }
}

@media (max-width: 580px) {

    /* boatchella page  */
    h2.heading.text-center {
        font-size: 25px;
        font-family: inherit;
        font-weight: bold;
        color: #2596be;
        margin: 2px 0px;
    }

    .btndiv {
        text-align: center;
    }

    .yhead h3 {
        text-align: center;
        color: yellow;
        font-size: 32px;
        font-weight: 800;
        font-family: inherit;
    }

    .cclogos {
        width: 50%;
        height: 100px;
        aspect-ratio: 2/2;
        margin: auto;
    }

    .row.border {
        display: none;
        margin-bottom: 60px;
    }

    input#lastname {
        padding: 0px;
        width: 100%;
    }

    input#firstname {
        padding: 0px;
    }

    input#email {
        width: 100%;
    }

    input#phone {
        width: 100%;
    }

    input#guests {
        width: 100%;
    }

    input#firstname {
        width: 100%;
        padding: 0px;
    }

    .grayhead h1 {
        margin: 10px 0px;
        color: #2596be;
        font-size: 40px;
        font-weight: bold;
        font-family: inherit;
    }

    .yhead h1 {
        margin: 15px 0px;
        color: yellow;
        font-size: 34px;
        font-weight: bold;
        font-family: inherit;
    }

    p.ypra {
        text-align: center;
        color: yellow;
        font-size: 16px;
        font-weight: 400;
        font-family: inherit;
    }

    .gap {
        padding: 19px 0px;
    }

    p.my-2.text-center {
        font-size: 15px;
        font-family: inherit;
        margin: 0px 5px;
    }

    button.blue {
        border: transparent;
        padding: 7px 43px;
        border-radius: 3px;
        background-color: #2596be;
        color: white;
        font-size: 25px;
        font-family: inherit;
        margin-top: 25px;
    }

    /* baotchella page  */
    .boatDetail {
        text-align: center;
    }

    .boatInfo {
        padding: 14px 0;
    }

    .boatInfo h2 {
        font-size: 18px;
    }

    .BoatsSlider .slick-next,
    .BoatsSlider .slick-next {
        display: none;
    }
}

@media screen and (max-width: 576px) {
    .commonSectionInnerWrap {
        padding-left: 20px;
        padding-right: 20px;
    }
    .commonSectionLinkWrap {
        flex-direction: column-reverse;
    }

    .slider-nav-img {
        height: 100px;
    }

    .hms_title {
        bottom: 60px;
        color: #FFF;
        text-align: center;
        font-family: "Noto Serif";
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        /* 125% */
        letter-spacing: 6.4px;
        text-transform: uppercase;
    }

    .slider-btn {
        width: 100%;
        text-align: center;
    }

    .lg-card-col {
        width: 100%;
    }

    .boat-details-form-sec {
        border: none;
        padding: 20px 20px 50px 20px;
    }

    .modal-content-col {
        width: 100%;
        padding: 30px 25px;
    }

    .result_box h2 {
        margin-bottom: 14px !important;
    }

    .close-btn-1 {
        background: #005278;
        padding: 5px 15px;
        border-radius: 20px;
        display: none;
    }

    .modal-white-sec .popup_label {
        margin-bottom: 0 !important;
    }

    .custom-modal-box {
        overflow-y: auto;
        max-width: 80%;
        width: 100%;
        border-radius: 10px;
    }

    .custom-modal-box .form-group {
        margin-bottom: 0 !important;
    }

    .calculate-box {
        position: unset;
    }

    .modal-content-box {
        position: relative;
    }

    .close-btn-2 {
        /* display: none; */
    }

    .calculate-box {
        padding: 20px 25px 80px 25px;
    }

    .result_box h3 {
        margin-bottom: 25px !important;
    }

    .calculate-box {
        background: #1B75BC;
    }

    .close-btn-2 {
        bottom: 24px;
    }

    .footer-bottom ul li {
        font-size: 12px;
    }

    .footer-bottom ul li a {
        font-size: 12px;
    }

        .mainHeading {
    font-size: 30px;
    line-height: 30px;
}

.secondaryHeading{
    font-size: 28px;
    line-height: 32px;
}
}


@media screen and (max-width: 450px) {
    .apply-box button {
        padding: 14px 15px;
    }

    .footer-box {
        padding-left: 20px;
        padding-right: 20px;
    }

    .menu-logo {
        width: 150px;
    }

    .nav-btn {
        font-size: 15px;
        padding: 10px 10px 10px 10px !important;
        width: 90px;
        height: 45px;
        line-height: normal;
    }

    .sub-header ul li a {
        padding: 22px 10px;
    }

    .brndLst li {
        width: 150px;
        height: 62px;
    }

    .footer-bottom ul {
        flex-direction: column;
        padding: 15px 0 20px 0;
    }

    .bottom-links+.bottom-links::after {
        display: none;
    }

    .mob-sticky-bar {
        padding: 17px 20px;
    }

    .footer-bottom ul li {
        padding: 0px 15px;
    }
}

@media screen and (max-width:480px) {
    .ir_bread_crumbs {
        font-size: 15px;
        text-transform: capitalize;
        font-weight: 300;
        margin: 5px 0;
    }

    .v_seprater:nth-child(2)::after {
        display: none;
    }

    .overlay_shop_btn {
        font-size: 15px;
    }

    .overlay_txt {
        font-size: 20px;
    }

    .footer-sec {
        font-size: 12px;
    }

    .copy_right span ul {
        flex-direction: column;
    }
}

@media screen and (max-width: 400px) {
    .mds-nav-tab {
        padding: 0 15px;
        column-gap: 5px;
    }

    .mobile-header-list ul li {
        padding: 0 15px;
    }

    .menu-logo-box {
        padding: 40px 15px;
    }

    .financing-col {
        padding: 20px 25px;
    }

    .financing-sec {
        margin: 30px auto 30px auto;
    }

    .sticky-bar-col h3 {
        font-size: 16px;
    }

    .sticky-bar-col a {
        padding: 14px 20px;
    }
}

@media screen and (max-width: 375px) {
    .col-lg-12 {
        padding-right: 0px;
        padding-left: 0px;
    }
}