/*
Theme Name: Ellington Park 
Theme URI: https://ballsymedia.co.uk/
Author: Ballsy Media
Author URI: https://ballsymedia.co.uk/
Description: Theme V8
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Ellington Park

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* 
============================================================================================================
============================================================================================================

                                        THEME STYLE default CSS START

============================================================================================================
============================================================================================================
*/



body, html, ul {
	margin: 0px;
 	padding: 0px;
}

body {
	font-family: 'OpenSans-Regular';
	font-weight: normal;
	word-wrap: break-word;
	overflow-x: hidden;
	opacity: 0;
	transition: all .5s;
	transition-delay: .3s;
}

.wrapperOuter {
    overflow: hidden;
}

.elementor-section.elementor-section-boxed > .elementor-container .elementor-container {
	padding: 0;
}
body.elementor-editor-active {
	opacity: 1;
}
.elementor-editor-active .preloader {
	display: none !important;
}
b, strong {
	font-family: 'OpenSans-SemiBold';
	font-weight: normal;
}

a {
	text-decoration:none;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	outline:0!important;
}

.upb_row_bg {
	width: 100% !important;
}

::selection {
   color: #fff; 
   background: #263c79 !important;
}

* { 
	outline:none!important;
}


h1,h2,h3,h4,h5,h6 {
	margin-top: 0 !important;
    font-family: 'DIN Condensed';
    font-weight: bold;
    margin-bottom: 12px !important;
}

ul {
	list-style:disc;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol {
	list-style:decimal;
	list-style-position:inside;
	margin:0;
	padding:0;
}

ol li,ul li {
	margin:0;
	padding:0;
}

p { 
	line-height: 30px;
	padding-bottom: 20px;
	margin: 0px;
}

img {
	transition:all .5s;
	max-width: 100%;
	height: auto;
}

/* content */

.containerWrap ol li, 
.containerWrap ul li {
	list-style-position: inside;
}

.containerWrap ol, 
.containerWrap ul {
	margin: 0px 0 20px 20px;
}



/*default form css start*/

textarea {
	min-height: 160px !important;
    padding-top: 15px !important;
}

/* radio/checkbox */
form.elementor-form .elementor-field-type-upload .elementor-field-label,form.elementor-form .elementor-field-type-acceptance .elementor-field-label,form.elementor-form .elementor-field-type-checkbox .elementor-field-label,form.elementor-form .elementor-field-type-radio .elementor-field-label {
    position: static !important;
    padding: 0 !important;
    min-height: auto !important;
    color: #fff !important;
    margin-bottom: 15px; 
    background: transparent !important;
    font-weight: 400 !important;
}

form.elementor-form .elementor-field-type-radio .elementor-field-subgroup{
	flex-basis: auto !important;
    margin-left: 20px;
}
 

form.elementor-form .elementor-field-type-upload .elementor-field-label:before,form.elementor-form .elementor-field-type-acceptance .elementor-field-label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-label:before,form.elementor-form .elementor-field-type-radio .elementor-field-label:before {
	display: none;
}

form.elementor-form .elementor-field-type-upload,form.elementor-form .elementor-field-type-acceptance,form.elementor-form .elementor-field-type-checkbox,form.elementor-form .elementor-field-type-radio {
	border: none !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option,form.elementor-form .elementor-field-type-radio .elementor-field-option,form.elementor-form .elementor-field-type-checkbox .elementor-field-option {
    position: relative;
    margin-right: 18px;
    padding-right: 0;
    margin-bottom: 15px;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option:last-child,form.elementor-form .elementor-field-type-radio .elementor-field-option:last-child,form.elementor-form .elementor-field-type-checkbox .elementor-field-option:last-child {
	margin-right: 0;
}

form.elementor-form .elementor-field-type-acceptance input,form.elementor-form .elementor-field-type-radio input,form.elementor-form .elementor-field-type-checkbox input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
    opacity: 0;
    display: block !important;
    margin: 0;	
    cursor: pointer;
}

form.elementor-form .elementor-field-type-acceptance label,form.elementor-form .elementor-field-type-radio label,form.elementor-form .elementor-field-type-checkbox label {
    padding-left: 26px;
    vertical-align: middle;
    display: block !important;
    line-height: 26px !important;
}
form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:before,form.elementor-form .elementor-field-type-radio .elementor-field-option label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 3px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 2px solid #cccccc;
    background: #ffffff;
    cursor: pointer;
}
form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:after {
	content: "";
	display: none;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option label:after {
    left: 6px;
    top: 6px;
    width: 11px;
    position: absolute;
    height: 6px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(-50deg);
    opacity: 0;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:after,form.elementor-form .elementor-field-type-radio .elementor-field-option input:checked ~ label:after,form.elementor-form .elementor-field-type-checkbox .elementor-field-option input:checked ~ label:after {
	display: block;
}

form.elementor-form .elementor-field-type-radio .elementor-field-option label:before {
   border-radius: 0;
    border: none !important;
}

form.elementor-form .elementor-field-type-acceptance .elementor-field-option input:checked ~ label:before,form.elementor-form .elementor-field-type-checkbox .elementor-field-option input:checked ~ label:before,
form.elementor-form .elementor-field-type-radio .elementor-field-option input:checked ~ label:before {
	background: #ed008b;
	border: 3px solid #fff !important
}

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
	color: #969696 !important;
	opacity: 1 !important;
}

textarea:-moz-placeholder,
input:-moz-placeholder { /* Firefox 18- */
	color: #969696 !important;
	opacity: 1 !important;
}

textarea::-moz-placeholder,
input::-moz-placeholder {  /* Firefox 19+ */
	color: #969696 !important;
	opacity: 1 !important;
}

textarea:-ms-input-placeholder,
input:-ms-input-placeholder {  
	color: #969696 !important;
	opacity: 1 !important;
}

.flatpickr-calendar .dayContainer span {
    transition: all .8s;
    opacity: 0;
    width: 0;
    transform: scale(.2);
    color: transparent;	
}
.flatpickr-calendar.open .dayContainer span {
	opacity: 1;
	transform: scale(1);
	color: #393939;
}

/*default form css end*/

.btnButton .elementor-widget-container,
.dbtn {
    font-size: 20px !important;
    padding: 18px 45px 17px !important;
    background-color: #faa61a !important;
    color: #fff !important;
    border: 2px solid #faa61a;
    border-radius: 30px !important;
    display: inline-block !important;
    -webkit-transition: all .5s !important;
    -moz-transition: all .5s !important;
    -o-transition: all .5s !important;
    transition: all .5s !important;
    margin-bottom: 0;
    font-family: 'OpenSans-Bold';
    font-weight: normal;
    position: relative;
    z-index: 9;
    cursor: pointer;
}

.btnButton .elementor-widget-container:before,
.dbtn:before {
    content: '';
    width: 30px;
    height: 20px; 
    background-repeat: no-repeat;
    background-position: top center;
    top: -16px;
    right: calc(50% - 15px);
    position: absolute;
    opacity: 0;
    transition: all .5s;
    -webkit-transition: all .5s;
    -webkit-clip-path: circle(0% at 50% 100%);
    -o-clip-path: circle(0% at 50% 100%);
    -moz-clip-path: circle(0% at 50% 100%);
    clip-path: circle(0% at 50% 100%);

}

.btnButton .elementor-widget-container:hover:before,
.dbtn:hover:before {
    opacity: 1;
    -webkit-clip-path: circle(100% at 50% 100%);
    -o-clip-path: circle(100% at 50% 100%);
    -moz-clip-path: circle(100% at 50% 100%);
    clip-path: circle(100% at 50% 100%);
}

.dbtn .mText:last-child {
	display: none;
}

/* Post Image Start*/

.wp-block-image figure {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

img.alignright,
.wp-block-image .alignright {
	margin-left: 20px !important;
}

img.alignleft,
.wp-block-image .alignleft {
	margin-right: 20px !important;
}

img.aligncenter,
.wp-block-image .aligncenter {
	margin: 0 auto !important;
}

@media (max-width: 767px) {

	img.alignright,
	img.alignleft,
	img.aligncenter,
	.wp-block-image .alignright,
	.wp-block-image .alignleft,
	.wp-block-image .aligncenter {
		float: none !important;
		margin: 0 auto !important;
	}

}

/* Post Image End */


/* testimonial css */

.elementor-widget-testimonial-carousel .elementor-testimonial {
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
}


/*header css start*/

.header {
	transition: all .5s;
}

.withoutScrl .header .logoBox img {
	width: 154px !important;
	transition: all .5s;
}

.header .logoBox {
	position: relative;
	transition: all .5s;
}

.withoutScrl .header .logoBox .elementor-widget {
	width: 225px !important;  
}

.header .logoBox .elementor-widget {
	position: absolute;
	top: -15px;
	left: 0px;
	width: 210px;    
	transition: all .5s;
}

.withoutScrl .header .logoBox a {
	padding: 18px !important;
}

.header .logoBox a {
	padding: 10px;
}

.header .menuBox ul li {
	transition: all .5s;
}

.header .menuBox ul li a {
	font-family: 'OpenSans-Bold';
	font-weight: normal;
	font-size: 20px;
	line-height: 28px;
	position: relative;
} 

.header .menuBox .elementor-nav-menu--main .sub-arrow {
	top: 1px;
	position: relative;
}

.header .menuBox .elementor-nav-menu--main li.menu-item-has-children:before {
    content: '';
    width: 100%;
    height: 81px;
    position: absolute;
    left: 0;
    top: 0;
}

.header .menuBox ul li ul li a {
	font-size: 18px;
	line-height: 25px;
	white-space: normal;
	margin: 0 !important;
    border: none; 
}

.header .menuBox ul li.contactBox {
	display: none;
}
.header .menuBox ul li a:after {
	width: 40px !important;
	left: calc(50% - 20px) !important;     
}
 

.header .buttonBox {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
	position: relative;
}

.header .callBox {
	display: inline-block;
	vertical-align: middle;
}

.header .usBox {
	display: inline-block;
	vertical-align: middle;
}

.header .callBox a {
	font-size: 21px;
	font-family: 'OpenSans-Bold';
	font-weight: normal;
}

.header:nth-child(2) {
	z-index: -111;
}

/*header css end*/


/*holydayWrap css start*/

.holydayWrap .imageBox1 .imageBox .image1 img {
	display: inline-block;
	vertical-align: middle;
}

.holydayWrap .imageBox1 .imageBox {
	box-shadow: 0 0 0 !important;
    display: block;
}


.holydayWrap .imageBox .image3 {
	position: relative !important;
	display: inline-block;
	width: auto !important;
	padding: 30px;
}

.holydayWrap .imageBox .image3:before {
    content: '';
    background: #F1D099;
    display: inline-block;
    width: 100%;
    height: calc(100% + 80px);
    position: absolute;
    bottom: 0;
    left: 0;
}

.holydayWrap .textBox p {
	padding-bottom: 25px;
}

/*holydayWrap css end*/

/*contactWrap*/

.contactWrap .callBox {
	position: relative;
}

.contactWrap .callBox:after {
	content: '';
	display: inline-block;
	width: 2px;
	height: 0;
	background: #263c79;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 1s;
}

.contactWrap .callBox.in-viewport-once:after {
	height: 100%;
	transition-delay: .5s;
}

.feesWrap:before,
.contactWrap:before {
	background-size: 100% 116% !important;
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	transition: all 1s !important;
	transition-delay: 1s !important;
}
.arrangeWrap:before,
.colorPriceWrap:before, 
.blogWrap:before {
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
	transition: all 1s !important;
	transition-delay: 1s !important;
}
.arrangeWrap.in-viewport-once:before,
.colorPriceWrap.in-viewport-once:before,  
.blogWrap.in-viewport-once:before,
.feesWrap.in-viewport-once:before,     
.contactWrap.in-viewport-once:before {
	clip-path: polygon(0 100%, 100% 100%, 100% 0, 0 0);
}

.contactWrap .adresssBox h4 {    
	max-width: 355px;
	margin: 0 auto;
}

.contactWrap .box h4 {
	font-size: 25px;
	line-height: 32px;
	font-family: 'OpenSans-SemiBold';
	font-weight: normal;
}
        
.contactWrap .box h4:hover {
	color: #FAA61A !important; 
}   

.contactmapBox .faceBookbtn {
	position: relative;
    top: 50px;
    left: 0;
}

.contactmapBox .faceBookbtn .dbtn {
	background: #fff !important;
    color: #263c79 !important;
    font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    border-radius: 50px !important;
    padding: 14px 40px 14px !important;
    border: none !important;
    display: inline-block;
    box-shadow: 0px 0px 38px -6px rgba(0,0,0,0.5);
}

.contactmapBox .faceBookbtn .elementor-button-icon svg {
	width: 40px;
    height: 40px;
}

.contactmapBox .faceBookbtn .elementor-button-icon svg path {
	fill: #263c79;
}

.contactmapBox .elementor-button .elementor-align-icon-right {
	margin-left: 28px !important;
}

.contactmapBox .elementor-button-text {
	display: flex;
    justify-content: center;
    flex-direction: column;
}


/*contactWrap*/

.contactmapBox .mapTitle {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 90px);
    width: 100%;
    max-width: 180px !important;
    overflow: visible;
    z-index: 1;
    margin-top: 32px;
}

.contactmapBox .mapTitle:after {
    content: '';
    display: inline-block;
    width: 150px;
    height: 125px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    position: absolute;
    top: -56px;
    left: calc(50% - 75px);
    z-index: -1;
}

.contactmapBox .mapTitle .elementor-heading-title {
    font-size: 25px;
    line-height: 30px;
    padding: 0;
    margin-bottom: 0 !important;
    color: #ffffff;
} 

.contactmapBox .mapTitle .elementor-widget-container {
	background-color: rgb(250, 166, 26);
    text-align: center;
    padding: 6px 10px 4px;
    border-radius: 50px;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    transition: all 1s;
}
     

.scrolling-moment .contactmapBox .mapTitle .elementor-widget-container {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*.contactmapBox .elementor-widget-spacer .elementor-widget-container {
    background-position: left -10px !important;
}
*/

.contactWrap .box .e-child {
	opacity: 0;
	transform: translate(0px, -10px);    
	transition: all .5s;
}

.contactWrap .in-viewport-once .e-child {
	opacity: 1;
	transform: translate(0px, 0px);
	transition-delay: .5s;
}

.mainContactMap .mapTitle {
    margin-top: -28px;
}


/* feesWrap */
.feesWrap .scnTitle .elementor-heading-title:after {
	background: #1e346d; 
}
.feesWrap p {
	font-family: 'OpenSans-SemiBold';    
    font-weight: normal; 
}
.feesWrap .dbtn {
	background-color: #1e346d !important;
	border-color: #1e346d !important;
}
/* feesWrap */


/* belowWrap */     

.belowWrap .box .boxTitle {
	min-height: 130px;    
    padding: 35px 30px 20px;   
}     
.belowWrap .box h3.elementor-heading-title {
	font-size: 28px;    
    line-height: 28px;     
    text-transform: uppercase;  
    display: flex;  
    justify-content: center;     
    flex-direction: column;
    height: 100%;
    margin-bottom: 0 !important;
}     
.belowWrap .box .italicText p {    
	font-family: 'OpenSans-SemiBold';
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    font-style: italic;
}
.belowWrap .box .listBox ul {
	margin: 28px 0px 30px;     
}
.belowWrap .box h4.elementor-heading-title,
.belowWrap .box .listBox ul li {
	font-family: 'OpenSans-SemiBold';
    font-weight: normal; 
    font-size: 20px;
    line-height: 28px;
    padding-left: 25px;   
}
.belowWrap .box .listBox ul li:before {
	content: '';
	width: 8px;
	height: 8px;
	border-radius: 50px;
	position: absolute;    
	top: 8px;     
	left: 0;  
	background-color: #e09718;   
}
.belowWrap .box h4.elementor-heading-title {    
	padding-left: 0 !important;
	margin-bottom: 0px !important;  
}
.belowWrap .mainBox {    
	display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-column-gap: 60px;
    grid-row-gap: 30px;
}
.belowWrap .box h4.elementor-heading-title,       
.feesWrap p strong { 
    font-family: 'OpenSans-Bold';
    font-weight: normal;
}   

/* belowWrap */




/* singleCaravanIndex */

.singleCaravanIndex .holiday_homes>.elementor-element {
	overflow: hidden;   
}
.singleCaravanIndex .imageBox .elementor-widget-button {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%; 
}     
.singleCaravanIndex .imageBox .dbtn {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px !important;
    font-size: 0px !important;
    opacity: 0;
}
.singleCaravanIndex .imageBox .soldBox {
	padding: 16px 18px;
    background: #2b498f;      
}
.singleCaravanIndex .imageBox .soldBox li {
	font-family: 'DIN Condensed';
    font-size: 42px;
    line-height: 50px;
    letter-spacing: 2px;
}
.singleCaravanIndex .innarImage>.elementor-widget-container {
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;    
}
.singleCaravanIndex .listBox li {    
	width: 47%;         
	font-family: 'OpenSans-SemiBold';    
}
.singleCaravanIndex .listBox li strong {
	font-family: 'OpenSans-Bold'; 
}
.singleCaravanIndex .scnTitle .elementor-heading-title:after {
	left: 0; 
}  
.singleCaravanIndex .scnTitle .elementor-heading-title a:hover {
	color: #faa61a;
}   
.singleCaravanIndex h4.elementor-heading-title {
	font-size: 42px;
    line-height: 48px;
    letter-spacing: 2px;  
    margin-bottom: 0px !important;       
} 
.singleCaravanIndex .elementor-pagination .page-numbers {    
	text-transform: uppercase;
    font-weight: bold;
    font-family: 'OpenSans-Bold';    
} 
.singleCaravanIndex .ptext p:last-child {
	padding-bottom: 0px;
} 

.post-box .box {      
	overflow: hidden;   
}
.post-box .box .featured-box .elementor-widget-spacer .elementor-widget-container,          
.singleCaravanIndex .holiday_homes .innarImage>.elementor-widget-container {
    -webkit-transition: transform .8s;
    -moz-transition: transform .8s;
    -o-transition: transform .8s;
    transition: transform .8s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);         
    -o-transform: scale(1);
    transform: scale(1);
}
.post-box .box:hover .featured-box .elementor-widget-spacer .elementor-widget-container,
.singleCaravanIndex .holiday_homes:hover .innarImage>.elementor-widget-container  {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);         
    -o-transform: scale(1.05);     
    transform: scale(1.05);
}



/* singleCaravanIndex */



/* 
============================================================================================================
============================================================================================================

                                    THEME STYLE RESPONSIVE CSS START

============================================================================================================
============================================================================================================
*/

.e-parent.e-con-boxed > .e-con-inner > .inner-sec {
    --flex-direction: initial !important;
}  


@media (min-width: 1200px) {
	.header .menuBox ul li ul {
		transition: all 1s ease-in;
		-moz-transition: all 1s ease-in;
		-webkit-transition: all 1s ease-in;
		display: block !important;
		top: 81px !important;
	    width: 210px !important;
	    position: absolute;
	   	background: #b9975b;
	    transform: scale(.8, .8);
		-moz-transform: scale(.8, .8);
		-webkit-transform: scale(.8, .8);
		-ms-transform: scale(.8, .8);
		opacity: 0;
		visibility: hidden;
	}

	.header .menuBox ul li:hover .sub-menu {
		-webkit-transition: all .3s ease-in;
		-moz-transition: all .3s ease-in;
		-o-transition: all .3s ease-in;
		transition: all .3s ease-in;
		display: block;
		visibility: visible;
	    opacity: 1;
	    transform: scale(1, 1);
	    -moz-transform: scale(1, 1);
	    -webkit-transform: scale(1, 1);
	    -ms-transform: scale(1, 1);
	}



}

@media (min-width: 1700px) and (max-width: 1800px) {

	.contactmapBox .mapTitle {
	    margin-top: -12px;
	}
     



}

@media (min-width: 1600px) and (max-width: 1699px) {

	.contactmapBox .mapTitle {
	    margin-top: -35px;
	}

}


@media (min-width: 1552px) and (max-width: 1630px) {
	.header .menuBox {
		width: 59% !important;
	}
}

@media (min-width: 1441px) and (max-width: 1551px) {
	.header .menuBox {
		width: 58% !important;
	}

	.header .menuBox ul li a {
		font-size: 16px;
	   	line-height: 18px;
	    margin-left: 7px !important;
	    margin-right: 7px !important;
	}

	.header .menuBox ul li ul {
		top: 75px !important;
		width: 174px !important;  
	}
	.header .menuBox ul li a:after {
		height: 2px;
	}
}


@media (min-width: 1552px) and (max-width: 1755px) {

	.header .menuBox ul li a {
	   font-size: 16px;
	   line-height: 20px;
	   margin-left: 12px !important;
	   margin-right: 12px !important;
	}  
	.header .menuBox ul li ul {
		top: 75px !important;
		width: 174px !important;  
	}
	.header .menuBox ul li ul li a {
	    font-size: 15px;
	    line-height: 20px;
	}



}

@media (min-width: 1441px) and (max-width: 1599px) {
	.holydayWrap .imageBox .image1 img {
	    width: 290px !important;
	}

	.holydayWrap .imageBox .image2 img {
    	width: 300px !important;
	}

	.holydayWrap .imageBox .image2 {
		right: -114px !important;
	}

	.holydayWrap .imageBox .image3 {
		right: -60px !important;
	}

	.holydayWrap .imageBox .image3 img {   
		width: 410px !important;
	}

	.holydayWrap .imageBox1 {
		margin-right: 120px !important;
	}

	.holydayWrap .imageBox1 .imageBox {
	    width: 100%;
	    max-width: 510px;
	}

	.contactmapBox .mapTitle { 
	    left: 630px; 
	    margin-top: -44px;
	    margin-left: 72px;
	}

	.mainContactMap .mapTitle {
		left: 32%;
	    margin-top: -30px;
	}
	.belowWrap .box h3.elementor-heading-title {
		font-size: 26px;
		line-height: 26px;
	}
	.belowWrap .box .boxTitle {     
	    padding: 35px 25px 20px;
	}


     



}


@media (min-width: 1441px) and (max-width: 1660px) {
	.withoutScrl .header .logoBox img {
		width: 150px !important;
	}

	.header .menuBox ul li ul li a:hover,
	.header .menuBox ul li ul li a {
		margin-right: 0 !important;
		margin-left: 0 !important;
		font-size: 15px;
		padding-left: 15px;
    	padding-right: 10px;
	}

	.header .menuBox .elementor-nav-menu--main li.menu-item-has-children:before {
		height: 77px;
	}

	.header .buttonBox .callBox .elementor-icon-list-text {
		font-size: 18px;
	}

	.header .buttonBox .dbtn {
		font-size: 18px !important;
    	padding: 16px 30px 17px !important;
	}

	.header .callBox .elementor-widget-container {
		padding-right: 12px !important;
	}

	.header .callBox ul li a svg {
		width: 20px;
	}

	.header .menuBox:after {
    	left: calc(100% + 12px);
	}
	.header .menuBox .elementor-nav-menu--main .sub-arrow {
	    padding-left: 5px;
	} 

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 1200px) and (max-width: 1440px) {
	.dbtn {
	    padding: 14px 45px 15px !important;
	}

	.withoutScrl .header .logoBox img {
		width: 130px !important;
	}

	.withoutScrl .header .logoBox a {
		padding: 14px 10px !important;
	}

	.header .logoBox .elementor-widget {
		top: -12px;
	}
	.header .logoBox .elementor-widget,   
	.withoutScrl .header .logoBox .elementor-widget {
	    width: 185px !important;
	}  

	.header .menuBox:after {
		height: 50px;
		top: calc(50% - 25px);
	}
	.header .menuBox ul li a:after {
		height: 2px;
	}

	.header .menuBox ul li a {
		font-size: 14px;
		line-height: 15px; 
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
	.header .menuBox .elementor-nav-menu--main .sub-arrow {
	    padding-left: 5px;
	}
	.header .menuBox ul li ul li a:hover, 
	.header .menuBox ul li ul li a {
		margin-right: 0 !important;
		margin-left: 0 !important;
		font-size: 14px;
		padding-left: 15px;
		padding-right: 10px;
	}

	.header .menuBox .elementor-nav-menu--main li.menu-item-has-children:before {
		height: 66px;
	}

	.header .menuBox ul li ul {
	    top: 63px !important;
	    width: 170px !important;
	}

	.header .buttonBox .dbtn {
		font-size: 16px !important;
   		padding: 11px 24px 11px !important;
	}

	.header .callBox .elementor-widget-container {
		padding-right: 12px !important;
	}

	.header .callBox ul li a svg {
		width: 20px;
	}

	.header .buttonBox {
		padding: 0 !important;
	} 

	.header .buttonBox .callBox .elementor-icon-list-text {
		font-size: 16px;
	}

	.holydayWrap .imageBox1 .imageBox {
	    width: 100%;
	    max-width: 470px;
	} 

	.holydayWrap .imageBox .image3 {
		padding: 20px;
	}

	.contactWrap .Box h3 {
		margin-bottom: 5px !important;
	}

	.contactWrap .box h4 {
		font-size: 23px;
		line-height: 28px;
	}

	.contactmapBox .mapTitle { 
	    left: 530px; 
	    margin-top: -44px;
	    margin-left: 72px;
	}

	.mainContactMap .mapTitle {
	    left: 28%;
    	margin-top: -35px;
	}

	/* belowWrap */

	.belowWrap .mainBox {
		grid-column-gap: 30px;    
	}  
	.belowWrap .box .boxTitle {     
		padding: 20px 10px;
		min-height: 110px;
	}   
	.belowWrap .box h3.elementor-heading-title {
		font-size: 25px;
		line-height: 25px;  
	}
	.belowWrap .box .listBox ul {
	    margin: 25px 0px 25px;     
	}
	.belowWrap .box h3.elementor-heading-title br {     
		display: none;
	}

	/* belowWrap */  
	.singleCaravanIndex h4.elementor-heading-title {
		font-size: 38px;
		line-height: 46px;
	} 
	.singleCaravanIndex .imageBox .soldBox li {
		font-size: 32px;
		line-height: 40px;
	} 
	.singleCaravanIndex .imageBox .soldBox {   
		padding: 10px 18px;
	}



}

@media (max-width: 1024px) {
}

@media (max-width: 1199px) {

	.contactWrap:before {
	    background-size: 100% auto !important;
	}        

	.moment .elementor-menu-toggle {     
		opacity: 0;
	}
	.withoutScrl .header .logoBox img {
		width: 130px !important;
	}

	.header .menuBox ul li.contactBox {
		display: block;
	}
	.header .usBox {
		margin-right: 68px;    
	}
	.header .buttonBox .dbtn {
		font-size: 16px !important;
   		padding: 11px 24px 11px !important;  
	}         

	.header .buttonBox .callBox .elementor-icon-list-text {
		display: none;
	}
	.header .buttonBox .callBox {
		position: absolute;
	    right: 45px;
	    width: 20px !important;      
	    height: 20px;
	    top: calc(50% - 10px);         
	}
	.header .elementor-menu-toggle {
        width: 40px;
	    height: 30px;
	    position: fixed;
	    top: 33px;    
	    right: 25px;
	    background-color: transparent;
	    z-index: 1000;
	    display: block;    
	}
    .header .elementor-menu-toggle span {
        background: #faa61a;
	    width: 30px;
	    height: 3px;
	    display: block;
	    margin: 5px 0 5px auto;
	    z-index: 999;
	    top: -5px;
	    position: relative;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(4) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        top: 7px;
        background: #fff;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(5) {
    	display: none;
    }

    .menu-active .header .elementor-menu-toggle span:nth-child(6) {
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        margin-top: 0px;
    	top: -2px;     
        background: #fff;
    }
    .header .elementor-menu-toggle span.elementor-screen-only {
		display: none; 
	}    
    .menu-active .header .elementor-menu-toggle {
        top: 20px;   
	    right: 20px;
	    width: 40px;
	    height: 40px;
	    visibility: visible;
    }

    .header .elementor-menu-toggle .e-font-icon-svg,
   	.header .elementor-menu-toggle i span:last-child,
    .menu-active .header .elementor-menu-toggle span:nth-child(2),
    .header .elementor-menu-toggle .eicon-close:before,
    .header .elementor-menu-toggle .eicon-menu-bar:before {
        display: none;
    }

    .header nav.elementor-nav-menu--dropdown {
	    position: fixed;
	    width: 100%;
	    height: 100%;
	    max-height: 100% !important;
	    top: 0px;
	    right: 0px;
	    z-index: 99;     
	    display: flex;
	    justify-content: center;    
	    flex-direction: column;
	    margin: 0 !important;
	    padding: 60px 0 130px;
	    background-color: #263c79 !important; 
	    border: 5px solid #faa61a;
	    transform: inherit !important;
	    animation: inherit !important;
	    overflow-y: hidden; 
	    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0); 
	    -moz-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0); 
	    -o-clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0); 
	    clip-path: polygon(0 0, 100% 0%, 100% 0, 0 0);    
	    transition: all 1s;  
	    transition-delay: 1s; 
	}

	.menu-active .header nav.elementor-nav-menu--dropdown {
		max-height: 100% !important;
	    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); 
	    -moz-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); 
	    -o-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); 
	    clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%); 
	    transition-delay: 0s;
	    transform: inherit !important;
	    animation: inherit !important;
	}

	
	.header nav.elementor-nav-menu--dropdown .row {
	  	max-height: 95vh;
	  	opacity: 0;
	    visibility: hidden;
	    padding: 25px;
	    overflow-y: auto;    
	    text-align: center;
	    overflow-x: hidden;
	    position: relative;
	    z-index: 91;
	    transition: all 1s;    
	    transition-delay: 0s;   
	}

	.menu-active .header .elementor-nav-menu--dropdown .row {
	    visibility: visible;
	    opacity: 1;
	    transition-delay: .5s;
	}


	.header .menuBox ul li ul.elementor-nav-menu--dropdown li a {
		font-size: 20px;
	}

	.header .menuBox ul li ul.elementor-nav-menu--dropdown,
	.header .menuBox ul li a,
	.header .menuBox ul li a {	
		background: transparent !important;
		font-size: 24px;
	}

	.header .elementor-nav-menu--dropdown ul li a:before {
		display: none !important;
	}

	.header .menuBox ul li a .sub-arrow:hover path,
	.header .menuBox ul li a .sub-arrow path {
		fill: #fff;
	}

	.header .menuBox .elementor-nav-menu--dropdown .sub-arrow,
	.header .menuBox .elementor-nav-menu--dropdown ul li a {
	    display: inline-block;
	    top: 2px;
	    position: relative;
	    transition: all .5s;
	}

	.header:nth-child(2) {
		opacity: 0;
	}

	.header nav.elementor-nav-menu--dropdown ul li.current-menu-parent>a .sub-arrow svg path {
		fill: #faa61a;
	}
	
	.header nav.elementor-nav-menu--dropdown ul li.current-menu-parent>a {
		color: #FAA61A !important;
	}
	.belowWrap .box h3.elementor-heading-title br {     
		display: none;
	}




}

/* Large desktop */
@media (min-width: 1025px) {
	
	 .e-parent.e-con-boxed > .e-con-inner {
		padding-left: 80px;
		padding-right: 80px;
	}	 

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 1025px) and (max-width: 1199px) {
	.dbtn {
	    font-size: 18px !important;
	    padding: 14px 35px 15px !important;
	}	

	.header .menuBox:after {
    	display: none;
	}     

		
	.withoutScrl .header .logoBox a,
	.header .logoBox a {
		padding: 10px !important;
	}

	.withoutScrl .header .logoBox img,
	.header .logoBox a img {
		width: 125px !important;

	}
	.header .logoBox .elementor-widget,
	.withoutScrl .header .logoBox .elementor-widget {
		top: -18px;
		width: 180px !important;
	}    



	.holydayWrap .textBox p {
		font-size: 16px;
    	line-height: 25px;
    	padding-bottom: 16px;

	}

	.holydayWrap .imageBox1 .imageBox {
	    width: 100%;
	    max-width: 400px;
	} 

	.holydayWrap .imageBox .image3 {
		padding: 18px;
	} 

	.contactWrap .Box h3 {
		margin-bottom: 5px !important;
	}

	.contactWrap .box h4 {
		font-size: 23px;
		line-height: 28px;
	}

	.contactmapBox .mapTitle { 
	    left: 350px; 
	    margin-top: -44px;
	    margin-left: 72px;
	}

	/*.contactmapBox .elementor-widget-spacer .elementor-widget-container {
	    background-position: left 0px !important;
	}*/

	.mainContactMap .mapTitle {
	    left: 28%;
    	margin-top: -35px;
	}   

	.mainContactMap .mapBox .elementor-widget-spacer,
	.mainContactMap .mapBox .e-child {
		height: 100%;
	} 


	/* belowWrap */ 
	.belowWrap .mainBox {
		grid-column-gap: 10px; 
		grid-row-gap: 20px;     
	}  
	.belowWrap .box .boxTitle {     
		padding: 20px 10px;
		min-height: 110px;
	}   
	.belowWrap .box h3.elementor-heading-title {
		font-size: 22px;
		line-height: 22px;  
	}
	.belowWrap .box .listBox ul {
	    margin: 28px 0px 25px;   
	} 
	.belowWrap .box h4.elementor-heading-title, .belowWrap .box .listBox ul li {      
	    font-size: 18px;
	    line-height: 24px;
	    padding-left: 20px; 
	}    
	/* belowWrap */  

	.singleCaravanIndex h4.elementor-heading-title {
		font-size: 34px;
		line-height: 38px;  
	}  
	.singleCaravanIndex .imageBox .soldBox li {
		font-size: 30px;
		line-height: 34px;   
	} 
	.singleCaravanIndex .imageBox .soldBox {   
		padding: 10px 18px;
	}     



}

   
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 1024px) { 
	
	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 10px;
		padding-right: 10px;
	} 

	.dbtn {
	    font-size: 18px !important;
	    padding: 14px 35px 15px !important;
	}	

	.header .menuBox:after {
    	display: none;
	}

	.header .elementor-menu-toggle {
		top: 36px;     
		right: 15px;
	}

	.withoutScrl .header .logoBox a,
	.header .logoBox a {
		padding: 10px !important;
	}

	.withoutScrl .header .logoBox img,
	.header .logoBox a img {
		width: 115px !important;
	}

	.header .logoBox .elementor-widget,
	.withoutScrl .header .logoBox .elementor-widget {
		top: -20px !important;    
    	width: 175px !important;
	}



	.holydayWrap .textBox p {
		font-size: 16px;
    	line-height: 25px;
    	padding-bottom: 16px;
	}

	.holydayWrap .imageBox1 .imageBox {
	    width: 100%;
	    max-width: 330px;
	} 


	.holydayWrap .imageBox .image3 {
		padding: 15px;
	} 

	.contactWrap .box h4 {
	    font-size: 20px;
    	line-height: 29px;
	}

	.contactmapBox .mapTitle { 
	    left: 350px; 
	    margin-top: -44px;
	    margin-left: 72px;
	}

	.mainContactMap .mapTitle {
	    left: 16%;
    	margin-top: -35px;
	} 

	.mainContactMap .mapBox .elementor-widget-spacer,
	.mainContactMap .mapBox .e-child {
		height: 100%;
	} 

	/* belowWrap */ 
	.belowWrap .mainBox {   
		grid-column-gap: 20px; 
		grid-row-gap: 20px;       
	}  
	.belowWrap .box .boxTitle {     
		padding: 20px 10px;
		min-height: 110px;
	}   
	.belowWrap .box h3.elementor-heading-title {
		font-size: 22px;
		line-height: 22px;  
	}
	.belowWrap .box .listBox ul {
	    margin: 20px 0px;     
	} 
	.belowWrap .box h4.elementor-heading-title, .belowWrap .box .listBox ul li {      
	    font-size: 17px;
	    line-height: 23px; 
	    padding-left: 16px;    
	}    
	/* belowWrap */ 

	.singleCaravanIndex h4.elementor-heading-title {
		font-size: 32px;
		line-height: 36px;  
	}  
	.singleCaravanIndex .imageBox .soldBox li {
		font-size: 25px;
		line-height: 30px;   
	} 
	.singleCaravanIndex .imageBox .soldBox {   
		padding: 8px 14px;   
	}  
	.singleCaravanIndex .textBox .dbtn {    
	    padding: 12px 20px 13px !important;   
	}  
	.singleCaravanIndex .button2 .dbtn {
	    padding: 12px 41px 14px 18px !important;
	}            
                
    

	
}

     
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	
	@media screen and (orientation: landscape) {

	}
	 
	.e-parent.e-con-boxed > .e-con-inner {
		padding-left: 10px;
		padding-right: 10px;
	}

	.dbtn {
	    font-size: 16px !important;
	    padding: 12px 30px 13px !important;
	}	

	.header .menuBox:after {
    	display: none;
	}

	.withoutScrl .header .logoBox a,
	.header .logoBox a {
		padding: 10px !important;
	}

	.withoutScrl .header .logoBox img,
	.header .logoBox a img {
		width: 95px !important;
	}

	.header .logoBox .elementor-widget,
	.withoutScrl .header .logoBox .elementor-widget {
		top: -30px !important;;
		width: 140px !important;         
	}

	.header .elementor-menu-toggle span {
		width: 24px;
    	height: 2px;
	}

	.menu-active .header .elementor-menu-toggle {
		width: 33px;   
		height: 33px;
	}  
	.menu-active .header .elementor-menu-toggle span:nth-child(4) {
		top: 6px;   
	} 
	.header .elementor-menu-toggle {
		top: 26px;
		right: 15px;      
	} 

	.header .menuBox ul li ul.elementor-nav-menu--dropdown, .header .menuBox ul li a, .header .menuBox ul li a {
	    background: transparent !important;
	    font-size: 20px;
	    padding: 6px;
	}

	.header .menuBox ul li ul.elementor-nav-menu--dropdown li a {
    	font-size: 18px; 
    	padding: 6px;
   	}

	.header .buttonBox {
		position: absolute;
		right: 45px;
	    display: block;
	}
	.header .buttonBox .callBox {
		right: 13px;   
	}
	.header .usBox {
	    margin-right: 38px;
	}   


	.holydayWrap .imageBox1 {
	    max-width: 356px;
	    margin: 0 auto;
	}

	.holydayWrap .textBox p {
		font-size: 16px;
		line-height: 22px;
	}

	.holydayWrap .imageBox .image3 {
		padding: 15px;
	} 

	.contactWrap .box h4 {
	    font-size: 19px;
    	line-height: 29px;
	}   

	.contactWrap .email:after,
	.contactWrap .callBox:after {
	    height: 2px;
	    width: 70px;
	    position: static;
	    margin: 0 auto -8px;
	    display: block !important;
	    content: '' !important;
	    background: #263c79;     
	}  
     
     .contactWrap .box:last-child:after {
     	display: none;
     }

     .contactmapBox .elementor-button-text {
     	line-height: 22px;
     }

     .contactmapBox .faceBookbtn .elementor-button-icon svg {
	    width: 30px;
	    height: 30px;
	}
	.contactmapBox .elementor-button .elementor-align-icon-right {
	    margin-left: 12px !important;
	}

	.contactmapBox .faceBookbtn .dbtn {
	    padding: 14px 18px 14px !important;      
	    font-size: 14px !important;
	}

	.contactmapBox .mapTitle {  
   	 margin-top: -38px;
	}

	/* belowWrap */ 
	.belowWrap .mainBox {
		grid-column-gap: 20px;      
		grid-row-gap: 20px;     
		grid-template-columns: repeat(1, minmax(0, 1fr)); 
		max-width: 450px;          
	}  
	.belowWrap .box .boxTitle {     
		padding: 20px 20px;     
	    min-height: inherit;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	}   
	.belowWrap .box h3.elementor-heading-title {
		font-size: 22px;
		line-height: 22px;  
	}
	.belowWrap .box .listBox ul {
	    margin: 20px 0px;     
	} 
	.belowWrap .box h4.elementor-heading-title, .belowWrap .box .listBox ul li {      
	    font-size: 17px;
	    line-height: 23px; 
	    padding-left: 16px;    
	}   
	.belowWrap .box h3.elementor-heading-title br {
		display: block;
	} 
	/* belowWrap */ 


	.singleCaravanIndex h4.elementor-heading-title {
		font-size: 32px;
		line-height: 36px;  
	}  
	.singleCaravanIndex .imageBox .soldBox li {
		font-size: 25px;
		line-height: 30px;   
	} 
	.singleCaravanIndex .imageBox .soldBox {   
		padding: 8px 14px;   
	}  
	.singleCaravanIndex .textBox .dbtn {    
	    padding: 12px 15px 13px !important;
	} 
	.singleCaravanIndex .imageBox .elementor-widget-button {
		position: static;
	} 
	.singleCaravanIndex .imageBox .elementor-widget-button>.elementor-widget-container {
		min-height: 400px;         
	}
	.singleCaravanIndex .button2 .dbtn {
	    padding: 12px 41px 14px 18px !important;
	}               

}


@media (max-width: 575px) {
	.singleCaravanIndex .listBox li {
		width: 100%;
	}
	.singleCaravanIndex .imageBox .elementor-widget-button>.elementor-widget-container {
		min-height: 335px;   
	}
}


    
/* Landscape phones and down */
@media (max-width: 480px) { 

	.header .buttonBox .dbtn {    
	    font-size: 14px !important;
	    padding: 5px 9px 5px !important;
	}
	.header .elementor-menu-toggle span {
	    width: 20px;
	    margin: 4px auto;
	}
	.header .elementor-menu-toggle {
	    top: 32px;
	    right: 18px;
	    width: 24px;
	    padding: 2px;
	    height: 17px; 
	}
	.header .callBox a span svg {
		width: 17px;
	    height: 17px;
	    margin-right: 0;  
	}
	.header .buttonBox .callBox {
	    right: 2px;
	    width: 18px !important;
	    height: 18px;
	    top: calc(50% - 9px);  
	}
	.header .usBox {
	    margin-right: 17px;
	}   
	.withoutScrl .header .logoBox img, .header .logoBox a img {
	    width: 80px !important;
	} 
	.header .logoBox .elementor-widget, .withoutScrl .header .logoBox .elementor-widget {
	    top: -30px !important;
	    width: 106px !important;
	} 
	.menu-active .header .elementor-menu-toggle {
	    width: 26px;
	    height: 26px;
	}      
	.menu-active .header .elementor-menu-toggle span:nth-child(4) {
	    top: 5px;
	} 
	.menu-active .header .elementor-menu-toggle span:nth-child(6) {
		top: -1px;
	} 
	.singleCaravanIndex .imageBox .elementor-widget-button>.elementor-widget-container {
		min-height: 250px;
	}   

}       
@media (max-width: 380px) {     
	.belowWrap .box h3.elementor-heading-title br {
		display: none;
	} 
	.singleCaravanIndex .imageBox .elementor-widget-button>.elementor-widget-container {
		min-height: 220px;
	}     
}