@media (min-width:1024px) and (max-width:1179px) {
	.wrapper{width:980px}
	.header-upper .wrapper::after {width:22px;}
	.header-upper .header-logo {width:180px;}
	.header-upper .header-nav {width:800px; backgroung-color:#001023;}
	#cssmenu {padding-left:0px;}
	#cssmenu > ul > li > a {padding: 14px 16px}
	.wel-section {padding:40px 0;}
	.wel-section .welcome {width:375px;}
	.welcome h1 {margin-bottom:13px; font-size:32px;}
	.wel-section .wel-text {width:575px;}
	.contact .contact-main {background:#fff url("../img/contact-base.png") no-repeat left 459px center;}
	.contact-main .information {width:440px;}
	.contact-main .form {width:460px}
	.input-filed .capcha {width:296px;}
	.img-right {width:300px;}
	.casual-parking .casual-text {width:650px;}
	.location .location-map {width:660px}
	.location .location-map iframe {height:350px;}
	.hour-rate .hour-rate-left, .hour-rate .hour-rate-right {width: 480px;}
	#cssmenu ul {position:absolute; top:44px; right: 0; width:265px; background-color:#001023;}
	/*.loc-map iframe {border: 3px solid #05192b !important; height: 300px;}*/
	.header-upper {overflow:visible;}
	.header-nav #cssmenu > ul > li > a{color:#fff;}
	.header-upper #cssmenu > ul{top:52px;}
}

@media (max-width: 1024px){
	.flexslider .caption h2 {font-size: 30px;padding-bottom: 10px;margin-bottom: 10px;}
	.flexslider .caption p {font-size: 16px;}
}

@media (min-width:768px) and (max-width:1023px) {
	.wrapper{width:730px}
	.header-upper .wrapper::after {width:19px;}
	.header-upper .header-logo {width:180px;}
	.header-upper .header-nav {width:550px;}
	#cssmenu {padding-left:0;}
	#cssmenu ul {position:absolute; top:44px; right: 0; width:265px; background-color:#001023;}
	#cssmenu > ul > li > a {padding: 10px 16px; font-size:15px;}
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {margin-top:0; padding-top:10px;}
	#cssmenu .submenu-button {height:36px;}
	#cssmenu .submenu-button::before {top:18px;background-color:#fff;}
	#cssmenu .submenu-button::after {top:13px; background-color:#fff;}
	.header-parking .p-text p {font-size:17px; line-height:1.9;}
	.wel-section {padding:40px 0;}
	.wel-section .welcome {width:330px;}
	.welcome h1 {margin-bottom:10px; font-size:28px;}
	.welcome h3 {font-size:18px;}
	.wel-section .wel-text {width:370px;}
	.area-service-loaction ul li {margin-right:16px;}	
	.header-bottom .header-parking {display:none;}
	.contact .contact-main {background:#fff url("../img/contact-base.png") no-repeat left 376px center;}
	.contact-main .information {width:333px;}
	.contact-main .form {width:310px}
	.input-filed .capcha {width:146px;}
	.img-right {width:250px;}
	.casual-parking .casual-text {width:460px;}
	.location .location-map {width:410px}
	.location-area ul li {min-width:240px;}
	.location .location-map iframe {height:300px;}
	.hour-rate .hour-rate-left, .hour-rate .hour-rate-right {width: 340px;}
	/*.loc-map iframe {border: 3px solid #05192b !important; height: 300px;}*/
	.header-upper {overflow:visible;}
	.header-nav #cssmenu > ul > li > a{color:#fff;}
	.header .header-upper{padding:15px 0;}
	.header-upper #cssmenu > ul{top:48px;}
	.bg-whight{width:100%;}
	.cms-content h3 {font-size:22px;}
	.cms-content h4 {font-size:19px;}
}

@media (max-width: 768px){	
	.area-service .col-sm-4 {flex: 0 0 50%;max-width: 50%;}
	#cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{color: #fff !important;}
}

@media (min-width:600px) and (max-width:767px) {
	.wrapper{width:570px}
	.header-upper .wrapper::after {width:35px;}
	.header-upper .header-logo {width:140px;}
	.header-upper .header-nav {width:430px; padding-top:25px;}
	.header-upper .wrapper::after, .header-upper .wrapper::before {height:69px;}
	#cssmenu {padding-left:0;}
	#cssmenu ul {position:absolute; top:44px; right: 0; width:265px; background-color:#001023;}
	#cssmenu > ul > li > a {padding: 10px 16px; font-size:15px;}
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {margin-top:0; padding-top:10px;}
	#cssmenu .submenu-button {height:36px;}
	#cssmenu .submenu-button::before {top:18px;background-color:#fff;}
	#cssmenu .submenu-button::after {top:13px; background-color:#fff;}
	.header-bottom .header-parking {display:none;}
	.header-bottom .call-now {padding-left:20px}
	.wel-section {padding:40px 0; text-align:center;}
	.wel-section .welcome {width:100%; float:none; margin-bottom:20px;}
	.welcome h1 {margin-bottom:13px; font-size:32px;}
	.wel-section .wel-text {width:100%; float:none;}
	.wel-text p {text-align:inherit;}
	.area-service-loaction ul li {margin-right:0px; text-align:left; width:49%; margin-bottom:10px;}
	.area-service-map iframe {height:250px;}
	.header-bottom .header-parking {display:none;}
	.contact .contact-main {background-image:none;}
	.contact-main .information {width:100%;float:none; margin-bottom:30px;}
	.contact-main .form {width:100%; float:none;}
	.input-filed .capcha {width:366px;}
	.img-right {width:190px;}
	.casual-parking .casual-text {width:360px;}
	.location .location-area {width:100%; float:none;}
	.location .location-map {width:100%; float:none;} 
	.location .location-map iframe {height:300px;}
	.hour-rate .hour-rate-left, .hour-rate .hour-rate-right {width: 100%; float: none;}
	/*.hour-rate .hour-rate-left {margin-bottom: 30px;}*/
	.loc-map iframe {border: 3px solid #05192b !important; height: 250px;}
	.location-main h3 {width: 400px;}
	.header-upper {overflow:visible;}
	.header-nav #cssmenu > ul > li > a{color:#fff;}
	.header .header-upper{padding:15px 0;}
	.header-upper #cssmenu > ul{top:47px;}
	.header .header-upper .header-nav{padding-top:0;}
}

@media (max-width: 767px){
	.location-main .col-sm-6 {flex: 0 0 100%;max-width: 100%;}
}

@media (max-width: 599px){
	.area-service .col-sm-4 {flex: 0 0 100%;max-width: 100%;}
	.flexslider .caption h2 {font-size: 24px;}
	.flexslider .caption p {font-size: 14px;}
	.flexslider ul.slides li img {height: 320px;object-fit: cover;}
}

@media (min-width:480px) and (max-width:599px) {
	.wrapper{width:455px}
	.header-upper .wrapper::after {width:12px;}
	.header-upper .header-logo {width:140px;}
	.header-upper .header-nav {width:315px; padding-top:25px;}
	.header-upper .wrapper::after, .header-upper .wrapper::before {height:69px;}
	#cssmenu {padding-left:0;}
	#cssmenu ul {position:absolute; top:44px; right: 0; width:265px; background-color:#001023;}
	#cssmenu > ul > li > a {padding: 10px 16px; font-size:15px;}
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {margin-top:0; padding-top:10px;}
	#cssmenu .submenu-button {height:36px;}
	#cssmenu .submenu-button::before {top:18px;background-color:#fff;}
	#cssmenu .submenu-button::after {top:13px; background-color:#fff;}
	.header-bottom .header-parking {display:none;}
	.header-bottom .call-now {padding-left:20px}
	.wel-section {padding:40px 0; text-align:center;}
	.wel-section .welcome {width:100%; float:none; margin-bottom:20px;}
	.welcome h1 {margin-bottom:13px; font-size:32px;}
	.wel-section .wel-text {width:100%; float:none;}
	.wel-text p {text-align:inherit;}
	.area-service {padding: 25px 0;}
	.area-service-loaction ul li {margin-right:0px; text-align:left; width:49%; margin-bottom:10px;}
	.area-service-map iframe {height:200px;}
	.footer .copyright {float: none; text-align: center; width: 100%;}
	.main-heading h2 {padding-bottom:10px; font-size:26px;}
	.header-bottom .header-parking {display:none;}
	.contact .contact-main {background-image:none;}
	.contact-main .information {width:100%;float:none; margin-bottom:30px;}
	.information h3, .form h3 {font-size:24px;}
	.contact-main .form {width:100%; float:none;}
	.input-filed .capcha {width:250px;}
	.img-right {float:none; width:100%; text-align:center;}
	.casual-parking .casual-text {width:100%;}
	.cms-content {padding:35px 0;}
	.location .location-area {width:100%; float:none;}
	.location .location-map {width:100%; float:none;} 
	.location .location-map iframe {height:250px;}
	.hour-rate .hour-rate-left, .hour-rate .hour-rate-right {width: 100%; float: none;}
	.hour-rate .hour-rate-left {margin-bottom: 30px;}
	.cms-content h3 {font-size: 22px;}
	.cms-content h4 {font-size: 17px;}
	.cms-content img {margin-top: 20px;}
	/*.loc-map iframe {border: 3px solid #05192b !important; height: 200px;}*/
	.location-main h3, .location-main h4 {display: block}
	.location-main h4 {float: none;}
	.header-upper {overflow:visible;}
	.header-nav #cssmenu > ul > li > a{color:#fff;}
	.header .header-upper{padding:15px 0;}
	.header-upper #cssmenu > ul{top:47px;}
	.header .header-upper .header-nav{padding-top:0;}
	.err-thank{padding:10px 0;}
}

@media (max-width:479px) {
	.wrapper{width:95%}
	.header-upper {position:relative;}
	.header-upper .wrapper::after {width:8px;}
	.header-upper .header-logo {width:120px;}
	.header-upper .header-nav {width:184px; padding-top:16px;}
	.header-upper .wrapper::after, .header-upper .wrapper::before {height:60px;}
	#cssmenu {padding-left:0;}
	#cssmenu ul {position:absolute; top:44px; width:100%; background-color:#001023}
	#cssmenu > ul > li > a {padding: 10px 16px; font-size:15px;}
	#cssmenu > ul > li:hover > a, #cssmenu > ul > li.active > a {margin-top:0; padding-top:10px;}
	#cssmenu .submenu-button {height:36px;}
	#cssmenu .submenu-button::before {top:18px;background-color:#fff;}
	#cssmenu .submenu-button::after {top:13px; background-color:#fff;}
	.header-bottom .header-parking {display:none;}
	.header-bottom .call-now {padding-left:20px}
	.wel-section {padding:25px 0; text-align:center;}
	.wel-section .welcome {width:100%; float:none; margin-bottom:10px; margin-right:0;}
	.welcome h1 {margin-bottom:10px; font-size:23px;}
	.welcome h3 {font-size:16px;}
	.wel-section .wel-text {width:100%; float:none;}
	.wel-text p {text-align:inherit;}
	.area-service {padding: 25px 0;}
	.area-service-loaction ul li {margin-right:0px; text-align:left; width:100%; margin-bottom:10px;}
	.area-service-map iframe {height:180px;}
	.footer {text-align:center;}
	.copyright p {font-size:12px;}
	.footer .social-icon {width:100%; float:left; }
	.social-icon ul {margin-left:96px;}
	.main-heading h2 {padding-bottom:10px; font-size:20px;}
	.header-bottom .header-parking {display:none;}
	.main-heading {margin-bottom:20px;}
	.contact {padding: 30px 0 30px;}
	.contact .contact-main {background-image:none; padding:10px 5px;}
	.contact-main .information {width:100%;float:none; margin-bottom:30px;}
	.information h3, .form h3 {font-size:22px;}
	.contact-main .form {width:100%; float:none;}
	.input-filed .capcha {width:130px;}
	.img-right {float:none; width:100%; text-align:center;}
	.casual-parking .casual-text {width:100%;}
	.cms-content {padding:35px 0;}
	.location .location-area {width:100%; float:none;}
	.location .location-map {width:100%; float:none;} 
	.location .location-map iframe {height:220px;}
	.hour-rate .hour-rate-left, .hour-rate .hour-rate-right {width: 100%; float: none;}
	.hour-rate .hour-rate-left {margin-bottom: 30px;}
    .cms-content h3 {font-size: 22px;}
	.cms-content h4 {font-size: 17px;}
	.cms-content img {margin-top: 20px;}
	.footer .copyright {float: none; text-align: center; width: 100%; padding:10px 0 10px 0;}
	/*.loc-map iframe {max-width:100%; border:3px solid #05192b !important; height: 180px; box-sizing:border-box;}*/
	.location-main h3, .location-main h4 {display: block}
	.location-main h4 {float: none;}
	.bg-whight{width:100%;}
	.header-upper {overflow:visible;}
	.header-nav #cssmenu > ul > li > a{color:#fff;}
	.header .header-upper{padding:15px 0;}
	.header-upper #cssmenu > ul{top:45px;}
	
	.header .header-upper .header-nav{padding-top:0;}
	.location-area ul li{font-size:18px;}
	.copyright span{display:block;}
	/*.loc-map iframe{height: 180px;}*/
	.err-thank{padding:10px 0;}
	

}