/* BANNER */
.banner {width: 100%;overflow: hidden;position: relative;}    
.bannertext {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;z-index: 1;}
.webox {width: 100%;;position: relative;z-index: 1;max-width: 650px;}
.hmbo_wrap {display: flex;align-items: center;height: 100%;}
.js_hmbanner  .slidediv > img {width: 100%;height: 900px;object-fit: cover;}
.js_hmbanner {height:900px;}
.malibu-caravans-text{padding-top: 35px;}
.malibu-text{position: absolute;top:0;left:0;}
.caravans-text{position: absolute;bottom: 0;left: 0;}
.webox .button-group{column-gap: 10px;}
.webox .heading-70{
  letter-spacing: 4px;
}
.js_hmbanner .slidediv img.mobile_banner{display: none !important;}

.banner .js_hmbanner .bannertext:before{
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: transparent linear-gradient(152deg, #000000 0%, #00000042 100%) 0% 0% no-repeat padding-box;
    opacity: 0.5;
    position: absolute;
}
.banner .js_hmbanner:not(.slick-initialized) .slidediv:not(:first-child){
  display: none;
}

/* ********** CUSTOM BUILT CARAVANS  ********** */
/*.black-bg.py-100.custom-caravans{
    padding-bottom: 40px;
}*/


.custom-caravans .intro{margin-bottom: 85px;}
/*.caravans-detail{width: 416px;background: #201E1E;padding: 50px;position: relative;}*/
.caravans-img{width: calc(100% - 450px);padding-left: 60px;}

.caravans-detail .ml-fun .button-group{
	column-gap: 10px;
}
.caravans-detail .ml-fun .button-group .button{min-width: 170px;}

.caravans-detail{
	display: flex;
	flex-wrap: wrap;
}
.caravans-detail .ml-fun{
    width: 450px;
    background: #201E1E;
    padding: 40px;
    position: relative;
}

/*.caravans-detail:after{
    content: "";
    position: absolute;
    right: -18px;
    top: 65px;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-left: 21px solid #201e1e;
    border-bottom: 12px solid transparent;
}
*/
.mail-bikes {
  padding: 77px 0px 100px;
} 
.mlbike-lft {
  /* width: calc(100% - 1220px);
  float: left;
  overflow: hidden;
  padding-top: 82px;
  padding-right: 40px; */
  width: 470px;
  background-color: #4d4d4f;
  border-radius: 4px;
  padding: 50px;
  position: relative;
}
.mlbike-lft:before {
  content: "";
  position: absolute;
  top: 70px;
  left: 0;
  margin-left: -24px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-left: 12px solid transparent;
  border-right: 12px solid #4d4d4f;
  border-bottom: 12px solid transparent;
  clear: both;
}
.mlbike-rgt {
  width: calc(100% - 470px);
  padding-right: 50px;
}
.system-bike,
.product-pop-content ,
.product-pop-content .circle-popup-img ,
.pop_close_cir{
  display: none;
}
.system-bike.active_cont,
.product-pop-content.active_cont {
  display: block;
}
.product-pop-content .heading48 {
  line-height: 1.1;
  margin-bottom: 20px;
}
/*.main-product-item {
      margin-left: 0;
    min-width: 1440px;
}
.caravans-concept{
  float: left;
}*/
.sys-ul li.mail-zoom .circle-popup-img {
    width: 167px;
    height: 167px;
    border-radius: 100%;
    border: 2px solid #fff;
}
.sys-ul li.mail-zoom .circle-popup-img img {
  border-radius: 100%;
}
.system-enqr ul {
  margin: 0 -14px;
}
.system-enqr li {
  display: inline-block;
  padding: 0px 14px;
}
.system-enqr .tel-btn {
  padding: 8px 15px 8px 15px;
  width: 192px;
  text-align: center;
  font-size: 24px;
}
.system-enqr .enqr-btn {
  padding: 8px 15px 8px 15px;
  text-align: center;
  width: 192px;
  font-size: 20px;
}

.system-details p {
  padding-bottom: 10px;
  font-size: 16px;
  line-height: 26px;
  color: var(--white);
  font-weight: 500;
}
.product-pop-content .heading48 {
  color: var(--white);
}
/*--------- start onclick cycle systems -------*/
.sys-break {
  position: relative;
}
.sys-ul {
  list-style: none;
  margin-bottom: 0;
}
.sys-ul li {
  display: inline-block;
}
.mail-zoom {
  position: absolute;
}

.cycle-break {
  top: 0;
}
.btn-effect {
  position: absolute;
  left: calc(50% - 115px);
  top:0;
}

.mail-zoom:after {
  animation: border 1s;
}
.mail-zoom.mail-zoom-height:after {
  animation: borderheight 1s;
}
.mail-zoom.mail-zoom-gear:after {
  animation: borderheight-gear 1s;
}
@keyframes border {
  0% {
    width: 0;
  }
  100% {
    width: 154px;
  }
}
.mail-zoom:after {
  animation: border 1s;
}
@keyframes borderheight {
  0% {
    height: 0;
  }
  100% {
    height: 62px;
  }
}
@keyframes borderheight-gear {
  0% {
    height: 0;
  }
  100% {
    height: 130px;
  }
}
.mail-zoom img {
  position: relative;
  z-index: 1;
}

.cycle-break:after {
  content: "";
    position: absolute;
    top: 54%;
    right: -235px;
    width: 235px;
    border-top: 2px dashed #fff;
}

.sys-ul li span {
  display: none;
}
.sys-ul li span.system-minus.active_spn {
  display: block;
  width: 26px;
  height: 26px;
  background-color: #ffffff;
  border-radius: 100%;
}
.sys-ul li span.system-plus {
  background: var(--primary);
  border-radius: 100%;
  margin: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
}
.sys-ul li.mail-zoom {
  display: none;
  margin-bottom: 0;
}

.system-minus {
  left: calc(100% - -26px);
  position: absolute !important;
  top: 80px;
}
.system-plus {
  left: calc(100% - -26px);
  position: absolute !important;
  top: 80px;
}

.btn-effect {
  cursor: pointer;
}

/*start wheel*/
.btn-effect.btn-drawer {
     top: 43.5%;
    left: 272px;;
}
.sys-ul li.caravan-drawer {
     left: 5%;
    top: 271px;
}


[class*="caravan-"]:after ,
.caravan-drawer:after{
  content: "";
  position: absolute;
   width: 105px;
  border-top: 2px dashed #FFFFFF;
}
.caravan-drawer:after {
  top: 44%;
  right: -80px;
}
.caravan-window:after{
  top: 54%;
  right: -80px;
}
.caravan-hatch:after{
  border-right: 2px dashed #fff;
    border-top: 0;
    height: 105px;
    width: auto;
    top: 78%;
    left: 55%;
}
.sys-ul li.caravan-window {
	left: 30%;
  top: 88px;
}
.btn-effect.btn-window{
	top: 15%;
    left: 52.5%;
}

.btn-effect.btn-roof{
    top: -40px;
    left: 80.5%;
}
.sys-ul li.caravan-roof{
      top: -34%;
    left: 76%;
}
.sys-ul li.caravan-roof:after{
  border-left: 2px dashed #fff;
    border-top: 0;
    height: 105px;
    width: auto;
    top: 78%;
    left: 49%;
}

.btn-effect.btn-cabinet{
	top: 15%;
    left: 81.5%;
}
.sys-ul li.caravan-cabinet{
  top: 15%;
  left: 60%;
}
.sys-ul li.caravan-cabinet:after{
    right: -67px;
    top: 55%;
    width: 90px;
}

.btn-effect.btn-handle{
	top: 36%;
    left: 102.6%;
}
.sys-ul li.caravan-handle {
    left: 78%;
    top: 37%;
}
.sys-ul li.caravan-handle:after{
right: -55%;
    top: 52%;
}


.btn-effect.btn-door{
	top: 54%;
    left: 112%;
}
.sys-ul li.caravan-door {
    left: 90%;
    top: 55%;
}
.sys-ul li.caravan-door:after{
    right: -40%;
    top: 53%;
}


/*start seat*/
.sys-ul li.caravan-topframe {
    left: 70%;
    top: 0%;
}
.caravan-topframe:after {
  content: "";
  position: absolute;
  top: 44%;
  left:-112px;
  width: 105px;
  border-top: 2px dashed #FFFFFF;
}
.btn-effect.btn-topframe {
	top: -3%;
    left: 53%;
}
/*end seat*/
/*start battery*/
.sys-ul li.caravan-hatch {
  left: 50%;
    top: 12%;
}
.cycle-battery:after {
  content: "";
  position: absolute;
  top: -11%;
  right: 53%;
  width: 1px;
  height: 62px;
  border-right: 2px dashed #FFFFFF;
}
.btn-effect.btn-hatch {
    top: 39%;
    left: 55.6%;
}
/*end cage*/
/*start cogset*/
.sys-ul li.caravan-gear {
  left: 76%;
  top: 18%;
}
.caravan-gear:after {
  content: "";
  position: absolute;
  right: 48%;
  width: 1px;
  bottom: -38px;
  height: 60px;
  border-right: 2px dashed #FFFFFF;
}
.btn-effect.btn-gear {
    top: 43%;
    left: 81%;
}
/*end cogset*/

.ml-slider.slick-slider {
  display: none;
}

.wrapper {
  max-width: 1750px;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.clearfix {
  display: block;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.sys-ul li span.system-minus.active_spn + .system-plus {
  display: none !important;
}


/* ******************************** */
/* WHY CHOOSE */
/* ******************************** */

.why-chosse, .hm-testimonial {overflow: hidden;}




/* ******************************** */
/* THE MABLIBU ADVANTAGE */
/* ******************************** */
.mablibu-grid{margin: 0 -25px;row-gap: 50px;display: flex;flex-wrap: wrap;}
.mablibu-grid .mablibu-items{width: calc(33.33% - 50px);margin: 0 25px;}
.mablibu-grid .mablibu-items .mablibu-detail{padding: 25px 0 0;}
.mablibu-grid .mablibu-items  a:not(.button){display: block;}
.mablibu-grid .mablibu-items .mablibu-detail .heading-22{margin-bottom: 10px}
.mablibu-grid .mablibu-items .mablibu-detail p{color: var(--white);letter-spacing: normal;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 60px;display: block;margin-bottom: 15px;}
.alink{display: inline-flex;align-items: center;column-gap: 10px;color: var(--white);font-size: 16px;text-transform: uppercase;line-height: 100%;}
.mablibu-grid .mablibu-items .mablibu-img { 
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
.mablibu-grid .mablibu-items.explore-malibu {
  min-height: 437px;
    position: relative;
    border-radius: 2px;
    overflow: hidden;
}
.mablibu-grid .mablibu-items.explore-malibu:before{
  content: "";position: absolute;left:0;
  width: 100%;
  height: 100%;
  background:rgb(239 51 35 / 68%);
}
.mablibu-grid .mablibu-items.explore-malibu .explore-inner{
  position: relative;
    height: 100%;
    width: 100%;
    padding: 40px;
    text-align: center;
}
.mablibu-grid .mablibu-items.explore-malibu .explore-inner .heading-30{margin-bottom: 10px;}
.mablibu-grid .mablibu-items.explore-malibu .explore-inner p{
  color: var(--white);
  margin-bottom: 18px;
}
.mablibu-grid .mablibu-items.explore-malibu .explore-inner img.australian-made{
  margin: 0 auto 10px;
}
.semibold{
  font-weight: 600;
}



/* *************** START MEDIA QUERY *************** */

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


	/* ********** CARAVAN CUSTOM BUILT ********** */
	.sys-ul li.mail-zoom .circle-popup-img{width: 120px;height: 120px;}
	.btn-effect{left: calc(50% - 60px);top: -25px;}
	.btn-effect.btn-drawer {top: 36%;left: 176px;}
	.sys-ul li.caravan-drawer {left: 3%;top: 182px;}
	.cycle-break:after{right: -100px;width: 120px;}
	.cycle-break {top: 4px;left: 12%;}
	.btn-effect.btn-topframe {top: -11%;left: 58%;}
	.sys-ul li.caravan-topframe{left: 32%;}
	.caravan-topframe:after{left: 80px;top: 41%;}
	.btn-effect.btn-window{top: 10%;left: 56%;	}
	.sys-ul li.caravan-window{top: 68px;}
	.btn-effect.btn-hatch {top: 33%;left: 61%;}
	.sys-ul li.caravan-hatch {left: 56%;top: 9%;}
	.btn-effect.btn-roof {top: -53px;left: 88%;}
	.sys-ul li.caravan-roof {top: -40%;left: 84.5%;}
	.btn-effect.btn-cabinet {top: 8%;left: 88%;}
	.btn-effect.btn-gear {top: 35%;left: 88%;}
	.sys-ul li.caravan-gear {left: 84.4%;}
	.btn-effect.btn-handle {top: 28%;left: 110%;}
	.sys-ul li.caravan-handle {left: 88%;top: 36%;}
	.btn-effect.btn-door {top: 46%;left: 119%;}
	.sys-ul li.caravan-door {left: 98%;top: 54%;}

/* ********** CUSTOM BUILT CARAVANS ********** */
  /*.main-product-item{min-width: 990px;}*/

  /* ********** THE MABLIBU ADVANTAGE ********** */
  .mablibu-grid .mablibu-items.explore-malibu{min-height: auto;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner{padding:20px;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner p{line-height: 24px;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner .heading-30{font-size: 22px;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner img.australian-made{max-width: 60px;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner p{line-height: 22px;margin-bottom: 8px;}


}


@media screen and (max-width: 1439.99px){
  /* ********** BANNER ********** */
  .js_hmbanner .slidediv > img , .js_hmbanner{height: 700px;}

  /* ********** CARAVAN CUSTOM BUILT ********** */
    .sys-ul li.mail-zoom .circle-popup-img {width: 90px;height: 90px;}
    .btn-effect.btn-drawer {top: 34%;left: 153px;}
    .sys-ul li.caravan-drawer {left: 5%;top: 173px;}
    .btn-effect {left: 34%;top: -30px;}
    .cycle-break {top: 13px;}
    .btn-effect.btn-window {top: 7%;left: 47%;}
    .sys-ul li.caravan-window {left: 27%;}
    .btn-effect.btn-hatch {top: 30%;left: 50%;}
    .sys-ul li.caravan-hatch {left: 48.3%;}
    .btn-effect.btn-gear {top: 33%;left: 72%;}
    .sys-ul li.caravan-gear {left: 71%;}
    .btn-effect.btn-cabinet {top: 7%;left: 72%;}
    .sys-ul li.caravan-cabinet {top: 19%;left: 54%;}
    .btn-effect.btn-roof{left: 74%;}
    .sys-ul li.caravan-roof {top: -40%;left: 73.2%;}
    .btn-effect.btn-handle {top: 26%;left: 92%;}
    .sys-ul li.caravan-handle {left: 75%;top: 39%;}
    .btn-effect.btn-door {top: 44%;left: 98%;}
    .sys-ul li.caravan-door {left: 82%;top: 57%;}

    

  /* ********** CUSTOM BUILT CARAVANS ********** */
  .caravans-detail .ml-fun{padding:30px;width: 375px;}
  .caravans-img {width: calc(100% - 375px);}
}

@media screen and (max-width: 1199.99px){
    /* ********** BANNER ********** */
    .js_hmbanner .slidediv > img, .js_hmbanner {height: 550px;}
    .webox{max-width: 100%;}
    .webox .heading-70 {letter-spacing: 2px;}

    /* ********** CARAVAN CUSTOM BUILT ********** */
    .black-bg.py-100.custom-caravans {padding-bottom: 30px;}
    .btn-effect.btn-drawer {top: 28%;left: 115px;}
    .sys-ul li.caravan-drawer {left: -2%;top: 134px;}
    .cycle-break:after {right: -62px;width: 85px;}
    .btn-effect.btn-window {top: 1%;left: 50%;}
    .sys-ul li.caravan-window {left: 22%;top: 48px;}
  	.btn-effect.btn-topframe {top: -18%;}
  	.caravan-topframe:after {top: 46%;width: 113px;left: inherit;}
  	.sys-ul li.caravan-roof {top: -44%;left: 73%;}
  	.btn-effect.btn-cabinet {top: -1%;left: 77%;}
  	.sys-ul li.caravan-cabinet {top: 14%;}
  	.btn-effect.btn-hatch {top: 24%;left: 54%;}
  	.sys-ul li.caravan-hatch {left: 52%;top: 0%;}
  	.btn-effect.btn-gear {top: 27%;left: 78%;}
  	.sys-ul li.caravan-gear {left: 77%;}
  	.btn-effect.btn-handle {top: 20%;left: 98%;}
  	.sys-ul li.caravan-handle{top: 36%;}
  	.sys-ul li.caravan-handle:after {right: -66%;top: 52%;width: 50px;}
  	.btn-effect.btn-door {top: 36%;left: 106%;}
  	.sys-ul li.caravan-door {left: 78%;top: 51%;}
  	.sys-ul li.caravan-door:after{right: -78%;}


/* ********** CUSTOM BUILT CARAVANS ********** */
  .caravans-detail .ml-fun {width: 350px;padding: 20px;}
  .caravans-img {width: calc(100% - 350px);padding-right: 30px;}

  /* ********** THE MABLIBU ADVANTAGE ********** */
  .mablibu-grid{margin: 0 -10px;row-gap: 20px;}
  .mablibu-grid .mablibu-items {width: calc(33.33% - 20px);margin: 0 10px;}
   
}
@media screen and (max-width: 991.99px){

  .js_hmbanner .slidediv img.desktop_banner{display: none !important;}
  .js_hmbanner .slidediv img.mobile_banner{display: block !important;}


  .hmbo_wrap .webox .button-group .button{min-width: 180px;}

  /* ********** CUSTOM BUILT CARAVANS ********** */
  .why-chosse .container-fluid{max-width: 720px;margin:0 auto;}

  /* ********** CUSTOM BUILT ********** */
  .caravans-detail:after {border-bottom: 0;border-left: 12px solid transparent;border-top: 21px solid #201e1e;top:inherit;bottom: -20px;border-right: 12px solid transparent;left: 0;margin: 0 auto;}
  .sys-ul li.mail-zoom {display: none !important;}
  .caravan-wrapper{max-width: 500px;margin: 0 auto;}
  .btn-effect.btn-drawer {top: 15%;left: 70px;}
  .btn-effect {left: 22%;top: -53px;}
  .btn-effect.btn-window {top: -13%;left: 31%;}
  .btn-effect.btn-hatch {top: 10%;left: 34%;}
  .btn-effect.btn-topframe {top: -36%;left: 33%;}
  .btn-effect.btn-roof{left: 50%;top: -70px;}
  .btn-effect.btn-cabinet {top: -16%;left: 49%;}
  .btn-effect.btn-gear {top: 13%;left: 52%;}
  .btn-effect.btn-handle {top: 9%;left: 64%;}
  .btn-effect.btn-door {top: 26%;left: 69%;}

  .product-pop-content img.pop_close_cir {
  	display: none;
        position: absolute;
        top: 10px;
        right: 10px;
        filter: invert(1) brightness(10);
        border: 1px solid #000;
        padding: 5px;
        border-radius: 100%;
    }

  .system-details p{padding-bottom: 0;}
  .system-details .heading-26{margin-bottom: 10px;}

  .caravans-detail .product-pop-content.active_cont{
  	display: flex;
  	flex-wrap: wrap;

  }
  .caravans-detail .product-pop-content .system-details{
  	width: calc(100% - 162px);
  	padding-right: 30px;
  }
  .caravans-detail .product-pop-content .circle-popup-img{
  	display: block;
    width: 162px;
    height: 162px;
    border: 4px solid #fff;
    border-radius: 100%;
  }
 
  /* ********** CUSTOM BUILT CARAVANS ********** */
  .custom-caravans .intro {margin-bottom: 30px;}
  .caravans-detail  .ml-fun{width: 100%;position: relative;}
  .caravans-img {width: 100%;padding-right:0;margin-top: 30px;padding-left: 0;}
  .main-product-item {min-width: 100%;}


  /* ********** THE MABLIBU ADVANTAGE ********** */
  .mablibu-grid .mablibu-items {width: calc(50% - 20px);}
   
}


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

  /* ********** Why CHOOSE US ********** */
 .why-chosse .container-fluid {min-width: 540px;}

 	/* ********** CUSTOM BUILT ********** */
  .caravans-detail .product-pop-content .system-details {width: 100%;padding-right: 0;text-align: center;order:2;}
  .caravans-detail .product-pop-content .circle-popup-img{margin: 0 auto 25px;order:1;}
  .caravans-detail .ml-fun .button-group{justify-content: center;}

  /* ********** THE MABLIBU ADVANTAGE ********** */
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner {padding: 20px 15px;}
  .mablibu-grid .mablibu-items.explore-malibu .explore-inner p{line-height: 20px;font-size: 14px;margin-bottom: 0;}
  .mablibu-grid .mablibu-items .mablibu-detail p{line-height: 24px;height: 50px;}
  .explore-inner a.button {margin-top:5px;}
}

@media screen and (max-width: 575.99px){
      .why-chosse .container-fluid {min-width: 100%;}
      .mablibu-grid {margin: 0 -5px;}
      .mablibu-grid .mablibu-items {width: calc(50% - 10px);margin: 0 5px;}
      .mablibu-grid{justify-content: center;}
      .mablibu-items.explore-malibu{width: 100%;}

     /* ********** CUSTOM BUILT ********** */
 	.caravan-wrapper {max-width: 300px;}
 	.sys-ul li span.system-plus , .sys-ul li span.system-minus.active_spn{width: 16px;height: 16px;}
 	.btn-effect {left: 18%;top: -65px;}
 	.btn-effect.btn-drawer {top: -12%;left: 32px;}
 	.btn-effect.btn-topframe {top: -64%;left: 30%;}
 	.btn-effect.btn-window {top: -39%;left: 27%;}
 	.btn-effect.btn-hatch {top: -18%;left: 30%;}
 	.btn-effect.btn-roof {left: 50%;top: -82px;}
 	.btn-effect.btn-cabinet {top: -44%;left: 47%;}
 	.btn-effect.btn-gear {top: -15%;left: 48%;}
 	.btn-effect.btn-handle {top: -18%;left: 60%;}
 	.btn-effect.btn-door {top: 1%;left: 66%;}

 	.js_hmbanner .slidediv > img, .js_hmbanner {height: 450px;}
 	.webox .heading-70 {letter-spacing: 1px;font-size: 30px;}


  /* ********** THE MABLIBU ADVANTAGE ********** */
  /*.mablibu-grid .mablibu-items {
        width: calc(100% - 20px);
    }*/
}