@media screen and (max-width: 1100px) {
.sub-title{font-size: 46px;}
header.site-header .header-top .logo{width: 100px;}
header.site-header .header-top{padding: 10px 0;}
header.site-header .header-top .right-box{padding: 17px 0 10px;}
.slider-portion .caption-wrap{width: 65% !important; margin: 30px 0 30px;}
.our-detail .our-detail-content ul li{margin: 0 11px 20px;}
.innovation-portion{padding: 70px 0 40px;}
.page-contact-form .form-content{width: 70%;}
.page-contact-form{padding: 50px 0;}
.about-page .about-content .text-box{width: 100%;}
.about-page .about-content{width: 100%;}
.box-content ul li label{font-size: 20px;}
.box-content ul li{margin: 0 13px 20px;}
.team-page .team-content .box-content ul li{margin: 0 7px 20px; min-height: 290px;}
.team-page .team-content .box-content ul li .image-box{height: 200px;}
.team-page .team-content .box-content {padding: 0 0 50px;}
.project-page .project-content {width: 100%; display: inline-block; padding-bottom: 100px;}
.research-development-page .project-content .text-box{width: 100%;}
.research-development-page .project-content .content{width: 100%;}
.research-development-page .project-content .content .content-detail .right-box{font-size: 20px; line-height: 24px;}
.research-development-page .project-content .content .content-detail .right-box h3{font-size: 30px;}
.awaeds-page .awaeds-content .image-box{height: 250px;}
.product-page .product-content .text-box{width: 100%; margin: 30px 0 30px;}
.product-page .product-content .our-product ul li{width: 48%; margin-top: 40px;}
.product-page .product-content .our-product ul li .product-detail{width: 67%; font-size: 20px;}
.product-page .product-content .our-product ul li .product-detail h3{font-size: 28px;}
.our-product ul li .product-detail p {float: left; margin-top: 15px;}
.product-page{margin-bottom: 80px;}
.gallery-page .gallery-content ul li{margin: 0 10px 30px;}
.gallery-page{padding: 60px 0 70px;}
.blog-page .blog-content .blog-detail .text-box{font-size: 20px; width: 74%;}
.blog-page .blog-content .blog-detail{margin-top: 50px;}
.contact-page{padding: 50px 0 100px;}
.contact-page .contact-content{padding-top: 50px;}
header.site-header .header-top .right-box .navigation #nav-menu ul li{padding: 0 8px;}
header.site-header .header-top .right-box .navigation {padding-top: 24px;}
.slider-portion .caption h2{white-space: normal;}
.slider-portion .caption p{padding: 0;}
.flexslider .slides img {height: initial; -moz-user-select: none; width: auto; padding: auto;}
.slider-portion .caption h2 { font-size: 48px;}
.flex-direction-nav .flex-next{right: 0 !important;}
.flex-direction-nav .flex-prev{left: 0 !important;}
.slider-portion{min-height: 100%;}
header.site-header .header-top .right-box{width: 85%;}
.about-page .about-bottom-content .text-box p{font-size: 18px;}
.team-page .team-detail .team-detail-content .left-box{min-height: initial;}
.team-page .team-detail .team-detail-content .left-box img{display: block;}
.our-client .our-client-logo{margin-top: 0px !important;}
	.media-portion .media-content .detail-box .text-box h4{line-height:initial;}
	.about-page .about-content .image-box{padding:25px 0 !important;}
}

@media screen and (max-width:768px) {
br{ display:none; }
.blog-page .blog-content .blog-detail .text-box br { display: block; }
.industry-portion .industry-content br {display: block;}
.innovation-portion .innovation-content br {display: block;}
.project-page .project-content br{display: block;}
.research-development-page .project-content br{display: block;}
.about-page .about-content br{display: block;}

.sub-title {font-size: 36px;}

.inner-page .sub-title{margin-bottom: 30px;}
header.site-header .header-top .right-box{width: auto;}
.slider-portion .caption p{font-size: 18px; line-height: normal;}
.slider-portion .attribution p{font-size: 10px; line-height: normal;}
.about-page .about-bottom-content .text-box p{margin:10px 0 0 !important;}
.about-page .about-content img{margin-top:25px !important;}
.box-content ul li img{margin-top:0px !important;}

/*mobile-menu*/
.mobile-menu{display: block; width: 35px; height: 35px; border:1.5px solid #231f20; border-radius: 5px; float: right; background-color: transparent; margin: 4px 0; outline: none; cursor: pointer;}
.mobile-menu > span{width: 100%;  border:1.5px solid #231f20; float: left; margin: 2px 0;}
header.site-header .header-top .right-box .navigation #nav-menu {width: 50%; position: absolute; right: 19px; background-color: #fff;  top: 126px; border: 1px solid #000; display: none;}
header.site-header .header-top .right-box .navigation #nav-menu.collapse-menu{display: block;}
header.site-header .header-top .right-box .navigation #nav-menu ul li{width: 100%; border-bottom: 1px solid #000; padding: 6px 20px;}
header.site-header .header-top .right-box .navigation #nav-menu ul li:first-child{padding-left: 20px;}
header.site-header .header-top .right-box .navigation #nav-menu ul li:last-child{border: none;}
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu {position: relative; top: 0; width: 100%; background-color: transparent; border: 1px solid #fff; display: block; margin-left: 0; text-align: left; padding-top: 10px;}
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li{color: #000; padding-left: 20px; line-height: 20px; text-align: left;}
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li > a:hover, header.site-header .header-top .right-box .navigation #nav-menu ul li.active ul.sub-menu > li > a{color: #000;}
header.site-header .header-top{padding: 10px 0;}
header.site-header .header-top .right-box{padding: 17px 0 0px;}
header.site-header .header-top .right-box .navigation{padding-top: 13px;}
header.site-header .header-top .right-box .navigation #nav-menu ul li ul.sub-menu > li > a{color: #000 !important;}
.lb-outerContainer {position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; border-radius: 4px; width: 70% !important; height: auto !important;}
.lightbox .lb-image {display: block; height: auto; max-width: inherit; border-radius: 3px; width: 100% !important; height: 100% !important;}
.about-page .about-bottom-content .text-box p{font-size: 16px;}
.project-content .innovation-content .logo-content ul li{vertical-align: top;}
.project-content .innovation-content .logo-content ul li img{height: auto;}
/*footer*/
.news-letter-portion .news-letter-content .news-letter-form{margin-top: 30px;}
.news-letter-portion .news-letter-content{width: 90%;}
.news-letter-portion{padding: 50px 0 35px;}
.footer-content{padding: 30px 0 50px;}
	.blog-page .blog-content .blog-detail .text-box h2{line-height:normal;}

.site-content .top-content .our-detail > ul > li{width: 32.9%; padding: 20px 0; font-size: 14px;}
.site-content .top-content .our-detail > ul > li:first-child{border-left: 0px;}
.site-content .top-content .our-detail > ul > li:last-child{border-right: 0px; border-bottom: none;}
.site-content .top-content .our-detail > ul > li img{padding-right: 4px;}
.site-content .top-content .title{font-size: 16px;}

.slider-portion .caption-wrap {width: 90% !important; margin: 20px 0 20px;}
.slider-portion .caption h2{font-size: 36px; margin-bottom: 20px;}
.metaslider .flexslider .slides p{font-size: 20px; line-height: 25px;}
.slider-portion .caption .button-box{margin-top: 40px;}
.industry-portion{padding: 50px 0;}
.innovation-portion {padding: 50px 0 40px;}
.media-portion{padding: 50px 0;}
.media-portion .media-content .detail-box {width: 100%; float: left; min-height: 287px;  max-height: 287px; position: relative; margin-bottom: 40px; overflow: hidden;}
.media-portion .media-content .detail-box .text-box{padding: 0 10px;}
.media-portion .media-content .detail-box .text-box a.readmore{left: 10px;}


/*about*/
.about-page{padding: 50px 0;}
.about-page .about-content{width: 100%;}
.about-page .about-content .image-box{padding: 35px 0;}
.about-page .about-content .button-box a.statement{font-size: 20px;}
.about-page .about-content .button-box{margin-bottom: 10px;}
.about-page .about-bottom-content .text-box p{margin-bottom: 40px;}
.about-page .about-bottom-content .text-box{font-size: 20px; line-height: 24px;}
.our-detail .our-detail-content{text-align: center;}
.our-detail .our-detail-content ul li{float: none; display: inline-block; margin: 0 6px 20px;}
.our-client{padding: 40px 0 50px;}
.page-contact-form .form-content {width: 100%;}
.page-contact-form .form-content .control_form{margin-top: 15px;}
.page-contact-form {padding: 40px 0;}
.box-content ul li {margin: 0 10px 20px; float: none; display: inline-block; vertical-align: top;}
.box-content{padding-bottom: 30px;}
.team-page .team-content .box-content ul li{float: none; display: inline-block; width: 29%;}

/*project*/
.project-page{padding-top: 40px;}
.project-page .project-content .text-box{width: 100%;}
.project-page .project-content {width: 100%; display: inline-block;  padding-bottom: 50px;}
.project-page .project-content .box-content{padding-top: 40px;}
.research-development-page .project-content .content .content-detail .right-box h3 {font-size: 26px; margin: 0;}
.research-development-page .project-content .content .content-detail .right-box {font-size: 18px; line-height: 24px;}
.research-development-page .project-content .content .content-detail{margin-top: 40px;}
.research-development-page .project-content .text-box {padding-top: 20px;}
.collaborations-page .collaborations-content > h6{margin-top: 25px;}
.collaborations-page .collaborations-content .logo-content ul li{width: 32%;}
.collaborations-page .collaborations-content .button-box{margin-bottom: 50px;}
.awaeds-page .awaeds-content .button-box{margin-bottom: 50px;}
.awaeds-page .awaeds-content .sub-title {margin-bottom: 30px;}

/*environment-page*/
.environment-page .environment-content .sub-title {margin-bottom: 20px;}
.environment-page .environment-content .button-box{margin-bottom: 50px;}
.environment-page .environment-content .image-box{height: auto; min-height: 150px;}

/*product-page*/
.product-page{margin: 50px 0;}
.product-page .product-content .text-box {width: 100%; margin: 10px 0 0px;}
.product-page .product-content .our-product ul li{width: 100%;}

/*gallery*/
.gallery-page {padding: 40px 0 40px;}
.gallery-page .gallery-content ul li:first-child {margin-left: 11px;}
.gallery-page .gallery-content ul li:nth-child(4n+0) {margin-right: 11px;}
.gallery-page .gallery-content ul li:nth-child(5n+0) {margin-left: 11px;}
.gallery-page .gallery-content ul li {width: 30%; padding: 0;}

/*blog*/
.blog-page {width: 100%; float: left; padding: 40px 0 60px; box-sizing:border-box;}
.blog-page .blog-content{padding-top: 0px;}
.blog-page .blog-content .blog-detail .text-box a.readmore{margin-top: 20px;}
.blog-page .blog-content .blog-detail .text-box {font-size: 18px; margin-top: 4px; width: 70%;}
.blog-page .blog-content .blog-detail .text-box h3{font-size: 26px;}
.blog-page .blog-content .blog-detail{margin: 0; margin-bottom: 50px;}
.blog-page .blog-content .blog-detail .image-box{height: auto; width: 30%;}

.team-page .team-detail .team-detail-content .right-box{width: 45%;}
.team-page .team-detail .team-detail-content .left-box{width: 50%; margin-right: 4%; height: auto;}
.team-page .team-detail .team-detail-content{padding-bottom: 100px;}
.our-client .flex-direction-nav a:before{display: none !important;}
.gallery-page .gallery-content ul li{margin: 0 11px 30px;}
.contact-page .contact-content .left-box iframe{height: 300px !important; display: block;}
.contact-page .contact-content .left-box{min-height: initial;}
}

@media screen and (max-width:700px){
.gallery-page .gallery-content ul li {width: 29.4%; padding: 0;}
.our-detail .our-detail-content ul li{width: 30%;}
.box-content ul li{width: 30%;}
.collaborations-page .collaborations-content .button-box a.statement{width: 100%;}
.about-page .about-content img{height: auto;}
img{height: auto;}
}

@media screen and (max-width:580px) {
.sub-title{font-size: 28px;}
header.site-header .header-top .right-box{width: auto;}
.slider-portion .caption h2 {font-size: 36px; margin-bottom: 10px;}
.metaslider .flexslider .slides p {font-size: 18px; line-height: 22px;}
.slider-portion .caption .button-box {margin-top: 20px;}
.industry-portion{font-size: 16px; line-height: 19px;}
.innovation-portion{font-size: 16px; line-height: 19px;}
.industry-portion .industry-content p{margin-top: 20px;}
.innovation-portion .innovation-content p{margin-top: 20px;}
.our-detail .our-detail-content ul li{width: 30%;}
.our-detail .our-detail-content ul li label{font-size: 20px; padding-top: 0px;}
.innovation-portion .innovation-content .button-box a.read-more{font-size: 20px; line-height: 34px; width: 200px;}
.media-portion .media-content{margin-top: 40px;}
.media-portion .media-content .detail-box .text-box{width: 55%; min-height: 240px;}
.media-portion .media-content .detail-box{min-height: 250px;}
.media-portion .media-content .detail-box .text-box a.readmore{font-size: 20px;}
.media-portion {padding: 50px 0 0;}
.page-contact-form .form-content .form-group.has-feedback .form-control{padding: 10px 23px;}
.news-letter-portion .news-letter-content .form-group.has-feedback .form-control{padding: 5px 20px;}
.site-content .top-content .our-detail > ul > li {width: 100%; padding: 10px 0; font-size: 14px; border: none; border-bottom: 1px solid #fff;}
.about-page{font-size: 16px; line-height: 20px; padding: 30px 0 0px;}
.team-page .team-content .team-image{margin-bottom: 50px;}
.about-page .about-content .button-box a.statement{font-size: 18px; line-height: 35px;}
.about-page .about-bottom-content .text-box {font-size: 17px; line-height: 19px;}
.box-content ul li{width: 45%;}
.box-content ul li label {font-size: 16px; padding-top: 0;}
.team-page .team-content .box-content ul li:first-child{margin-left: 11px;}
.team-page .team-content .box-content ul li:last-child{margin-right: 11px;}
.team-page .team-content .box-content ul li{width: 44%;}
.project-page{font-size: 16px; line-height: 20px;}
.project-page .project-content p{margin-top: 20px;}
.project-page .project-content .box-content{padding-bottom: 0px;}
.news-letter-portion .news-letter-content .news-letter-form h3{font-size: 16px;}
.news-letter-portion .news-letter-content .form-group.has-feedback .form-control{font-size: 18px;}
.news-letter-portion .news-letter-content .social-icon-number{font-size: 26px;}
.news-letter-portion .news-letter-content .social-icon-number .icon {display: inline-block; padding-right: 15px;}
.news-letter-portion .news-letter-content .logo img {width: 100px;}
.research-development-page .project-content .content .content-detail .right-box h3{font-size: 20px;}
.research-development-page .project-content .content .content-detail .right-box p{margin-top: 10px;}
.research-development-page .project-content .content .content-detail .right-box {font-size: 16px; line-height: 20px; padding-left: 20px;}
.collaborations-page .collaborations-content .button-box a.statement{width: 100%; font-size: 18px; line-height: 35px;}
.awaeds-page .awaeds-content .button-box a.statement{width: 100%; font-size: 18px; line-height: 35px;}
.environment-page .environment-content .button-box a.statement{width: 100%; font-size: 18px; line-height: 35px;}
.environment-page .environment-content .button-box{margin-top: 10px; margin-bottom: 30px;}
.collaborations-page .collaborations-content .button-box{margin-top: 10px; margin-bottom: 30px;}
.awaeds-page .awaeds-content .button-box{margin-top: 10px; margin-bottom: 30px;}
.awaeds-page .awaeds-content .image-box {min-height: 150px; height: auto;}
.product-page {margin: 40px 0;}
.product-page .product-content{width: 100%;}
.product-page .product-content .text-box{font-size: 16px; line-height: 20px;}
.product-page .product-content .our-product ul li .product-detail h3{font-size: 24px;}
.product-page .product-content .our-product ul li .product-detail {width: 67%; font-size: 16px; line-height: 20px; padding-left: 20px; box-sizing:border-box;}
.gallery-page .gallery-content ul li label{font-size: 20px; padding-top: 0px;}
.gallery-page .gallery-content ul li {width: 44%;}
.contact-page .contact-content{width: 100%;}
.contact-page .contact-content .left-box{width: 100%;}
.contact-page .contact-content .right-box{padding-left: 0px; margin-top: 20px; font-size: 20px;}
.contact-page {padding: 50px 0 50px;}
.about-page .award-go-header .award-detail-box .image-box{width: 30%;}
.about-page .award-go-header .award-detail-box .text-box{width: 55%;}
.blog-page .blog-content .blog-detail .image-box{width: 100%; text-align: center;}
.blog-page .blog-content .blog-detail .image-box img{width: auto; height: auto; display: inline-block;}
.blog-page .blog-content .blog-detail .text-box{width: 100%; padding: 0;}
.blog-page .blog-content .blog-detail .text-box br{display: block;}
}

@media screen and (max-width: 480px) {
.sub-title {font-size: 24px;}
.blog-page{padding-top: 30px;}
.page-contact-form {padding: 30px 0 10px;}
.media-portion .media-content .detail-box .text-box a.readmore{left: 0px;}
.blog-page .blog-content .blog-detail {margin-top: 30px;}
.blog-page .blog-content .blog-detail .text-box h3 {font-size: 20px;}
.blog-page .blog-content .blog-detail .text-box {font-size: 16px; width: 95%; margin-top: 20px; line-height: 20px;}
.blog-page .blog-content .blog-detail .text-box a.readmore {margin-top: 15px; font-size: 18px;}
.news-letter-portion .news-letter-content .form-group.has-feedback .form-control.submit{padding: 5px 0; text-align: center;}
.news-letter-portion {padding: 30px 0 35px;}
.blog-page .blog-content .blog-detail{margin: 0; margin-bottom: 30px;}
.team-page .team-detail .team-detail-content .left-box {width: 100%; margin-right: 0; margin-bottom: 2%;}
.team-page .team-detail .team-detail-content .right-box {width: 100%;}
.team-page .team-detail .team-detail-content{padding-bottom: 50px;}
.slider-portion .caption p{font-size: 14px; line-height: normal;}
.slider-portion .attribution p{font-size: 8px; line-height: normal;}
.footer-content .loction{font-size: 15px;}
.about-page .about-bottom-content .text-box p{font-size: 14px;}
.project-content .innovation-content .logo-content ul li{margin-bottom: 20px;}
.contact-page .contact-content .left-box iframe{height: 300px !important; display: block;}

/*header*/
header.site-header .header-top .logo {width: 80px;}
header.site-header .header-top .right-box .social-icon-number .number {width: auto; float: left; font-size: 30px;  font-family: 'Akrobat-Light'; color: #5B6131; padding-left: 15px;  line-height: 26px;}
header.site-header .header-top .right-box{padding-top: 5px;}
header.site-header .header-top .right-box .navigation {padding-top: 6px;}
header.site-header .header-top .right-box .navigation #nav-menu{width: 80%; top: 105px; right: 10px;}

.slider-portion .caption{line-height: 28px !important;}
.slider-portion .caption h2 {font-size: 23px; margin-bottom: 5px;}
.metaslider .flexslider .slides p {font-size: 14px; line-height: 16px;}
.slider-portion .caption-wrap{margin: 20px 0 20px;}
.slider-portion .caption .button-box {margin-top: 10px; width: 80%;}
.slider-portion .caption .button-box a.view-statement{font-size: 14px; line-height: 25px;}
.media-portion .media-content .detail-box .image-box img{min-height: initial;}
.industry-portion {padding: 30px 0;}
.media-portion .media-content .detail-box .text-box a.readmore.readmore{position: relative;}
.our-detail .our-detail-content ul li:first-child {margin-left: 6px;}
.our-detail .our-detail-content ul li:last-child {margin-right: 6px;}
.our-detail .our-detail-content ul li{width: 45%;}
.innovation-portion {padding: 30px 0 40px;}
.media-portion {padding: 30px 0 0;}
.media-portion .media-content .detail-box .image-box{width: 100%; text-align: center;}
.media-portion .media-content .detail-box .image-box img{display: inline-block;}
.media-portion .media-content .detail-box{min-height: auto; max-height: initial;}
.media-portion .media-content .detail-box .text-box{min-height: inherit;}
.media-portion .media-content .detail-box .text-box a.readmore{position: relative; float: left; width: 100%; margin-top: 10px;}
.our-client {padding: 30px 0 40px;}
.our-client .our-client-logo{margin-top: 30px;}
.media-portion .media-content .detail-box .text-box{width: 100%; padding: 0; margin-top: 10px;}

/**/
.about-page .award-go-header{margin: 30px 0px;}
.box-content ul li:first-child {margin-left: 10px;}
.box-content ul li:last-child {margin-right: 10px;}
.box-content ul li{width: 93%;}
.team-page .team-content .box-content ul li {width: 92%;}

/**/
.research-development-page .project-content .content .content-detail .left-box{width: 100%;}
.research-development-page .project-content .content .content-detail .right-box{width: 100%; padding: 0; padding-top: 10px;}
.project-page .project-content .content .content-detail .left-box{width: 100%;}
.project-page .project-content .content .content-detail .right-box{width: 100%; padding: 0; padding-top: 10px;}

/**/
.product-page .product-content .our-product ul li{min-height: initial;}
.gallery-page .gallery-content ul li {width: 94%;}
.contact-page .contact-content .right-box{width: 100%;}
.our-client .our-client-logo {width: 90%; float: left; margin-top: 50px; margin-bottom: 0; margin-left: 50%; transform: translate(-50%);}
.our-client .flex-direction-nav .flex-prev{left: -22px !important; opacity: 1 !important;}
.our-client .flex-direction-nav .flex-next{right: -22px !important; opacity: 1 !important;}
.our-client .flex-direction-nav a:before{display: none !important;}
.our-client .flexslider .slides > li{margin: 0 !important;}
.our-client .flexslider .slides img{padding: 0 !important; padding-left: 25px !important;}
.lb-outerContainer{width: 90% !important;}
.our-client .flex-direction-nav {
    display: none !important;
}
}

@media screen and (max-width: 379px) {

}