@media only screen and (max-width:996px) {
	.navbar-default .navbar-collapse{display: none !important;}
	.btn_phone{display:block; position: absolute; top: 0; right:0%;}
	.logo{position: absolute;left: 50%; transform: translateX(-50%); padding: 0;}
	.produc_left{display: none;}
	.produc_right{width: 100%;}
}
@media only screen and (min-width:600px) and (max-width:1920px) {
	.email_t{font-size: 14px;}
}
@media only screen and (max-width:1000px) {
	.about_l{float:none; display: none;}
	.about_bg{width: 90%;margin: 0 auto;}
	.about_r{width: 100%;padding:20px; float: none;}
	.about_r p:nth-of-type(1){ margin-top: 20px;}
	.about_r h1{ padding-top: 0;}
	ul.catali {text-align: center;}
	.catali li{display: inline-block;float: none; float: none; margin: 0;}
	ul.testimonials{ padding: 20px;}
	.about_us .about_tc{padding: 0;}
	.about_text h2{ margin-top: 10%;}
	.about_text p{font-size: 18px; padding: 0;}
}
@media only screen and (max-width:600px) {
	.banner{display: none;}
	h1{font-size: 26px; margin-bottom:40px;}
	.about_tc{ padding: 10px;}
	.catali li{width:48%; margin-left: 2%; margin-bottom: 10px; margin-top: 0; height: 56px;}
	.catali li:nth-of-type(2n+1){ margin-left: 0;}
	.readmore2{ padding-top: 0;}
	.service-wrap{padding: 0 0 20px 0;}
	ul.testimonials{ padding:10px;}
	ul.testimonials li blockquote{ margin-top: 20px;}
	ul.footer-links1 a{ text-align: center;}
	.porfolio-wrap{ padding:20px 30px;}
	.navbar-default .navbar-collapse{box-shadow: 0 0 10px 0 rgba(0,0,0,0.15);}
	.about_position span,.about_position a{font-size: 12px;}
	.about_position a{background-size: 19px;background-position-y:5px;}
	.about_us #about_usr h1{font-size: 20px;}
	#about_usr h3{font-size: 18px;}
	.about_text h2{font-size: 16px;}
	.about_text p{font-size: 14px; line-height: 16px;}
	.about_text .a_line{display:none;}
	ul.about_ul{padding: 20px 0;}
	.link_a{display: none;}
	.product_mid{margin: 0;}
	ul.pro_list{margin: 0;}
	ul.pro_list li{ width:49%; margin-left:2%;}
	ul.pro_list li:nth-of-type(2n+1){margin-left: 0;}
	.cp_xq_l,.cp_xq_r{width: 100%;float:none;}
	.cp_xq_r{ margin-top: 30px;}
	.cp_xq_bo{ padding-top: 20px;}
	.in1 input,.in1 textarea{width: calc(100% - 88px);}
	.click_box{padding: 0;}
	.cp_xq_bo a.a_mod{float: none; margin: 0 auto;}
	.cp_xq_bo ul{text-align: center; float: none; padding: 0;}
	.produc_right h1.color{font-size: 18px;line-height:30px; height: auto;}
	.cp_xiang{padding-top: 20px;}
	.cp_xiang h1{font-size: 18px;}
	.cp_xiang p.p{line-height: 26px;}
	.in1{padding-bottom: 12px;}
	.click_box h2{font-size: 16px;}
	.produc_right1{padding-bottom: 0;}
	.cp_xq_bo ul li{display: inline-block; float: none;}
	.pages{float: none; margin: 0 auto;text-align: center;}
	.pages a{display: inline-block; float: none; width: 30px;height: 30px; margin: 20px 2px;}
	ul.news_list li .news_img{float: none;width: 100%;}
	ul.news_list li .news_text{float: none; width: 100%; height: 130px;}
	.porfolio-wrap1 {padding: 20px;}
	ul.news_list li .news_text h3{text-align: center;}
	ul.news_list li .news_text p{text-align: center;}	
	ul.news_list li .news_text a.newa{left: 50%;transform: translateX(-50%);}
	.title h1{padding-top: 0;}
	.cont_right iframe{height: 350px;}
	ul.contact_ul li{line-height: 30px;}
	ul.contact_ul li span{width: 110px;font-size: 12px;}
	ul.contact_ul li{line-height: none;}
	ul.contact_ul li p{width: calc(100% - 110px); line-height: 20px;font-size: 13px;}
	.input_c{padding: 20px;}
	.cont_left h1{font-size: 20px;}
	.cont_right h4{padding-top: 0;}
	.con_inpt .inp_top input{width:100%; margin-left: 0; margin-bottom: 15px;}
	.con_inpt textarea{margin-bottom: 15px;}
	.product_box{padding-top: 20px;}
}






@media screen and (max-width:1200px) {
	.slidertext1 {
		margin-left: 60px
	}
	.slidertext2 {
		margin-left: 60px
	}
	.slidertext3 {
		margin-left: 60px
	}
}
@media screen and (max-width:990px) {
	.cont_left{float: none; width: 100%;}
	.cont_right{float: none; width: 100%;}
	.navbar-default .navbar-nav>li>a {
		padding: 36px 10px
	}
	.slidertext1 {
		margin-left: 50px!important
	}
	.slidertext2 {
		margin-left: 50px!important
	}
	.slidertext3 {
		margin-left: 50px!important
	}
	.about-image {
		text-align: center;
		margin-top: 30px
	}
	.serviceList li {
		margin-bottom: 30px
	}
	.newletter_des {
		width: 70%
	}
	.pagiWrap {
		margin-bottom: 30px
	}
	.team_wrap {
		text-align: center
	}
	.faqs .pull-right {
		float: none!important
	}
	.worker-image {
		text-align: center
	}
	.four-zero-page p {
		letter-spacing: 1px;
		padding: 0
	}
	.contact-form .button {
		margin-bottom: 40px
	}
}


@media screen and (max-width:767px) {
	.top_top{ padding-right: 0 !important; padding-left: 0 !important;}
	.lang-list{float: none; text-align: center;}
	.social{ padding-right: 0;}
	.testimonials-wrap{margin: 30px 0;}
	.top-text {
		text-align: center
	}
	/*.dropdown-menu {
		display: none!important
	}*/
	.logo img {
		height: 50px;
		width: auto;
		max-width: 100%
	}
	.smallzt {
		font-size: 13px;
		color: #333
	}
	.bigzt {
		font-size: 19px
	}
	.footer-wrap .col-md-5 {
		margin-top: 10px
	}
	.footer-wrap .col-md-7,
	.footer-wrap .col-md-7 .col-md-5,
	.footer-wrap .col-md-5 {
		width: 100%
	}
	.topbar-links {
		text-align: center;
		margin-top: 5px
	}
	.logo {
		text-align: center
	}
	.serviceList {
		text-align: center
	}
	.portfolio-service {
		text-align: center
	}
	.team_wrap {
		text-align: center
	}
	.newletter_des:before {
		display: none
	}
	.newletter_des {
		width: 100%
	}
	
	.serviceList .col-xs-6 {
		width: 50%
	}
	.news .col-sm-6 {
		margin-bottom: 10px
	}
	.navbar-default .navbar-nav>li>a {
		padding: 14px 16px
	}
	.blogGrid li .postimg img {
		width: 100%
	}
	.service-image {
		display: inline-block
	}
	.about-service li {
		float: none;
		width: 100%
	}
	.copyright {
		text-align: center
	}
	.foot {
		text-align: center
	}
	.four-zero-page h2 {
		font-size: 236px
	}
	.pagiWrap .showreslt {
		text-align: center
	}
	.pagiWrap .pagination {
		text-align: center
	}
	.pagiWrap {
		text-align: center
	}
	.pagination {
		margin-top: 20px!important
	}
	.dropdown-menu {
		position: static;
		float: none;
		width: 100%
	}
	.hero-wrapper {
		height: 400px
	}
	.sliderTxt h1 {
		font-size: 48px
	}
	.sliderTxt p {
		font-size: 18px;
		line-height: 20px
	}
}

@media screen and (max-width:480px) {
	.portfolio-service {
		text-align: center
	}
	.four-zero-page h2 {
		font-size: 140px
	}
	.four-zero-page h3 {
		font-size: 18px
	}
	.hero-wrapper {
		height: 250px
	}
	.sliderTxt h1 {
		font-size: 24px
	}
	.sliderTxt p {
		font-size: 14px
	}
	#flash {
		display: none
	}
}