

div.rowSe h5 {
	color:white;
	margin-left:30px;
	margin-bottom:10px;
}


div.rowSe a {
    float:left;
    color:white;
    width:25%;
    margin:0 4%;
    padding:3px 0;
    text-align:center;
    
    border-radius: 6px;
    box-shadow: 0 1px 2px rgba(0,0,0,0.4);
    background-color: #4E6B5D;
}
.row1.berths {
	background-color:#7CAD94;
}





div.row1, div.rowSe	{
	padding:10px 0;
	height:auto;
	overflow:hidden;
	border-bottom:1px solid #0f402a;
}
div.row1 a {
	display: inline-block;
	color:white;
	width:12%;
	margin: 0 2% 0px;
	padding:3px 0;
	text-align:center;
	
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
	background-color: #4E6B5D;
}
.row1 a:hover, .rowSe a:hover {
	background:#415b4e;
	text-decoration:underline;
	box-shadow: 0 0 -2px rgba(0,0,0,0.4);
}
.motorhomes-layouts a:hover {
	background:#94b5d8;
}

div.row1 .current, div.row2 .current, div.rowSe .current {
	background:#f88d02;
	color:white;
}


div.row2	{
	padding:15px 0;
	text-align:center;
}
div.row2 a {
	text-align:center;
	margin:0 8px 0px;
	padding:3px 5px;
	display: inline-block;
	font-size:0.9em;
	background:#f1f1f1;
	border-radius: 6px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
div.row2 a:hover {
	text-decoration:underline;
	background:#cdcdcd;
}
div.caravanLayout {
	width:100%;
	height:140px;
	float:left;
	display:inline-block;	
	text-align:center;
	border:1px solid #6a8f7d;
	margin:8px;
	border-radius: 4px;
	box-shadow: 1px 3px 3px rgba(0,0,0,0.2);
	
}
div.caravanLayout a {
	display:block;
}
div.caravanLayout a:hover {
	height:140px;
	background-image: -moz-linear-gradient(top, #f88d02, #fb6c02);
	background: -webkit-gradient(linear, left top, left bottom, from(#f88d02), to(#fb6c02)); /* for webkit browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88d02', endColorstr='#fb6c02'); /* for IE */	
	background-image: -ms-linear-gradient(top, #f88d02 0%, #fb6c02 100%);	
	background-image: -o-linear-gradient(#f88d02,#fb6c02); /* opera */
	-pie-background: linear-gradient(#f88d02, #fb6c02); /*PIE*/
	behavior: url(https://www.caravanfinder.co.uk/style/PIE-1.0.0/PIE.htc);
}
div.caravanLayout a:hover span {
	color:white;
}
div.caravanLayout a img {
	padding:5px;
	background:white;
	border:1px solid #ededed;
}
div.caravanLayout a span {
	font-size:0.95em;
	color:black;
	display:block;
	padding:5px 0;
}
div#view_range {
	float:right;
	width:300px;
	text-align:center;
	border:1px solid #ff0000;
}

div.caravanLayout a.layout_range {
	line-height:2.0em;
	padding-top:35px;
	height:105px;
}














/* CARAVAN GUIDE */
.gantSE {
    float: left;
    width: 48%;
    font-size: 0.8em;
    background: #FEFFAB;
    padding: 2px;
    text-align: center;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
}


.gant_box 	{
	margin:0;
	height:auto;
	overflow:auto;
	border:1px #CCCCCC solid;
	clear:both;
}
h2.gant {
	display:block;
	text-align:center;
	font-size:1.2em;
	padding:10px 0;
}

.tag_row  {
	height:17px; 
	clear:both;
	padding-left:60px;  
	border-bottom:1px #CCCCCC solid; 
}
.tag {
	float:left; 
	height:17px; 
	width:35px; 
	font-size:0.8em; 
	border-left:1px solid #cccccc; 
	background-color:#fff; 
	color:#7c7c7c;
	margin-right:1px;
}
.caravan_area  {
	float:left; 
	width:748px;
	height:170px; 
	background-repeat:repeat-x; 
	background-position:left bottom; 
	margin:bottom:5px;
}
.caravan_row        {
	width:100%; 
	height:170px; 
	clear:both;
}
.caravan_make  {
	float:left; 
	width:60px; 
	height:130px; 
	padding-top:20px;
}
.caravan_make  img {
	padding-left:4px;
	width:45px; 
} 

.caravan {
	width:214px; 
	float:left;
	background-color:#FFFFFF; 
	border:1px #CCCCCC solid; 
	font-size:0.9em; 
	border-right:1px solid #ff0000; 
	margin-top:3px;
}
.caravan_title       	{float:left; width:100%; font-size:0.8em; margin-top: -4px;}
.caravan_weight    	    {float:left; width:50%; font-size:0.8em;}
.caravan_percent	    {float:left; width:44%; font-size: 0.8em;}
.caravan_video        	{float:left; width:43%; font-size:0.8em;}
.caravan_find        	{float:left; width:50%; font-size:0.8em;}
.caravan_find a         {text-decoration:underline;}


.car_print                {width:100%; height:50px; padding:10px 0; clear:both;}
.car    {
	width:460px; 
	height:33px; 
	padding:0px 35px 10px 20px; 
	margin-bottom:20px; 
	margin-left:140px; 
	line-height:2em; 
	float:left;
	border:1px #CCCCCC solid; 
	border-radius: 14px;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.4);
}


div.disclaimer {
	display:block;
	clear:both;
	margin:20px 0;
	padding:10px;
	border:2px dotted #ff0000;
}
div.disclaimer span {
	font-size:0.80em;
}


/*Motorhomes*/

/*Serch by Layout*/




.motorhomes-layouts a.options{
   /*  color: black !important; */
    margin: 0 2% !important;
    background-color:#2d435b;
}

.motorhomes-layouts a.checked {
    background: none repeat scroll 0 0 #F88D02 !important;
}

.list-ul{
	
    background-color: #284e77; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#284e77), to(#5088c5)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #5088c5, #284e77); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #5088c5, #284e77); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #5088c5, #284e77); 
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #5088c5, #284e77);
	
	background-image: -ms-linear-gradient(top, #5088c5 0%, #284e77 100%);	
    float: left;
    height: 139px;
    padding-top: 11px;
    position: relative;
    top: 3px;
    width: 100%;
   
}




.list-ul .lst-option {
	list-style: none outside none;
    margin: 0 8px 0 4px;
    text-align: left;
}

.mh-selection-box{
	float: left;
    width: 100%;
}

.mh-selection-box .left-box,
.mh-selection-box .right-box{
	float: left;
}

.mh-selection-box .left-box{
	width: 18%;
}


 .mh-selection-box .right-box{
    /*background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-larg.png") no-repeat scroll right 0 transparent;*/
    float: right;
    height: 230px;
    width: 480px;
}
.mh-selection-box .n{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-coachbuilt-lo.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .aa{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-aclass.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .la{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-panelvan-poptop.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .ha{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-larg.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .pa{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-panelvan.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .ra{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-panelvan-hi.png") no-repeat scroll right 0 transparent;
}
.mh-selection-box .ea{
	 background: url("https://static.caravanfinder.co.uk/site/images/mh-selector-bg-panelvan-elevated.png") no-repeat scroll right 0 transparent;
}


 .mh-selection-box .right-box .wrap{
   /*  background-color: gray; */
    float: left;
    height: 148px;
    left: 38.5%;
    position: relative;
    top: 41px;
    width: 276px;
 }
 
 .mh-selection-box .right-box .wrap .row{
 float: left;
 height: 37px;
 width: 276px;
 }
 
 .mh-selection-box .right-box .wrap .col{
 float: left;
 
 }
 .mh-selection-box .right-box .wrap .ktch .col{
width:91px;
height: 30px;

 }
  .mh-selection-box .right-box .wrap .wsh .col{
width:91px;
height: 30px;

 }
  .mh-selection-box .right-box .wrap .dintt .col{
height: 30px;
 }
  .mh-selection-box .right-box .wrap .bed .col{
width:274px;
height: 30px;

 }
 
 
 

 .mh-selection-box .right-box .wrap .ktch .active{
	border-color: #9d6c3a; 
	border-style: solid;
	border-width: 1px;
	/* fallback */
	background-color: #eec991; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c6a54b), to(#eec991)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #eec991, #c6a54b); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #eec991, #c6a54b); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #eec991, #c6a54b); 
	background-image: -ms-linear-gradient(top, #eec991 0%, #c6a54b 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #eec991, #c6a54b); 
	
 }
 
  .mh-selection-box .right-box .wrap .wsh .active{
	border-color: #a2d5dc; 
	border-style: solid;
	border-width: 1px;
	/* fallback */
	background-color: #9dbfe1; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9dbfe1), to(#daf6fe)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #daf6fe, #9dbfe1); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #daf6fe, #9dbfe1); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #daf6fe, #9dbfe1); 
	background-image: -ms-linear-gradient(top, #daf6fe 0%, #9dbfe1 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #daf6fe, #9dbfe1); 
 }
 
 .mh-selection-box .right-box .wrap .dintt .back{
 float: right;
 }
 
  .mh-selection-box .right-box .wrap .dintt .active{
  	width: 183px;
	border-color: #aadca2; 
	border-style: solid;
	border-width: 1px;
	/* fallback */
	background-color: #b2be8f; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b2be8f), to(#e5fcd7)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #e5fcd7, #b2be8f); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #e5fcd7, #b2be8f); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #e5fcd7, #b2be8f); 
	background-image: -ms-linear-gradient(top, #e5fcd7 0%, #b2be8f 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #e5fcd7, #b2be8f); 
 }
 
  .mh-selection-box .right-box .wrap .bed .active{
	border-color: #9d6c3a; 
	border-style: solid;
	border-width: 1px;
	/* fallback */
	background-color: #eec991; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c6a54b), to(#eec991)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #eec991, #c6a54b); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #eec991, #c6a54b); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #eec991, #c6a54b); 
	background-image: -ms-linear-gradient(top, #eec991 0%, #c6a54b 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #eec991, #c6a54b); 
 }
  .mh-selection-box .right-box .wrap .row .col .option-text{
	display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    width: 100%;
  }
  

 
 
 

.mh-selection-opt{
	clear:both;
}
.layout-section{
	float: left;
    width: 19%;
}

.bed{
	
}
.kitchen{
	margin:0 3px;
   
}
.washroom{
	
}
.dinette{
	margin:0 3px;
}
.doorside{
	
} 

.bed h3,
.kitchen h3,
.washroom h3,
.dinette h3,
.doorside h3,
.build-heder-box h3{
	color: #000000;
    font-family: 'Muli';
    font-size: 1.12em !important;
    padding-left: 12px;
    padding-top: 8px;
    text-align: left;
    width: 90%;
} 


.filter-option{
	background: none repeat scroll 0 0 transparent !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #FFFFFF;
    float: left;
    font-size: 0.75em !important;
    margin: 0 !important;
    padding: 0 4px !important;
    text-align: left !important;
    width: 100%;
	}
.left-box .filter-option{
	color: #000;
}
.mh-selection-opt .filter-option span {
	color:#fff;	
}


.lst-option   a.checked span.left {
	background: none repeat scroll 0 0 #F88D02 !important;
    border-radius: 4px 4px 4px 4px !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) !important;
    color: #FFFFFF !important;
    float: left;
    font-size: 0.9em !important;
    margin: 0 !important;
    padding: 0 4px !important;
    text-align: left !important;
}
.filter-option span.right {
	float: right;
    padding-right: 5px;
    text-align: right;
}




div.layout-section .bed-heder-box{
	/*t b r l*/
	border-color: #cda276 #cda276 #cda276  #cda276; 
	border-style: solid;
    border-width: 1px;
	/* fallback */
	background-color: #ffaf61; 
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e29e5d), to(#ffead6)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #ffead6, #e29e5d); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #ffead6, #e29e5d); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #ffead6, #e29e5d); 
	background-image: -ms-linear-gradient(top, #ffead6 0%, #e29e5d 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #ffead6, #e29e5d);
	height: 38px;
	position: relative;
}



div.layout-section .bed-heder-box .marker{
 	border-color: #FFFFFF transparent transparent;
   
}

div.layout-section .bed-heder-box .marker2{
    border-color: #e29e5d transparent transparent;
    
}




div.layout-section .ktch-heder-box{
	/*t b r l*/
	border-color: #cda276 #cda276 #cda276  #cda276; 
	border-style: solid;
    border-width: 1px;
	/* fallback */
	background-color: #c9a244;
	
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#c9a244), to(#eec48a)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #eec48a, #c9a244); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #eec48a, #c9a244); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #eec48a, #c9a244); 
	background-image: -ms-linear-gradient(top, #eec48a 0%, #c9a244 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #eec48a, #c9a244);
	height: 38px;
	position: relative;
}



div.layout-section .ktch-heder-box .marker{
 	border-color: #FFFFFF transparent transparent;
   
}

div.layout-section .ktch-heder-box .marker2{
    border-color: #c9a244 transparent transparent;
   
}

div.layout-section .wsh-heder-box{
	/*t b r l*/
	border-color: #76c2cd; 
	border-style: solid;
    border-width: 1px;
	/* fallback */
	background-color: #a2c4e6;
	
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a2c4e6), to(#d9f8ff)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #d9f8ff, #a2c4e6); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #d9f8ff, #a2c4e6); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #d9f8ff, #a2c4e6); 
	background-image: -ms-linear-gradient(top, #d9f8ff 0%, #a2c4e6 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #d9f8ff, #a2c4e6);
	height: 38px;
	position: relative;
}



div.layout-section .wsh-heder-box .marker{
 	border-color: #FFFFFF transparent transparent;
   
}

div.layout-section .wsh-heder-box .marker2{
    border-color: #a2c4e6 transparent transparent;
    
}


div.layout-section .dnt-heder-box{
	/*t b r l*/
	border-color: #82cd76; 
	border-style: solid;
    border-width: 1px;
	/* fallback */
	background-color: #abc188;
	
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#abc188), to(#e7fed9)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #e7fed9, #abc188); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #e7fed9, #abc188); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #e7fed9, #abc188); 
	background-image: -ms-linear-gradient(top, #e7fed9 0%, #abc188 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #e7fed9, #abc188);
	height: 38px;
	position: relative;
}

@media (max-width: 699px) {
	div.layout-section .dnt-heder-box, div.layout-section .wsh-heder-box, div.layout-section .bed-heder-box, div.layout-section .ktch-heder-box, div.left-box .build-heder-box {
		height: 33px;
	}	
	div.layout-section .dsd-heder-box{
		height: 33px !important;
	}
}

div.layout-section .dnt-heder-box .marker{
 	border-color: #FFFFFF transparent transparent;
    
}

div.layout-section .dnt-heder-box .marker2{
    border-color: #abc188 transparent transparent;
    
}

div.layout-section .dsd-heder-box{
	/*t b r l*/
	border-color: #c0c0c0; 
	border-style: solid;
    border-width: 1px;
	/* fallback */
	background-color: #d4d4d4;
	
	/* Safari 4-5, Chrome 1-9 
	*/ background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#d4d4d4), to(#fefefe)); 
	/* Safari 5.1, Chrome 10+ */ 
	background: -webkit-linear-gradient(top, #fefefe, #d4d4d4); 
	/* Firefox 3.6+ */ 
	background: -moz-linear-gradient(top, #fefefe, #d4d4d4); 
	/* IE 10 */ 
	background: -ms-linear-gradient(top, #fefefe, #d4d4d4); 
	background-image: -ms-linear-gradient(top, #fefefe 0%, #d4d4d4 100%);
	/* Opera 11.10+ */ 
	background: -o-linear-gradient(top, #fefefe, #d4d4d4);
	height: 38px;
	position: relative;
}


div.layout-section .dsd-heder-box .marker{
 	border-color: #FFFFFF transparent transparent;
   
}

div.layout-section .dsd-heder-box .marker2{
    border-color: #d4d4d4 transparent transparent;
    
}





div.layout-section .bed-heder-box .marker,
div.layout-section .ktch-heder-box .marker,
div.layout-section .wsh-heder-box .marker,
div.layout-section .dnt-heder-box .marker,
div.layout-section .dsd-heder-box .marker,
div.build-heder-box .marker{
 	border-style: solid;
    border-width: 10px;
    height: 0;
    left: 19px;
    position: absolute;
    top: 39px;
    width: 0;
    z-index: 10;
}
div.build-heder-box .marker{
	/* top: 8px !important; */
}
div.layout-section .bed-heder-box .marker2,
div.layout-section .ktch-heder-box .marker2,
div.layout-section .wsh-heder-box .marker2,
div.layout-section .dnt-heder-box .marker2,
div.layout-section .dsd-heder-box .marker2,
div.build-heder-box .marker2{
    border-style: solid;
    border-width: 8px;
    height: 0;
    left: 21px;
    position: absolute;
    top: 38px;
    width: 0;
    z-index: 14;
}

div.build-heder-box .marker{
 	border-color: #ccc transparent transparent;
   
}

div.build-heder-box .marker2{
    border-color: #fff transparent transparent;
    
}

div.build-heder-box{
	/*t b r l*/
	 background-color: #FFFFFF;
    border-bottom: 2px solid #CCCCCC;
    height: 38px;
	/* fallback */
	height: 38px;
    position: relative;
}

div.left-box .list-ul{
	background-color: #fff; 
    float: left;
    height: 139px;
    padding-top: 11px;
    position: relative;
    top: 0px;
    width: 100%;
    background-image: none;
	}

/* .marker{
    border-color: #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: 30px;
    position: relative;
    top: 19px;
    width: 0;
    z-index: 10;
}

.marker2{
 border-color: #FFFFFF transparent transparent;
    border-style: solid;
    border-width: 10px;
    height: 0;
    left: 30px;
    position: relative;
    top: 21px;
    width: 0;
    z-index: 10;
} */

#formW input[type="button"] {
    background: none repeat scroll 0 0 #cdcdcd;
    border: medium none;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px;
    -webkit-appearance: none;
}
#formW input[type="button"]:hover {
    text-decoration:underline;
	background:#F88D02;
}

form#enquiryFormA input {
	-webkit-appearance: none !important; 
	-webkit-border-radius:0px !important;;
}
form#enquiryFormA textarea {
 -webkit-appearance: none !important; 
 -webkit-border-radius:0px !important;;
}
form#enquiryFormA select {
 -webkit-appearance: none !important; 
 -webkit-border-radius:0px !important;;
}



.dealerSpecialLogo {
	width:49%;
	float:right;
}
.dealerSpecialLogo img {
    width:100%;	
}

 .layout-berth-panel.panel-group {
    margin:0;
 }
 
  .layout-filter-panel.panel-group {
    margin:0;
 }
 
  .layout-berth-panel .panel-body {
    padding:0;
 }
 
  .layout-filter-panel .panel-body {
    padding:0;
 }
@media (min-width: 768px) {
        
    .collapse {
       display:block;
    }
}


@media (max-width: 767px) {
	div.row1 a {
	    text-align: center;
		color:white;
		width:20%;
		margin: 0 4% 15px;
	}	
	div.row2 a {
		margin:0 8px 8px;
	}
	
    .layout-berth-panel .btn:after {
        font-family: 'Glyphicons Halflings';  
        content: "\e113";
        position:absolute;    
        right:20px; 
        color: white;         
    }
    .layout-berth-panel .btn:hover{
        color:white;
    }	
    
    .layout-berth-panel .btn.collapsed:after {
        content: "\e114"; 
    }	
    
    .layout-berth-panel .btn {
        font-size:20px;
        color:white;
    }

    .layout-berth-panel button {
        border-radius:0;
        border-bottom:1px solid #cccccc;
    }	

    .layout-filter-panel .btn:after {
        font-family: 'Glyphicons Halflings';  
        content: "\e113";
        position:absolute;    
        right:20px; 
        color: #000;         
    }
    .layout-filter-panel .btn:hover{
       color: #000;
    }	
    
    .layout-filter-panel .btn.collapsed:after {
        content: "\e114"; 
    }	
    
    .layout-filter-panel .btn {
        font-size:20px;
        color: #000;
    }

    .layout-filter-panel button {
        border-radius:0;
        border-bottom:1px solid #cccccc;
    }    
    
}




