/** Responsive CSS **/
/* ============================= 1250px ====================== */


@media screen and (max-width: 1470px) {
#map_canvas { height: 400px !important; width:400px !important;}
}
@media screen and (max-width: 1390px) {
	.text-container > h1 { font-size:80px;}
	.text-container > h2 { font-size:50px;}
	/*.text-container { bottom:40px;}*/
}

@media screen and (max-width: 1280px) {
	.text-container{ bottom:130px;}

}

@media screen and (max-width: 1270px) {
#map_canvas { height: 320px !important; width:320px !important;}
	.text-container{ bottom:inherit;}
}
@media screen and (max-width: 1230px) {
	.text-container {bottom:30px; width:62%;}/* left:3%;*/
	.main-text.search-bar { /*bottom: 30px; right: 3%;/*/}
	#map_canvas { /*bottom: 30px; right: 10%;*/}
}
@media screen and (max-width: 1130px) {
	.text-container > h1 { font-size:35px !important; line-height:35px !important;}
	.text-container > h2 { font-size:20px !important;}
	.text-container { bottom:20px; width:57%; max-width:380px;}
	.mobimge{ display:block !important;}
	.carousel-inner > .item{ background:none !important; height:auto !important;}
}
@media screen and (max-width: 1023px) {
#map_canvas { bottom:0; right:0;}
}
@media screen and (max-width: 970px) {
#map_canvas { height: 260px !important; width:260px !important;}
}
@media screen and (max-width: 530px) {
.text-container { bottom:20%;}
}
@media screen and (max-width: 885px) {
.text-container { bottom:8% !important;}
}
@media screen and (max-width: 767px) {
.text-container { bottom: 20px; left: 0; margin: 0 auto; right: 0; width: 95%;}
.text-container > h1 { font-size: 30px !important; line-height:35px !important;}
.text-container > h2 { font-size: 20px !important;}
.text-container a { font-size: 15px;}
.text-container > h4 { font-size:16px;}
.text-container a { font-size: 9px;}
.location_search_content h4, .location_search_content h4 a{ min-height:inherit !important; text-align:center;}
.location_search_content address{ min-height:auto;}
}
@media screen and (max-width: 530px) {
.text-container { bottom:20%;}
.text-container > h1 { font-size: 20px !important; line-height:27px !important;}
.text-container > h2 { font-size: 13px !important;}
.text-container > h4 { padding:5px; font-size:13px; margin:5px 0;}
}
@media screen and (max-width: 390px) {
.text-container { bottom:6px;}
}
@media only screen and (max-width:1366px){
	.carousel-inner > .item{height:506px;}
	.carousel-inner > .item{background-position: center top !important; background-size:100% auto !important;}
	.text-container > h1{font-size:70px;}
	.text-container {bottom: 22%;}
	.carousel-inner > .item:nth-child(2) .text-container{bottom:12%;}
	}
	.bannerform {
		padding: 0px;
	}
	
@media only screen and (min-width:767px) and (max-width:1366px){
	.text-container {bottom: 22%; right:57.5%;}
	#map_canvas {right:30%;}
}

@media only screen and (min-width:767px) and (max-width:845px){
	.text-container {bottom: 22%; right:60%;}
	#map_canvas {right:20%;}
}
	
@media only screen and (max-width:1280px){
	.carousel-inner > .item{height:380px;}
	.text-container {bottom: 20%;}
	
}
@media screen and (min-width: 1281px) and (max-width: 1366px) {
	.text-container{width:520px;}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
	.text-container{width:490px;   bottom: 10%;}
	.text-container > h1 {font-size: 50px;}
	.text-container > h2 {font-size: 40px;}
	.carousel-inner > .item:nth-child(2) .text-container{bottom:6%;}
	#map_canvas {height: 320px !important;}
}
@media screen and (min-width: 1000px) and (max-width: 1024px) {
	.text-container{width:380px;}
	.text-container > h1 {font-size: 40px;    line-height: 40px;}
	.text-container > h2 {font-size: 30px;}
	.text-container > h4{font-size: 20px;}
	.carousel-inner > .item:nth-child(1) .text-container{  bottom: 15% !important;}
	.carousel-inner > .item:nth-child(2) .text-container{bottom: 13% !important;}
	 .carousel-inner > .item:nth-child(3) .text-container{bottom: 18% !important;}
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
	.carousel-inner > .item:nth-child(2) .text-container{bottom: 5%;}
}
@media only screen and (max-width:800px){
	.text-container {bottom: 8%;}
	.carousel-inner > .item:nth-child(2) .text-container{bottom:8%;}
}

@media screen and (max-width: 1230px) {
    .header_top {
        padding: 20px 0;
    }
    .container {
        width: 100%;
    }
    .service_paragraph {
        width: 100%;
        float: left;
    }
    .logo img {
        max-width: 100%;
    }
    .search_submit {
        float: left;
    }
	.main-content { float: left; padding-left: 0; width: 67%;}
	.side-box { float: right; width: 31%;}
}
@media screen and (min-width: 1024px) and (max-width: 1230px) {
    .header_left {
        float: left;
        width: 50%;
    }
    .header_right1 {
        float: right;
        width: 40%;
    }
    .header_right1 .col-lg-8 {
        width: 74%;
        float: left;
    }
    .header_right2 {
        float: right;
        width: 38%;
    }
    .main-menu li {
        padding: 0;
    }
    .main-menu li a {
        padding: 12px 34px;
        float: left;
    }
    .text-container a {
        margin-left: 0;
        width: auto;
        float: none;
        display: inline-block;
    }
    .bannerform {
        padding: 0;
    }
    /*.main-text.search-bar {
        position: absolute;
        right: 0;
        bottom: 5px;
    }
    /*.sub-service {
        width: 23.97%;
        float: left;
        margin:5px;
        text-align: center;
    }
    .sub-service a {
        margin-left: 0;
        margin-bottom: 10px;
        display: inline-block;
    }*/
    .main-content {
        padding-left: 0;
        width: 73%;
        float: left;
    }
    .featured-service {
        margin-top: 30px;
        width: 40%;
        float: left;
        margin-bottom: 10px;
    }
    .contact_left,
    .contact_right {
        width: 48%;
    }
	.side-box { float: right; width: 25%;}
}
@media screen and (min-width: 1024px) and (max-width: 1080px) {
	.sub-service {min-height:401px;}
}
/* ============================= 768px ====================== */
@media all and (max-width: 1100px){
	.featured-service ul { width:100%; margin:10px 0 0 0;}
	.main-menu li a {float: left; padding: 12px 18px;}
	.service section{ text-align:center;}	
	/*.sub-service {
    display: inline-block;
    float: none;
    margin: 10px;
    text-align: center;
    width:31%;
}*/
}
@media all and (max-width: 1154px){
	.main-menu li a {float: left; padding: 12px 18px;}
}
@media all and (max-width:1024px){
.service .service_paragraph { min-height: 100px;}
}
@media all and (max-width:1023px){
	h1.prod-text1, span.subtext-1{ margin-left:0px !important;}	
}
@media all and (max-width: 900px){
	.main-content { float: left; padding-left: 0; width: 67%;}
	.side-box { float: right; width: 31%;}
	.main-menu li a{ padding:12px 5px !important; font-size:13px;}
}

@media all and (max-width: 768px){
.featured-service ul { width:62%;}

.text-container > h1{ font-size:40px}
.featured-service ul{ width:100% !important;}
.service h3{ margin:30px 0;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
.service .service_paragraph { min-height: 137px;}
.carousel-inner > .item:nth-child(2) .text-container > h1{ font-size:43px;}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
    .header_left {
        float: left;
        width: 50%;
    }
    .header_right1 {
        float: right;
        width: 47%;
    }
    .header_right1 .col-lg-8 {
        width: 70%;
        float: left;
    }
    .header_right2 {
        float: right;
        width: 47%;
    }
    .search_head_call h4 {
        font-size: 20px;
    }
    ul.col-lg-12 {
        text-align: center;
    }
    .main-menu li {
        padding: 0;
        float: none;
        display: inline-block;
    }
    .main-menu li a {
        padding: 12px 7px;
        float: none;
        display: inline-block;
    }
    .text-container a {
        margin-left: 0;
        width: auto;
        float: none;
        display: inline-block;
    }
    .bannerform {
        padding: 0;
        width: 100%;
    }
    .main-text.search-bar {
        position: absolute;
        right: 20px;
        bottom: 25px;
    }
    .service {
        text-align: center;
    }
    .sub-service {
        width: 30%;
        float: none;
        margin: 10px;
        display: inline-block;
        text-align: center;
    }
    .sub-service a {
        margin-left: 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .featured-service {
        margin-top: 30px;
        float: left;
        padding: 10px;
    }
    .footer_left {
        float: left;
        width: 50%;
    }
    .footer_left ul li {
        padding: 0;
    }
    .footer_left ul li a {
        padding: 5px 10px;
    }
    .footer_right {
        width: 50%;
        float: left;
    }
    .text-container > h1 {
        font-size: 60px;
    }
    .text-container > h2 {
        font-size: 30px;
    }
    .text-container > h4 {
        font-size: 20px;
    }
    .text-container > p {
        font-size: 14px;
    }
    .text-container a {
        font-size: 20px;
    }
    .sub-service p:nth-of-type(3) {
        display: none;
    }
    /** other pages **/
    
    .contact_left,
    .contact_right {
        width: 48%;
        float: left;
    }
    .contact_left ul {
        width: 100%;
        float: left;
    }
    .contct-form li {
        width: 100%;
    }
    .prod-text1,
    .subtext-1 {
        padding-left: 15px;
    }
    .product-loop > li > .col-md-8 {
        width: 60%;
        float: left;
    }
    .product-loop > li > .col-md-4 {
        width: 40%;
        float: left;
    }
    .location_search_content {
        width: 50%;
        float: left;
    }
    .location_bottom_left {
        width: 50%;
        float: left;
        margin-right: 20px;
    }
    .location_bottom_right {
        width: 47%;
        float: left;
    }
    .location_last {
        width: 100%;
        float: left;
    }
    .location_center_left,
    .location_center_right {
        width: 50%;
        float: left;
    }
    .location_search_content h4 {
        font-size: 27px;
    }
    .product-loop > li > .col-md-8 {
        min-height: auto;
    }
}
/* ============================= 767px ====================== */

@media screen and (max-width: 767px) {
	.col-height {display:inline-block !important;}
	.text-container > h1{ font-size:20px}
    .header_left {
        width: 100%;
        float: left;
        text-align: center;
        margin-bottom: 10px;
    }
    .header_right1,
    .header_right2 {
        width: 100%;
        float: left;
        text-align: center;
    }
    .search_head input {
        width:100%;
        float: none;
        display: inline-block;
        margin-bottom: 10px;
    }
    .search_head_call {
        padding-left: 0;
        text-align: center;
    }
    .search_head_call h4 {
        margin-bottom: 0;
        float: none;
        display: inline-block;
    }
    .search_submit {
        float: none;
    }
    .main-text.search-bar {
        position: static;
    }
    .text-container a {
        display: inline-block;
        margin-left: 0;
    }
    .text-container > p {
        width: 90%;
        display: inline-block;
    }
    .bannerform {
        float: none;
        width: 100%;
        padding: 10px 0;
        display: inline-block;
    }
    #map_canvas {
        width: 100% !important;
        margin: 0 !important;
    }
    .service {
        margin-top: 0;
    }
    .service h3 {
        margin: 15px 0;
    }
    .sub-service {
        width: 100%;
        margin: 0 0 15px 0;
        text-align: center;
    }
    .service_paragraph {
        min-height: 0;
    }
    .sub-service a {
        margin-left: 0;
        margin-bottom: 10px;
        display: inline-block;
    }
    .main-content {
        padding-left: 0;
        margin-top: 0;
        width: 100%;
        float: left;
    }
    .main-content p {
        padding-right: 0;
    }
    .featured-service {
        margin: 10px 0;
        padding: 0;
        width: 100%;
        float: left;
        text-align: center;
    }
    .featured-service h3 {
        margin: 5px 0;
    }
    .pull-left {
        float: none !important;
        display: inline-block;
    }
    .featured-service h4,
    .featured-service h5 {
        padding-left: 0;
    }
    .featured-service ul {
        float: none;
        display: inline-block;
    }
    .footer_left,
    .footer_right {
        width: 100%;
        float: left;
        text-align: center;
    }
    footer li {
        float: none;
        display: inline-block;
    }
    .pull-right {
        margin-top: 10px;
        width: 100%;
    }
    .main-menu li {
        float: left;
        padding: 0;
        width: 100%;
        text-align: center;
    }
    .main-menu li a {
        padding: 10px 0;
        float: left;
        width: 100%;
    }
    .text-container > p {
        font-size: 14px;
    }
    /** other pages **/
    
    .contact_left {
        width: 100%;
        float: left;
        text-align: center;
    }
    .contact_left ul {
        width: 100%;
        float: left;
    }
    .contct-form li {
        width: 100%;
        padding: 0 0 10px 0;
    }
    .contact_right {
        width: 100%;
        float: left;
        text-align: center;
        margin-top: 10px;
        padding: 10px;
    }
    .contact_content_right p {
        font-size: 17px;
    }
    .contact_content_right span {
        font-size: 14px;
    }
    form.contct-form ul li label {
        width: 100%;
        float: left;
    }
    .contct-form input[type="text"] {
        float: none;
        width: 70%;
        height: auto;
        display: inline-block;
    }
    .contct-form li textarea {
        width: 70%;
        float: none;
        display: inline-block;
    }
    .addres-info {
        text-align: center;
    }
    .addres-info li {
        float: none;
        width: auto;
        padding: 0 5px;
        display: inline-block;
    }
    .inner-bans {
        height: auto;
        padding: 0;
    }
    .prod-text1 {
        margin: 40px 0px !important;
        text-align: center;
        font-size: 50px;
    }
    .subtext-1 {
        text-align: center;
        margin-bottom: 10px !important;
        margin-left: 0 !important;
    }
    .product-loop > li > .col-md-8 {
        width: 100%;
        padding: 10px 0;
        min-height: auto;
    }
    .location_search_content {
        padding: 0;
        width: 100%;
        float: left;
        text-align: center;
    }
    .location_search_content h3,
    .location_search_content address {
        text-align: center;
    }
    .location_search_content h4 {
        width: 100%;
        float: left;
        margin-top:0px;
        text-align: center;
    }
    .product-loop > li > .col-md-4 {
        padding: 10px 0 0 0;
        width: 100%;
    }
    .location_center_left,
    .location_center_right {
        margin-bottom: 10px;
    }
    .location_bottom_left,
    .location_bottom_right {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
    .location_last {
        width: 100%;
        float: left;
    }
    .subtext-1 {
        font-size: 21px;
    }
    .locationdetail_top {
        width: 100%;
        float: left;
    }
    .location_search {
        height: auto;
    }
    .location_left.detail_page {
        text-align: center;
    }
    .detail_page_inner img {
        display: block;
        float: none;
        margin: 0 auto;
        width: 50%;
        margin-bottom: 15px;
    }
	
	#menu {
    background:#024D28 ;
    position:absolute;
    right: 0;
	margin:0;
    top: 50px;
    z-index: 99999999;
}
ul#menu li a.head-phone {
    display: none;
}
.main-menu li {
    padding:0 15px;
    
}
.container {
    position: relative;
    
}}

@media screen and (max-width: 767px) {
.side-box { float: left; width: 290px; margin: 20px 0 0;}
.contact { padding-top:30px;}
.main-content h3 { font-size: 20px;}
.contct-form li > div { width:100%; margin:0;}
.service .service_paragraph { min-height: auto;}
.featured-service ul { width: 260px; margin-bottom:10px;}
.home-bottom { padding-left:15px; padding-right:15px;}
.featured-service ul li { width:96%;}
.yellow-arrow .img-responsive { width:7%;}
.search_head_call{ background:none !important;}
.side-box{ width:100% !important; margin-bottom:30px;}
}

@media screen and (max-width: 500px) {
	.contact-us-bottoom { width:100%; margin:0 0 30px;}
	.contact-us-bottoom:last-child { margin-bottom:0px;}
}

@media screen and (min-width: 320px) and (max-width: 567px) {
    .search_head input {
        width: 100%;
    }
    #map_canvas {
        height: 300px !important;
    }
    footer li {
        padding: 0;
    }
    footer li {
        padding: 0;
        width: 100%;
        border: 0;
    }
    footer li a {
        padding: 0 0 5px 0;
        width: 100%;
        float: left;
    }
    .text-container > p {
        display: none;
    }
    /** other page **/
    
    .prod-text1 {
        font-size: 40px;
    }
    .contct-form input[type="text"],
    .contct-form li textarea {
        width: 90%;
    }
    .detail_page_inner img {
        width: auto;
    }
    .search_head_call h4 {
        background: none;
        padding-left: 0;
        font-size: 17.8px;
    }
	.side-box{ width:100%;}
	.search_head_call h4{ background:url("../../images/ph_icon.png") no-repeat scroll left center; padding-left:20px;}
}
/* ============================= 568px ====================== */

@media screen and (max-width: 360px) {
	.search_head_call h4{ background:url("../../images/ph_icon.png") no-repeat scroll left center; padding-left:20px; font-size:16px;}
	.home-bottom .welcome h4, .home-bottom .welcome h3{ text-align:center;}
	.home-bottom .welcome h3{ font-size:22px;}
	.home-bottom .welcome{ padding-right:0px;}
	.mobimge{ display:block;}
	
	}
	
	
/**@media screen and (min-width:1024px) and (max-width:1279px){

	.text-container{ left:7%;}
	.carousel-inner > .item:nth-child(1) .text-container, .carousel-inner > .item:nth-child(3) .text-container{ bottom:50px;}
	
	
}**/