.clsSlideFloating{
   display:none !important;    
}
.clsModelSelectorWrap {
    width:1180px !important;
    padding:0px !important;
    margin: 0 auto;
}
.clsModelSelector * {
  transition: all 0.8s ease 8s;
  -webkit-transition: all 0s ease 0s;
  -webkit-font-smoothing: antialiased;
}
.clsModelSelector {
    padding: 30px 0;
    background:#fcfcfc;
}
a, a:hover, a:focus{
    outline: none;
}
.nav-tabs {
  margin: 0 0 0 10px;
}
.nav{
    display:-ms-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    padding-left:0;
    margin-bottom:0;
    list-style:none;
    /*justify-content:space-between;*/
    align-items:center;
}
.nav-link{
    display:block;
    align-items:center;
    /*padding: .5rem 1rem;*/
    padding: 0px;
    line-height: 80px;
    min-height: 80px;
    text-align: center;
}
.nav-link.active  {
    padding: 0px 25px;
    text-align: left;
}
.nav-link:focus, .nav-link:hover{
    text-decoration:none;
}
.nav-link span:nth-child(2) {
    margin-top: -1px;
}
.nav-link span {
    white-space:wrap;
    font-size: 17px;
    padding: 0 0 0 6px;
    line-height: 20px;
    color: #FFF;
    font-family:'gothambold';
}
.nav-link span:first-child {
  font-size: 20px;
  font-weight: 100;
  padding: 0;
  font-family: 'gothambold';
  text-transform: uppercase;
}
.nav-tabs{
    /*border-top:5px solid #42b4e5;*/
    /*border-bottom: 1px solid #ddd;*/
}
.nav-tabs .nav-item {
  margin-bottom: 0px;
  background: #050709 !important;
  margin-right: 10px;
  width: 60px;
}
.nav-tabs .active span{
    color: #FFF;
}
.nav-tabs li {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
    border-left: 5px solid #42b4e5;
}
.nav-tabs li.parent-active{
    border-left: 5px solid #42b4e5;
    border-bottom: 0px solid #ddd;
    width: 75%;
}
.nav-tabs .active{
    border-left: 0px solid #ddd;
    border-right: 0px solid #ddd;
    border-bottom: 0px solid #f0f0f0;
}
.tab-pane{
    padding:40px 0;
}
.clsCarGrid{
	font-size:0px;
	text-align: center;
}
.clsCarGrid li {
  width: 48%;
  display: inline-block;
  margin: 0 10px 20px 10px;
  vertical-align: top;
  position: relative;
}

.clsCarGrid li:hover > .panel::after, #clsSelectFloorWrap .clsSelectFloor:hover > div::after  {
  position: absolute;
  width: 60px;
  height: 60px;
  content: "";
  margin: auto;
  top: 0;
  left: 0;
  right:0px;
  bottom:0px;
  display: block;
} 

#clsSelectFloorWrap .clsSelectFloor.floor-active > div::after, .clsCarGrid li:hover > .panel::after {
  position: absolute;
  width: 60px;
  height: 60px;
  content: "";
  margin: auto;
  top: 0;
  left: 0;
  right:0px;
  bottom:0px;
  display: block;
  background: url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/06/tick.png') no-repeat center center;
    background-size: 100%;
  -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
} 

.clsCarGrid li > .panel.panel-active::after {
  position: absolute;
  width: 60px;
  height: 60px;
  content: "";
  margin: auto;
  top: 0;
  left: 0;
  right:0px;
  bottom:0px;
  display: block;
  background: url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/06/tick.png') no-repeat center center;
    background-size: 100%;
 -webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;
} 
.clsCarGrid li > .panel{
    background: url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/06/select-bg1.jpg') no-repeat center center;
    background-size: cover;
    padding: 70px 15px 55px 15px;
    min-height: 300px;
    border: 5px solid transparent;
    cursor: pointer;
    transition: all ease-in-out .4s;
    
}
.clsCarGrid li:hover > .panel{
    border: 5px solid #39a0ed;   
    transition: all ease-in-out .4s;
}
.clsCarGrid li > .panel.panel-active{
    border: 5px solid #39a0ed;   
    transition: all ease-in-out .4s;
}
.clsCarGrid .panel > div {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
}
.clsCarGrid .panel {
  width: 100%;
  height: 100%;
  display: block;
}
.clsCarGrid h2 {
  font-size: 22px;
  color: #2fb9eb;
  font-family: "Trivial";
  text-align: left;
  padding: 0 15px 0 15px;
  line-height: 30px;
}
.clsCarGrid p {
  color: #FFF;
  font-size: 14px;
  padding: 10px 15px 0 15px;
  text-align: left;
  font-family: gothambook;
  line-height: 18px;
}
.clsCarGrid .panel img {
  max-width: 90%;
}

.select-tic{
    background-image:url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/06/tick.png');
    width:79px;
    height:77px;
    margin:auto;
    position: absolute;
    display:none;
}

/*.accessory-active > .select-accessory::after*/
.accessory-active > .select-accessory > span{
    position: absolute;
    width: 60px;
    height: 60px;
    content: "";
    margin: auto;
    top: 30%;
    left: 0;
    right:0px;
    bottom:auto;
    display: block !important;
    background: url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/07/icon.png') no-repeat center center;
    background-size: 100%;
    -webkit-transition: background-image 0.2s ease-in-out;
    transition: background-image 0.2s ease-in-out;
} 
.accessory-active .select-accessory::before {
  border: 4px solid #39a0ed;
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: -4px;
  left: -4px;
}
/*Page 2*/

.slider {
    border:0px solid #ddd;
    width:100%;
    display:flex;
    justify-content:space-around;
}
.clsBindSidebar {
  width: 20%;
  float: left;
  padding: 32px 18px;
}
#clsBindSlider {
  float: right;
  width: 79%;
  border: 0px;
  padding: 32px 18px;
  border-left:1px solid #ababab;
}
.slider img{
    align-items:center;
    margin: 50px auto;
}
.select{
    margin: 60px 0;
}
.select p{
    font-size:21px;
    padding-bottom: 10px;
    margin-bottom:40px;
    border-bottom: 4px solid #42b4e5;
    font-family: 'Graphik-Medium';
}
.select-color{
    display:block;
    justify-content:space-between;
}
.select-plate-grid{
    display:block;
}
.select-plate-grid .circle{
    margin:4px;
}
.select-plate-grid .circle1{
    margin:0 4px;
    z-index:1;
    position:relative;
}
.circle, .circle1{
    width:64px;
    height:64px;
    margin:0;
    border-radius: 100%;
    border: 3px solid #fcfcfc;
}
.circle:hover{
    border:3px solid #42b4e5;
}

.square, .square1{
    width: 92px;
    height: 92px;
    margin: 0 2px 4px;
    border-radius: 0;
    border: 0px solid #fcfcfc;
    float: left;
}
.square:hover{
   
border: 3px solid #42b4e5;
background-size: 30px !important;
 
}
.square1 {
  border: 3px solid #000;
}
.square1:hover{
border: 3px solid #42b4e5;
/*background-size: 30px !important;*/
}
.p-active, .s-active{
    background-image: url('https://www.retreatcaravans.com.au/wp-content/uploads/2023/06/tick.png') !important;
background-repeat: no-repeat !important;
background-position: center !important;
border: 3px solid #42b4e5;
background-size: 30px !important;
position: relative;
 
}
.sp-active{
border: 3px solid #42b4e5;
position: relative;
}

.white{
  background: #FFF;
  border: 3px solid #CCC;
}
.darkgrey{
  background: #565656;
}
.lightgrey{
  background: #a5a5a5;
}
.red{
  background: #ca2d28;
}
.yellow{
  background: #fbb834;
}
.blue{
  background: #0a3c92;
}
.green{
  background: #42e231;
}
.orange{
  background: #f96a23;
}
.ag{
  background: #7f8e73;
}
.sand{
  background: #b3a377;
}

.sticker .white{
	background:#FFFFFF;
}
.sticker .darkgrey{
	background: #565656;
}
.sticker .lightgrey{
	background: #a5a5a5;
}
.sticker .red{
	background: #C92A20;
}
.sticker .yellow{
	background: #FBB810;
}
.sticker .blue{
	background: #013B95;
}
.sticker .green{
	background: #4ae301;
}
.sticker .orange{
	background: #F96802;
}
.sticker .ag{
	background: #e8146c;
}
.sticker .sand{
	background: #b3a374;
}

.cp1{
    background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2018/09/checkerplate1.png');
    
}
.cp2{
    background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2018/09/checkerplate2.png');
}
.cp3{
    background:url('https://www.retreatcaravans.com.au/wp-content/uploads/2018/09/checkerplate3.png');
}
/*.circle1:hover::after{*/
/*    position:absolute;*/
/*    content:"";*/
/*    top: -2px;*/
/*    left: -2px;*/
/*    z-index: 2;*/
/*    width: 92px;*/
/*    height: 92px;*/
    /*background-image:url('https://www.retreatcaravans.com.au/wp-content/uploads/2018/09/tic.png');*/
/*    background-repeat:no-repeat;*/
/*    background-position:center;*/
/*    border:3px solid #42b4e5;*/
/*    border-radius:0%;*/
/*}*/
.sp-active::after{
    position:absolute;
    content:"";
    top: -2px;
    left: -2px;
    z-index: 2;
    width: 88px;
    height: 88px;
    background-image:url('https://www.retreatcaravans.com.au/wp-content/uploads/2018/09/tic.png');
    background-repeat:no-repeat;
    background-position:center;
    background-color: transparent;
    border:3px solid #42b4e5;
    border-radius:0%;
}
.navi{
    margin: 0px 10px 30px 10px;
    display:flex;
    justify-content:space-between;
}
.mt30{
    margin-top: 30px;
}
.navi .btn-s, .navi .btn-p{
    text-transform:uppercase;
    border:none;
    height:39px;
    font-family: 'gothammedium';
    padding: 0 20px;
}
.navi img{
    margin: auto 5px;
max-width: 10px;
}
.btn-s{
    background:#3b3b3b;
    color:#FFF;
}
.btn-p{
    background:#17b3e4;
    color:#FFF;
}
.note{
    font-size:17px;
    font-family:'gothammedium';
    margin:0;
}
#clsBindSlider .owl-prev{background:url('../images/ext_left.png') no-repeat center top;width:23px;height:40px;text-indent:-999em;display:block;float:left;margin-left:20px}
#clsBindSlider .owl-next{background:url('../images/ext_right.png') no-repeat center top;width:23px;height:40px;text-indent:-999em;display:block;float:right;margin-right:20px}
#clsBindSlider .owl-controls{bottom:0;display:block;height:40px;left:0;margin:auto;position:absolute;right:0;top:0;width:100%}
.itemsWrap1 { position:relative;}
.itemsWrap1 .img { position:relative; z-index:1;}
.itemsWrap2 , .itemsWrap3 , .itemsWrap4{ position:relative;}
.itemsWrap2 .img , .itemsWrap3 .img , .itemsWrap4 .img { position:relative; z-index:1;}
.clsAbsSticker, .clsAbsPanel, .clsAbsPlate, .clsAbsSide { position:absolute; z-index:2;top:0;left:0;}

.clsBindSidebar h2 {
  font-size: 16px;
  font-family: gothammedium;
  margin-bottom: 20px;
}
.clsBindSidebar select {
  width: 100%;
  border: 1px solid #adadad;
  background: #FFF;
  height: 44px;
  padding: 0 15px;
  margin-bottom: 25px;
  font-size: 14px;
  font-family: gothammedium;
  color: #5d5d5d;
}
.navi .btn-s:hover, .navi .btn-p:hover {
  opacity: 0.85;
}
/*Page 2*/

/*Page 3*/
#clsSelectFloorWrap {
  text-align: left;
  font-size: 0px;
  margin-left: 10px;
}
#clsSelectFloorWrap .clsSelectFloor {
  display:inline-block;
  width: 50%;
  font-size:14px;
  vertical-align: top;
  position: relative;
}
#clsSelectFloorWrap .clsSelectFloor > div {
  border: 1px solid #adadad;
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 0 30px 30px 30px;
  position: relative;
  min-height: 410px;
}
#clsSelectFloorWrap > .clsSelectFloor:nth-child(2n) > div {
  margin-left: 10px;
}
#clsSelectFloorWrap .select-wrap p{
  float: left;
  width: 50%;
  font-size: 16px;
line-height: 20px;
font-family: gothambold;
}

#clsSelectFloorWrap .select-wrap ul{
  float: right;
  width: 50%;
  text-align: right;
}
.select-wrap ul li {
  padding: 0px;
  width: 35px;
  height: 35px;
  background: #000;
  border-radius: 100%;
  color: #FFF;
  line-height: 34px;
  display: inline-block;
  font-size: 13px;
  font-family: gothambold;
  text-align: center;
  margin: 0 1px;
}

.select-wrap .clsSB{
  background: #8cc63f;
}
.select-wrap .clsDL{
  background: #ee7c31;
}
.select-wrap .clsCA{
  background: #703995;
}
.select-wrap .clsRL{
  background: #c89b2b;
}
.select-wrap .clsCL{
  background: #2bafe4;
}
.select-wrap .clsRB{
  background: #ef4036;
}
#clsSelectFloorWrap .clsSelectFloor:hover > div::before, #clsSelectFloorWrap .clsSelectFloor.floor-active > div::before{
  content: "";
  border: 4px solid #42b4e5;
  position: absolute;
  height: 100%;
  width: 100%;
  left: -4px;
  top: -4px;
  z-index: 3;
}

/*Page 3*/

/*Page 4*/
.clsAccessoriesWrap {
  padding: 0 10px;
  text-align: left;
  font-size: 0px;
}
.clsAccessories {
  font-size: 12px;
  display: inline-block;
  width: 31.8%;
  vertical-align: top;
  margin-bottom: 26px;
  position: relative;
}
.clsAccessoriesWrap > .clsAccessories:nth-child(3n-1) {
  margin: 0 26px !important;
}
.select-accessory {
  border: 1px solid #ababab;
  position: relative;
}
.select-accessory-img {
  border-bottom: 1px solid #ababab;
  display: block;
  width: 100%;
}
.select-accessory-img img {
  display: block;
  width: 100%;
}
.clsAccCont {
  padding: 22px 25px 25px 25px;
  background: #f6f6f6;
  display: block;
  width: 100%;
}
.clsAccTitle {
  font-size: 15px;
  line-height: 20px;
  font-family: gothambold;
  margin-bottom: 5px;
  text-transform: uppercase;
}
.clsAccDesc {
  font-size: 13px;
  line-height: 20px;
  font-family: gothambook;
  margin-bottom: 5px;
}

/*Page 4*/

/*Vertical Nav*/
.clsVertical .nav-item {
  
  border-left: 5px solid #000;
  background: #FFF !important;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  width: 100%;
  margin-bottom: 10px;
  margin-right: 0px;
}
.clsVertical .nav-link {
  min-height: 40px;
line-height: 40px;
  text-align: left;
  padding: 0 20px;
  position: relative;
}
.clsVertical .nav-link span {
  color: #000 !important;
}

.clsVertical .nav-item.parent-active {
  border-left: 5px solid #000;
  border-right: 1px solid #000;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  background: #000 !important;
  width: 100% !important;
}
.clsVertical .nav-link.active span {
  color: #FFF !important;
}


.clsVertical .nav-item a::before {
  position: absolute;
  content: "\f347";
  font-family: dashicons;
  font-size: 16px;
    right: 20px;
    top: 9px;
    bottom: 0px;
    color: #FFF;
    background: #000;
    border-radius: 100%;
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    display: block;
}

.clsVertical .nav-item a.active::before {
  position: absolute;
    content: "\f343";
    font-family: dashicons;
    font-size: 16px;
    right: 20px;
    top: 9px;
    bottom: 0px;
    color: #000;
    background: #fff;
    border-radius: 100%;
    border: 1px solid #000;
    width: 20px;
    height: 20px;
    line-height: 19px;
    text-align: center;
    display: block;
}
.clsVertical .nav-item a.completed::before {
  content: "\f15e";
  background: #26bb16;
  border-color: #26bb16;
}
.clsVertical .nav-item a.completed::after {
  content: "Edit";
  color: #000 !important;
  font-size: 13px;
  font-family: gothambold;
  border-bottom: 1px solid #000;
  float: right;
  line-height: normal;
  margin-right: 40px;
  margin-top: 11px;
}

.clsVertical #clsBindSlider {
  width: 100%;
  border: 0px;
  padding: 0px 18px 0px 18px;
}
.clsVertical .slider img{
  margin: 0px auto;
}
.clsVertical .clsBindSidebar {
  width: 100%;
  padding: 0px 18px 32px 18px;
  margin-top: -25px;
  position: relative;
}
.clsVertical .navi.mt30 {
  clear: both;
  margin: 0 auto 50px auto !important;
  display: block;
  text-align: center;
}
.clsVertical .nav-link span:first-child {
  font-size: 14px;
}
.clsVertical .clsBindSidebar h2 { 
  text-align: center;
}
.clsVertical .clsBindSidebar select {
  width: 160px;
  margin: 0 auto 15px auto;
  display: block;
  height: 34px;
}
.clsVertical .square, .clsVertical .square1 {
 border-radius: 100% !important;
  float: none;
display: inline-block;
vertical-align: top;
width: 70px;                
height: 70px;
}
.clsVertical .select-panel > div, .clsVertical .select-sticker > div, .clsVertical .select-sides > div, .clsVertical .select-plate > div, .clsVertical .select-back > div{
  text-align: center;
}
.clsVertical .sp-active::after{
  border-radius: 100%;
  width: 100%;
  height: 100%;
}
.clsVertical .tab-pane {
  padding: 0 0px 15px 0;
}
.clsVertical #clsSelectFloorWrap{
    margin-left: 0px;
}
.clsVertical .clsModelSelectorWrap > ul {
  padding: 0px !important;
  margin: 0px !important;
}
.clsVertical #clsBindSlider .owl-prev{
    margin-left: 0px;
}
.clsVertical #clsBindSlider .owl-next{
    margin-right: 0px;
}
.clsVertical {
  background: #FFF;
}
.clsVertical #clsSelectFloorWrap > .clsSelectFloor:nth-child(2n) > div {
  margin-left: 10px;
  padding: 0 30px 30px 30px;
  margin-right: 0px;
}
.clsVertical #clsSelectFloorWrap .clsSelectFloor > div {
  margin-right: 10px;
  margin-bottom: 20px;
  padding: 0 30px 30px 30px;
}
.clsVertical .clsAccessoriesWrap{
    padding: 0px;
}
.clsVertical .clsCarGrid {
  margin: 0 -5px;
}

.clsVertical .clsCarGrid li {
  width: 50%;
  margin: 0 0px 20px 0px;
}
.clsVertical .clsSummaryWrap {
  padding: 0px !important;
}
.clsSummarySidebar .pre-sub-form {
  margin-top: 10px;
}
.clsSummarySidebar .clsFormRow {
  margin-bottom: 10px;
}
.clsSummarySidebar .clsFormRow input, .clsSummarySidebar .clsFormRow select, .clsSummarySidebar .clsFormRow textarea {
  width: 100%;
  height: 40px;
  box-shadow: none;
  border-radius: 0px;
  padding: 0 12px;
  font-size: 13px;
  background: #FFF;
  border: 1px solid #adadad;
  color: #5d5d5d;
}
.clsSummarySidebar .clsFormRow input::placeholder, .clsSummarySidebar .clsFormRow textarea::placeholder {
 color: #5d5d5d !important;
 font-size: 13px;
}
.clsSummarySidebar .clsFormRow textarea{
   padding: 15px 12px; 
   min-height:80px;
}
.clsSummarySidebar.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
}
.clsSummarySidebar .is-sticky .enquiry {
  top: 50px !important;
}
.clsSummarySidebar .clsFormRow input[type="submit"] {
  width: 100%;
  margin: 0 auto;
  display: block;
  background-color: #000;
  color: #FFF;
  font-size: 14px;
  font-family: gothammedium;
  cursor: pointer;
  height: 47px;
  background-image: url(https://www.retreatcaravans.com.au/wp-content/uploads/2023/07/icon-1.png);
  background-position: 40px center;
  background-repeat: no-repeat;
  background-size: 19px 25px;
}
.clsWhttxt, .clsWhttxt span{
    color:#FFF;
}
#clsBindSlider .slick-next {
  background: url('../images/ext_right.png') no-repeat left top ;
}

#clsBindSlider .slick-prev {
  background: url('../images/ext_left.png') no-repeat left top ;
}
/*Vertical Nav*/

/*New Step 2*/
.whitefibreglass{
	background: #FFF;
	border: 3px solid #ccc;
}
.silverfibreglass{
	background: #9fa8a7;
	border: 3px solid #9fa8a7;
}
.brilliantwhite{
	background: #FFF;	
	border: 3px solid #ccc;	
}
.darkgreymetallic{
	background: #565656;	
	border: 3px solid #565656;	
}
.silvermetallic{
	background: #a5a5a5;	
	border: 3px solid #a5a5a5;	
}
.sandytaupe{
	background: #b4a377;	
	border: 3px solid #b4a377;	
}
.bronzemetallic{
	background: #9b9482;	
	border: 3px solid #9b9482;	
}
.greenwhitsundayxestd{
	background: #00b050;
	border: 3px solid #00b050;
}
.charcol{
	background: #565656;
	border: 3px solid #565656;
}
.silver{
	background: #a5a5a5;
	border: 3px solid #a5a5a5;
}
.reddaydreamstd{
	background: #c82a21;
	border: 3px solid #c82a21;
}
.yellow{
	background: #fbb812;
	border: 3px solid #fbb812;
}
.royalblue{
	background: #023b95;
	border: 3px solid #023b95;
}
.limegreen{
	background: #4ae201;
	border: 3px solid #4ae201;
}
/*.orangefraserstd{*/
/*	background: #fa6803;*/
/*	border: 3px solid #fa6803;*/
/*}*/

.orangefraserstd{
    background: #565656;
	border: 3px solid #565656;
}

.pink{
	background: #e8146b;
	border: 3px solid #e8146b;
}
.lightblueervstd{
	background: #00b0f0;
	border: 3px solid #00b0f0;
}
.purple{
	background: #7b00b8;
	border: 3px solid #7b00b8;
}
.teal{
	background: #018eaa;
	border: 3px solid #018eaa;
}
.militarygreen {
	background: #848e7f;
	border: 3px solid #848e7f;
}

.square span, .square1 span{
    opacity:0;
}
.square:hover > span span, .square1:hover > span span {
  opacity: 1;
  align-items: center;
  justify-content: center;
  display: flex;
  margin: 0 auto;
  width: 80%;
}
.square:hover > span, .square1:hover > span {
  opacity: 1;
  font-size: 9px;
  line-height: 12px !important;
  font-family: gothammedium;
  text-transform: uppercase;
  display: flex;
  height: 100%;
}
.square1:hover > span {
    color: #FFF !important;
}
/*New Step 2*/

.clsSummarySidebar .enquiry > div {
  padding: 10px 20px !important;
  font-size: 13px;
  line-height: 18px;
}
@media (max-width:1199px){
    .clsModelSelectorWrap {
        width:980px !important;
    }
    .nav-tabs li.parent-active {
      width: 680px;
    }
    .clsCarGrid li {
        width: 470px;
    }
    .clsCarGrid h2 {
        font-size: 19px;
    }
    #myTabContent .rows{
    	margin: 0 0px;
    }
    #myTabContent .navi {
      margin: 0px 10px 30px 10px;
    }
    #myTabContent .square, #myTabContent .square1 {
      width: 73px;
      height: 73px;
    }
    .clsBindSidebar h2 {
        font-size: 14px;
    }
    #clsSelectFloorWrap .clsSelectFloor > div {
      min-height: 340px;
    }
    #clsSelectFloorWrap .select-wrap p {
      font-size: 14px;
    }
    .clsAccessories {
      margin-bottom: 22px;
    }
    .clsAccessoriesWrap > .clsAccessories:nth-child(3n-1) {
      margin: 0 22px !important;
    }
    .clsAccCont {
      padding: 22px 15px 20px 15px;
    }
    .clsAccTitle {
      font-size: 12px;
    }
    .clsAccDesc {
      font-size: 12px;
    }
    .clsVertical .clsCarGrid li{
        padding: 0 5px;
    }
}
@media (max-width:990px){
    .clsModelSelectorWrap {
      width: 750px !important;
    }
    .nav-tabs li.parent-active {
      width: 450px;
    }
    .clsCarGrid li {
      width: 355px;
    }
    
    .clsCarGrid h2 {
      font-size: 13px;
      line-height: 20px;
    }
    .clsCarGrid p {
      font-size: 12px;
      line-height: 16px;
    }
    .clsCarGrid .panel img {
      max-width: 200px;
    }
    .clsCarGrid li > .panel {
      padding: 40px 15px 35px 15px;
      min-height: 300px;
      background-position: center -30px  !important;
      background-color: #000  !important;
      background-size: 100%  !important;
    }
    .clsCarGrid .panel > div {
      display: inline-block;
      width: 100%;
      vertical-align: middle;
    }
    #clsBindSlider {
      width: 79%;
    }
    .clsBindSidebar {
      width: 21%;
    }
    .clsBindSidebar select {
      height: 34px;
      padding: 0 10px;
      margin-bottom: 25px;
      font-size: 12px;
    }
    #profile > div:nth-child(3) {
      margin-top: 30px !important;
    }
    /*#myTabContent .square, #myTabContent .square1 {*/
    /*  width: 54px;*/
    /*  height: 54px;*/
    /*}*/
    .p-active, .s-active, .sp-active {
      background-size: 20px !important;
    }
    #clsSelectFloorWrap .clsSelectFloor > div {
      min-height: 270px;
       padding: 0 15px 15px 15px;
    }
    #clsSelectFloorWrap .select-wrap p {
      font-size: 11px;
      line-height: 16px;
    }
    #clsSelectFloorWrap .clsSelectFloor:hover > div::after, #clsSelectFloorWrap .clsSelectFloor.floor-active > div::after , .clsCarGrid li:hover > .panel::after{
      width: 40px;
      height: 40px;
    }
    .select-wrap ul li {
      width: 30px;
      height: 30px;
      line-height: 30px;
      font-size: 11px;
    }
    #accessories-tab.nav-link.active span:first-child {
        font-size: 17px;
    }
    .clsAccessoriesWrap > .clsAccessories:nth-child(3n-1) {
      margin: 0 16px !important;
    }
    .clsAccCont {
      padding: 22px 10px 15px 10px;
    }
    .clsAccTitle {
      font-size: 10px;
    }
    .clsAccDesc {
      font-size: 11px;
      line-height: 16px;
    }
    .clsSummaryPanel {
      width: 65% !important;
      padding-right: 10px !important;
    }
    .clsSummarySidebar {
      width: 35% !important;
    }
    .clsVertical #clsSelectFloorWrap .clsSelectFloor > div {
        margin-right: 0px;
    }
}
@media (max-width:767px){
    .clsModelSelectorWrap {
      width: 590px !important;
    }
    .nav-link span:first-child {
      font-size: 14px;
    }
    .nav-link{
      line-height: 60px;
      min-height: 60px;
    }
    .nav-tabs li.parent-active {
      width: 290px;
    }
    .clsCarGrid li {
      width: 285px;
      margin: 0 5px 10px 5px;
    }
    .clsCarGrid li > .panel {
      padding: 40px 15px 35px 15px;
      min-height: 315px;
      background-position: center 20px;
      background-color: #000;
      background-size: 100%;
    }
    .clsCarGrid h2 {
      font-size: 16px;
      line-height: 20px;
    }
    .clsBindSidebar {
      width: 100%;
      border-top: 0px solid #ababab;
    }
    #clsBindSlider{
      border-left: 0px solid #ababab;
      width: 100%;
    }
    .slider img {
        margin: 0px auto;
    }
    .square:hover {
      background-size: 20px !important;
    }
    .square1:hover {
      /*background-size: 20px !important;*/
    }
    #myTabContent .square, #myTabContent .square1 {
      width: 70px;
      height: 70px;
    }
    #clsSelectFloorWrap .clsSelectFloor {
      width: 100%;
    }
    #clsSelectFloorWrap > .clsSelectFloor:nth-child(2n) > div {
      margin-left: 0px;
    }
    .clsVertical #clsSelectFloorWrap > .clsSelectFloor:nth-child(2n) > div {
        margin-left: 0px;
    }
    #accessories-tab.nav-link.active span:first-child {
      font-size: 14px;
    }
    #accessories-tab {
      line-height: 23px;
      padding-top: 6px;
    }
    .clsVertical #accessories-tab {
      line-height: 28px;
      padding-top: 6px;
    }
    .clsAccessoriesWrap {
      padding: 0 5px;
    }
    
    .clsAccessoriesWrap > .clsAccessories:nth-child(3n-1) {
      margin: 0 !important;
    }
    #profile .clsAccessoriesWrap > .clsAccessories {
      margin: 0 5px 12px !important;
    }
    .clsAccTitle {
        font-size: 11px;
    }
    .clsAccessories {
        width: 48.2%;
    }
    .clsVertical .nav-item {
      width: 100% !important;
      margin-right: 0px !important;
    }
    
    .clsSummaryPanel {
      width: 100% !important;
      padding-right: 0px !important;
    }
    .clsSummarySidebar {
      width: 100% !important;
    }
    .clsVertical #clsBindSlider {
        max-width: 100%;
    }
    .clsVertical .clsFormRow {
      margin-bottom: 10px;
    }
    .clsSummarySidebar .clsFormRow input[type="submit"]{
        background-position: 36% center;
    }
    #clsBindSlider .slick-prev {
      left: 5px;
      top: 45%;
      background-size: contain;
      width: 15px;
      height: 26px;
    }
    #clsBindSlider .slick-next {
      right: 5px;
      top: 45%;
      background-size: contain;
      width: 15px;
      height: 26px;
    }
    .clsVertical .clsAccessoriesWrap {
      padding: 0px;
      margin: 0 -5px;
    }
}
@media (max-width:599px){
    .clsModelSelectorWrap {
      width: 95% !important;
    }
    .nav-tabs li.parent-active {
      width: 50%;
    }
    .clsCarGrid .panel img {
      width: 280px;
      max-width: 90%;
    }
    .nav-link.active {
      padding: 0px 10px;
      text-align: left;
    }
    .nav-link span:first-child {
      font-size: 10px;
    }
    .nav-link {
      line-height: 37px;
      min-height: 40px;
    }
    .nav-tabs .nav-item {
      margin-right: 4px;
      width: 9%;
      margin-bottom: 10px;
    }
    .tab-pane {
      padding: 20px 0;
    }
    .clsCarGrid li {
      width: 100%;
      margin: 0 0px 10px 0px;
    }
    .clsVertical .clsCarGrid li {
      width: 100%;
      margin: 0 0px 10px 0px;
    }
    .clsCarGrid li > .panel {
      padding: 40px 15px 45px 15px;
      min-height: 150px;
    }
    .nav-tabs li.parent-active {
      width: 57%;
      margin-bottom: 10px;
    }
    .nav-tabs li {
      border-left: 3px solid #42b4e5;
    }
    .nav-tabs {
      margin-left: 3px;
    }
    #myTabContent .rows {
      margin: 0 15px 0 5px;
    }
    .page-template-page-caravan-selector-design #myTabContent .rows.clearfix {
      margin: 0px;
    }
    .nav-link.active {
      padding: 0px 10px;
      text-align: left;
    }
    #myTabContent .navi {
      flex-direction: column;
      margin:0px 5px 10px 3px;
    }
    .navi .btn-s, .navi .btn-p{
      margin-bottom: 10px;
    }
    #clsBindSlider .owl-prev {
      width: 12px;
      height: 21px;
      margin-left: 10px;
      background-size: 100%;
    }
    #clsBindSlider .owl-next{
      margin-right: 10px; 
      background-size: 100%;
      width: 12px;
      height: 21px;
    }
    /*#myTabContent .square, #myTabContent .square1 {*/
    /*  width: 18.3%;*/
    /*  height: 50px;*/
    /*}*/
    #clsSelectFloorWrap .clsSelectFloor > div {
      min-height: 170px;
    }
    #clsSelectFloorWrap .select-wrap p {
      font-size: 12px;
      line-height: 16px;
      width: 60%;
    }
    #clsSelectFloorWrap .select-wrap ul {
        width: 40%;
    }
    #accessories-tab.nav-link.active {
      padding: 0px 5px;
      text-align: left;
      line-height: 10px !important;
    }
    #accessories-tab.nav-link.active span:first-child {
      font-size: 10px;
    }
    #profile .clsAccessoriesWrap > .clsAccessories {
      width: 100%;
      margin: 0 0 15px 0 !important;
    }
    .clsAccTitle {
      font-size: 13px;
    }
    .clsAccDesc {
      font-size: 12px;
      line-height: 20px;
    }
    .clsVertical .nav-link span:first-child {
      font-size: 10px !important;
      line-height: 48px !important;
    }
    .clsVertical .nav-link {
      padding: 0 10px 0 5px !important;
      min-height: 48px !important;
      line-height: 48px !important;
    }
    .clsVertical .nav-item a::before  {
      font-size: 13px;
      right: 5px;
      top: 13px;
      bottom: 0px;
      width: 20px;
      height: 20px;
      line-height: 22px;
    }
     .clsVertical .nav-item a.active::before {
      font-size: 13px;
      right: 5px;
      top: 13px;
      bottom: 0px;
      width: 21px;
      height: 21px;
      line-height: 21px;
    }
    .clsVertical .nav-item a.completed::after {
      font-size: 11px;
      margin-right: 30px;
      margin-top: 18px;
    }
    .clsSummarySidebar .clsFormRow input[type="submit"]{
        background-position: 26% center;
    }
    .clsVertical #clsBindSlider {
      padding: 0px 18px 20px 18px;
    }
    .clsVertical #clsSelectFloorWrap .clsSelectFloor > div {
      padding: 0 15px 15px 15px !important;
    }
    .clsVertical .clsAccessoriesWrap {
      padding: 0px;
      margin: 0;
    }
    .clsSummaryPanel > h2 {
      font-size: 20px;
    }  
    .sec-sum .col-sm-6 {
      font-size: 12px;
    }
}
@media (max-width:359px){
    .nav-link.active span:first-child {
      font-size: 11px;
      width: 80% !important;
      display: block;
      line-height: 19px;
    }
    #accessories-tab.nav-link.active {
      padding: 0px 5px;
      text-align: left;
      line-height: 10px !important;
    }
    #accessories-tab.nav-link.active span:first-child {
        font-size: 9px !important;
    }
    .page-template-page-caravan-selector-accesories #accessories-tab.nav-link.active span:first-child {
        font-size: 10px !important;
    }
}