@media only screen and (max-width: 5120px) {}


@media only screen and (max-width: 3840px) {}


@media only screen and (max-width: 3440px) {}

@media only screen and (max-width: 3200px) {
	.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -5%;
    left: 47%;
}
	
	.page-wrapper {max-width: 1920px; float:none; margin:0 auto;}
.spraxis {clip-path: polygon(0 0, 76% 0, 44% 100%, 0% 100%);}
.main-img-banner {
    background-size:98%;
}

.firm-name {    font-size: 88px;}
.firm-section {
    position: relative;
       padding: 7% 32% 0% 0%;
}

.firm-section p {
    color: #fff;
    font-size: 50px;
}
.hexagon {
    background-image: url(../images/hexagon.svg);
    background-repeat: no-repeat;
    background-size: 300px;
    height: 300px;
    text-align: center;
    line-height: 265px;
    width: 300px;
    margin: 0;
    padding: 0;
    float: left;
    position: absolute;
}

	.hexagon span { text-transform:uppercase; font-size:30px;color:#fff;}
	
.systems-hexa {
    left: 79px;
    top: 146px;
}

.systems-hexa span {}
	
.innovation-hexa {
	    top: 20px;
    left: 299px;
}

.insight-hexa {
     left: 298px;
    top: 273px;
	}
.hexa-div {
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 65px;
}
}

@media only screen and (max-width: 2560px) {
	.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -5%;
    left: 47%;
}
	
	page-wrapper {max-width: 1920px;float:none; margin:0 auto;}
.spraxis {
    clip-path: polygon(0 0, 72% 0, 36% 100%, 0% 100%);
}
.firm-name {    font-size: 80px;}
.firm-section {
    position: relative;
    padding: 10% 40% 0% 0%;
}
.main-img-banner {
    background-size: 100%;
}
.firm-section p {
    color: #fff;
    font-size: 44px;
}
.hexagon {
    background-image: url(../images/hexagon.svg);
    background-repeat: no-repeat;
    background-size: 300px;
    height: 300px;
    text-align: center;
    line-height: 265px;
    width: 300px;
    margin: 0;
    padding: 0;
    float: left;
    position: absolute;
}

	.hexagon span { text-transform:uppercase; font-size:30px;color:#fff;}
	
.systems-hexa {
    left: 79px;
    top: 146px;
}

.systems-hexa span {}
	
.innovation-hexa {
	    top: 20px;
    left: 299px;
}

.insight-hexa {
     left: 298px;
    top: 273px;
	}
.hexa-div {
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 65px;
}
}

@media only screen and (max-width: 1920px) {
	.hexagon {background-image:url(../images/hexagon.svg); background-repeat: no-repeat;
    background-size: 200px;
    height: 200px;
    text-align: center;
    line-height: 180px;
    width: 200px;
    margin: 0;
    padding: 0;
    float: left; position:absolute; }
	.firm-section {
    position: relative;
    padding: 3% 28% 0% 0%;
}

.hexa-div {
    width: 42%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}

	.hexagon span { text-transform:uppercase; font-size:18px;color:#fff;}
	
.systems-hexa {
       left: 77px;
    top: 104px;
}

.systems-hexa span {}
	
.innovation-hexa {
	  top: 20px;
    left: 224px;
}

.insight-hexa {
            left: 223px;
    top: 189px;
	}
	
	page-wrapper { width:100%; float:left;}
.spraxis {
    clip-path: polygon(0 0, 76% 0, 58% 100%, 0% 100%);
}

.firm-name {
    font-size: 92px;
}
.firm-section p {
    color: #fff;
    font-size: 44px;
}
.main-img-banner {
    background-size: 76%;
}
}

@media only screen and (max-width: 1680px) {
	.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -13%;
    left: 47%;
}
	.main-img-banner {
    background-size: 85%;
}
.firm-section {
    position: relative;
    padding: 3% 35% 0% 0%;
}
.firm-name {    font-size: 75px;}
.spraxis {
    clip-path: polygon(0 0, 70% 0, 55% 100%, 0% 100%);
}	
.firm-section p {
    color: #fff;
    font-size: 40px;
}
.hexa-div {
    width: 50%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}

}

@media only screen and (max-width: 1600px) {
	.main-img-banner {
    background-size: 76%;
}
	.hexa-div {
    width: 55%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.firm-section {
    position: relative;
    padding: 3% 29% 0% 0%;
}

.firm-name {
    font-size: 77px;
}
.spraxis {
    clip-path: polygon(0 0, 77% 0, 55% 100%, 0% 100%);
}

}

@media only screen and (max-width: 1580px) {
.firm-section {
    position: relative;
    padding: 3% 29% 0% 0%;
}
.main-img-banner {
        background-size: 66%;
}
}
@media only screen and (max-width: 1500px) {
	.firm-name {
    font-size: 72px;
}
.main-img-banner {
    background-size: 70%;
}
	}
@media only screen and (max-width: 1440px) {
.main-img-banner {
    background-size: 85%;
}
	.middle-text-column {
    padding: 0px 11%;
}
.firm-name {
    font-size: 65px;
}
.hexa-div {
    width: 60%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.spraxis {
    clip-path: polygon(0 0, 69% 0, 54% 100%, 0% 100%);
}
.firm-section {
    position: relative;
    padding: 3% 35% 0% 0%;
}
}

@media only screen and (max-width: 1400px) {
	.firm-name {
    font-size: 68px;
}
.main-img-banner {
    background-size: 74%;
}
.spraxis {
    clip-path: polygon(0 0, 76% 0, 60% 100%, 0% 100%);
}
}

@media only screen and (max-width: 1366px) {
	.main-img-banner {
    background-size: 76%;
}
	.hexa-div {
    width: 60%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
	.firm-name {
    font-size: 66px;
}
.firm-section p {
    color: #fff;
    font-size: 36px;
}
.hexa-div {
    width: 65%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
.spraxis {
    clip-path: polygon(0 0, 74% 0, 60% 100%, 0% 100%);
}
.firm-section {
    position: relative;
    padding: 3% 31% 0% 0%;
	}


}

@media only screen and (max-width: 1300px) {
	.main-img-banner {
    background-size: 80%;
}
	
	.middle-text-column {
    padding: 0px 12%;
}

/*.banner-one {height: 575px;}
.main-img-banner {height: 575px;}*/

.firm-name {
    font-size: 63px;
}
.firm-section p {
    font-size: 32px;
}

.insight-hexa {
   left: 223px;
    top: 189px;
}
.systems-hexa {
    left: 77px;
    top: 104px;
}
.innovation-hexa {
        top: 20px;
    left: 224px;
}
.hexa-div {
    width: 60%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
}

@media only screen and (max-width: 1280px) {
	
/*.banner-one {height: 560px;}
.main-img-banner {height: 560px;}*/
.main-img-banner {
    background-size: 85%;
}
.spraxis {
    clip-path: polygon(0 0, 74% 0, 50% 100%, 0% 100%);
}
.firm-name {
    font-size: 61px;
}
.hexa-div {
    width: 70%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}

}

@media only screen and (max-width: 1200px) {
.main-img-banner {
    background-size: 87%;
}
	.firm-name {
    font-size: 58px;
}
.firm-section p {
    font-size: 30px;
}
	.middle-text-column {
    padding: 0px 13%;
}

/*.banner-one {height: 530px;}
.main-img-banner {height: 530px;}*/

.our-mission {height: 800px;}	
.hexagon {    background-size: 180px;
    height: 180px;
    line-height: 160px;
    width: 180px;}
.systems-hexa {
        left: 92px;
    top: 104px;
}
.insight-hexa {
    left: 224px;
    top: 180px;
}
.innovation-hexa {
    top: 28px;
    left: 224px;
}
}

@media only screen and (max-width: 1180px) {
	.main-img-banner {
    background-size: 88%;
}
.spraxis {
    clip-path: polygon(0 0, 74% 0, 55% 100%, 0% 100%);
}
.firm-section {
    position: relative;
    padding: 5% 33% 0% 0%;
}	
.hexa-div {
    width: 68%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}	
	
/*.banner-one {height: 490px;}
.main-img-banner {height:490px;}*/

.firm-name {
    font-size: 54px;
}
.firm-section p {
    font-size: 26px;
}	
	.hexagon {
    background-size: 150px;
    height: 150px;
    line-height: 130px;
    width: 150px;
}
.innovation-hexa {
    top: 28px;
    left: 202px;
}
.insight-hexa {
        left: 203px;
    top: 154px;
}
.systems-hexa {
    left: 92px;
    top: 92px;
}
.our-mission {
    height: 670px;
}
	
}

@media only screen and (max-width: 1100px) {
	.firm-name {
    font-size: 50px;
}
.main-img-banner {
    background-size: 95%;
}
	.middle-text-column {
    padding: 0px 14%;
}
/*.banner-one {height: 480px;}
.main-img-banner {height:480px;}*/
}

@media only screen and (max-width: 1024px) {
	.main-img-banner {
    height: 100%;
    position: relative;
    background-image: url(../images/banner-bg2.png);}
	.middle-text-column {
    padding: 0px 15%;
}
.main-img-banner {
    background-size: 69%;
}
.page-middle-panel p br, .middle-text-left-panel p br { display:none;}

.firm-name {
    font-size: 44px;
}
.firm-section p {
   font-size: 24px;
  
}
.hexa-div {
    width: 80%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}

/*.banner-one {height: 450px;}
.main-img-banner {height:450px;}*/

.hexagon {
    background-size: 135px;
    height: 135px;
    line-height: 115px;
    width: 135px;
}
.hexagon span { font-size: 14px;}
.systems-hexa {
       left: 103px;
    top: 92px;
}
.insight-hexa {
        left: 202px;
    top: 149px;
}
.innovation-hexa {
    top: 35px;
    left: 202px;
}
.mission-contend {bottom: 24px;}
.sdvosb-img {
    height: 160px;
}
.sdvosb {
       margin: -60px 0px 0px 0px;
    float: right;
}
.spraxis {
    clip-path: polygon(0 0, 70% 0, 39% 100%, 0% 100%);
}
.firm-section {
    position: relative;
    padding: 7% 37% 0% 0%;
}
}

@media only screen and (max-width: 991px) {
	.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -23%;
    left: 47%;
}
	.firm-section {
    position: relative;
    padding: 7% 34% 0% 0%;
}
.main-img-banner {
    background-size: 72%;
}
/*.banner-one {height: 435px;}
.main-img-banner {height:435px;}*/
.spraxis {clip-path: polygon(0 0, 73% 0, 48% 100%, 0% 100%);}
.our-mission {
    height: 600px;
}

.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {
    background-size: 70px;
}
.nav-bottom nav ul li a {    padding-top: 60px;
    width: 70px;}
	
 .nav-bottom nav ul li:last-child  { margin-right:0px;} 
 .nav-bottom {width:50%; margin:0 auto;}
 .nav-bottom nav {    width: 86%;}
}

@media only screen and (max-width:768px) {
	.page-middle-panel {
    float: left;
    width: 100%;
    padding-bottom: 14%;
}
.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -28%;
    left: 47%;
}
	.main-img-banner {
    background-size: 93%;}
	.page-middle-panel h1 .polygon-title-sp {    left: 40px;    top: 68%;}
	.page-middle-panel h1 {    padding-left: 100px;    font-size: 40px;    margin-bottom: 75px;}
	.page-middle-panel h1 .big-polygon-center {
    position: absolute;
    top: 36%;
    left: 40%;
    width: 118px;
}
	.middle-text-column {
    padding: 0px 14%;
}
	.nav-bottom {
    width: 65%;
    margin: 0 auto;
}
/*.banner-one {
    height: 345px;
}

.main-img-banner {
    height: 345px;
}*/

	.our-mission {
    height: 480px;
}
.mission-contend h1 {    font-size: 32px;}
.mission-contend p {    font-size: 24px;    line-height: 32px;}
.firm-name {
   font-size: 25px;
}
.firm-section p {
    font-size: 16px;}
	.firm-section {
    position: relative;
    padding: 7% 50% 0% 0%;
}
.hexa-div {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 15px;
}
	
	.address-footer h6 {    font-size: 13px;}
	.address-footer p {
    font-size: 13px;line-height: 18px;}
	
.home-page .nav-bottom nav ul li a.systems-icon, 
.home-page .nav-bottom nav ul li a.innovation-icon, 
.home-page .nav-bottom nav ul li a.insight-icon, 
.home-page .nav-bottom nav ul li a.partners-icon, 
.home-page .nav-bottom nav ul li a.work-icon {
    background-size: 60px;
}
.home-page  .nav-bottom nav ul li {margin: 0px 6px 10px 3px;}
.home-page  .nav-bottom nav ul li a {font-size: 12px;
    padding-top: 52px;
    width: 60px;
}
.home-page .nav-bottom nav {
    width: 95%;
}
.sdvosb-img {
    height: 135px;
}
.spraxis {
    clip-path: polygon(0 0, 57% 0, 40% 100%, 0% 100%);
}
.hexagon {
    background-size: 100px;
    height: 100px;
    line-height: 84px;
    width: 100px;
}

.innovation-hexa {
    top: 50px;
    left: 176px;
}
.systems-hexa {
    left: 103px;
    top: 92px;
}
.insight-hexa {
    left: 176px;
    top: 134px;
}
.hexagon span {
    font-size: 12px;
}
}



@media only screen and (max-width:767px) {
	.hexa-div {
    width: 68%;
    margin: 0 auto;
    position: relative;
    top: 5px;
}
	.firm-section {
    position: relative;
    padding: 4% 29% 0% 0%;
}
	.middle-text-column {
    padding: 0px 10%;
}
.nav-bottom {
    width: 65%;
    margin: 0 auto;
}
.home-page .nav-bottom {
    width: 100%;
    margin: 0 auto;
}
    /*.systems-page, .innovation-page, .insight-page, .partners-page, .work-page { padding-top: 0px;}*/
	.page-middle-panel h1 {
    font-size: 6vw;margin-bottom: 10%;}
	.page-middle-panel h1 .polygon-title-sp {    background-size: 36px; margin-right:2%;left: 4%;top: 76%;}
	.page-middle-panel h1 {padding-left: 10%;}
	.page-middle-panel h1 .big-polygon-center { width:17%;}
	
	.page-middle-panel p, .middle-text-left-panel p {
    font-size: 2.4vw;}
	
	.page-middle-panel h3, .middle-text-left-panel h3 {font-size: 3.5vw;}
	
	.middle-text-left-panel { text-align:center;}
	
	.waferwire-logo-img, .mtl-logo-img { height:60px;}
   .mtl-logo {
    height: 100px;
}

.work-logo-right { margin-bottom:40px;}
.sdvosb-img {
    height: 155px;
}

.sdvosb {
    margin: -68px -15px 0px 0px;
    float: right;
}
.firm-section p {
    font-size: 3vw;
}

.firm-name {
       font-size: 4.9vw;
}

.insight-hexa {
        left: 153px;
    top: 84px;
}

.systems-hexa {
       left: 80px;
    top: 42px;
}

.innovation-hexa {
    top: 117%;
    left: 153px;
}
.mission-contend h1 {
    font-size: 4.5vw;    width: 320px;
}
.our-mission-panel { width:100%;}
.mission-contend p {
    font-size: 3.2vw;}
	.address-footer h6 {
    font-size: 1.7vw;
}
.address-footer a {font-size: 1.7vw;}
.address-footer p {
    font-size: 1.7vw;
    line-height: 18px;
}
.banner-one {
    height: 345px;
}

.main-img-banner {
    height: 345px;
}
.spraxis {
    clip-path: polygon(0 0, 78% 0, 62% 100%, 0% 100%);height: 345px;
}

}


@media only screen and (max-width:736px) {
.banner-one {
    height: 330px;
}
.main-img-banner {
    height: 330px;
}
.spraxis { height: 330px;}

.home-page .nav-bottom nav {
    width: 100%;
}
.sdvosb-img {
    height: 135px;
}
.home-page .nav-bottom nav ul li:last-child { margin-right:0;}
.nav-bottom {
    width: 68%;
    margin: 0 auto;
}

.home-page .nav-bottom {
    width: 98%;
    margin: 0 auto;
}
}




@media only screen and (max-width:699px) {   
.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -30%;
    left: 47%;
}
.nav-bottom {
    width: 72%;
    margin: 0 auto;
}
.home-page .nav-bottom {
    width: 100%;
    margin: 0 auto;
}
.home-page .nav-bottom nav {
    width: 90%;
}
.home-page .nav-bottom nav ul li {
    margin: 0px 5px 10px 0px;
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 55px;
}
.home-page .nav-bottom nav ul li a {
    font-size: 1.5vw;
    padding-top: 52px;
    width: 55px;
}  
.banner-one {
    height: 315px;
}
.main-img-banner {
    height: 315px;
} 
.spraxis { height: 315px;} 
.innovation-hexa {
        top: 84px;
    left: 153px;
}
.insight-hexa {
    left: 153px;
    top: 202%;
}
.systems-hexa {
    left: 80px;
    top: 42px;
}
.hexa-div { top:5px;width: 80%;}
}

@media only screen and (max-width: 667px) {
	
}

@media only screen and (max-width:635px) {
	.nav-bottom {
    width: 78%;
    margin: 0 auto;
}

.home-page .nav-bottom {
    width: 100%;
    margin: 0 auto;
}
.main-img-banner {
    height: 285px;
}
.banner-one {
    height: 285px;
}
.spraxis { height:285px;}
.firm-name {
        font-size: 4.8vw;
}
.firm-section p {
	    font-size: 2.9vw;
  
}
.hexa-div {width: 75%;}
.hexagon span {
    font-size: 1.7vw;
}
.hexagon {
    background-size: 80px;
    height: 80px;
    line-height: 66px;
    width: 80px;
}
.innovation-hexa {
       top: 0px;
    left: 139px;
}
.insight-hexa {
        left: 139px;
    top: 68px;
}
.systems-hexa {
   left: 80px;
    top: 34px;
}
.spraxis {
   clip-path: polygon(0 0, 80% 0, 58% 100%, 0% 100%);
}
.our-mission {
    height: 415px;
}
.sdvosb {
    margin: 0px 0px 0px 0px;
    float: right;
}
.sdvosb-img {
    height: 115px;
}
.address-footer h6 {
    font-size: 1.7vw;
}
.home-page .nav-bottom nav ul li a {
    font-size: 1.5vw;
    padding-top: 42px;
    width: 48px;
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 48px;
}
.home-page .nav-bottom nav {
    width: 88%;
}
.contact-icon-btm {    background-size: 20px;
    padding-left: 25px;}
}



@media only screen and (max-width:568px) {
	.systems-page .nav-bottom, .innovation-page .nav-bottom, .insight-page .nav-bottom, .partners-page .nav-bottom, .work-page .nav-bottom {
    position: fixed;
    bottom: 0;
    margin-left: -43%;
    left: 47%;
}
	.hexa-div {
    width: 80%;
}
	.nav-bottom {
    width: 97%;
    margin: 0 auto;
}
	.page-middle-panel h1 .polygon-title-sp {
    background-size: 30px;
    margin-right: 2%;
    left: 3%;
}
.page-middle-panel h1 {
    font-size: 6vw;}	
	
.page-middle-panel h1 .big-polygon-center {
    width: 18%;
}

.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 5vw;
}

.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3.4vw;
}
	
.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, 
.nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon,
.nav-bottom nav ul li a.work-icon {    background-size: 100%;
    width: 72px;
    padding-top: 90%;} 
	

.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, 
.insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav { width: 80%;}
 
  .waferwire-logo-img, .mtl-logo-img {
    height: 50px;
}

.main-img-banner {
    height: 255px;
}
.banner-one {
    height: 255px;
}
.spraxis { height: 255px;}
.firm-section {
    position: relative;
    padding: 3% 30% 0% 0%;
}
.firm-name {font-size: 4.8vw;}
.firm-section p {
   font-size: 2.8vw;
    padding-left: 0;
    padding-right: 0;
}
.insight-hexa {
       left: 134px;
    top: 68px;
}
.innovation-hexa {
       top: 0px;
    left: 134px;
}
.systems-hexa {
        left: 75px;
    top: 34px;
}
.spraxis {
    clip-path: polygon(0 0, 79% 0, 55% 100%, 0% 100%);
}
.our-mission {
    height: 375px;
}
.mission-contend h1 {
    font-size: 5.5vw;
    width: 270px;
}

.mission-contend p { margin-bottom:0;
    font-size: 3.5vw;
}
.mission-contend { padding:10px;}

 .address-footer h6 {
    font-size: 2.3vw;
}
.address-footer p {
    font-size: 2.3vw;
    line-height: 18px;
}
.address-footer a {
    font-size: 2.3vw;
}
.address-footer a {
    font-size: 2.3vw;
}
.home-page .nav-bottom {    margin: 20px 0px 0px;width: 100%;}

.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 100%;
	width: 70px;
    padding-top: 90%;
}
.home-page .nav-bottom nav {
    width: 100%;
}
.home-page .nav-bottom nav ul li {
    margin: 0px 10px 10px 0px;
}
.home-page .nav-bottom nav ul li a {
    font-size: 2.5vw;}
	.sdvosb {
    margin: 0px 0px 0px -15px;
    float: left;
}
}

@media only screen and (max-width:563px) {
.main-img-banner {
    height: 250px;
}
.banner-one {
    height: 250px;
}
.spraxis { height: 250px;}
.nav-bottom {
    width: 98%;
    margin: 0 auto;
}
}



@media only screen and (max-width:499px) {
.nav-bottom {
    width: 98%;
    margin: 0 auto;
}
	.page-middle-panel h1 .big-polygon-center {
    width: 19%;
}
	.page-middle-panel h1 {
    font-size: 6vw;
	 margin-bottom: 13%;
}
 .nav-bottom nav ul li:last-child  { margin-right:0px;} 
 .nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {    width: 60px;}
.page-middle-panel h1 .polygon-title-sp {
    background-size: 24px;top: 81%;}
	
	.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3vw;
}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 4.5vw;
}

.main-img-banner {
    height: 225px;
}

.banner-one {
    height: 225px;
}

.spraxis { height:225px;}
.spraxis {
    clip-path: polygon(0 0, 79% 0, 60% 100%, 0% 100%);
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 100%;
    width: 60px;
    padding-top: 90%;
}

.sdvosb-img {
    height: 100px;
}

.mission-contend h1 {    margin: 0 auto 10px;    width: 245px;font-size: 5.5vw;}
.mission-contend p {
    margin-bottom: 0;
    font-size: 3.5vw;
    line-height: 130%;
}

.innovation-hexa {
    top: 160%;
    left: 100px;
}
.insight-hexa {
    left: 180px;
    top: 160%;
}
.systems-hexa {
    left: 20px;
    top: 159%;
}

.our-mission {
    height: 325px;
}

.home-page .nav-bottom nav ul li {
    margin: 0px 6px 10px 0px;
}

.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 100%;
    width: 50px;
    padding-top: 90%;
}
.home-page .nav-bottom nav ul li a {
    font-size: 2vw;
}
.address-footer h6 {
    font-size: 2.7vw;
}
.address-footer p {
    font-size: 2.7vw;
    line-height: 18px;
}
.address-footer a {
    font-size: 2.7vw;
}

.firm-name {    margin-bottom: 2%;}
.firm-section {
    position: relative;
    padding: 5% 30% 0% 0%;
}
.hexa-div {
    width: 88%;
    top: 20px;
}
}



@media only screen and (max-width:480px) {
	.hexa-div {
    width: 100%;
    top: 15px;
}
.firm-section p {
    font-size: 3vw;
    padding-left: 0;
    padding-right: 0;
}
	.nav-bottom {
    width: 99%;
    margin: 0 auto;
}
 .page-middle-panel h1 .polygon-title-sp {
    top: 80%;
} 

.waferwire-logo-img, .mtl-logo-img {
    height: 40px;
}
 .nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {    font-size: 2.2vw;}

.main-img-banner {
    height: 215px;
}
.banner-one {
    height: 215px;
}
.spraxis { height: 215px;}
.hexagon span {
    font-size: 2.2vw;
}
.spraxis {
    clip-path: polygon(0 0, 79% 0, 57% 100%, 0% 100%);
}
}

@media only screen and (max-width:460px) {
	
	.nav-bottom {
    width: 100%;
    margin: 0 auto;
}
 .systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 71%;
}
.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {    width: 50px;}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 5vw;
}

.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3.7vw;
}


.main-img-banner {
    height: 205px;
}
.banner-one {
    height: 205px;
}
.spraxis { height:205px;}

.address-footer h6 {
    font-size: 3vw;
}
.address-footer p {
    font-size: 3vw;
}
.address-footer a {
    font-size: 3vw;
}
.spraxis {
    clip-path: polygon(0 0, 80% 0, 60% 100%, 0% 100%);
}
.firm-section {
    position: relative;
    padding: 5% 28% 0% 0%;
}
.firm-section p {
    font-size: 3.2vw;
    padding-left: 0;
    padding-right: 0;
}
.hexa-div {
    width: 100%;
    top: 10px;
}
}

@media only screen and (max-width:434px) {
	
  .systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 77%;
}
.page-middle-panel h1 {
    font-size: 6.5vw;} 
	.page-middle-panel h1 .big-polygon-center {
    width: 20%;
}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 6vw;
}
.middle-text-left-panel { padding:0px 15px;} 
.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3.8vw;
}
.main-img-banner {
    height: 196px;
}
.banner-one {
    height: 196px;
}
.spraxis { height:196px;}
.spraxis {
    clip-path: polygon(0 0, 80% 0, 64% 100%, 0% 100%);
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon { font-size:2.4vw;}
.mission-contend p {
    margin-bottom: 0;
    font-size: 4vw;
    line-height: 130%;
}
.mission-contend h1 {
    margin: 0 auto 10px;
    width: 245px;
    font-size: 7.5vw;
}


}

@media only screen and (max-width:420px) {  
.hexa-div {
    width: 100%;
    top: 10px;
    left:-10px;
}
.firm-section {
    position: relative;
    padding: 5% 27% 0% 0%;
} 
  .systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 80%;
}
.page-middle-panel h1 .polygon-title-sp {
    top: 79%;
}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 5.5vw;
}

 .our-mission {
    height: 275px;
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    font-size: 2.6vw;
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 100%;
    width: 60px;
    padding-top: 90%;
}
.address-footer h6 {
    font-size: 3.2vw;
}
.address-footer a {
    font-size: 3.2vw;
}
.address-footer p {
    font-size: 3.2vw;
}
.main-img-banner {
    height: 189px;
}

.banner-one {
    height: 189px;
}
.spraxis { height: 189px;}
.firm-section p {
    font-size: 3.3vw;}
 .firm-name {
        font-size: 4.9vw;
}
.insight-hexa {
    left: 180px;
    top: 135%;
}
.systems-hexa {
    left: 20px;
    top: 135%;
}
.innovation-hexa {
    top: 134%;
    left: 100px;
}
}


@media only screen and (max-width:414px) {
	.page-middle-panel p, .middle-text-left-panel p { line-height:22px;}
	
	.main-img-banner {
    height: 185px;
}
.banner-one {
    height: 185px;
}
.spraxis { height:185px;}
.spraxis {
       clip-path: polygon(0 0, 80% 0, 64% 100%, 0% 100%);
}
.hexa-div {
    width: 100%;
    top: 5px;
    left: -10px;
}
}


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

}



@media only screen and (max-width:380px) {
	.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {
    font-size: 2.7vw;
}
	.page-middle-panel h1 {    border-bottom: 2px solid #1922a7;}
	.page-middle-panel h1 .polygon-title-sp {
    top: 78%;
}
	.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 88%;
}

.main-img-banner {
    height: 170px;
}
.banner-one {
    height: 170px;
}
.spraxis { height: 170px;}
.firm-name {    font-size: 4.8vw;}
.firm-section p {
    font-size: 3.3vw;
    padding-left: 0px;
    padding-right: 0px;
}
.hexagon {
    background-size: 65px;
    height: 65px;
    line-height: 55px;
    width: 65px;
}
.hexagon span {
    font-size: 2.4vw;
}

.systems-hexa {
    left: 0px;
    top: 133%;
}
.innovation-hexa {
    top: 133%;
    left: 64px;
}
.insight-hexa {
    left: 128px;
    top: 133%;
}
.spraxis {
       clip-path: polygon(0 0, 80% 0, 64% 100%, 0% 100%);
}

.hexa-div {
    width: 100%;
    top: 5px;
    left: 20px;
}
.firm-section {
    position: relative;
    padding: 6% 27% 0% 0%;
}
}



@media only screen and (max-width: 375px) {
	
.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 90%;
}
.page-middle-panel h1 .big-polygon-center {
    width: 21%;
}
.page-middle-panel p, .middle-text-left-panel p {
    font-size: 4.2vw;
}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 5.8vw;
}

.main-img-banner {
    height: 165px;
}
.banner-one {
    height: 165px;
}
.spraxis { height: 165px;}
}


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

.page-middle-panel h1 .polygon-title-sp {
    top: 75%;
}
.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 5vw;
}
.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3.7vw;
}
.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 91%;
}
.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {
    font-size: 2.8vw;
}

 
}

@media only screen and (max-width:361px) {
	
	.page-middle-panel h3, .middle-text-left-panel h3 {
    font-size: 6vw;
}
	.page-middle-panel p, .middle-text-left-panel p {
    font-size: 3.8vw;
}

.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 93%;
}
.mtl-logo {
    height: 80px;
}
.work-logo-right {
    margin-bottom: 25px;
}
.main-img-banner {
    height: 160px;
}
.banner-one {
    height: 160px;
}
.spraxis { height:160px;}
.spraxis {
    clip-path: polygon(0 0, 80% 0, 62% 100%, 0% 100%);
}
.address-footer h6 {
    font-size: 3.6vw;
}
.address-footer p {
    font-size: 3.6vw;
}
.address-footer a {
    font-size: 3.6vw;
}
.home-page .nav-bottom nav ul li a.systems-icon, .home-page .nav-bottom nav ul li a.innovation-icon, .home-page .nav-bottom nav ul li a.insight-icon, .home-page .nav-bottom nav ul li a.partners-icon, .home-page .nav-bottom nav ul li a.work-icon {
    background-size: 100%;
    width: 50px;
    padding-top: 90%;
}
.mission-contend h1 {
    margin: 0 auto 10px;
    width: 228px;
    font-size: 8vw;
}
.mission-contend p {
    margin-bottom: 0;
    font-size: 4.5vw;
    line-height: 130%;
}


}

@media only screen and (max-width:360px) {
	
 }

@media only screen and (max-width:320px) {
	
.page-middle-panel h1 .polygon-title-sp {
    top: 72%;
}
.page-middle-panel p, .middle-text-left-panel p {
    font-size: 4.6vw;
}
.systems-page .nav-bottom nav, .innovation-page .nav-bottom nav, .insight-page .nav-bottom nav, .partners-page .nav-bottom nav, .work-page .nav-bottom nav {
    width: 100%;
}
.nav-bottom nav ul li a.systems-icon, .nav-bottom nav ul li a.innovation-icon, .nav-bottom nav ul li a.insight-icon, .nav-bottom nav ul li a.partners-icon, .nav-bottom nav ul li a.work-icon {
    font-size: 3.3vw;
}
.nav-bottom nav ul li {    margin: 0px 5px 10px 3px;}

.main-img-banner {
    height: 144px;
}
.banner-one {
    height: 144px;
}
.spraxis { height: 144px;}
.firm-section p {
    font-size: 3.4vw; margin-bottom:10px;}
	.hexa-div {
    width: 100%;
    top: 5px;
    left: 2px;
}
	.spraxis {
    clip-path: polygon(0 0, 78% 0, 68% 100%, 0% 100%);
}
.systems-hexa {
    left: 0px;
    top: 125%;
}

.innovation-hexa {
    top: 125%;
    left: 64px;
}

.insight-hexa {
    left: 128px;
    top: 125%;
}
.hexagon span {
    font-size: 2.9vw;
}
.toggle-button {
    position: absolute;
    top: 8px;
    right: 0px;
    padding: 0px 5px;
    margin: 8px 15px 8px 0;
    height: 30px;
    width: 40px;
    cursor: pointer;
    z-index: 3;
}
.address-footer h6 {
    font-size: 4vw;
}
.address-footer p {
    font-size: 4vw;
}
.address-footer a {
    font-size: 4vw;
}
	
}


/*-----All-Media Resolution-------------------*/

/* (320x480) iPhone (Original, 3G, 3GS) */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    /* insert styles here */
}
 
/* (320x480) Smartphone, Portrait */
@media only screen and (device-width: 320px) and (orientation: portrait) {
    /* insert styles here */
}
 
/* (320x480) Smartphone, Landscape */
@media only screen and (device-width: 480px) and (orientation: landscape) {
    /* insert styles here */
}
 
/* (480x800) Android */
@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
    /* insert styles here */
}
 
/* (640x960) iPhone 4 & 4S */
@media only screen and (min-device-width: 640px) and (max-device-width: 960px) {
    /* insert styles here */
}
 
/* (720x1280) Galaxy Nexus, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}
 
/* (720x1280) Galaxy Nexus, Landscape */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) and (orientation: landscape) {
    /* insert styles here */
}
 
/* (1024x768) iPad 1 & 2, XGA */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    /* insert styles here */
}
 
/* (768x1024) iPad 1 & 2, Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    /* insert styles here */
}
 
/* (1024x768) iPad 1 & 2, Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* insert styles here */
}
 
/* (2048x1536) iPad 3 */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) {
    /* insert styles here */
}
 
/* (1280x720) Galaxy Note 2, WXGA */
@media only screen and (min-device-width: 720px) and (max-device-width: 1280px) {
    /* insert styles here */
}
 
/* (1366x768) WXGA Display */
@media  screen and (max-width: 1366px) {
    /* insert styles here */
}
 
/* (1280x1024) SXGA Display */
@media  screen and (max-width: 1280px) {
    /* insert styles here */
}
 
/* (1440x900) WXGA+ Display */
@media  screen and (max-width: 1440px) {
    /* insert styles here */
}
 
/* (1680x1050) WSXGA+ Display */
@media  screen and (max-width: 1680px) {
    /* insert styles here */
}
 
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
    /* insert styles here */
}
 
/* (1600x900) HD+ Display */
@media  screen and (max-width: 1600px) {
    /* insert styles here */
}