@media (max-width: 3440px) {
	.inspection1 img {height: 700px;}
	.inspection2, .inspection5, .inspection6 { height: 700px;}
	#aboutus .vision ul { padding-left:25%;}
	.massage { text-align: left;}
	.massage img {padding-right: 20px;}
	.inspection2, .inspection5, .inspection6 {padding: 4%;}
	.carousel-indicators-bottom-arrow1 .glyphicon-chevron-left, .carousel-indicators-bottom-arrow2 .glyphicon-chevron-right {
    font-size: 55px;}
	#aboutus .top-row { padding-bottom:25px;}
	#aboutus img { width: 25%;}
	.menu ul li a { font-size: 40px;}
	.affix { height: 160px;}
	p { font-size: 35px; line-height: 50px;}
	#demo { width: 820px;}
	button.btn.btn-info.login2 {width: 820px;}
	button.btn.btn-info.login2 { font-size: 55px;}
	.emaillogin { font-size: 30px; height: 90px; margin-bottom: 45px;}
	.forget-pass a {font-size: 35px;}
	img.img-responsive.arrow { height: 18px;}
	.login { width: 820px;}
	img.img-responsive.arrow { height: 75px;}
	.submitbtn { width: 250px;  font-size: 40px;}
	.newbtn { width:450px; font-size:40px;}
	img.img-responsive.tag { height: 94px; left: 10px;}
	.carousel-indicators li { width: 25px; height: 25px;}
	.carousel-indicators .active { width: 27px; height: 27px;}
	.menu ul li a { padding: 50px 35px 0 35px;}
	.html_login .navbar-brand img { width: 370px;}
	.about h2, .services h2, .inspection2 h2 , .contact h2, .inspection5 h2{ font-size: 60px; margin-top: 25px; margin-bottom: 20px;}
	#aboutus ul li { line-height: 60px; font-size: 35px;}
	#contactus p {font-size: 35px;}
	.contact h2 { padding-bottom:30px; padding-top:30px;}
	#contactus img { margin-top:15px;}
	.phone  { padding-left:8%;}
	.massage { padding-left:13%;}
}
@media (max-width: 1920px) {
	.container { width: 90%; }
	.ourvision h2 {margin-top: 43px;}
	.massage p { padding: 0px; float: left; margin-left: 27px;}
	.inspection1 img {height: 359px;}
	.inspection2, .inspection5, .inspection6 { height: 359px;}
	#aboutus .vision ul { padding-left:6%;}
	.massage { text-align: center;}
	.massage img {padding-right: 0px;}
	.inspection2, .inspection5, .inspection6 {padding: 25px;}
	.carousel-indicators-bottom-arrow1 .glyphicon-chevron-left, .carousel-indicators-bottom-arrow2 .glyphicon-chevron-right {
    font-size: 40px;}
	#aboutus img { width: 25%;}
	.menu ul li a { font-size: 18px;}
	.affix { height: 95px;}
	p {font-size: 16px; line-height: 25px;}
	button.btn.btn-info.login2 { width: 350px;}
	#demo {width: 350px;}
	button.btn.btn-info.login2 { font-size: 20px;}
	.emaillogin { font-size: 14px;  height: 40px; margin-bottom: 15px;}
	img.img-responsive.arrow { height: 18px;}
	.login { width: 332px; z-index:16;}
	.submitbtn { width: 115px; font-size:14px;}
	.newbtn { width:175px; font-size:14px;}
	.forget-pass a {font-size: 14px;}
	img.img-responsive.tag { height: 42px;}
	.carousel-indicators li { width: 10px; height: 10px;}
	.carousel-indicators .active { width: 12px; height: 12px;}
	.menu ul li a { padding: 50px 15px 0 15px;}
	.html_login .navbar-brand img { width: 220px !important;}
	.about h2, .services h2 , .inspection2 h2, .contact h2, .inspection5 h2{ font-size: 30px; margin-top: 20px; margin-bottom: 10px;}
	#aboutus ul li {line-height: 30px; font-size: 16px;}
	#contactus p {font-size: 14px;}
	.contact h2 { padding-bottom: 25px; padding-top: 10px;}
	#carousel-example-generic2 img { width:100% !important;}
	#contactus img {  margin-top: 0px;}
	.phone  { padding-left:4%;}
	.massage { padding-left:6%;}
	#carousel-example-generic .item img { height:550px;}
}

@media (max-width: 1440px) {
	.ourvision h2 {margin-top: 43px;}
	.phone  { padding-left:0px;}
	.massage { padding-left:0px;}
}

@media (max-width: 1366px) {

	.menu {
	background: none;
	border: none;
	height: 60px;
	width: 100%;
	position: fixed;
	z-index: 9;
}

.menu ul {
	float: right;
	list-style: none;
}

.menu ul li {
	float: left;
}

.menu ul li a {
	color: #000;
	padding:50px 15px 0 15px;
	text-decoration: none;
	font-size: 18px;
	display: block;
}

.menu ul li a:hover {
	color: #f26523;
	border-bottom: 5px solid #f26523;
}

.menu ul li a.active {
    color: #f26523;
	border-bottom: 5px solid #f26523; 
}
.carousel slide {
	position: relative;
}

.btn-primary-banner {
	position: absolute;
	bottom: 0;
	width: 20%;
    right: 68px;
    line-height: 40px;
    border-radius: 10px 10px 0 0px;
	background-color: #f26523;
}

a.btn-primary-banner {
	color: #fff;
	font-size: 18px;
}

.btn-primary-banner img {
	float: left;
}

input#exampleInputEmail1well {
	float: right;
    width: 31%;
}
.well {
	position: absolute;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.about h2 {
	text-align: center;
	color: #f26523;
}

.about p {
	text-align: center;
}
.ourvision {
	text-align: center;
}

.vision {
	margin-top: 35px;
}
.ourvision h2{
	margin-bottom: 25px;
}

.ourvision ul li {
	text-align: left;
}

.value {
	text-align: center;
}

.value ul li {
	text-align: left;
}

.value h2 {
	margin-bottom: 25px;
}

.about {
	margin-top: 35px;
}
.services {
	margin-top: 35px;
	background-color: #f4f4f4;
}

.services h2 {
	text-align: center;
	color: #f26523;
}

.services p {
	text-align: center;
}

.inspection1 {
	padding: 0px;
	margin-right: 0;
}

.inspection1 img {
	width: 100%;
	height: 359px;
}
.inspection2 {
	height: 359px;
	/*padding:64px 0 129px 41px;*/
	background-color: #f15c25;
}

.inspection2 h2 {
	color: #fff;
}
.inspection5 {
	height: 359px;
	/*padding:89px 0 129px 41px;*/
	background-color: #f15c25;
}

.inspection6 {
	height: 359px;
	/*padding: 0px 0px 121px 41px;*/
	background-color: #f15c25;
}

.inspection6 h2{
	color: #fff;
} 

.inspection6 p{
	color: #fff;
	padding-right: 14%;
}
.inspection5 h2{
	color: #fff;
}

.inspection5 p{
	color: #fff;
	padding-right: 14%;
} 

.inspection2 p {
	color: #fff;
	padding-right: 14%;
}

.contact {
	background-color: #282928;
}

.contact h2 {
	color: #fff;
	text-align: center;
	margin-bottom: 25px;
}

.office img {
	float: left;
}

.office p {
	color: #fff;
	padding-left: 63px;
    text-align: left;
}
/*.phone {
	text-align: center;
}*/

.phone img {
	float: left;
	margin-left: 112px;
	margin-right: 10px;
}

.phone p {
	color: #fff;
	padding-left: 63px;
}

.massage {
	text-align: center;
}

.massage img{
	float: left;
	margin-left: 141px;
}

.massage p {
	color: #fff;
	/*padding-left: 63px;*/

}


#demo {
	width: 350px;
	float: right;
    padding:25px 25px;
    background-color: #f4f4f4;
    /*position: absolute;*/
    bottom: 0px;
}

button.btn.btn-info {
	float: right;
}

button.btn.btn-info.login2 {
	background-color: #f15c25;
	width: 350px;
	position: relative;
	bottom: 0px;
}

.emaillogin {
	border-radius: 25px;
}

.submitbtn {
	border-radius: 25px;
	width: 115px;
	margin-top: 20px;
	background-color: #000;
	color: #fff
}

img.img-responsive.tag {
    position: absolute;
    z-index: 1;
    height: 46px;
    /*left: 373px;*/
}

img.img-responsive.arrow {
	right: 20px;
    margin-top: 10px;
    height: 18px;
    z-index: 9;
    position: absolute;
    cursor:pointer;
}

.affix {
	background: #fff;
    height: 95px;
    width: 100%;
    box-shadow: 0 4px 10px 0 rgba(0,0,0,0.2), 0 4px 20px 0 rgba(0,0,0,0.19);
    z-index: 999;
}
 
.forget-pass { margin-top: 15px; margin-left: 185px; }
.carousel-caption { width: 45%;}
.ourvision h2 {margin-top: 20px;}
}
@media (max-width:1024px) {
	#carousel-example-generic .item img { height:auto !important;}
}

@media (max-width:980px) {
	.inspection1 img { height: auto !important;}
	.inspection2 h2 , .inspection5 h2{ text-align:center; padding-bottom: 10px; margin-top:0px;}
	.inspection6 p, .inspection2 p, .inspection5 p { padding-right:0px;}
	.inspection6 , .inspection5, .inspection2 { height:auto; padding:30px;}
	#aboutus img { width:auto;}
	.carousel-caption { width:100%;}
	.carousel-indicators-arrow-banner1 , .carousel-indicators-arrow-banner2 {display:block; font-size:30px !important;}
	.carousel-indicators-banner { display:none;}
	.login { position: inherit; width:100%; right: 0px;}
	button.btn.btn-info.login2 { width:100%;}
	#demo { width: 100%; box-shadow: 0 0 25px rgba(0,0,0,0.6);}
	.carousel-caption { padding:10px;}
	img.img-responsive.tag { left:20px; top:5px;}
	.login-form { width:60%; margin:auto;}
	.phone img { margin-left: 0px;}
	.massage img { margin-left: 0px;}
	.office, .phone, .massage { padding-bottom:5px;}
	.office p , .phone p , .massage p { line-height:40px;}
	.carousel-indicators-bottom-arrow1 .glyphicon-chevron-left, .carousel-indicators-bottom-arrow2 .glyphicon-chevron-right {
    font-size: 30px;}
	.carousel-indicators-bottom-dot { bottom:0px;}
	button.btn.btn-info.login2 { border-radius: 0px; border-top:1px solid #000;}
	.html_login p { font-size:14px;}
	#aboutus ul li { font-size:14px; line-height: 25px;}
	#contactus p {line-height: 20px;}
	.carousel-caption p { font-size: 11px; line-height: 15px;}
	.menu ul li a { font-size:14px;}
	.inspection1 img {height: auto;}
	#carousel-example-generic .item img { height: 300px !important;}
	.phone , .massage{padding-left: 15px;}
	.phone  img { margin-bottom:5px;}
}
@media (max-width:834px) {
	#aboutus img { width: 35%;}
	.menu ul li a { padding: 10px 15px 0 15px;}
}
@media (max-width:768px) {
	.inspection1 img { height: auto !important;}
	.menu ul li { width: 100%; text-align: center;}
	.navbar .col-lg-8 { z-index:999; }
	.menu ul { width: 100%; padding-left: 0px; background:#fff;}
	.menu ul li a {padding: 15px 14px 15px 15px;}
	.menu ul li a:hover { border-bottom: 1px solid #f26523;}
	.login {position: inherit; width: 100%;right: 0px;}
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; color: #fff;}
	button.btn.btn-info.login2 {font-size: 25px;}
	/*.display-none-640 { display:none;}*/
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-top:none;}
	.navbar-inverse .navbar-toggle { position:absolute; top:20px; right: 15px;}
	#aboutus img { width: 30%;}
}
@media (max-width: 667px) {
	.massage { margin-top: 10px; padding-bottom: 15px;}
}
@media (max-width: 640px) {
	.phone img {  margin-left: 0px; }
	.massage img {margin-left: 0px;}
	.massage p { padding: 0px; float: left; margin-left: 27px;}
	.massage {margin-top: 16px;}
	.carousel-caption {width: 100%; bottom: 0px;}
	.menu ul {background-color: #fff;}
	.login { position: inherit; width: 100%;}
	.navbar-brand>img { width: 100%; margin-left: -52px; }
	.forget-pass { margin-left: 0px; margin-bottom: 0px; }
	img.img-responsive.tag { position: absolute; z-index: 9; height: 33px; left: 10px; }
	.about h2, .ourvision h2, .value h2, .services h2, .inspection2 h2, .inspection5 h2, .contact h2 { font-size:25px;}
	.creaa { float:left;}
	footer .creaa p { padding-top:0px;}
	.display-none-640  { display:none;}
	.affix { height: 85px;}
	.massage { padding-bottom: 15px;}
	#aboutus img { width: 50%;}
}
@media (max-width: 568px) {
	#carousel-example-generic .carousel-inner .item img { height: 250px !important;}
	#aboutus img { width: 80%;}
	.massage { margin-top: 0px; padding-bottom: 15px;}
	.login-form { width: 100%;margin: auto;}
	.submitbtn { width: 115px;}
}
@media (max-width: 480px) {
	.massage { margin-top: 10px; padding-bottom: 15px;}
	.item img { height: 220px !important;}
}
@media (max-width: 400px) {
	.menu { width: 100%; }
	.login { position: inherit; width: 100%; right: 0px;}
	button.btn.btn-info.login2 {width: 100%; right: 0px; }
	.navbar-brand>img { width: 174px; margin-left: -52px; }
	.menu ul { background-color: #fff; }
	.menu ul li {width: 78%; text-align: center;}
	#demo { float: left; width: 100%;}
	.phone img { margin-left: 5px; }
	.massage img {margin-left: 0px;}
	.massage p { padding: 0px; float: left; margin-left: 27px;} 
	.phone {margin-bottom: 24px;} 
	.forget-pass { margin-left: 0px; margin-bottom: 0px; }
	.about p {text-align: justify;}
	.ourvision ul li {text-align: justify;}
	.inspection5 p { text-align: justify; }
	.inspection2 {padding: 21px;}
	.inspection2 p {text-align: justify;}
	.inspection5 {padding: 21px;}
	.inspection6 {padding: 21px;}
	.inspection1 img { width: 100%; height: auto;}
	.inspection6 {height: auto;} 
	.inspection6 p {text-align: justify;}
	.inspection5 {height: auto;}
	.navbar-inverse .navbar-toggle { margin-right: -24px; }
	.carousel-caption p {font-size: 12px;}
}

@media (max-width: 375px) {
	.menu { width: 100%; }
	.login { position: inherit; width: 100%; right: 0px;}
	button.btn.btn-info.login2 {width: 100%; right: 0px; }
	.navbar-brand>img { width: 174px; margin-left: -52px; }
	.menu ul { background-color: #fff; padding-bottom: 25px;}
	.menu ul li {width: 100%; text-align: center;}
	#demo { float: left; width: 100%;}
	.phone img { margin-left: 5px; }
	.massage img {margin-left: 0px;}
	.massage p { padding: 0px; float: left; margin-left: 27px;} 
	.phone {margin-bottom: 24px;} 
	.forget-pass { margin-left: 0px; margin-bottom: 0px; }
	.about p {text-align: justify;}
	.ourvision ul li {text-align: justify;}
	.inspection5 p { text-align: justify; }
	.inspection2 {padding: 21px;}
	.inspection2 p {text-align: justify;}
	.inspection5 {padding: 21px;}
	.inspection5 {height: auto;}
	.inspection6 {padding: 21px;}
	.inspection1 img { width: 100%; height: auto;}
	.inspection6 p {text-align: justify;}
	.inspection6 {height: auto;} 
	.navbar-inverse .navbar-toggle { margin-right: -24px; }
	.carousel-caption p {font-size: 12px;}
	.carousel-caption1 { bottom: 0px; width: 97%;}
	.carousel-caption1 p { color: #fff; font-size: 12px; }
	/*.carousel-indicators {position: fixed; bottom: 464px;}*/
	.item img { height: 220px !important;}
}

@media (max-width: 320px) {
	.menu { width: 100%; }
	.login { position: inherit; width: 100%; right: 0px;}
	button.btn.btn-info.login2 {width: 100%; right: 0px; }
	.navbar-brand>img { width: 174px; margin-left: -52px; }
	.menu ul { background-color: #fff; }
	.menu ul li {width: 78%; text-align: center;}
	#demo { float: left; width: 100%;}
	.phone img { margin-left: 5px; }
	.massage img {margin-left: 0px;}
	.massage p { padding: 0px; float: left; margin-left: 27px;} 
	.phone {margin-bottom: 24px;} 
	.forget-pass { margin-left: 0px; margin-bottom: 0px; }
	.about p {text-align: justify;}
	.ourvision ul li {text-align: justify;}
	.inspection5 p { text-align: justify; }
	.inspection2 {padding: 21px; height: auto;}
	.inspection2 p {text-align: justify;}
	.inspection5 {padding: 21px; height: auto;}
	.inspection6 {padding: 21px; height: auto;}
	.inspection1 img { width: 100%; height: auto;}
	.inspection6 {height: auto;} 
	.inspection6 p {text-align: justify;}
	.navbar-inverse .navbar-toggle { margin-right: -24px; }
	.carousel-caption p {font-size: 12px;}
	.submitbtn { width: 115px; }
	.newbtn {width: 126px;}
}