/* ==========================================================================
   Media Queries
   ========================================================================== */


/* ipad Pro Landscape*/
@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	.banner .landing {min-height:68vh; max-height:inherit!important;}
	.banner .landing video {min-height: 100%;}
	.gray-area.height38 {height:22vh!important;}
	.header.shrink {background:#3A3A3A;}
	.container {padding-left:30px; padding-right:30px;}
	.social-media {left:10px;}
}
/* ipad Pro Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.banner .landing {min-height:76vh; max-height:inherit!important;}
	.banner .landing video {min-height: 100%;}
	.gray-area.height38 {height:22vh!important;}
	.header.shrink {background:#3A3A3A;}
	.social-media {display:none;}
	#sidebarMenu .social-media {display:block!important;}
}

/* ipad Landscape*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 768px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {
	.banner .landing {min-height:58vh;}
	.banner .landing video {min-height: 100%;}
	.gray-area.height38 {height:22vh!important;}

	.header.shrink {background:#3A3A3A;}
	.container {padding-left:30px; padding-right:30px;}
	.social-media {left:10px;}
}
/* ipad Portrait*/
@media only screen and (min-device-width: 768px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	.banner .landing {min-height:68vh;}
	.banner .landing video {min-height: 100%;}
	.gray-area.height38 {height:22vh!important;}
	.header.shrink {background:#3A3A3A;}
	.social-media {display:none;}
	#sidebarMenu .social-media {display:block!important;}
}

@media only screen and (min-width: 992px) {
	.service-list{ margin-bottom:30px;}
	.c-logo-part ul li{ margin:0 15px;}
	.form{ margin:0 0 0 20px;}
	.main-nav{ display:block!important;}
	.shadow .img-main-heading {font-size:22px;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	/****Ipad Portrait 768 Container 750 ****/
	.profile-bg {float:none; width:600px; margin:0 auto;}
	.profile-image {height:auto!important}
	.profile-image .founder-image {min-height:500px;}
	.contact-form {width:100%;}
	.content-block .content-txt {min-height:155px;}
	.contact-block .slab {margin-bottom:70px;}
	.landing.cover {height:calc(100vh - 117px);}
	.shadow .img-main-heading {font-size:16px; line-height:28px;}
	.hover-text {width:100%;}
	.banner.slider .landing {max-height:570px;}
	
}

@media only screen and (max-width: 767px) {
	/****Mobile Landscape 480 Container 100% ****/
	.header.shrink {background:#3A3A3A;}
	.space50, .space100 {height:40px;}
	.gray-area {min-height:auto;}
	.gray-area .heading2 {text-align:center; padding-left: 0;}
	#scrollstop {height:50px; display:block;}

	.logo {width:60px; top:12px; left:12px;}
	.sidebarIconToggle {top:31px; width: 40px;}
	/* .banner .landing {min-height:400px;} */
	.banner .landing.cover {max-height:480px;}
	.banner.slider .landing {max-height:570px;}
	.banner .landing video {top:0; min-height:510px;}
	.banner .landing #pc_vid {display:none;}
	.banner .landing #mb_vid {display:block;}
	.banner .heading {width: 50%; left: 25%; font-size:1.3em; top:40px;}
	.arrow {display:inline-block!important;}
	.heading {font-size:2em; width:480px; padding:20px 0; transform: translateY(-20%);}
	.heading.big {font-size:4em; padding:25px 0; border-width:4px; transform: translateY(-18%);}
	.image-quote p, .image-quote label {font-size: 25px; line-height: 35px;}
	.profile-bg {float:none; width:100%; margin:0 auto;}
	.profile-image {height:auto!important}
	.profile-image .founder-image {min-height:500px;}
	.profile-content h3 {font-size:25px; padding-bottom: 20px; text-align:center;}
	.contact-form {width:100%; margin-bottom:4em;}
	.contact-block .slab {margin-bottom:70px;}
	.hover-text {width:100%!important;}
	.image-quote {padding:0 15px;}
	.contact-block .head-brdr {width:100%!important;left: 0!important;}
	.shadow .img-main-heading {font-size:16px; line-height:28px;}
	.property-cat .top-twr, .property-cat .top-twl {text-align:center; padding:30px; font-size:20px;}
	.property-cat .top-twl:after {width:80%; position:absolute; height:4px; top:85px; right:calc(100% - 90%);}
	.sort {text-align:center; padding:0;}
	.sort .btn {font-size:13px;}
	.sort .form-group {display:inline-block;}
	.mbYTP_wrapper iframe {transform: scale(2.9)!important;}
	.in-nav .navbar-header {margin-top:14px;}
	.in-nav .nav li a {padding:15px; text-align:center;}
	.in-nav .navbar-form {margin:0;}
	.in-nav .navbar-form, .in-nav .navbar-collapse {box-shadow:none;}
	.navbar-toggle .glyphicon {font-size: 16px; color:#fdfdfd; top:0px;}

	.content-txt .tag {padding:0;}
	.social-media {display:none;}
	#sidebarMenu .social-media {display:block!important;}
	.container900 .f16, .container .f16 {text-align:justify; margin-bottom:30px;}
	.container .f16:last-child {margin-bottom:0;}

	.banner.slider .landing:after {display:none;}
	.banner.slider .landing .owl-dots {width:100%; display:block; text-align:center;}
	.content-block.hover-text {padding:0 15px!important;}

	.modal-body {padding: 0 30px 50px;}
}

@media only screen and (max-width: 630px) {
	.shadow { min-height:460px;}
	.hover-text p {font-size:13px; line-height:26px;}
	.shadow .img-main-heading {font-size:14px; line-height:24px;}
	.heading {font-size:1.5em; width:410px; line-height:28px;}
	.heading.big {font-size:4em; padding:25px 0; border-width:4px; transform: translateY(-18%);margin-bottom: 25px;}
	.parallax-window {margin-bottom:-50px;}
	.banner .heading {top:150px;}
	
}

@media only screen and (max-width: 479px) {
	/****Mobile Portrait 320 ****/
	.heading {font-size:1.3em; width:300px; padding:20px 0; transform: translateY(-20%);}
	.heading.big {font-size:3em; padding:20px 0;}
	.contact-info-box{ margin-left:0px;}
	.social-link{ margin-left:0px;}
	.form{ margin:0}
	.c-logo-part ul li{ display:block;}
	.Portfolio-box{  max-width:300px !important; width:96.4% !important; margin:0 !important}
	.Portfolio-box img { max-width:100%;}
	.portfolioContainer{ width:280px !important; margin:0 auto !important }

}

@media (max-height: 30rem) {
	body {position:relative; transition:all 0.1s linear;}
	body:before {
	  content:"Please rotate device to continue."; padding-top:150px;
	  background-color:#fff; color:#3A3A3A; font-size:16px;
	  position:fixed; z-index:1000; top:0; bottom:0; left:0; right:0;  height:120%; width:100%;
	  display:flex; justify-content:center; align-items:center;
	}
	body:after {content: ""; 
		position: fixed; z-index:1001; top:24%; bottom:0; left:50%; right:0; margin-left:-75px;
		background-image:url(../image/tilt-icon.png); background-repeat:no-repeat; 
		display:flex; justify-content:center; align-items: center;}
}