@media screen and (max-width:1180px){

    .banner-title-box .caption h1{ margin-bottom: 20px !important;  margin-top: 20px !important}
    .banner-title-box .button{margin-top:20px  ;}

}










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

    .product-d-none{display: none;}

    .home-pro-slider .swiper-scrollbar{display: none; }
    
    /* .banner-2{height:455px; width: 100%;} */
    .max-height{ height: 38.2vw;}

  /* .carousel.slide{height: 541px;}  */
.product-container {
    display: flex;
}
.product-container .filter-wrapper {
    border-right: 1px solid #d9d9d9;
}


.product-filter  {
    width: 315px;
    flex-shrink: 0;
    box-sizing: border-box;
}



.product-grid {
    width: 100%;  padding: 1em 0;
}

.product-filter__dropdown  {
    display: none;
}
.product-grid {
    width: 100%;
}


.product-grid__options .gc__dropdown  {
    display: flex;
}

.toggle-mob{display: flex; flex-wrap: wrap;}
.sor-mob-block{display: none;}



.app__product {
    margin-top: 3.5em;
    flex-flow: row nowrap;
}

.model-box ul li{width:80px; height: 80px;}
.model-box ul li img{ height: 100%;}
.con-1200, .wrap{padding-left: 0%; padding-right: 0%;}
.listing-top-row .list-block-t{ max-width: 240px;}

.series-banner__content  {
    padding: 0; padding-bottom: 17px ;
}

.g__product-highlight__item{ padding: 5em 5em 0;}
.mob-opn {
    display: block; width: 100%;
}
.sor-mob-block{display: none;}
.product-filter{ border: none;}




/* ----careerds----- */




.banner:before   {
    background: linear-gradient(270deg,transparent,rgba(0,0,0,.5) 75%,rgba(0,0,0,.75)); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;     display: block;
    width: 100%; content: ""; z-index: 500; display: block;
}



.rtl .banner:before   {
    background: linear-gradient(90deg,transparent,rgba(0,0,0,.75) 75%, rgba(0,0,0,.5)); width: 100%; height: 100%; position: absolute; left: 0px; top: 0px;     display: block;
    width: 100%; content: ""; z-index: 500; display: block;
}





.banner.overlay-fls:before { display: none;}


.car-txt-block-02{padding: 2rem 3.2rem;}
.grid-photo  {min-height: 400px;}

.copy table { text-align: left;}


.banner-con{ width: 26px;}
.page-id-183681 .full-width-01{   height: 455px;}


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

.banner-2{height:455px; width: 100%;}
.banner{height:555px;}

}


@media screen and (max-width: 1200px){


.max-800{padding-left: 2%; padding-right: 2%;}
.max-960{padding-left: 2%; padding-right: 2%;}
.max-900{padding-left: 2%; padding-right: 2%;}
.max-1900{padding-left: 2%; padding-right: 2%;}
.max-644{padding-left: 2%; padding-right: 2%;}

}





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


    .black-txt .button{ border-color: #000 !important; color: #000 !important; background: transparent !important ;}
    .black-txt .button:hover{ background-color: #000 !important; color: #fff !important;}



    .black-txt h1,  .black-txt p{ color: #000 !important;}

    .banner-title-box .caption h1{ line-height: 100%; font-size: 2.5rem; color: #fff;  font-weight:600;   margin-bottom: 35px; max-width:540px; letter-spacing: .1rem;}
    .banner-title-box .caption p{max-width: 350px;}
    .banner-title-box .caption p { font-size:18px; color: #fff; font-weight: 400; margin: 0px;  }
    .banner-title-box{position: absolute; width: 100%;}

    .banner-title-box{ left: 0rem; right:  0rem; width: calc(100% - 4rem) !important; z-index: 700; top: 0px;}
    .banner-title-box{background: transparent; text-align: left; }
    .banner-title-box .caption{width: calc(100% - 10rem); left: 5rem; right:  5rem; }
    #myCarousel .banner-title-box .caption p{   line-height: 20px;}

}


@media screen and (max-width: 990px){
    #myCarousel .carousel-control-next, #myCarousel .carousel-control-prev {
        top:20vw;
    }


    #myCarousel .black-txt .banner-title-box{ background: #fff;}
    #myCarousel .black-txt .banner-title-box .caption h1{ color: #000;}
    #myCarousel .black-txt .banner-title-box .caption p{ color: #000;}
    #myCarousel .black-txt .banner-title-box .button{ border-color: #000 !important; color: #000; }
    #myCarousel .black-txt .banner-title-box .button:hover{ color: #fff; background: #000; }
    .banner-title-box{padding-left: 2%; padding-right:2%;}
    .rtl .banner-title-box .caption{     width: 100%  !important;}
}



@media screen and (max-width: 1022px){

    .mob-product{ display: block;}
    .product-image-carousels{display: none; align-items: flex-start; padding-right: 30px}
    .detail-right{ text-align: center;}
    .wishlist-cart-ship{justify-content: center;}
    .detail-right .model-box{justify-content: center; padding-right: 0% !important;}
    .model-box ul li{ width: 84px;}
    .model-box ul{justify-content: center;}
    .detail-right h1, .detail-right h2, .detail-right h3{text-align: center;}
}







@media screen and (max-width:640px){
    #myCarousel .carousel-control-next, #myCarousel .carousel-control-prev {
        top: 19vw;
    }
    /* .home-pro-slider .swiper-slide{ width: 300px !important;} */
}




@media screen and (max-width:1024px){
    /* .text-block-01{ text-align: center !important;}
    .text-block-01 p{text-align: left ;} */
    .copy table{text-align: center;}
    .page-id-743 .con-1200.pt-5.copy{ padding-left: 8%; padding-right: 8%;}
    #marine-charts-maps{ margin-top: 2em;}
    /* .page-id-743 .dropdown.bootstrap-select.show-tick { width: 65% ;} */
    .map-sec-detail .app__tabs__content__wrap{padding-left: 3%; padding-right: 3%;}
    .tab-padding{ padding-left: 5.15em; padding-right: 5.15em;}
    .gf__footer{ padding-top: 15px;}

    .app__life-style__text__button{ font-size: 0.82rem !important;}
 
/* .left-align h2{font-size: 3.072rem;}
.txt-block-0a h2{font-size: 3.072rem;}  */


.banner-title-box .caption h1{    font-size: 1.5rem !important;}
.home .txt-block h3{ min-height: 85px;}

.banner-2{height: inherit !important;}
.thumbnails-slider .thumbnail-button{ height: 64px;}
.thumbnails-slider .slick-slide{ width: 64px !important;}
.thumbnails-slider button{height: 28px;}
}


@media screen and (max-width:1023px){

    /* .txt-block-0a h2{font-size:2.304rem; line-height: 2rem;} */
    /* .txt-block-0a h2{    width: 30%;} */
    .pt-5.text-block-01 .detail-bot-link {width: 200px;}

    .c-b-left{width: 100%;}
    .c-b-left .bot-lin-ul{width: 100%; text-align: center;}
    .c-b-right{width: 100%;}
    .pro-tag{top: 0; left: 0;}

    .cp-mob{padding-right: 0 !important; padding-left: 0 !important;}

    .cp-mob .video-txt-a1{
        padding-left: 11%;
        padding-right: 11%;
    }

    .cp-mob .video-block-a1{ padding-left: 0 !important; padding-right: 0 !important;}
    .cp-mob .row{ margin-left: 0 !important; margin-right: 0!important;}

}