@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600&display=swap');

@font-face {
    font-family: 'Libre Baskerville';
    src: url('../Fonts/LibreBaskerville-Regular.eot');
    src: local('Libre Baskerville'), local('LibreBaskerville-Regular'),
        url('../Fonts/LibreBaskerville-Regular.eot?#iefix') format('embedded-opentype'),
        url('../Fonts/LibreBaskerville-Regular.woff2') format('woff2'),
        url('../Fonts/LibreBaskerville-Regular.woff') format('woff'),
        url('../Fonts/LibreBaskerville-Regular.ttf') format('truetype'),
        url('../Fonts/LibreBaskerville-Regular.svg#LibreBaskerville-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body{
	margin: 0px;
	padding: 0px;
	min-width: 320px;
	width: 100%;
	font-family: 'Open Sans', sans-serif;
}

#main-body{
	width: 100%;
	padding: 50px 0px;
	max-width: 100%;
	margin: 0px;
	position: relative;
}

#main-body-container{
	width: 100%;
	padding-right: 2rem;
    padding-left: 2rem;
	max-width: 1536px;
	margin: 0px auto;
	box-sizing: border-box;	
}

/* defaults */

/* flex */

.flex-row{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    align-items: center; 
} 

.flex-no-wrap{
	flex-wrap: nowrap;
}

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

.flex-justify-end{
	justify-content: flex-end;
}

.flex-justify-center{
	justify-content: center;
}

.flex-align-start{
	align-items: flex-start;
}

.flex-align-end{
	align-items: flex-end;
}

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

.flex-align-right{
	align-items: right;
}

.flex-align-stretch{
	align-items: stretch;
}

/* flex */

/* grid */

.grid{
	display: grid;
}

.grid-col-5{
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-col-4{
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid-col-3{
	grid-template-columns: 1fr 1fr 1fr;
}

.grid-col-2{
	grid-template-columns: 1fr 1fr;
}

.grid-gap-80{
	grid-gap: 80px;
}

.grid-gap-40{
	grid-gap: 40px;
}

.grid-gap-20{
	grid-gap: 20px;
}

.grid-gap-10{
	grid-gap: 10px;
}

/* grid */


/* container */

.container{
	width: 100%;
	margin: 0px auto;
	padding-right: 2rem;
    padding-left: 2rem;
	max-width: 1536px;
	box-sizing: border-box;	
}

/* container */

/* header / footer */

#header{
	width: 100%;
	margin: 0px;
	padding: 20px 0px;
	position: sticky;
	top: 0px;
	z-index: 999;
	background-color: #fff;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.1);
}

#header .container{
	position: relative;
}

.header-left{
	text-align: left;
}

.logo-desktop{
	display: inline-block;	
	max-width: 240px;
	width: 100%;
}

.logo-mobile{
	display: none;	
	max-width: 120px;
	width: 100%;
}

.header-right{
	text-align: right;
}

.header-right ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.header-right ul li{
	display: inline-block;
	margin: 0px 0px 0px 15px;
	cursor: pointer;
}

.header-right ul li a{
	font-family: 'Libre Baskerville';
	display: block;
	color: #79856E;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
	padding: 10px 10px;
	border-radius: 2px;
}

.header-right ul li a i{
	padding: 0px 0px 0px 10px;
}

.header-right ul li a:hover{
	background-color: #79856E;
	color: #fff;
}

#banner{
	width: 100%;
	margin: 0px;
	padding: 0px;
	opacity: 0.9;
	height: 552px;
	background-image: url('../Images/banner.jpg');
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	background-size: cover;
}

#banner h2{
	font-family: 'Libre Baskerville';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	text-align: center;
	font-size: 48px;
	font-weight: 500;
	color: #fff;
	margin: 0px;
	padding: 0px;
	z-index: 2;
	text-shadow: 0px 4px 3px rgba(0,0,0,0.12);
}

#footer{
	width: 100%;
	margin: 0px;
	padding: 0px;
	background-color: #F3F5F1;
	position: relative;
}

.footer-leaves{
	position: absolute;
	top: 50px;
	left: 0px;
	z-index: 1;
	background-image: url('../Images/country-and-coastal-leaves-3.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 208px;
	height: 160px;	
}

.footer-clam{
	position: absolute;
	top: 100px;
	right: 30px;
	z-index: 1;
	background-image: url('../Images/country-and-coastal-clam.png');
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-size: 100%;
	width: 176px;
	height: 176px;
}

.footer-top{
	width: 100%;
	text-align: center;	
	padding: 80px 0px 50px 0px;
	position: relative;
	z-index: 2;
}

.footer-top h2{
	font-family: 'Libre Baskerville';
	font-weight: 500;
	font-size: 36px;
    color: #79856c;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

.footer-top h2 span{
	font-style: italic;
}

.footer-top ul{
	list-style-type: none;
	margin: 0px;
	padding: 25px 0px;
}

.footer-top ul li{
	display: inline-block;
	margin: 0px 10px;
}

.footer-top ul li a{
	display: block;
	text-decoration: none;
	padding: 13px 20px;
	letter-spacing: .025em;
	width: 240px;
	box-sizing: border-box;
	transition: 0.2s ease-in-out;
}

.footer-top ul li a.b1{
	background-color: #79856E;
	border: 1px solid #79856E;
	color: #fff;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
}

.footer-top ul li a.b1:hover{
	background-color: #4A5243;
}

.footer-top ul li a.b2{
	background-color: #ffffff;
	border: 1px solid #79856E;
	color: #79856E;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: 400;
}

.footer-top ul li a.b2:hover{
	background-color: #79856E;
	color: #fff;
}

.footer-middle{
	width: 100%;
	text-align: center;	
	padding: 0px 0px 0px 0px;
	position: relative;
	z-index: 2;
}

.footer-middle-left{
	text-align: left;
}

.footer-middle-middle{
	text-align: left;
}

.footer-middle-right{
	text-align: right;
}

.footer-middle p{
	font-size: 14px;
	font-weight: 400;
	color: #79856c;
	margin: 0px;
	padding: 0px 0px 15px 0px;
	line-height: 20px;
}

.footer-middle p strong{
	font-weight: 600;
}

.footer-middle p a{
	font-weight: 600;
	text-decoration: none;
	color: #79856c;
}

.footer-middle h3{
	font-size: 14px;
	font-weight: 600;
	color: #79856c;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-transform: uppercase;
}

.footer-middle .links{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.footer-middle .links li{
	width: 100%;
	text-align: left;
}

.footer-middle .links li a{
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #79856c;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 20px;
	text-decoration: none;
}

.footer-middle .awards{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.footer-middle .awards li{
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 0px 15px;
}

.footer-middle .awards li span{
	display: block;
	font-size: 14px;
	font-weight: 400;
	color: #79856c;
	line-height: 20px;
	padding: 0px 0px 5px 0px;
}

.footer-middle .awards li img{
	max-width: 80px;
}

.footer-bottom{
	width: 100%;
	text-align: center;	
	padding: 20px 0px 40px 0px;
	position: relative;
	z-index: 2;
}

.footer-bottom p{
	font-size: 12px;
	font-weight: 400;
	color: #79856c;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	line-height: 35px;
}

.footer-bottom img{
	width: 100%;
	max-width: 80px;
}

#mobile-overlay{
	position: fixed;
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	background-color: rgba(0,0,0,0.5);
	z-index: 1000;
	transition: opacity 0.2s ease-in-out;
	opacity: 0;
	visibility: hidden;	
}

#mobile-overlay.active{
	opacity: 1;
	visibility: visible;	
}

#mobile-navigation{
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	background-color: #FFFFFF;
	z-index: 1001;
	transition: transform 0.2s ease-in-out;
	transform: translateX(100%);
	width: 80%;
	max-width: 440px;
	min-width: 200px;
	oveflow-x: hidden;
	overflow-y: auto;
	opacity: 0;
	visibility: hidden;	
}

#mobile-navigation.active{
	transform: translateX(0%);
	opacity: 1;
	visibility: visible;	
}

.mobile-navigation{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 0px;
	background-color: #fff;
	transform: translateX(0%);
	transition: transform 0.2s ease-in-out;
}

.mobile-navigation.active{
	transform: translateX(-100%);
}

.mobile-sub-navigation{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	bottom: 0px;
	background-color: #fff;
	transform: translateX(100%);
	transition: 0.2s ease-in-out;
}

.mobile-sub-navigation.active{
	transform: translateX(0%);
}

.mobile-navigation-header{
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	border-bottom: 1px solid #EBEDE9;
	cursor: pointer;
}

.mobile-navigation-header i{
	position: absolute;
	top: 50%;
	left: 20px;
	transform: translateY(-50%);
	color: #79856c;
}

.mobile-navigation-header span{
	font-family: 'Libre Baskerville';
	font-size: 14px;
	font-weight: 400;
	color: #79856c;
	line-height: 50px;
}

.mobile-navigation-body{
	width: 100%;		
}

.mobile-navigation-body ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.mobile-navigation-body ul li{
	width: 100%;
	cursor: pointer;
	border-bottom: 1px solid #EBEDE9;
	position: relative;
}

.mobile-navigation-body ul li a{
	font-family: 'Libre Baskerville';
	display: block;
	padding: 0px 20px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 400;
	color: #79856c;
	line-height: 50px;
}

.mobile-navigation-body ul li a i{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}

.mobile-navigation-footer{
	width: 100%;		
	padding: 15px 20px;
	border-bottom: 1px solid #EBEDE9;
	box-sizing: border-box;
}

.mobile-navigation-footer a{
	display: block;
	padding: 12px 20px;
	background-color: #79856E;
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.mobile-header-left{
	position: absolute;
	top: 50%;
	left: 2rem;
	transform: translateY(-50%);
	color: #798570;
	width: 38px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	display: none;
}

.mobile-header-left a{
	color: #798570;
}

.mobile-header-left i{
	line-height: 40px;
}

.mobile-header-right{
	position: absolute;
	top: 50%;
	right: 2rem;
	transform: translateY(-50%);
	color: #fff;	
	background-color: #798570;
	border-radius: 50%;
	width: 38px;
	height: 40px;
	text-align: center;
	cursor: pointer;
	display: none;	
}

.mobile-header-right i{
	line-height: 40px;
}

/* header / footer */

/* fonts */

#left-col h1{
	font-family: 'Libre Baskerville';
	font-weight: 500;
	font-size: 30px;
    color: #79856c;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#left-col h2{
	font-family: 'Libre Baskerville';
	font-size: 22px;
    color: #79856c;
    font-weight: 500;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#left-col p{
	font-size: 16px;
    font-weight: 400;
    color: #374151;
	margin: 0px;
	padding: 0px 0px 0px 0px;
}

#right-col h1{
	font-family: 'Libre Baskerville';
	font-weight: 500;
	font-size: 30px;
    color: #79856c;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

#right-col h2{
	font-family: 'Libre Baskerville';
	font-size: 22px;
    color: #79856c;
    font-weight: 500;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#right-col h3{
	font-family: 'Libre Baskerville';
	font-size: 18px;
    color: #79856c;
    font-weight: 500;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

#right-col p{
	font-size: 16px;
    font-weight: 400;
    color: #374151;
	margin: 0px;
	line-height: 25px;
	padding: 0px 0px 20px 0px;
}

#right-col .align-center{
	text-align: center;
	padding: 0px 0px 30px 0px!important;
}

/* fonts */

.error-box{
    width: 100%;
    margin: 0px 0px 30px 0px;
    border: 1px solid #DAE0E4;
    border-bottom: 3px solid #FBBC05;
    border-radius: 4px;
    overflow: hidden;
}

.error-box-inner{
    padding: 15px;
    width: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

.error-box-icon{
    vertical-align: top;
    width: 40px;
}

.error-box-text{
    vertical-align: top;
}

.error-box h1{
    font-size: 14px!important;
    font-weight: 700!important;
    color: #7f7f7f!important;
    margin: 0px!important;
    padding: 0px!important;
}

.error-box p{
    font-size: 14px!important;
    font-weight: 400!important;
    color: #374151!important;
    margin: 0px!important;
    padding: 0px!important;
}

/* stock */

#widget-container{
	width: 100%;
	position: relative;
	margin-top: -100px;
	z-index: 2;
}

#widget-box{
	width: 100%;
	margin: 0px;
	padding: 15px 20px 20px 20px;
	background-color: #798570;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 10px;
}

#widget-box2{
	width: 100%;
	margin: 0px;
	padding: 15px 20px 20px 20px;
	background-color: #798570;
	box-sizing: border-box;
	display: flex;
}

.widget-box2-left{
	flex: 0 0 80%;
	display: grid;
	grid-template-columns: repeat(2,1fr);
	grid-gap: 10px;
}

.widget-box2-right{
	flex: 0 0 20%;
	padding-left: 10px;
	padding-top: 24px;
	box-sizing: border-box;
}

.widget-box-col{
	width: 100%;
}

.widget-box-col p{
	font-size: 14px;
	color: #fff;
	font-weight: 400;
	margin: 0px;
	padding: 0px 0px 5px 0px;
}

.input-select{
	width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #7f7f7f;
    font-size: 14px;
    border: none;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-clip: padding-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../Images/arrow2.png') #fff no-repeat right 3px;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);	
}

.input{
	width: 100%;
    font-family: 'Open Sans', sans-serif;
    color: #7f7f7f;
    font-size: 14px;
    border: none;
    border: 1px solid #BBBBBB;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    line-height: 35px;
    height: 35px;
    padding: 0px 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background-clip: padding-box;
    position: relative;
    background-color: #fff;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);	
}

.input-max-width-300{
	width: 100%;
	max-width: 300px;
}

#stock-results{
	width: 100%;
	margin: 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: repeat(3,1fr);
	grid-gap: 25px;
}

.forsale-box{
	width: 100%;
	background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 30%);
}

.forsale-box-image{
	width: 100%;
	margin: 0px;
	height: 280px;
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
}

.forsale-box-body{
	width: 100%;
	padding: 18px 20px;
	box-sizing: border-box;
}

.forsale-box-body a{
    color: #79856c;
    text-decoration: none;
}

.forsale-box-body a:hover{
	text-decoration: underline;
}

.forsale-box-body p{
	font-size: 13px!important;
	line-height: 20px!important;
	padding: 0px 0px 0px 0px!important;
	margin: 0px 0px 10px 0px!important;
}

.forsale-box-body p.line-clamp{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;  
	overflow: hidden;
}

.forsale-spec-col{
	width: 100%;
	display: flex;
	align-items: center;
    justify-content: space-between;
    margin: 0px 0px 5px 0px;
}

.forsale-spec-col-left{
	text-align: left;
}

.forsale-spec-col-left span{
	font-size: 13px;	
	font-weight: 600;
	color: #79856E;
}

.forsale-spec-col-right{
	text-align: right;
}

.forsale-spec-col-right span{
	font-size: 13px;	
	font-weight: 400;
	color: #374151;
}

.forsale-gallery-container{
	width: 100%;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(3, 1fr);
	grid-column-gap: 8px;
	grid-row-gap: 8px;
	height: 456px;
}

.forsale-gallery-image{
	width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    background-color: #F9F9F9;
    display: flex;
    vertical-align: middle;
    align-items: center;
    position: relative;
}

.forsale-gallery-image a{
	width: 100%;
    height: 100%;
}

.forsale-gallery-image-count{
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: flex;
	z-index: 2;
}

.forsale-gallery-image-count img{
	padding: 0px 5px 0px 0px;
	width: 15px;
}

.forsale-gallery-image-count span{
	font-size: 16px;
	color: #fff;
	font-weight: 600;
}

.forsale-gallery-image1{ 
	grid-area: 1 / 1 / 4 / 6; 
}

.forsale-gallery-image2{ 
	grid-area: 1 / 6 / 2 / 7;
}

.forsale-gallery-image3{ 
	grid-area: 1 / 7 / 2 / 8;
}

.forsale-gallery-image4{ 
	grid-area: 1 / 8 / 2 / 9; 
}

.forsale-gallery-image5{ 
	grid-area: 2 / 6 / 3 / 7; 
}

.forsale-gallery-image6{ 
	grid-area: 2 / 7 / 3 / 8;
}

.forsale-gallery-image7{ 
	grid-area: 2 / 8 / 3 / 9;
}

.forsale-gallery-image8{ 
	grid-area: 3 / 6 / 4 / 7;
}

.forsale-gallery-image9{ 
	grid-area: 3 / 7 / 4 / 8;
}

.forsale-gallery-image10{ 
	grid-area: 3 / 8 / 4 / 9;
}

.forsale-description{
	width: 100%;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

.forsale-features{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

.forsale-features-col-left{
	text-align: left;	
	flex: 0 0 50%;
	padding-right: 20px;
	box-sizing: border-box;
}

.forsale-features-col-right{
	text-align: left;	
	flex: 0 0 50%;
	padding-left: 20px;
	box-sizing: border-box;
}

.forsale-features .forsale-spec-col{
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f1f1f1;
}

.forsale-features .forsale-spec-col-left span{
	font-size: 16px;
}

.forsale-features .forsale-spec-col-right span{
	font-size: 16px;
}

.forsale-feature-col{
	display: flex;
	align-items: center;
	padding: 10px 0px 10px 0px;
	border-bottom: 1px solid #f1f1f1;
}

.forsale-feature-col-left{
	padding: 0px 12px 0px 0px;
}

.forsale-feature-col-right span{
	font-size: 16px;	
	font-weight: 400;
	color: #374151;
}

.btn{
	display: inline-block;
	border: 1px solid #79856E;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    background-color: #79856E;
    text-decoration: none;
    padding: 13px 20px;
    letter-spacing: .025em;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    text-align: center;
    margin: 15px 0px 0px 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn:hover{
	background-color: #ffffff;
	color: #79856E!important;
	text-decoration: none!important;
}

.btn-sales{
	display: block;
	border: 1px solid #79856E;
    color: #fff!important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    background-color: #79856E;
    text-decoration: none;
    padding: 13px 20px;
    letter-spacing: .025em;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    text-align: center;
    margin: 15px 0px 0px 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.btn-sales:hover{
	background-color: #ffffff;
	color: #79856E!important;
	text-decoration: none!important;
}

.btn-sales-outline{
	display: block;
	border: 1px solid #fff;
    color: #798572!important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    background-color: #fff;
    text-decoration: none;
    padding: 40px 20px;
    letter-spacing: .025em;
    box-sizing: border-box;
    transition: 0.2s ease-in-out;
    text-align: center;
    margin: 0px 0px 0px 0px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.form-set{
	display: flex;	
	margin: 0px 0px 10px 0px;
}

.form-label{
	flex: 0 0 200px;
	font-size: 14px;
	font-weight: 400;
	color: #374151;
}

.form-label span{
	line-height: 32px;	
}

.form-field{
	flex: 1 1;
}

.form-field a{
	font-size: 14px;
	color: #79856E;
}

/* stock */



#BookingSummaryYourDetails{
	width: 48%;
	margin-right: 2%;
	float: left;
}

#BookingSummaryHolidayDetails{
	width: 50%;
	margin-right: 0px;
	float: left;	
	overflow-x: auto;
}

#BookingSummaryCardDetails{
	width: 70%;
	float: left;
}

#BookingSummaryCardLogos{
	width: 30%;
	float: right;
	text-align: right;
	margin: 20px 0px 0px 0px;	
}

.BookingSummaryCardLogoTable{
	margin-left: auto;
	margin-right: 0px;
}

.card-icon{
	float: right;
	padding: 2px;
}

#ViewBookingInvoiceFullSize{
	display: block;
}

#ViewBookingInvoiceMobileSize{
	display: none;
}

#ViewBookingOutstandingBalance, #ViewInvoiceTable{
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.Table {
	line-height: 22px;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	text-decoration: none;
	cursor: default;
	font-size: 14px;
	color: #79856c;
	font-weight: 400;
	line-height: 20px;
}

.Table a {
	color: #79856c;
	text-decoration: none;
}

.Table th {
	text-decoration: none;
	text-align: left;
	white-space: nowrap;
	font-size: 14px;
	color: #00537f;
}

.TableColour {
	border: 1px #79856E solid;
	border-collapse: collapse;
	font-size: 14px;
	cursor: default;
}

.TableColour th {
	background: #79856E;
	border: 1px #79856E solid;
	text-decoration: none;
	text-align: left;
	font-size: 14px;
	color: #fff;
}

.TableColour td {
	border: 1px #00537f solid;
	font-size: 14px;
	color: #4C4C4C;
	text-decoration: none;
}



.my-bookings-outer{
	width: 100%; 
	float: left;
}

.my-bookings-inner{
	padding: 0px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #CCCCCC;
}

.my-bookings-inner:hover{
	border: 1px solid #00537f;
}

.my-bookings-box{
	width: 100%; 
}

.my-bookings-box-padding{
	padding: 10px;
}

.my-bookings-box-left{
	overflow: hidden;
	min-height: 100px;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box p{
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.my-bookings-box h1{
	font-size: 14px;
	color: #00537f;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}

.my-bookings-box h2{
	font-size: 30px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box h4{
	font-size: 13px;
	color: #999999;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box-right{
	float: right;
	width: 300px;
	min-height: 50px;
}

.my-bookings-box-dates{
	float: right;
	width: 150px;
	min-height: 100px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

.my-bookings-box-buttons-right{
	float: right;	
}

.my-bookings-box-buttons-left{
	float: left;
	padding: 5px 20px 5px 0px;
}



/* media queries */

@media screen and (max-width: 1539px)
{
	#main-body-container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 1280px;
	}
	.container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 1280px;
	}
}

@media screen and (max-width: 1280px)
{
	#main-body-container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 1024px;
	}
	.container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 1024px;
	}	
	.forsale-gallery-container{
		height: 365px;
	}	
}

@media screen and (max-width: 1024px)
{
	#main-body-container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 768px;
	}
	.container{
		padding-right: 2rem;
	    padding-left: 2rem;
		max-width: 768px;
	}
	#header{
		padding: 13px 0px 12px 0px;
	}
	.header-right{
		display: none;
	}
	.header-left{
		flex: 0 0 100%;
		text-align: center;
	}
	.logo-desktop{
		display: none;	
	}
	.logo-mobile{
		display: inline-block;	
	}
	.mobile-header-left{
		display: block;
	}
	.mobile-header-right{
		display: block;
	}
	#banner{
	    height: 456px;
	}
	.footer-top{
		padding: 40px 0px 0px 0px;
	}
	.footer-top ul{
		display: inline-block;
		padding: 25px 0px 10px 0px;
	}
	.footer-top ul li{
		display: block;
		margin: 0px 0px 20px 0px;	
	}
	.footer-middle .grid-gap-40{
		grid-gap: 20px;
	}
	.footer-middle .grid-col-3{
		grid-template-columns: 1fr;	
	}	
	.footer-middle-left{
		text-align: center;
	}
	.footer-middle-middle{
		text-align: center;
	}
	.footer-middle .links ul{
		display: inline-block;
	}
	.footer-middle .links li{
		text-align: center;
	}
	.footer-middle-right{
		text-align: center;
	}
	.footer-leaves{
		display: none;	
	}
	.footer-clam{
		display: none;	
	}
	
	.forsale-gallery-container{
		height: auto;
		grid-template-columns: repeat(8, 1fr);
   		grid-template-rows: repeat(1, 1fr);
	}
	.forsale-gallery-image1{
	    grid-area: 1 / 1 / 2 / 9;
	    height: auto;
	}
	.forsale-gallery-image2{
    	grid-area: 2 / 1 / 2 / 2;
    	height: 80px;
	}
	.forsale-gallery-image3{
	    grid-area: 2 / 2 / 2 / 3;
	    height: 80px;
	}
	.forsale-gallery-image4{
	    grid-area: 2 / 3 / 2 / 4;
	    height: 80px;
	}
	.forsale-gallery-image5{
	    grid-area: 2 / 4 / 3 / 5;
	    height: 80px;
	}		
	.forsale-gallery-image6{
	    grid-area: 2 / 5 / 3 / 6;
	    height: 80px;
	}
	.forsale-gallery-image7{
	    grid-area: 2 / 6 / 3 / 7;
	    height: 80px;
	}
	.forsale-gallery-image8{
	    grid-area: 2 / 7 / 3 / 8;
	    height: 80px;
	}
	.forsale-gallery-image9{
	    grid-area: 2 / 7 / 3 / 8;
	    height: 80px;
	}
	.forsale-gallery-image10{
	    grid-area: 2 / 8 / 3 / 9;
	    height: 80px;
	}
	.forsale-features{
		flex-wrap: wrap;
	}
	.forsale-features-col-left{
		flex: 0 0 100%;
		padding: 0px 0px 20px 0px;
	}
	.forsale-features-col-right{
		flex: 0 0 100%;
		padding: 0px 0px 0px 0px;
	}
	#widget-box2{
		flex-wrap: wrap;
	}
	.widget-box2-left{
		grid-template-columns: repeat(1,1fr);
		flex: 0 0 100%;
	}
	.widget-box2-right {
	    flex: 0 0 100%;
	    padding-left: 0px;
	    padding-top: 15px;
	    box-sizing: border-box;
	}	
	.btn-sales-outline{
		padding: 12px 20px;
	}
	#widget-box{
		grid-template-columns: repeat(2,1fr);
	}
	#stock-results{
   		grid-template-columns: repeat(2,1fr);
  	}
	.forsale-box-image{
		background-size: cover;
	}
}

@media screen and (max-width: 769px)
{
	#widget-box{
		grid-template-columns: repeat(1,1fr);
	}
	#stock-results{
   		grid-template-columns: repeat(1,1fr);
  	}
  	
  	#BookingSummaryYourDetails{
		margin-right: 0%;
		width: 100%;
	}
	#BookingSummaryHolidayDetails{
		margin-right: 0%;
		width: 100%;
	}
	#BookingSummaryCardDetails{
		width: 100%;
	}
	#BookingSummaryCardLogos{
		width: 100%;
		float: left;
		margin: 0px auto 0px auto;		
	}
	.BookingSummaryCardLogoTable{
		margin-left: 0px;
		margin-right: auto;
	}
	.card-icon{
		float: left;
	}
	#ViewBookingInvoiceFullSize{
		display: none;
	}
	#ViewBookingInvoiceMobileSize{
		display: block
	}
	.my-bookings-outer{
		width: 100%; 
		float: left;
	}
	.my-bookings-inner{
		padding: 0px 0px 0px 0px;
	}	
	.availability-map{
		display: block;
	}
	.availability-select{
		display: none;
	}
	.my-bookings-box-left{
		width: 100%;
		text-align: center;
	}
	.my-bookings-box-right{
		width: 100%;
		text-align: left;
	}
	.my-bookings-box-dates{
		width: 50%;
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 560px)
{
  	.form-set{
		flex-wrap: wrap;
		margin: 0px 0px 5px 0px;
	}	
	.form-label{
		flex: 0 0 100%;
	}
	.form-field{
		flex: 0 0 100%;
	}	
	.input-max-width-300{
		max-width: 100%!important;
	}
}

/* media queries */