@charset "utf-8";

/* CSS Document */

@media (max-width: 1280px) {
	.prod_spec_detail .a_01{padding-top: 55px;}
	.prod_spec_detail .a_02 img{width:100%;}
	.container {padding:0px 15px;margin: auto;	box-sizing: border-box;}
	.inner-banner-content{max-width: 97%;}
	
	.inner-banner-content2{padding:0px 15px; box-sizing: border-box;}
}
@media (max-width: 1220px) {
	.blog-img img{width:100%;}
	.blog-img1 img{width:100%;}
	.blog-img2 img{width:100%;}
}

@media (max-width: 1200px) {
	
	.client_logo{padding: 0px 50px;}
	.client-img img{width:100%;}
	.client_img_hover img{width:100%;}
	.about-div-right img {width: 100%;}
	.tbbg {padding: 25px 25px;}
	
	.product_detail ul li{width: 18%;}
	.txtbox2 ul li{width: 32%;}
	
	
	
}


@media (max-width: 1130px) {
.menu-div ul li a{margin-left: 30px;}
}


@media (max-width: 1100px) {
	.menu-div {width: 82%;	margin-left: 0px;}
	.menu-div ul li a {font-size: 13px;	margin-left: 19px;}
	.phn-box a {font-size: 15px;}
	
	.tbbg {padding: 20px 20px; box-sizing: border-box;}
 
	.footer_middle {width: 45%;}
	.tabbutton a{padding: 20px 35px;}
	.tabbutton a:hover {padding: 20px 35px;}
}

@media (max-width: 1050px) {
	.contact_box .had{font-size: 25px;}
	.footer_left {width: 20%;}
	.footer_right {width: 30%;}
	.product_detail ul li{width:21%;}
	.txtbox2 ul li {width: 32%;}
}

@media (max-width: 1024px) {
	.prdc_tab .tab_box{ width: 32%; margin-right: 1.5%;}
}

@media (max-width: 1000px) {
	/*.tbbg{min-height: 175px;}*/
	.tabbutton a {padding: 20px 15px; min-height: 115px;}
	.tabbutton a:hover {padding: 20px 15px;}
	.tabbutton .active {padding: 20px 15px;}
	.howitwork .worklink ul li a{padding: 0px 0px; font-size: 14px;}
	
	.comm_cable .fin_client .finbox {float:none; width:100%;}
}

@media (max-width: 980px) {
	.menu-div {display: none;}
	
	.key2{
		top: 14%;
		right:15px !important;
		width: 67px;
		text-align: right;
		z-index: 9;
		bottom: auto;
		left: auto;
	
	}
	
	.key {
		right:15px;
	
	}
	
	.mobile-menu {
    padding: 30px 10px 0 0px;
    display: block;
    top: 0;
    right: 6px;
    position: absolute;
    z-index: 999999;}
	.mobilemenubg {display: block;}
	
}

@media (max-width: 950px) {
	.prod_spec {width: 50%;}
	.contact_box .had span {float: left;  width: 100%;}
	.contact_box .had {font-size: 25px; width: 100%;  text-align: center; margin-bottom: 30px;}
	.contact_box .had span a{ line-height:18px; font-size:16px; margin-right:0px;}
	
	.contact_box .brahma {float:none; width:100%; text-align:center;}
	
	.about-div-left {width:96%; float:none; border: 10px solid #F9EBDC;}
	.about-div-middle {width:100%; float:none; padding-left:0px; padding-top:30px;}
	.about-div-middle p{font-size:16px; padding-bottom: 25px;}
	.about-div-middle h3{font-size: 18px;}
	.about_us p{font-size:17px;}
	.prd_bg2{background:#ffffff !important;}
	.wt-bg{background:#FDEAD6; }
	
	/*.tbbg{min-height: 203px;}*/
}

@media (max-width: 900px) {
	
	.rightpicarea{ float:none; width:100%; margin-left:0px; margin-bottom:30px; box-sizing: border-box;}
	.product_detail p{padding: 0px 0px 25px 0px;}
	.product_detail ul li {width: 24%;}	
	.txtbox2 ul li {width: 32%;}
	.table_box1 {float:none; width:100%; padding-left:0px; padding-top: 40px;}
	td span {width:auto;}
	
}

@media (max-width: 850px) {
	.footer_middle {width:45%; padding-left:0px;}
	.footer_left {width:25%;}
	.footer_right {width: 30%; padding-left: 25px;}
	
	.blog-img{width: 50%; margin-bottom:30px;}
	.blog-img1 {width:50%;}
	.blog-img2{float:none; width:100%; margin-top: 10px; margin-bottom:0px;}
	
	.space img{width:50% !important;}
	.space1 img{width:68% !important;}
	.space2 img{width:68% !important;}
	.space3 img{width:68% !important;}
	.space4 img{width:68% !important;}
	
	
	.space4a{padding-right: 0%;}
	.space4a img{width:30% !important;}
	
	.space4b{padding-right: 0%;}
	.space4b img{width:30% !important;}
	
	.space4c{padding-right: 0%;}
	.space4c img{width:30% !important;}
	
	.space4d{padding-right: 0%;}
	.space4d img{width:30% !important;}
	
	.space4e{padding-right: 0%;}
	.space4e img{width:30% !important;}
	
	.space4f{padding-right: 0%;}
	.space4f img{width:30% !important;}
	
	.space4g{padding-right: 0%;}
	.space4g img{width:30% !important;}
	
	.space4h{padding-right: 0%;}
	.space4h img{width:30% !important;}
	
	.space4i{padding-right: 0%;}
	.space4i img{width:30% !important;}

	.inner-banner-content span{ position:relative; right:auto !important;}
	.inner-banner-content{ text-align:center; bottom: 0px; left: auto; top:auto; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
	.inner-banner-content h4{line-height: 35px;}
	.inner-banner-content h5{line-height: 35px;}
	
	
	.inner-banner-content2 span{ position:relative; right:auto !important;}
	.inner-banner-content2{ text-align:center; bottom: 0px; left: auto; top:auto; -webkit-transform: translate(0%, 0%); transform: translate(0%, 0%);}
	.inner-banner-content2 h3{line-height: 35px; text-align:center;}
	.inner-banner-content2 h4{line-height: 35px; text-align:center;}
	.inner-banner-content2 h5{line-height: 35px; text-align:center;}
	
	.tabbutton a {padding: 20px 15px; min-height: 138px;}
	.txtbox2 ul li {width: 49%;}
	.txtbox2 ul li:nth-child(2n+2) {margin-right: 0% !important;}
	.txtbox2 ul li:nth-child(3n+3) {margin-right: 2%;}
	.cont_cont_main .cont_left {width:100%; float:none;}
	.cont_cont_main .cont_right {width: 100%; float:none;}
	.contact_us_mid{padding-right:0px;}
	
	.model2{float:none;}
}

@media (max-width: 800px) {
	.product_detail ul li img{width:100%;}	

	.about_us h3 {line-height: 28px; font-size: 22px;}
	.table_box1 h3 {font-size: 16px;}
}

@media (max-width: 769px) {
 	.howitwork .worklink ul li a {font-size: 13px;}
}

@media (max-width: 750px) {

	.footer_middle {width:100%; float:none; padding-left:0px;}
	.footer_left {width:100%; float:none;}
	.footer_right {width:100%; float:none; padding-left: 0px;}

 	.footer_middle_in ul{width:100%; float:none; padding-bottom: 30px;}
	.footer_in{text-align: center;}
	.add_n{display: inline-block !important;}
	.phone_n{display: inline-block !important;}
	.mail_n{display: inline-block !important;}
	.howitwork .worklink ul li{width: 24%;}
	.howitwork .worklink ul li:last-child {border-right: 0px solid #894749;}
	
	.contact_info li {width:100%; float:none;}
}

@media (max-width: 700px) {
 	.prod_spec {width: 100%;}
	/*.prod_spec_detail .a_01 {padding-top: auto;}*/
	.prod_spec_detail .a_02 img{width:auto;}
	.prod_spec_detail .a_02 { text-align: right;}
	
	.prd_bg2{background:#FDEAD6 !important;}
	.wt-bg{background:#ffffff; }
	
	ul.client-div li{width: 24%;}
	ul.client-div li:nth-child(4n+4) {border-right: 0px solid #874143;}
	ul.client-div li:nth-child(5n+5) {border-right: 1px solid #874143;}
	ul.client-div li:nth-child(11) {border-bottom: 1px solid #874143;}
	ul.client-div li:nth-child(12) {border-bottom: 1px solid #874143;}
	
	.client_area{background-size: cover;}
	
	.prdc_tab .tab_box {width: 100%; margin-right: 0%; margin-bottom: 10px;}
	/*.tbbg{min-height:auto;}*/
	
	.safty .safty_box {width:100%; float:none; height:auto !important;}
	.sfbg2{background:#FDEAD6  !important;}
	.sfbg3{background:#FEF4EA !important;}
	
	.txtbox2 ul li {width:100% !important; float:none;}
	.tabbutton a{width: 100%; min-height: auto; margin-right: 0%; margin-bottom: 15px;}
	 .hid1{}
	 .hid2{ display:none;}
	 .hid3{ display:none;}
	 .hid4{ display:none;}
	 .hid5{ display:block;}
	 .hid6{ display:block;}
	 
	 .hid7{ display:block;}
	 .hid8{ display:block;}
	 .hid9{ display:none;}
	 
	 .hid12{ display:block;}
	 
	 .graph img{width:100%; vertical-align:top;}


}

@media (max-width: 600px) {
	.tabbutton{padding-bottom: 50px;}
	
	.howitwork .worklink ul li {width: 32%;}
	.ct_input, .ct_input_submit, .ct_input_text_area {width: 100%; float: none;}
	
	.space img{width:60% !important;}
	.space1 img{width:70% !important;}
	.space2 img{width:70% !important;}
	.space3 img{width:70% !important;}
	.space4 img{width:70% !important;}
	
	.space4a img {width: 40% !important;}
	.space4b img {width: 40% !important;}
	.space4c img {width: 40% !important;}
	.space4d img {width: 40% !important;}
	.space4e img {width: 40% !important;}
	.space4f img {width: 40% !important;}
	.space4g img {width: 40% !important;}
	.space4h img {width: 40% !important;}
	.space4i img {width: 40% !important;}
	
	.inner-banner-content2 h3 {line-height:18px; text-align: center;}
	.inner-banner-content2 h3 span {font-size:12px;}
	.inner-banner-content2 h4 {line-height: 35px; text-align: center; font-size:26px;}
	 
}

@media (max-width: 550px) {
	 .site{float: none; width: 100%; display: block; text-align: center;}
	 .footer_copy {text-align: center;}
	 .inner-banner-content h4{font-size: 22px;}
	 .inner-banner-content h5{font-size: 22px;}
	 .product_detail ul li {width:49%; line-height: 20px; }
	 .product_detail ul li img {width: 100%; padding-bottom: 10px;}	
}

@media (max-width: 500px) {
	ul.client-div li{width: 33%;}
	ul.client-div li:nth-child(3n+3) {border-right: 0px solid #874143;}
	ul.client-div li:nth-child(4n+4) {border-right: 1px solid #874143;}
	ul.client-div li:nth-child(5n+5) {border-right: 1px solid #874143;}
	ul.client-div li:nth-child(11) {border-bottom: 1px solid #874143;}
	ul.client-div li:nth-child(12) {border-bottom: 1px solid #874143; border-right: 0px solid #874143;}
	ul.client-div li:nth-child(15) {border-bottom: 0px solid #874143;border-right: 0px solid #874143;}
	
	.blog-img {width:100%; float:none; padding-right:0px;}
	.blog-img1 {width:100%; float:none; padding-right:0px;}
	
	.inner-banner-content h3{line-height: 20px; margin-bottom:15px;}
	.inner-banner-content h4{line-height: 26px;}
	.inner-banner-content h5{line-height: 26px;}
	
	.model{float: right; margin-left: 0px;}
	.model img{width:100%;}
	
	.model2{float: none; margin-left: 0px;}
	.model2 img{width:100%;}

}

@media (max-width: 450px) {


	.prod_spec_detail .a_02 img{width:100%;}
	.prod_spec_detail .a_01 {padding-top: 40px;}
	.prod_spec_detail .a_02 { text-align: right;}
	.client_logo {padding: 0px 20px;}
	.howitwork .worklink ul li {width:48%;}
	.howitwork .worklink ul li:last-child {border-right: 0px solid #894749;}
	
	.space img{width:80% !important;}
	.space1 img{width:90% !important;}
	.space2 img{width:90% !important;}
	.space3 img{width:60% !important;}
	.space4 img{width:90% !important;}
	
	.space4a img {width: 54% !important;}
	.space4b img {width: 60% !important;}
	.space4c img {width: 60% !important;}
	.space4d img {width: 70% !important;}
	.space4e img {width: 65% !important;}
	.space4f img {width: 80% !important;}
	.space4g img {width: 63% !important;}
	.space4h img {width: 45% !important;}
	.space4i img {width: 75% !important;}
	
	.inner-banner-content2 h4 {font-size: 22px;}
 
}

@media (max-width: 400px) {
	.contact_box .had{line-height: 28px;}
	
 
}


@media (max-width: 320px) {
	.space4a img {width: 54% !important;}
	.space4b img {width: 75% !important;}
	.space4c img {width: 67% !important;}
	.space4d img {width: 90% !important;}
	.space4e img {width: 75% !important;}
	.space4f img {width: 100% !important;}
	.space4g img {width: 80% !important;}
	.space4h img {width: 45% !important;}
	.space4i img {width: 95% !important;}
	
}