@media (max-width :1199px) and (min-device-width :992px){
	
	
	/******* header *****/
	
.navbar-left {
    margin: 0px 0px 0px 15px !important;
}
.navbar-brand {
    width: 115px;
}
.navbar-nav li {
    margin: 0px 10px 0px 0px !important;
}



	/******** banner ******/

.banner {
    padding: 0px 0px 210px 0px;
}
.banner-text {
    margin: 140px 0px 0px 0px;
}


	/******** about *******/
	
.about1 {
    padding:15px;
    width: 350px;
}
.about2 {
    margin: 5px 0px 0px 0px;
    width: 565px;
}
.about2 ul {
    margin: 16px 0px 0px 0px;
}
.about2 ul li {
    margin: 0px 0px 10px 0px;
}
	
	
}



@media (max-width :991px) and (min-device-width :768px){
	
	/******** header *******/
	
.navbar-brand {
    width:60px;
}
.navbar-left {
    margin: 0px 0px 0px 15px !important;
	padding: 11px 0px 0px 0px !important;
}
.navbar-nav li {
    margin: 0px 10px 0px 0px !important;
}
.navbar-nav li a {
    padding: 0px 0px 8px 0px !important;
    font-size: 12px;
}
	
	
.navbar-right li {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 6px 24px !important;
    font-size: 12px;
	background-size: 20px 18px;
}

.navbar-nav {
    padding: 11px 0px 0px 0px !important;
}




	/******** banner **********/
	
.banner-text {
    margin: 80px 0px 0px 0px;
}
.banner {
    padding: 0px 0px 170px 0px;
}



	/****** about ******/
	
.about1 {
    margin: 0px 0px 0px 0px;
    padding: 15px;
    width: 280px;
}
.about2 {
    margin: 0px 0px 0px 0px;
    width: 418px;
}
.about2 h3 {
    font-size: 29px;
}
.about2 ul {
    margin: 14px 0px 0px 0px;
}
.about2 ul li {
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 20px;
    font-size: 14px;
}
.present {
    margin: 14px 0px 0px 0px;
}
.present p {
    font-size: 11px;
}
.present a {
    padding: 0px 50px 0px 0px;
    font-size: 12px;
}
.download {
    width: 217px;
}



	/********* service ********/
	
.service1 {
    height: 235px;
}
.service {
    padding: 0px 0px 72px 0px;
}
	

}



@media (max-width :767px) and (min-device-width :280px){
	
	/******* banner *******/

.banner {
     padding: 0px 0px 170px 0px;
}
.banner-text {
    margin:50px 0px 0px 0px;
}
.banner-text h2 {
    font-size: 34px;
}
.banner-text p {
    margin: 9px 0px 0px 0px;
    font-size: 18px;
}
	
	
	
	/********* about ******/
	
.about {
    padding: 54px 0px 60px 0px;
}
.about1 {
    padding: 15px;
    width: 100%;
    float: none;
}
.about1 img{
	width:100%;
}
	
.about2{
    width: 100%;
    float: none;
}	
	
.about2 {
    margin: 35px 0px 0px 0px;
}

.present {
    margin: 26px 0px 0px 0px;
}
.present p {
    float: none;
	text-align:center;
	text-align:center;
}
.download {
    margin: 0px auto 0px auto;
    float: none;
    width: 244px;
}



	/******** service **********/
	
.service {
    padding: 0px 0px 52px 0px;
}
.service h3 {
    font-size: 29px;
}
.service1 {
    margin: 0px 0px 20px 0px;
}
.service a {
    margin:0px auto 0px auto;
}



	/********* contact *********/
	
.contact {
    padding: 52px 0px 50px 0px;
}
.contact h2 {
    font-size: 39px;
}
.contact h4 {
    font-size: 18px;
    line-height: 28px;
}

}


@media (max-width :767px) and (min-device-width :280px){

    /******** header *****/

.header {
    padding: 0px 0px 10px 0px !important;
}   
.navbar-brand {
    padding:0px 0px 0px 15px !important;
}


.navbar-brand .collapsing{
    padding: 15px 0px 60px 0px !important;
    margin:0px 0px 0px 0px;
    position: absolute !important;
    z-index: 2000;
    width: 100%;
    background:rgba(0,0,0,1); 
}
.navbar-collapse{
    padding: 15px 0px 60px 0px !important;
    margin:0px 0px 0px 0px;
    position: absolute !important;
    z-index: 2000;
    width: 100%;
    background:rgba(0,0,0,1);
}

.navbar-toggle {
    background:#e2ec0a !important;
    margin:30px 10px 0px 0px !important;
}
.navbar-toggle .icon-bar{
    background: #fff !important;
}
.navbar {
    width:100%;
}
.navbar-nav {
    float: none !important;
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
    width: 100%;
}

.navbar-nav li {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 15px 0px 15px !important;
}

.navbar-nav li a {
    margin: 0px 0px 0px 0px !important;
    padding:0px !important;
	line-height: 35px !important;
}
.navbar-nav li a.permit {
    padding: 0px 20px 0px 0px !important;
    background: url(../images/pdf.png) 213px center no-repeat;
}
.nav > li > a.permit:focus, .nav > li > a.permit:hover {
    background: url(../images/pdf.png) 213px center no-repeat !important;
}
.navbar-nav li {
    margin: 0px 0px 0px 0px !important;
    padding: 0px 0px 0px 0px !important;
}


.navbar-right li {
	margin: 20px 0px 0px 0px !important;
	background: url(../images/telephone.png) 75px center no-repeat;
	background-size: 22px 20px;
}

}