#site-applanding #header_parent {
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#site-applanding .container {
	width: 1024px;
}
#site-applanding #content-wrapper {
	background: #ffffff;
	padding: 0;
	margin-top: 10px;
}
.app_introduce_wrap {
	background-color: #fff;
	text-align: center;
	padding-top: 39px;
}
.app_introduce_wrap .logo {
	width: 87px;
    height: 87px;
    background: url(../../../images/parkhound-dogonly-logo.svg) no-repeat;
    background-size: cover;
    margin: 0 auto;
}
.title_h2 {
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-size: 36px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	color: #364655;
}
.title_h3 {
	text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-size: 32px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.13;
	letter-spacing: normal;
	text-align: center;
	color: #ffffff;
}
.title_h4 {
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-size: 25px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.12;
	letter-spacing: normal;
	text-align: center;
	color: #484848;
}
.title_h5 {
	font-size: 26px;
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.12;
	letter-spacing: normal;
	text-align: center;
	color: #364655;
}
.wrap825 {
	max-width: 825px;
	margin: 0 auto;
}
.wrap638 {
	max-width: 638px;
}
.wrap500 {
	max-width: 500px;
	margin: 0 auto;
	overflow: hidden;
}
.heigth40 {
	height: 40px;
}
.heigth25 {
	height: 25px;
}
.heigth15 {
	height: 15px;
}
#site-applanding #content-wrapper p {
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-size: 18px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.11;
	letter-spacing: normal;
	text-align: center;
	color: #707070;
}
#site-applanding #content-wrapper p.white{
	color: #ffffff;
}
#site-applanding #content-wrapper p.yellow{
	color: #fec24e;
}
#site-applanding #content-wrapper p .tick {
	font-weight: bold;
	color: #fec24e;
}
.app_introduce_wrap .link a {
	/* font-family: "Montserrat"; */
	font-family: Inter;
    font-size: 23px;
    font-weight: 900;
    line-height: 52px;
    display: inline-block;
    vertical-align: middle;
    background: #666;
    width: 242px ;
    height: 56px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -o-border-radius: 7px;
    border-radius: 7px;
}
.app_introduce_wrap .link a:hover {
	text-decoration: none;
}
.app_introduce_wrap .link .video {
	margin-right: 15px;
	background-color: #f9c24e;
	background-image: url(../../../images/app_landing/play-button.svg);
	background-repeat: no-repeat;
	background-position: 25px center;
	padding-right: 25px;
	width: 217px;
	text-align: right;
	color: #394754;
	border-bottom: 3px solid #d8a033;
}
.app_introduce_wrap .link .video:hover {
	background-color: #ecc87b;
}
.app_introduce_wrap .link .download {
	background-color: #38b483;
	color: #ffffff;
	border-bottom: 3px solid #278460;
}
.app_introduce_wrap .link .download:hover{
	background-color: #42c18f;
}
.app_introduce_wrap .video img {
	margin-right: 20px;
}
#watch_video.modal.fade {
	top: -100%;
}
#watch_video.modal.fade.in {
	top: 10%;
}
#watch_video .modal-body .youtube-player iframe {
	width: 100%;
    height: 225px;
}
.phone_layout {
	width: 1035px;
    height: 680px;
	background: url(../../../images/app_landing/phone-map.png),
				url(../../../images/app_landing/phone-list.png),
				url(../../../images/app_landing/phone-dashboard.png);
	background-position: 15px 26px, center top, right top;
	background-repeat: no-repeat, no-repeat, no-repeat;
	margin: 0 auto;
	background-size: 33% 670px, 35% 725px, 35% 725px;
}
.find_parking_wrap {
	box-shadow: 0 3px 0 0 #17956d;
	background-color: #18b584;
	padding: 55px 0;
	margin-bottom: 10px;
}
.find_parking_wrap .form {
	max-width: 544px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.find_parking_wrap .form .txtbox,
.find_parking_wrap .form .send_btn {
	float: left;
}
.find_parking_wrap .form .txtbox {
	margin-right: 40px;
	width: 252px;
}
.find_parking_wrap div.form #appreg_form .errorMessage {
	margin: 0px;
    text-align: left;
    font-size: 15px;
    color: #ff0000;
}
.find_parking_wrap .form .txtbox input {
	background: url(../../../images/app_landing/icon_mobile.png) no-repeat 10px center;
    background-color: #ffffff;
    padding-left: 50px;
    border: none;
    font-size: 18px;
    width: 196px;
    height: 44px !important;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
}
.find_parking_wrap .form .send_btn .btn-yellow{
	width: 252px;
	height: 52px;
	box-shadow: 0 3px 20px 0 rgba(0, 0, 0, 0.08);
	background-color: #fecc46;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
	/* font-family: "Montserrat"; */
	font-family: Inter;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	font-stretch: normal;
	line-height: 2.11;
	letter-spacing: normal;
	text-align: center;
	color: #484848;
}
.alert_message {
	width: 100%;
	display: table;
}
#site-applanding #content-wrapper .alert_message p {
	line-height: 30px;
	font-size: 25px;
}
.find_parking_wrap .form .send_btn .btn-yellow:hover {
	background: #f6b401;
}
.our_app_features_wrap {
	padding: 60px 0 55px;
	text-align: center;
}
.our_app_features_wrap img{
	width: 240px;
	height: 198px;
}
.our_app_features_wrap .title_h5 img {
	width: 50px;
    height: 20px;
    margin-left: 5px;
}
.our_app_features_wrap .row .span4 {
	margin-top: 60px;
}
.our_app_features_wrap .row .span4 {
	width: calc((100% - 60px)/3);
	width: -moz-calc((100% - 60px)/3);
    width: -webkit-calc((100% - 60px)/3);
	margin-left: 30px;	
}
.our_app_features_wrap .row .span4:nth-child(3n + 1) {
	margin-left: 0px;
	clear: both;
}
.get_app_now_wrap {
	background: url(../../../images/app_landing/hand-iphonex.png),
				url(../../../images/app_landing/background@2x.png);
	background-position: right 50px, left top;
	background-size: contain, cover;
	background-repeat: no-repeat, no-repeat;
	margin: 0 auto;
	padding: 205px 0;
}
.get_app_now_wrap .title_h2 {
	text-align: left;
	color: #fdfdfd;
	font-size: 56px;
}

@media (max-width: 1024px) {
	#site-applanding .container {
		width: 100%;
	}
	.phone_layout {
		width: 100%;	
	}
	.get_app_now_wrap{
		background-position: 120% 50px, left top;
		padding-left: 30px;
	}
}
@media (max-width: 991px) {
	.get_app_now_wrap{
		background-position: 125% 50px, left top;
	}
}
@media (max-width: 857px) {
	.phone_layout {
		height: 582px;
		background-size: 33% 570px, 35% 620px, 35% 620px;
	}
	.get_app_now_wrap{
		background: url(../../../images/app_landing/background@2x.png);
		background-size: cover;
		background-position: 50%;
		background-repeat: no-repeat;
		padding-left: 0px;
	}
	.get_app_now_wrap .title_h2 {
		text-align: center;
	}
	.get_app_now_wrap .wrap638 {
		margin: 0 auto;
		text-align: center;
	}
}
@media (max-width: 825px) {
	.wrap825 {
		width: calc(100% - 20px);
		width: -moz-calc(100% - 20px);
    	width: -webkit-calc(100% - 20px);
		padding: 0 10px;
	}
}
@media (max-width: 768px) {
	.phone_layout {
		height: 534px;
    	background-size: 33% 523px, 35% 568px, 35% 568px;
    	background-position: 12px 23px, center top, right top;
	}
}
@media (max-width: 767px) {
	.our_app_features_wrap .row .span4 {
		display: table;
		float: left;
	}
}
@media (max-width: 735px) {
	.our_app_features_wrap .row .span4 {
	    width: calc((100% - 50px)/3);
	    width: -moz-calc((100% - 50px)/3);
		width: -webkit-calc((100% - 50px)/3);
		margin-left: 25px;
	}
}
@media (max-width: 725px) {
	.our_app_features_wrap .row .span4:nth-child(3n + 1) {
		margin-left: 30px;
		clear: none;
	}
	.our_app_features_wrap .row .span4 {
	    width: calc((100% - 30px)/2);
	    width: -moz-calc((100% - 30px)/2);
		width: -webkit-calc((100% - 30px)/2);
		margin-left: 30px;
	}
	.our_app_features_wrap .row .span4:nth-child(2n + 1) {
		margin-left: 0px;
		clear: both;
	}
}
@media (max-width: 689px) {
	.phone_layout {
		height: 495px;
		background-size: 33% 480px, 35% 528px, 35% 528px;
		background-position: 10px 20px, center top, right top;
	}
}
@media (max-width: 638px) {
	.get_app_now_wrap .wrap638 {
		width: calc(100% - 20px);
		width: -moz-calc(100% - 20px);
    	width: -webkit-calc(100% - 20px);
		padding: 0 10px;
	}
}
@media (max-width: 620px) {
	.phone_layout {
		height: 440px;
		background-size: 33% 430px, 35% 468px, 35% 468px;
	}
}
@media (max-width: 555px) {
	.phone_layout {
		height: 400px;
		background-size: 33% 391px, 35% 425px, 35% 425px;
		background-position: 8px 17px, center top, right top;
	}
	.find_parking_wrap .title_h3 {
		font-size: 22px;
	}
	#site-applanding #content-wrapper p{
		font-size: 16px;
	}
	.our_app_features_wrap .title_h5 {
		font-size: 20px;
	}
	.get_app_now_wrap .title_h2 {
		font-size: 40px;
	}
	.get_app_now_wrap {
		padding: 60px 0;
	}
	.find_parking_wrap .form {
		max-width: 524px;
	}
	.find_parking_wrap .form .txtbox {
		margin-right: 20px;
	}
}
@media (max-width: 524px) {
	.find_parking_wrap .form {
		max-width: 254px;
	}
	.find_parking_wrap .form .txtbox {
		margin-right: 0px;
	}
}
@media (max-width: 500px) {
	.app_introduce_wrap .link a {
		font-size: 18px;
		line-height: 50px;
		width: 180px;
		height: 48px;
	}
	.app_introduce_wrap .link .video {
		background-position: 15px center;
		padding-right: 15px;
		width: 165px;
	}
}
@media (max-width: 479px) {
	.title_h2 {
		font-size: 30px;
	}
	.get_app_now_wrap .playstore img,
	.get_app_now_wrap .appstore img {
		width: 200px;
	}
	.phone_layout {
		height: 342px;
		background-size: 33% 335px, 35% 362px, 35% 362px;
		background-position: 6px 13px, center top, right top;
	}
}
@media (max-width: 420px) {
	.app_introduce_wrap .title_h4 {
		font-size: 20px;
		padding: 0 5px;
	}
}
@media (max-width: 415px) {
	.get_app_now_wrap .playstore img,
	.get_app_now_wrap .appstore img {
		width: 180px;
	}
	.phone_layout {
		height: 292px;
		background-size: 33% 285px, 35% 310px, 35% 310px;
	}
}
@media (max-width: 380px) {
	.title_h2 {
		font-size: 25px;
	}
	.find_parking_wrap .title_h3 {
		font-size: 20px;
	}
	.our_app_features_wrap .row .span4 {
		margin-top: 35px;
	}
	.our_app_features_wrap img {
		width: 130px;
		height: 160px;
	}
}
@media (max-width: 375px) {
	.app_introduce_wrap .link a {
		font-size: 16px;
		line-height: 48px;
		width: 140px;
	}
	.app_introduce_wrap .link .video {
		width: 130px;
		background-size: 15px 15px;
		background-position: 10px center;
    	padding-right: 10px;
	}
	.get_app_now_wrap .appstore img {
		width: 200px;
	}
}
@media (max-width: 360px) {
	.app_introduce_wrap .video img {
		margin-bottom: 10px;
	}
	.phone_layout {
		height: 249px;
		background-size: 33% 243px, 35% 265px, 35% 265px;
		background-position: 6px 10px, center top, right top;
	}
}
@media (max-width: 320px) {
	.phone_layout {
		height: 230px;
		background-size: 33% 225px, 35% 245px, 35% 245px;
		background-position: 4px 10px, center top, right top;
	}
}
@media (max-width: 300px) {
	.app_introduce_wrap .link {
		width: 140px;
	}
	.app_introduce_wrap .link .video {
		margin-right: 0;
		margin-bottom: 10px;
	}
}
@media (max-width: 270px) {
	.our_app_features_wrap .row .span4 {
		width: 100%;
		margin-left: 0px !important;
	}
	.our_app_features_wrap img {
		width: 100px;
		height: 142px;
	}
	.phone_layout {
		height: 200px;
		background-size: 33% 192px, 35% 210px, 35% 210px;
	}
}