@font-face {
    font-family:'Futura Std';
    font-family: 'Bauer Bodoni Std';
}
@font-face {
  font-family: 'Futura Std';
  src: url(../fonts/FuturaStd-Medium.woff2) format('woff2'),
      url(../fonts/FuturaStd-Medium.woff2) format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

path.s1, polyline.s1{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}
path.s2, polyline.s2{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}
path.s3, polyline.s3{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}

path.s4, polyline.s4{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}

.st0.line1, .st1.line1{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}
.st0.line2, .st1.line2{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}
.st0.line3, .st1.line3{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}
.st0.line4, .st1.line4{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}




.rec1{
	opacity: 1;
	display: none;
}
.rec2{
	opacity: 1;
	display: none;
}


.main-menu li{
	position: relative;
}
.anilene{
	position: absolute;
	left: 0;	
	top: 0;
	bottom:0;
	margin:auto;
	background-color: rgba(255,255,255,0.1);
	width: 1px;
	opacity: 0;
}
.anilene.last-li{ opacity: 0 }
.main-menu li:last-child .anilene.last-li{ left: inherit; right: 0 }
.anilene_last{
	position: absolute;
	right: 0;	
	top: 0;
	bottom:0;
	margin:auto;
	background: #4f4f4f;
	width: 1px;
	opacity: 0;
}




path#ant-shape{
	opacity: 1;
	stroke:#fff;
	stroke-width:1;
	display: none;
}








@media only screen and (orientation:landscape) {body{-webkit-text-size-adjust:none}}
@media only screen and (orientation:portrait) {body{-webkit-text-size-adjust:none}}
/*-------------------------------------------------------------------------------
 XS Style @media (max-width: 767px) 
-------------------------------------------------------------------------------*/
@media (max-width: 767px) {

		/*--------------------------------------------------------------
		1. >>> Onli Home Page Style
		----------------------------------------------------------------*/
		.mobile-view{ display: block; position: relative; z-index: 5;height: 100%; height: 100vh  }
		.mobile-menu-section-top{ position: relative; z-index: 1 }
		.mobile-nav-icon{ display: block;padding-top: 20px; padding-left: 20px; position: relative; z-index: 1; cursor: pointer; margin-bottom: 15px  }
		.mobile-nav-icon:hover,.mobile-nav-icon:focus{ color: transparent; background-color: transparent; }
		.mobile-nav-icon span{ display: block; background-color: rgba(255,255,255,0.3); height: 1px; margin-bottom: 9px;width: 50px;  }
		.mobile-top-list-menu{ padding-left: 20px }
		.mobile-top-list-menu ul{ list-style: none; padding: 0; margin: 0 }
		.mobile-top-list-menu{ position: relative; padding-bottom: 20px }

		.mobile-top-list-cont{ position: relative; z-index:20 }
		.mobile-top-list-menu.left-all-menu{ position: relative; transform: none;opacity: 1; width: auto; text-align: left; z-index: 5 }
		.mobile-top-list-menu.left-all-menu ul{ text-align: left; }
		.mobile-top-list-menu .qtranxs_widget ul li,.mobile-top-list-menu .qtranxs_widget ul li.active{ opacity: 1 }
		.left-all-menu .mobile-social li{ display: inline-block; vertical-align: top; margin-right: 4px }
		.left-all-menu .mobile-social{ margin-top: 10px }
		.social-menu li a i{left: 50%;transform: translate(-50%,-50%);}
		.mobile-top-list-menu .qtranxs_widget ul li{ padding-right: 6px }
		#primary{display:none;}
.entry-header .entry-content p {
    font-size: 22px;
    line-height: 30px;
    font-size: 1.6rem;
    line-height: 3rem;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.entry-header .entry-content h3 {
    line-height: 30px;
    font-size: 1.6rem;
    color: #7d7d7d!important;
    text-shadow: 1px 1px black!important;
}
		.mobile-nav-icon-close span{ opacity: 0;
		transition-delay: 0s;
	    transition-duration: 0.4s;
	    transition-property: all;
	    transition-timing-function: ease; }
		.mobile-nav-icon-close span.span2,.mobile-nav-icon-close span.span3{ opacity: 1 }
		.mobile-nav-icon-close span.span2{transform: rotate(45deg);position: relative;top: 9px;}
		.mobile-nav-icon-close span.span3{transform: rotate(-45deg);}
		.mobile-menu-slide{ position: absolute; bottom: 0; left: 0; right: 0; overflow: hidden; }
		.mobile-menu-slide{ text-align: center; color: #FFF }
		.mobile-menu-slide li{ font-size: 16px; text-transform: uppercase; letter-spacing: 3px; position: relative; height: 160px; width: 100%; }
		.mobile-menu-slide li{ display: none; }
		.mobile-menu-slide li:first-child{ display: block; }
		.mobile-menu-slide .slick-initialized .slick-slide{ display: block; }
		.mobile-menu-slide li a{ color: #FFF; position: absolute;top: 40%; transform: translateY(-40%); text-align: center; width: 100%; display: block; }
		.mobile-menu-slide li:nth-child(even){
			background: -moz-linear-gradient(160deg, rgba(153,128,92,0.5) 0%, rgba(191,163,124,0.5) 37%, rgba(229,201,161,0.5) 100%); 
			background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(229,201,161,0.5)), color-stop(63%, rgba(191,163,124,0.5)), color-stop(100%, rgba(153,128,92,0.5))); 
			background: -webkit-linear-gradient(160deg, rgba(153,128,92,0.5) 0%, rgba(191,163,124,0.5) 37%, rgba(229,201,161,0.5) 100%); 
			background: -o-linear-gradient(160deg, rgba(153,128,92,0.5) 0%, rgba(191,163,124,0.5) 37%, rgba(229,201,161,0.5) 100%); 
			background: -ms-linear-gradient(160deg, rgba(153,128,92,0.5) 0%, rgba(191,163,124,0.5) 37%, rgba(229,201,161,0.5) 100%); 
			background: linear-gradient(290deg, rgba(153,128,92,0.5) 0%, rgba(191,163,124,0.5) 37%, rgba(229,201,161,0.5) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5c9a1', endColorstr='#99805c',GradientType=1 ); 
		}
		.mobile-menu-slide li:nth-child(odd){
			background: -moz-linear-gradient(320deg, rgba(111,21,110,0.5) 0%, rgba(55,21,112,0.5) 100%);
			background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(111,21,110,0.5)), color-stop(100%, rgba(55,21,112,0.5)));
			background: -webkit-linear-gradient(320deg, rgba(111,21,110,0.5) 0%, rgba(55,21,112,0.5) 100%); 
			background: -o-linear-gradient(320deg, rgba(111,21,110,0.5) 0%, rgba(55,21,112,0.5) 100%); 
			background: -ms-linear-gradient(320deg, rgba(111,21,110,0.5) 0%, rgba(55,21,112,0.5) 100%); 
			background: linear-gradient(130deg, rgba(111,21,110,0.5) 0%, rgba(55,21,112,0.5) 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f156e', endColorstr='#371570',GradientType=1 ); 
		}

		.mobile-menu-slide,.mobile-wilferz-text{ font-family: 'Futura Std';text-shadow: 1px 1px 6px #000;transition-delay: 0s;transition-duration: 0.4s;transition-property: all;transition-timing-function: ease;opacity: 1}
		.mobile-menu-slide.mobile-menu-none-slide,.mobile-wilferz-text.mobile-menu-none-slide{ opacity: 0 }
		.mobile-wilferz-text{ position: absolute; top: 50%; transform: translateY(-50%);  width: 100% ; text-align: center; color: #FFF; text-transform: uppercase;}
		.textwilferz{ font-size: 80px;font-family: 'Futura Std';font-weight: 300;font-style: normal; line-height: 82px; position:relative; top:-150px!important;}
		.text-wilferz{ list-style: none; padding: 0; margin: 0; text-align: center; }
		.text-wilferz li{ display: inline-block; vertical-align: top; width: 15%;  position: relative; margin: 0 4px }
		.text-wilferz li svg {  margin: 0 auto; display: block; width: 100%; height: 68px  }
		.text-wilferz li svg path{stroke:#FFF;fill:#FFF}
		.text-wilferz li svg polygon{fill:#FFF;stroke:#FFF;}
		.mobile-menu-slide li{ overflow: hidden; }
		.mobile-menu-slide li a:before {font-family: 'icomoon';color:#FFF; font-size: 110px; position: absolute; left:-50px; opacity: 0.5}
		.mobile-menu-slide li.wilferz a:before {content: "\e909";}
		.mobile-menu-slide li.high a:before {content: "\e903";}
		.mobile-menu-slide li.conversa a:before {content: "\e907";}
		.mobile-menu-slide li.media a:before {content:"\e905";}
		.mobile-menu-slide li.about a:before {content: "\e901";}
		.menu-icon {display: block;	width: 50px!important;overflow: hidden; transition: all ease-in-out 600ms;}
		.left-all-menu ul li:hover ul li a, .mobilemenuSection ul li:hover ul li a {color: #ffffff!important;}
		.left-all-menu ul li ul li a, .mobilemenuSection ul li ul li a {
			color: #ffffff;
		}
	
	
	/*Multifamily*/
	
	.con-left .entry-content li {line-height: 30px; font-size: 1.3rem;line-height: 3rem; color: #bba5b8!important; text-shadow: 1px 1px black!important;}
.email{ padding-top: 14px; padding-bottom: 28px }

.con-left .entry-content h3 {line-height: 30px; font-size: 1.6rem; color: #bba5b8!important; text-shadow: 1px 1px black!important;}
.email{ padding-top: 14px; padding-bottom: 28px }
.envira-pagination {display:none;}
.grid-container {
  display: grid;
  grid-column-gap: 0px;
  grid-template-columns: auto auto;
  
  padding: 0px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 0;
  font-size: 1em;
  text-align: left;
  padding-left:8px;
}
	/*menu hamburguesa*/
	.about-container-inner, .about-pag-header {
    overflow: hidden;
    position: relative;
    z-index: 0;
}
.footer-social-icons {
    width: 240px!important;
    display: block;
    margin: 0;
}
	.hamburger-menu{display:block;}
.container-inner {
    position: relative;
    z-index: 0;
    overflow: hidden;
	top: 60px;
}
#menu__toggle {
	opacity: 0;
  }
  #menu__toggle:checked + .menu__btn > span {
	transform: rotate(45deg);
  }
  #menu__toggle:checked + .menu__btn > span::before {
	top: 0;
	transform: rotate(0deg);
  }
  #menu__toggle:checked + .menu__btn > span::after {
	top: 0;
	transform: rotate(90deg);
  }
  #menu__toggle:checked ~ .menu__box {
	left: 0 !important;
  }
  .menu__btn {
	position: fixed;
	top: 7%;
	left: 20px;
	width: 40px;
	height: 26px;
	cursor: pointer;
	z-index: 1;
  }
  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
	display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: #bd002075;
    transition-duration: .25s;
    box-shadow: 0 0 8px 1px #000000ad;
  }
  .menu__btn > span::before {
	content: '';
	top: -8px;
  }
  .menu__btn > span::after {
	content: '';
	top: 8px;
  }
  .menu__box {
	display: block;
	position: fixed;
	top: 0;
	left: -100%;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 80px 0;
	list-style: none;
	background-color: #4646468a;
	background-repeat: no-repeat;
    background-size: auto;
    background-image: url(/images/contacto.jpg);
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .4);
    transition-duration: .25s;
  }
  .menu__item {
    display: block;
    padding: 12px 24px;
    color: #fff;
    font-family: 'Futura Std', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-decoration: none;
    transition-duration: .25s;
  }
  .menu__item:hover {
	background-color: #CFD8DC;
  }
	/*Menu Social-media-new*/
	.social-menu-new ul {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    margin: 0;
    display: flex;
}
.social-menu-new ul li {
    list-style: none;
    margin: 0 10px;
}
.social-menu-new ul li .fa {
    color: #000000;
    font-size: 25px;
    line-height: 50px;
    transition: .5s;
}
.social-menu-new ul li .fa:hover {
    color: #ffffff;
}
.social-menu-new ul li a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: white;
    text-align: center;
    transition: 0.5s;
    transform: translate(0,0px);
    box-shadow: 0px 7px 5px rgba(0, 0, 0, 0.5);
}
.social-menu-new ul li a:hover {
    transform: rotate(0deg) skew(0deg) translate(0, -10px);
}
.social-menu-new ul li:nth-child(1) a:hover {
    background-color: #3b5999;
}
.social-menu-new ul li:nth-child(2) a:hover {
    background-color: #e4405f;
}
.social-menu-new ul li:nth-child(3) a:hover {
    background-color: #0077B5;
}

		/*-------------------------------------------------------------------------------
		About Page
		/*-------------------------------------------------------------------------------*/
		.mobile-hed .mobile-menu-section-top{ position: static; }
		.mobile-hed .mobile-nav-icon{ position: absolute; top: 0 }


		.mfp-content{ padding-top: 80px;vertical-align: top; }
		.mfp-close-btn-in .mfp-close{ top:-5px }


		.mobile-hed .logo-wrapper{ padding-top: 15px;  }
		.arrow-logo{ padding-bottom: 22px }
		.aboutUs-wrapper-page .bar-pan{ display: none; }
		.aboutUs-wrapper-page .about-left{ display: none; float: none; width: 100% }
		.about-right{ float: none; width: 100% }
		.about-page-content{ width: 100% }
		.aboutUs-wrapper-page{ padding-bottom:20px }
		.about-pag-header,.defalt-page-wrapper .about-pag-header{ padding-top:30px; padding-bottom: 20px }
		.defalt-page-wrapper .about-pag-header{ padding-bottom: 0 }
		.about-pag-header span{ font-size:30px; line-height: 33px; margin-top:15px }
		.about-page-content p{ padding-bottom: 0 }
		.about-left{ display: none; float: none; }
		.people-bio{ width: 100% }
		.more .morecontent span{ display: block; }
		.more .morelink, .more .morelink.less{ display: none; }

		.pepoleofwilferzimg{ background-position: right top; background-attachment: scroll; position: fixed;}
		.designation-hed{ margin-bottom: 0 }
		.people-bio p{ padding-bottom: 0;margin-top: 0; }
		.people-bio h2{ padding-top: 10px; display: block; }
		/*-------------------------------------------------------------------------------
		Highlighted Page
		/*-------------------------------------------------------------------------------*/
		.highlighted-developments-cat .logo-wrapper{ position: static; }
		.highlighted-developments-cat .container{ padding: 0; }
		.highlighted-developments-cat .cat-listing-hig .container{ padding: 0 20px; width: 100% }
		.developments-categories-wrapper:before{ position: fixed; }
		.formobile{ display: block; }
		.de-hedign{ text-transform: uppercase; font-size: 16px; color: #bf9b69; display: block; text-align: center; padding-bottom: 52px; padding-top: 43px }
		.bar-pan.single-det-bar{ display: none; }
		.highlighted-developments-cat{ height: 100% }
		.highlighted-developments-listig{ position: static; transform: none; }
		.highlighted-loop li{ display: block; width: 100% ; float: none;}
		.highlighted-loop li:hover .bg-image{ display: none; }
		.highlighted-loop li figure:hover { opacity: 1;filter: none; }
		.highlighted-loop li figure{ height: 180px; min-height: auto }
		.highlighted-loop li article h2{ width: 100%; text-align: center; padding: 0; margin: 0; top: 50%; transform: translateY(-50%); }
		.highlighted-loop li article .number-no{  left:-25px; line-height: normal; position: absolute; top: 0; font-size: 204px; line-height: 180px; }
		.highlighted-loop li article,.cat-listing-hig{ position: static; }
		.cat-listing-hig{ padding-top:30px; padding-bottom: 30px; text-align: left; }
		.cat-listing-hig li,.cat-listing-dev li{ display: block; font-size: 14px;  padding: 0; margin: 0; margin-bottom:10px; display: inline-block; vertical-align: top; width: 49%; letter-spacing:normal; }
		.developments-categories-wrapper{ padding-bottom: 40px; height: 100% }
		.highlighted-loop li figure{ background-position: 0 }








	.barba-container{ position: static; }
	.middle-align,#livechat-compact-container{ display: none; }
	.mfp-wrap {position: fixed !important;overflow-y: scroll;}
	.mfp-bg{ background-color: rgba(51,51,51,0.9); opacity: 1 }
	.mobile-top-toggle{ padding-top: 0 }
	.mfp-close-btn-in .mfp-close{ position: absolute; left:13px; font-size: 0;top:0 }
	.mfp-close-btn-in .mfp-close:before{ content: ""; width: 50px; height: 1px; background-color: #FFF; display: block;transform: rotate(45deg);top:45px;position: relative; }
	.mfp-close-btn-in .mfp-close:after{ content: ""; width: 50px; height: 1px; background-color: #FFF; display: block;transform: rotate(-45deg); }
	

	/*--------------------------------------------------------------
	2. >>> About Us Page Style
	----------------------------------------------------------------*/
		.container{ width: auto; padding: 0 20px }
		.mobile-hed,.site-main{ clear: both; width: 100% }


	
	/*--------------------------------------------------------------
	3. >>> Single Project Page Style
	----------------------------------------------------------------*/
	.developments-single-details-wrapper{ min-height: 100%; padding-bottom: 40px }
	.left-pan, .right-pan{ float: none; width: 100% }
	.developments-single-details-wrapper .right-pan{ position: static; padding-top: 60px; padding-left: 20px; padding-right: 20px }
	.single-hed{ position: static; padding-bottom: 52px }
	.left-pan article, .left-pan .gallery{ float: none; }
	.left-pan-inn{ padding: 0 20px; padding-top: 43px }
	.left-pan article,.developments-categories-button{ width: 100% }
	.left-pan .gallery{ width: 100%; text-align: left; }
	.left-pan .gallery-loop{ display: none; }
	.planandmedia ul{ list-style: none; padding: 0; margin: 0; padding-top:20px }
	.left-pan .gallery .plan-button a,.planandmedia a{ text-align: center; }
	.left-pan .gallery{ display: none; }
	.developments-categories-button{ padding-top:30px }
	.developments-single-details-wrapper .mobile-nav-icon span{ display: block; background-color: rgba(255,255,255,0.3); height: 1px; margin-bottom: 9px;width: 50px;  }
	.single-developments .mobile-hed .mobile-nav-icon {position: absolute; z-index: 5;top: 0;    left: 0;}
	.single-developments .mobile-top-list-menu.left-all-menu{ position: static; transform: none;opacity: 1; width: auto; text-align: left; }
	.single-developments .mobile-top-list-menu.left-all-menu ul{ text-align: left; }
	.single-developments .mobile-top-list-menu .qtranxs_widget ul li,.single-developments .mobile-top-list-menu .qtranxs_widget ul li.active{ opacity: 1 }
	.single-developments .left-all-menu .mobile-social li{ display: inline-block; vertical-align: top; margin-right: 4px }
	.single-developments .left-all-menu .mobile-social{ margin-top: 30px }
	.single-developments .social-menu li a i{left: 50%;transform: translate(-50%,-50%);}
	.single-developments .mobile-top-list-menu .qtranxs_widget ul li{ padding-right: 6px }
	.single-developments .left-all-menu nav{ margin-left: 0 }
	.single-developments .mobile-top-list-menu{ padding-left: 20px; padding-bottom: 20px; }
	.single-developments .mfp-content {padding-top: 80px;vertical-align: top;}
	.single-developments .mobile-nav-icon{ padding-top:20px; padding-left: 20px }
	.formobile.planandmedia{ display: block; }

.ug-gallery-wrapper .ug-thumbs-strip{ display: none; }

.ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ display: none; z-index: 60; }

.ug-gallery-wrapper{ height: 350px!important }
.single-developments .bar-pan.single-det-bar{ display: none; }
.ug-slider-wrapper { opacity: 1 }
.ug-gallery-wrapper .ug-overlay-disabled,.ug-gallery-wrapper .ug-strip-panel,.ug-gallery-wrapper .ug-slider-wrapper{ background-color: #000; }

.bar-pan{ display: none; }
.logo-wrapper{ position: absolute; left: 0; right: 0; top: 0; }
.introduction-wrapper-page .entry-content{ padding: 0 }
.introduction-wrapper-page article p br{ display: none; }
.introduction-wrapper-page article{ padding-top:60px }
.introduction-wrapper-page .sub-hed{ padding-bottom: 10px;margin-bottom: 18px; }
.introduction-wrapper-page h1, .con-left h1, .about-all-sub-page h1{ font-size: 32px; line-height: 36px; margin-bottom: 18px }
.sliderWrapper{ max-width: 100%; }
.sliderWrapper .ug-gallery-wrapper .ug-handle-tip-left.ug-skin-default, .sliderWrapper .ug-gallery-wrapper .ug-handle-tip-right.ug-skin-default{ display: none; }

.sliderWrapper{ margin: 30px 0 }

.developments-categories-wrapper .formobile .log-main { display: none; }
.developments-categories-wrapper .cat-listing-hig{ display: none; }
.developments-categories-wrapper .formobile .cat-listing-hig{ display: block; }

.developments-categorieslist .cat-listing-dev{ padding: 30px 0 }
.all-development-wrapper .developments-categorieslist, .other-cat .developments-categorieslist{ padding-bottom: 0 }
.highlighted-loop{ padding: 0 20px; overflow: hidden; }
.highlighted-loop li{ overflow: hidden; margin-bottom: 20px }
.developments-list{ width: 100%; margin-bottom: 20px }
.developments-categories-wrapper{ padding-bottom: 10px }
.developments-list article header{ width: 100%; text-align: center; }
.developments-single-details-wrapper article p{ padding-right: 0 }
.developments-single-details-wrapper article header h1{ margin-bottom: 10px }
	.con-left {margin-left: 20px;}
	.con-left .entry-content{ padding-left: 0 }
	.con-left .entry-content p br{ display: none; }
	.con-left, .con-right,.blog-left,.blog-list,.blog-right{ width: 100%; float: none; }
	.contact-form{ margin-top:30px; padding:20px; margin-left: 0px; }
	.contactUs-wrapper-page{ padding-bottom: 40px; background-image: url(/images/contacto.jpg); background-repeat: no-repeat;
  background-size: auto; }
	.contactUs-wrapper-page .site-main,.blog-inner,.blog-inner.blod-det-inner{ padding-top: 30px }
	.blog-list article{ width: 100%; padding: 0 }
	.blog-left aside li{ margin-bottom: 10px;}
	.blog-list{ margin-top: 20px }
	
	.blog-right{ margin-top: 30px }
	.blog-det h1{ font-size:24px; line-height:28px }
	.blog-inner{ padding-top: 40px }
	.blog-det article{ padding: 20px }
	.sing-right{ float: none; width: auto; padding: 0 }
	.blog-det p{ padding-bottom: 0 }
	.sing-left{ padding-right: 10px }
	.date-shar-section{ padding: 20px 0; margin: 0 }
	.sing-right .date-sec-big{ display: none; }
	.sing-left figure{ text-align: center; }
	.sing-left figure img{ display:block; margin: 0 auto }
	.not-found h1{ font-size: 60px; line-height: 65px }
	.page-template-default .bg{ position: fixed;background-attachment: inherit; }

	.mobile-menu-slide .slick-prev{ left: 40% }
	.mobile-menu-slide .slick-next{ right: 40% }

	.mobile-menu-slide .slick-prev, .mobile-menu-slide .slick-next{ width: 35px; height: 35px; border: 1px solid #FFF; top: inherit; bottom: 0;z-index: 60; background-repeat: no-repeat; background-position: center center; }
	.mobile-menu-slide .slick-prev:before, .mobile-menu-slide .slick-next:before{ display: none; }
	.mobile-menu-slide .slick-prev{ left: 40%; background-image: url(../images/prevarrowmob.png); }
	.mobile-menu-slide .slick-next{ right: 40%; background-image: url(../images/nextarrowmob.png); }
}
/*-------------------------------------------------------------------------------
End Responsiv
/*-------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------
 SM Style 480 - 7671 @media (min-width: 600px) and (max-width: 767px) 
-------------------------------------------------------------------------------*/


@media (min-width:600px) and (max-width: 767px) {

	/*--------------------------------------------------------------
	1. >>> Home Page Style
	----------------------------------------------------------------*/
	.home-page-wrapper .mobile-view{ position: static; }
	.home-page-wrapper .mobile-top,.home-page-wrapper .mobile-menu-slide,.home-page-wrapper .mobile-wilferz-text{ display: none; }




	.middle-align{ display: block; }
	.menu-icon{ width: 50px; position: relative; z-index: 6 }
	.main-nav-title{ padding-top: 20px }
	.main-nav-title{ font-size: 11px; line-height: 13px; letter-spacing: normal; }
	.left-all-menu ul li{ margin-bottom:5px }
	.left-all-menu ul li ul{ margin-top: 3px }
	.menuopen .middle-align:before{ content: ""; position: absolute;background-color: rgba(51,51,51,0.9); left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; z-index:6 }
	.lan-social-wid{ width: 70% }
	.menu-pan{ position: relative; z-index: 6 }
	.left-all-menu nav{ margin-left:100% }
	.mfp-content .left-all-menu nav{ margin-left: 0 }
	.menuopen .left-all-menu{ z-index: 6;top: 50%; }
	.menu-icon-close{ display: none; width: 50px; position: relative; z-index: 6;top: -25px; }
	.menu-icon-close span{background-color: #FFF; margin-bottom: 4px; display: block; width: 100%;height: 2px }
	.menu-icon-close .sp2{transform: rotate(-45deg);top: -4px;position: relative;}
	.menu-icon-close .sp1{transform: rotate(45deg);}
	/*--------------------------------------------------------------
	2. >>> About Page Style
	----------------------------------------------------------------*/
	.about-pag-header{ padding-top: 30px; }
	.about-page-content{ width: 100% }
	.aboutUs-wrapper-page{ padding-bottom: 0 }
	
	/*-------------------------------------------------------------------------------
	Highlighted Page
	/*-------------------------------------------------------------------------------*/
	.highlighted-developments-cat .logo-wrapper{ padding-top: 6px }
	.developments-categories-wrapper:before{ position: fixed; }
	
	.cat-listing-hig li{ font-size: 14px; margin-right: 4px }
	.cat-listing-hig .container{ width: auto; padding: 0 20px }
	.highlighted-loop li article h2{ font-size: 13px; }
	.highlighted-loop li article .number-no{left: -15px;top: 0;}
	.highlighted-loop li,.developments-list{ width:48.33%; display: inline-block; vertical-align: top; float: left; overflow: hidden; }
	.highlighted-loop li figure{ height: 230px }
	/*-------------------------------------------------------------------------------
	Single Development Page
	/*-------------------------------------------------------------------------------*/
	.single-developments .mfp-close-btn-in .mfp-close{ top: 6px }

	.ug-gallery-wrapper{ height:550px!important }
	.blog-list article{ width: 50% }
	.blog-list article{ padding: 0 10px }
	.sub{ font-size: 12px }
	.highlighted-loop li,.developments-list{ margin-right: 20px }
	.highlighted-loop li:nth-child(2n+2),.developments-list:nth-child(2n+2){ margin-right: 0 }
	.blog-left aside ul{ list-style: none; }
	.blog-left aside li{ float: left; width: 49% }
	.blog-left aside li ul{ padding-left: 0 }

	

}



@media (min-width:480px) and (max-width: 568px) {
	.mobile-menu-slide li{ height: 90px }
	.mobile-menu-slide li a:before{font-size: 70px;}
	.mobile-menu-slide li a:before{left: -32px;}
}
@media (max-width:480px) {
	.sing-left, .sing-right{ float: none; width: 100%; padding: 0 }
	.sing-left figure{ margin-bottom: 30px }
	.pepoleofwilferzimg{ background-image: none !important;  }
	.mobilepeopleImage{ display: block; }


}

@media (max-width: 360px) {
	.about-pag-header span{ font-size: 37px; line-height: 40px }
	.mobile-menu-slide li{ height:113px }
	.mobile-menu-slide li a:before{ font-size: 90px;left: -44px; }

}







/*-------------------------------------------------------------------------------
End Responsiv
/*-------------------------------------------------------------------------------*/



/*-------------------------------------------------------------------------------
 SM Style 768 - 991 @media (min-width: 768px) and (max-width: 991px) 
-------------------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	.container{ width: 90% }
	.bar-pan{ width: 90%;margin: auto; left: 0; right: 0 }
	.menu-icon{ width: 50px; }
	.main-nav-title{ font-size: 11px; line-height: 14px }
	.lan-social-wid{ width: 64px; }
	/*-------------------------------------------------------------------------------
	About Page
	/*-------------------------------------------------------------------------------*/
	.about-pag-header{ padding-top: 60px; }
	.aboutUs-wrapper-page{ padding-bottom:40px }
	.about-left{ width: 25% }
	.about-right{ width: 74% }
	.about-page-content{ width: 100% }
	.pepoleofwilferzimg{ background-position: right top; background-attachment: scroll; position: fixed; }
	.people-bio{ width: 100% }
	/*-------------------------------------------------------------------------------
	Highlighted Page
	/*-------------------------------------------------------------------------------*/
	.cat-listing-hig .container{ padding: 0 20px; width: auto; }
	.highlighted-loop li figure{min-height: 44vh;}
	.highlighted-loop li article h2{ font-size: 10px; }
	.cat-listing-hig{bottom:19vh; text-align: center;}
	.cat-listing-hig li{ font-size: 12px; margin-right: 12px }

	/*-------------------------------------------------------------------------------
	Single Development Page
	/*-------------------------------------------------------------------------------*/
	.right-pan{ width:100%; float: none; }
	.left-pan{ width:100%; float: none; }
	.ug-slider-wrapper { opacity: 1 }
	.ug-gallery-wrapper .ug-overlay-disabled,.ug-gallery-wrapper .ug-strip-panel,.ug-gallery-wrapper .ug-slider-wrapper{ background-color: #000; }
	.introduction-wrapper-page article{ padding-top: 40px }
	.introduction-wrapper-page h1, .con-left h1, .about-all-sub-page h1{ font-size: 45px }
	.introduction-wrapper-page .entry-content{padding-left:0;}
	.developments-list{ min-height: 130px; }
	.bar-pan{ position: fixed; }
	.previous-developments-list article{ font-size: 14px }

	.developments-single-details-wrapper .right-pan{ float: none; position: static; width: 100%; margin-top:120px}
	.developments-single-details-wrapper .single-hed{ top: 0 }
	.ug-gallery-wrapper{ height: 650px !important }
	.left-pan-inn{ padding-top: 30px }
	.left-pan .gallery{ display: none; }
	.left-pan article{ float: none; width: 100%; padding: 0 20px }
	.developments-single-details-wrapper article p{ padding-right: 0 }
	.left-pan .formobile{ display: block; }
	.left-pan .formobile ul{ list-style: none; padding: 0; margin: 0; padding-top: 30px }
	.plan-button a{ text-align: center; }
	.developments-categories-button{ width: 100%;    padding-top: 30px; }
	.developments-single-details-wrapper{ padding-bottom: 40px }
	.con-left .entry-content{ padding-left: 0 }
	.con-left .entry-content p br{ display: none; }
	.con-left, .con-right{ width: 50% }
	.blog-left aside li{ font-size: 12px; }
	.blog-left,.blog-right{ float: none; width: 100% }
	.blog-det h1{ font-size:30px; line-height:32px }
	.blog-inner{ padding-top: 40px }
	.blog-det article{ padding: 30px }
	.sing-right{ float: none; width: auto; }
	.blog-det p{ padding-bottom: 0 }
	.sub{font-size: 14px;top: 64%;transform: translateY(-64%); }
	.defalt-page-wrapper .about-pag-header{ padding-top: 30px }
	.single-developments .bar-pan.single-det-bar{ display: none; }
	.page-template-default .bg{ position: fixed;background-attachment: inherit; }

}

/*-------------------------------------------------------------------------------
 MD Style 992 - 1199 @media (min-width: 992px) and (max-width: 1199px) 
-------------------------------------------------------------------------------*/
@media (min-width: 992px) and (max-width: 1199px) {
	.container{ width: 95% }
	.bar-pan{ width: 95%;margin-left: -67%; }
	.menu-icon{ width: 50px; }
	.main-nav-title{ font-size: 11px; line-height: 14px }
	.lan-social-wid{ width: 64px; }
	/*-------------------------------------------------------------------------------
	About Page
	/*-------------------------------------------------------------------------------*/
	.about-pag-header{ padding-top: 60px; }
	.aboutUs-wrapper-page{ padding-bottom:40px }
	.pepoleofwilferzimg{ background-position: right top; background-attachment: scroll; position: fixed; }
	.people-bio{ width: 100% }
	/*-------------------------------------------------------------------------------
	Highlighted Page
	/*-------------------------------------------------------------------------------*/
	.cat-listing-hig .container{ padding: 0 20px; width: auto; }
	.cat-listing-hig{bottom: 10vh}
	.cat-listing-hig li{ font-size: 16px }
	/*-------------------------------------------------------------------------------
	Single Development Page
	/*-------------------------------------------------------------------------------*/
	.right-pan{ width: 57% }
	.left-pan{ width: 41% }
	.ug-slider-wrapper { opacity: 1 }
	.ug-gallery-wrapper .ug-overlay-disabled,.ug-gallery-wrapper .ug-strip-panel,.ug-gallery-wrapper .ug-slider-wrapper{ background-color: #000; }
	.introduction-wrapper-page .entry-content{padding-left: 19.5%;}
	.developments-list{ min-height: 175px; }
	.previous-developments-list span{ bottom: -53px }
	.sub{font-size: 14px;top: 69%;transform: translateY(-69%); }
	.defalt-page-wrapper .about-pag-header{ padding-top: 30px }
	.page-template-default .bg{ position: fixed;background-attachment: inherit; }

}
@media (min-width:1200px) and (max-width: 1222px) {
	.menu-icon{ width: 50px; }
	.lan-social-wid{ width: 64px; }
}

@media (min-width:1289px) and (max-width: 1400px) {
	.menu-icon{ width: 50px; }
	.lan-social-wid{ width: 64px; }
	.blog-list article{min-height: 380px;}

}