nav#nav input, nav#nav label {display: none;}
/***************
 * Media Css
 ***************/
@media only screen and (max-width: 1160px){
 	.container {width: 970px;}
 	section#service ul li {width: 194px;}
 	section#service ul li h2 {font-size: 15px;}
 	section#content-part .right-part {width: 670px;}
 	.pro-big {width: 99.7%;}
 	.smimg {width: 124px;}
 	section#content-part .right-part .features-box {width: 99.9%;}
 	section#content-part .right-part .features-box .features {width: 100%; background-color: #00ade7;}
 	section#content-part .right-part .features-box ul.features-product {float: left; width: 100%;}
 	section#content-part .right-part .features-box ul.features-product li {margin-left: 16px;}
 	section#content-part .right-part .product-des {width: 100%;}
 	section#content-part .right-part .product-des .description-box {width: 99.9%; padding: 15px 0;}
 	section#content-part .right-part .product-des .description-box p {padding: 0 15px;}
 	.bottom-tab #s-mid {width: 99.7%;}
 	section#content-part .right-part .product-des .description-box p img {padding:0 0 15px 0;}
 	section#content-part .right-part .about-us .about-details {width: 100%; padding: 15px 0;}
 	section#content-part .right-part .about-us .about-details p {padding: 0 15px;}
 	section#content-part .right-part .about-us .about-details .left-part {width: 60%;}
 	section#content-part .right-part .about-us .about-details .right-part {float: left; width: 40%; text-align: center;}
 	section#content-part .right-part .about-us .about-details .right-part figure {padding-top: 25px;}
 	section#content-part .services-box ul li span.icon {margin-right: 10px;}
 	section#content-part .services-box ul li span img {width: 50px;}
 	section#content-part .services-box ul li .details {padding-top: 0;}
 	section#content-part .services-box ul li .details h1 {font-size: 21px;}
 	section#content-part .services-box ul li .details p {font-size: 13px;}
 	section#content-part .services-box ul li:nth-child(1) {padding-right: 0px;}

    .prod-gallery {padding-top: 552px;}
    .prod-gallery .content {height: 550px;}
    .prod-gallery label {width: 124px; height: 124px;}
}
@media only screen and (max-width: 991px){
 	.container {width: 750px;}
 	section#service ul li {width: 150px; height: 115px;}
 	section#service ul li h2 {font-size: 12px; line-height: 17px;}
 	section#content-part aside.left-part {width: 225px;}
 	section#content-part aside.left-part .side-box .description-box {width: 99.3%;}
 	section#content-part .right-part {width: 495px;}
 	.smimg {width: 89px;}
 	section#content-part .right-part .product-des .description-box {width: 99.6%;}
 	section#content-part .right-part .about-us .about-details .left-part, section#content-part .right-part .about-us .about-details .right-part {width: 100%;}
 	section#content-part .services-box ul li:last-child {padding-left: 0;}
 	.bottom-tab #s-mid {width: 99.6%;}
 	.bottom-tab .infomenu-style a {font-size: 11px;}
 	.menu-bg nav#nav ul li {padding-right: 20px;} 
    #tabs label {padding: 10px 17px;}

    #categories a {font-size: 14px;}
    .prod-gallery {padding-top: 372px;}
    .prod-gallery .content {height: 370px;}
    .prod-gallery label {width: 89px; height: 89px;}

    section#content-part .services-box ul li {width: 45% !important;}
    section#content-part .services-box ul li:nth-child(2) {border-right: none;}
    section#content-part .services-box ul li:nth-child(3) {padding-left: 0px;}
    section#content-part .services-box ul li:last-child {padding-left: 20px;}
}
@media only screen and (max-width: 767px){
 	.container {width: auto; padding: 0 15px;}
 	.textbar {text-align: center;}
 	.textbar h3 {width: 100%; margin: 0 0 5px 0;}
 	.textbar a {float: none; display: inline-block;}
 	section#service ul li {width: 100%; min-height: 0; padding: 20px 0;}
 	section#service ul li h2 {font-size: 15px;}
 	section#content-part aside.left-part {width: 100%;}
 	section#content-part aside.left-part .side-box .description-box {width: 99.7%;}
 	section#content-part aside.left-part .side-box .description-box ul.categories li {width: 100%; padding: 12px 0px;}
 	section#content-part aside.left-part .side-box .description-box ul.categories li a {margin-left: 15px;}
 	section#content-part aside.left-part .side-box .description-box h1.find {padding: 2px 0 2px 67px; width: 282px;}
 	section#content-part aside.left-part .side-box .description-box .visit-btn {margin-top: 15px; width: 100%; float: left;}
 	.bottom-tab #s-mid {padding: 15px 0;}
 	.bottom-tab .text {padding: 0 15px;}
 	section#content-part .right-part, section#content-part .right-part .product-des .description-box p img {float: left; width: 100%;}
 	section#content-part .right-part .features-box ul.features-product li {width: 165px; padding: 8px 0 6px 95px; background-position: 75px 16px;}
	section#content-part .services-box ul li {width: 100%; border-bottom: 2px solid #ffffff; border-right: none; padding: 15px 0;}
	section#content-part .services-box ul li:last-child {border-bottom: none; padding-left: 0;}
	section#content-part .services-box ul li .details p {font-size: 14px;}
    #service .container > ul {display: none;}
    section#content-part aside.left-part {display: none;}
    section#content-part .right-part .features-box ul.features-product li {width: 90%; margin-left: 0;}

    #tabs .content {padding: 12px 15px 15px;}
     section#content-part .services-box ul li {width: 100% !important;}
}
@media only screen and (max-width: 639px){ 
	section#content-part aside.left-part .side-box .description-box {width: 99.5%;}
	section#content-part aside.left-part .side-box .description-box h1.find {width: auto;}
	section#content-part .right-part .features-box ul.features-product li {padding-left: 15px; background-position: 0 15px;}
	footer#footer {width: 100%; text-align: center;}
	footer#footer h6 {float: none;}
	footer#footer p {float: none;}
	.smimg {width: 16.8%; margin-right: 9px;}
	.bottom-tab .infomenu-style > li {width: 100%; border-right: 0; border-bottom: 1px solid #ffffff;}
	.bottom-tab .infomenu-style a {display: block; float: none;}
	.pro-big img {width: 100%;}
    #service .container > ul {display: none;}
    section#content-part aside.left-part {display: none;}
    section#content-part .right-part .features-box ul.features-product li {width: 90%;}

    .prod-gallery {padding-top: 322px;}
    .prod-gallery .content {height: 320px;}
    .prod-gallery label {width: 48px; height: 48px;}
    #tabs label {width: 100%; border-right: none; border-bottom: 1px solid #ffffff; text-align: left; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
}
@media only screen and (max-width: 479px){
	#header .header-bg h1 {width: 100%; text-align: center;}
	#header .header-bg h1 img {max-width: 100%;}
    #service .container > ul {display: none;}
    section#content-part aside.left-part {display: none;}
    section#content-part .right-part .features-box ul.features-product li {width: 90%;}
}