@charset "utf-8";
/* CSS Document */
@media only screen and (max-width:1028px) {
 .input-search input{width:70%;}   
    }
@media only screen and (max-width:1024px) {
.mai-wrp { width: 100%; }
.main-fix { width: 97%; margin:0px auto; }
.navigation-wrp { width: 96%; }
ul.search-filed li .se-input { width: 100%; }
.Search-directory .sbHolder { width: 100%; }
ul.search-filed li { width: 45%; }
ul.search-filed li:nth-child(4) { margin-right: 0px; }
.contact-left { width: 40%; }
.contact-right { width: 50%; }
ul.search-filed li:nth-child(3) { margin-right: 40px; }
ul.search-filed li .search-btn { width: 100%; }
.our-address-left { width: 40%; }
.our-address-right { width: 50%; }
}
 @media only screen and (max-width:855px) {
ul.nav li { padding: 5px 15px; }
.search-online-wrp { width: 80%; margin: 30px auto; }
.search-btn { width: 13%; }
.main-fix { padding-bottom: 10px; }
}

 @media only screen and (max-width:800px) {
ul.search-filed li .se-input { width: 99%; }
ul.search-filed { width: 99%; margin: 0px auto; }
.Search-directory .sbHolder { width: 100%; }
ul.search-filed li .search-btn { width: 99%; }
ul.search-filed li:nth-child(3) { margin-right: 0; }
ul.search-filed li { width: 99%; }
.blue-box{width:85%;}
}

 @media only screen and (max-width:768px) {
.heading { padding-bottom: 20px; padding-top: 20px; }
ul.nav li { padding: 5px 12px; }
.our-address { padding-top: 10px; }
h1{ font-size:22px;}
.banner-txt h1{ font-size:22px;}
.heading{ padding:10px 0;}
.advertisment{ padding:12px 0;}
ul.search-filed li{ padding-bottom:12px; width:98%; margin-right:0;}
ul.cont-txt{ padding-top:20px;}
ul.cont-txt li sapn{ line-height:16px;}
ul.cont-txt li i{ margin-top:5px;}
ul.search-filed li {
    margin-right: 0;
    width: 99%;
}
ul.search-filed li:nth-child(3) {
    margin-right: 0;
}
ul.search-filed li .se-input {
    width: 99%;
}

.contact-right-wrp, .contact-left1{ width:98%; float:none; margin:0 auto;}
.contact-right-wrp ul.search-filed li .textarea1, .contact-right-wrp ul.search-filed li .search-btn{ width:98%;}

}
 @media only screen and (max-width:767px) {
.nav { list-style: none; *zoom: 1;
background: #d4d4d4; width: 100%; border: 1px solid #a5a5a5; }
ul.nav { position: absolute; z-index: 999; }
.contact-left { width: 100%; float: none; }
.contact-right { width: 100%; float: none; margin-top: 10px; text-align: center; }
.contact-right img { width: 100%; display: block; }
.text-wrp img { margin-bottom: 10px; }
.active { display: block; }
.nav > li { float: left; width: 100%; margin: 0px; }
.nav > li > .parent { background-position: 95% 50%; }
.nav li li .parent { background-image: url("images/downArrow.png"); background-repeat: no-repeat; background-position: 95% 50%; }
.nav ul { display: block; width: 100%; }
.nav > li.hover > ul, .nav li li.hover ul { position: static; }
.nav a { padding: 8px 10px; background: #fff; border-bottom: 1px solid #a5a5a5; }
ul.nav li a:hover, ul.nav li.active a {background-color: #329bdd; color:#fff;}
.toggleMenu:hover { background-color: #0B75B7; color: #fff; }
.heading { padding-bottom: 20px; padding-top: 20px; }
h1 { font-size: 23px; }
ul.search-filed li { padding-bottom: 15px; }
.banner-txt { padding: 20px 0 0 20px; }
.banner { height: auto; padding-bottom: 15px; }
.banner-txt h2 { font-size: 19px; padding-bottom: 25px; }
ul.nav li { padding: 0px; }
ul.nav li a { padding: 10px 12px; color: #333; }
ul.nav { padding: 0px; left: -1px; }
.navigation-wrp { position: relative; }
.advertisment { padding-top: 10px; }
.our-address-left { width: 100%; float: none; }
.our-address-right { width: 100%; float: none; }
.banner { height: 100%; ; background-size: 100%; }
.banner-txt { padding: 0px 0 0 20px;}

.advertisment{ display:none;}
.top-head{position:relative;}
}

 @media only screen and (max-width:640px) {
.search-result { overflow-x: auto; width: 100%; }
.search-result table { width: 1024px; }
.top-head { padding: 0; }
.address-box { padding-bottom: 35px; }
ul.pagi-nation { text-align: center; }
.banner-txt h2 { font-size: 19px; padding-bottom: 8px; }
.search{ width:66%;}
.banner-txt h1 {
    font-size: 18px; padding:10px 0;
}
.banner-txt p{ font-size:12px; line-height:17px;}
.search-box{ margin-left:0;}
.search-btn{ width:18%;}
.banner-txt span{ font-size:22px;}
.input-search input{width:60%;}
.blue-box{padding:10px;}
.blue-box p.text-right,.blue-box p{text-align:center; font-size:15px;}
}
 @media only screen and (max-width:567px) {
.text-wrp img { float: none; margin-bottom: 20px; }
.text-wrp { text-align: center; }
.text-wrp p { text-align: left; }
.text-wrp img { margin-left: 0; }
.logo{ padding:18px 0px;}
}
 @media only screen and (max-width:480px) {
/*.banner-txt { width: 90%; }*/
.contact-right { margin-top: 20px; }
.search { width: 66%; }
.banner-txt { padding: 0px 0px 0px 10px; }
.banner { height: auto; padding-bottom: 7px; }
.first-car, .third-car{ width:25%;}
.second-car img{ width:20%;}
.car-wrap{ padding-top:8px;}
.search-online-wrp{ width:90%;}
ul.search-filed li .se-input {
    width: 97%;
}
.Search-directory .sbHolder{ width:99%;}

.search-online-wrp {
    width: 80%;
}

.banner-txt span {
    font-size: 19px;
}


.search-online-wrp {
    width: 80%; margin:10px auto;
}
.search-new{position:relative; padding:5px;}
.banner-wrp{ margin-top:0;}
.input-search input{width:46%;}
.search-new{left:0; right:0;}
.input-search{margin-top:0;}
.search-new h2{padding:0;}
.input-search button{padding:0 20px;}
.input-search button {line-height: 1; padding: 5px 12px;}
.input-search input {line-height: 20px;}
.input-search .fa { cursor: pointer; padding: 6px 7px;}
.fotter span,.fotter a{display:block; text-align:center; border:none; padding:0; margin:0; line-height:20px;}
 .fotter{ padding:10px 0; line-height:20px;}
 .blue-box{padding:10px; margin-top:20px;}

}
 @media only screen and (max-width:360px) { .search-btn{ width:25%;} .search{ width:25%;}
 .banner-txt p span{ display:inline-block;}
 .main-fix{ padding-bottom:0;}
 h1{ font-size:21px;}
 .logo{ width:45%;}
 .banner-txt h1{ font-size:16px;} 
 .text-wrp img{ width:71%;}

 .copy-right{ font-size:12px;}
 .input-search input{width:58%;}
 }
 @media only screen and (max-width:320px) {
ul.pagi-nation li { margin-right: 3px; }
h1{ font-size:19px; text-align:center;}

.banner-txt span {
    font-size: 16px;
}

.heading {
    padding-bottom: 15px;
    padding-top: 10px;
}
.logo{ width:50%;}
ul.cont-txt li span{ line-height:19px;}
.contact-left ul.cont-txt li{ margin-bottom:0;}
}