section.about-sec-hero{display:flex;height:100vh;align-items:center;background:#000;padding-top:10vh;overflow:hidden;position: relative;}
section.about-sec-hero h1 .spo{display:inline-block;}
section.about-sec-hero h1{width: auto;position:relative;display: grid;float: left;}
section.about-sec-hero h1 .btn-arrow{position:absolute;width:100px;height:60px;display:inline-block;}
section.about-sec-hero h1 .btn-arrow:before{content:"";position:absolute;width:100%;height:100%;}
section.about-sec-hero h1 .btn-arrow:after{content:"";color:#cdff00;font-size:21px;letter-spacing:1px;position:absolute;}
section.about-sec-hero h1 .btn-arrow.ba-01{top: -13%;left: 41%;}
section.about-sec-hero h1 .btn-arrow.ba-02{top: 21%;right: -2%;}
section.about-sec-hero h1 .btn-arrow.ba-03{bottom: -13%;left: 54%;}
section.about-sec-hero h1 .btn-arrow.ba-01:before{background:url("arrow-01.png") center center no-repeat;}
section.about-sec-hero h1 .btn-arrow.ba-02:before{background:url("arrow-02.png") center center no-repeat;}
section.about-sec-hero h1 .btn-arrow.ba-03:before{background:url("arrow-03.png") center center no-repeat;}
section.about-sec-hero h1 .btn-arrow.ba-01:after{content:"Publications";top:20px;left:100px;}
section.about-sec-hero h1 .btn-arrow.ba-02:after{content:"Trade shows";top:20px;right:90px;width:100px;}
section.about-sec-hero h1 .btn-arrow.ba-03:after{content:"Awards & conferences";top:30px;left:90px;width:200px;}
section.about-sec-hero .mf-bg-shape{position: absolute;top: 0;right: 0;width: 35vw;height: 35vw;background: url("../templates/img/mf-bg-shape-top.png") no-repeat left bottom;background-size: cover;}
/*section.about-sec-hero .mf-bg-shape{position:absolute;top:-20%;right:-7%;width:47vw; transform:rotate(175deg); }*/
section.three-world-sec{padding:0 0 140px;position:relative;overflow:hidden;}
section.three-world-sec h2{text-align:center;line-height:1;}
section.three-world-sec h2 .stripe{display:inline-block;position:relative;z-index:9;margin-bottom:13px;padding:10px 10px 0;}
section.three-world-sec h2 .stripe span{position:absolute;top:0;width:100vw;height:100%;background:#cdff00;z-index:-1;}
section.three-world-sec h2 .stripe span.s-left{left:0;}
section.three-world-sec h2 .stripe span.s-right{right:0;}
section.three-world-sec img{margin-top:60px;}
section.about-industry-sec{padding:130px 0 80px;background:#000;}
section.about-industry-sec .container{position:relative;}
section.about-industry-sec h2{color:#fff;position:absolute;left:10%;bottom:10%;text-shadow:0 0 15px #000;}
section.about-industry-sec .pe_box{background:#cdff00;padding:80px 0;border-radius:10px;position:relative;z-index:9;overflow:hidden;}
section.about-industry-sec .pe_box:before{content:"";position:absolute;top:0;left:-12%;width:56%;height:100%;background:#fff;transform:skewX(-12deg);}
section.about-industry-sec .pe_box h6{opacity:.5;margin-bottom:20px;}
section.about-industry-sec .pe_box h4{margin-bottom:20px;}
section.about-industry-sec .pe_box .para-side{font-size:16px;max-width:510px;float:right;}
section.about-industry-sec .pe_box img{width:100%;height:100%;position:absolute;top:50%;left:50%;transform-origin:center center;transform:translate(-50%,-50%);}
section.about-industry-sec .mf-bg-shape{width:66%;position:absolute;bottom:28%;right:54px;transform:rotate(-22deg);opacity:.2;}
section.about-sec-01{color:#fff;background:#000;padding:80px 0 140px;}
section.about-sec-01 img{border-radius:12px;}
section.about-sec-02 {background: #cdff00;padding: 110px 0px 90px 0px;}
section.about-sec-03{text-align:center;padding:90px 0;background:#fff;}

section.about-sec-02{}
section.about-sec-02 h3.heading-03{padding:0px 4%;}
section.about-sec-02 ul#pills-tab{display:flex;justify-content: space-between;margin-top: 33px;position: relative;}
section.about-sec-02 ul#pills-tab:after{content:"";position: absolute;top: 5px;right: 1px;width: 5%;height: 4px;background: #cdff00;}
section.about-sec-02 ul#pills-tab:before{content:"";position: absolute;top: 5px;left: 1px;width: 5%;height: 4px;background: #cdff00;z-index: 1;}
section.about-sec-02 ul#pills-tab li{width: 9%;}
section.about-sec-02 ul#pills-tab li button{cursor: pointer;color: #000;font-family: 'Bebas Neue', cursive;font-size: 24px;text-align: center;width: 100%;padding: 20px 0px 0px 0px;border: none;background: none;position: relative;border:none;outline:none;}
section.about-sec-02 ul#pills-tab li button:after{content:"";position: absolute;top: 7px;left: 1px;width: 100%;height: 1px;background: #000000;}
section.about-sec-02 ul#pills-tab li button:before{content:"";position: absolute;top: 0;left: 0;right: 0;margin: auto;width: 16px;height: 16px;background: #cdff00;border: 2px solid #000000;border-radius: 100px;z-index: 4;}

section.about-sec-02 ul#pills-tab li button.active{}
section.about-sec-02 ul#pills-tab li button.active:after{top: 5px;height: 4px;}
section.about-sec-02 ul#pills-tab li button.active:before{background: #000000}

section.about-sec-02 #pills-tabContent{padding: 30px 4%;}
section.about-sec-02 #pills-tabContent h3{font-size: calc(40px + 20vh);margin-top: 30px;}
section.about-sec-02 #pills-tabContent h4{margin-bottom: 20px;}
section.about-sec-02 #pills-tabContent p{}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 480px) {	
section.about-sec-hero h1 .spo
	section.three-world-sec{padding:0px;}
	section.about-industry-sec{padding:60px 0px 60px 0px;}
	section.about-industry-sec .pe_box{padding: 40px 15px 20px 15px;}
	section.about-industry-sec .pe_box:before{top: 200px;left: 0;width: 100%;transform: none;}
	section.about-sec-01{padding: 20px 15px 60px 15px;}
	section.about-sec-01 img{margin-top: 40px;}
	section.about-sec-02{padding: 50px 0px 20px 0px;}
	section.about-sec-03{padding: 40px 0px 40px 0px;text-align: left;}
	
	
	span.image-thumb{}
	span.image-thumb img{width:70px;}
	section.about-sec-hero h1 .btn-arrow{width: 40px;height: 40px;bottom: 20px !important;}
	section.about-sec-hero h1 .btn-arrow:before{background-size: contain !important;}
	section.about-sec-hero h1 .btn-arrow:after{font-size: 14px;}	
	section.about-sec-hero h1 .btn-arrow.ba-02{top: 34%;right: -8px;}

	section.about-sec-hero h1 .btn-arrow.ba-01:before{}
	section.about-sec-hero h1 .btn-arrow.ba-02:before{}
	section.about-sec-hero h1 .btn-arrow.ba-03:before{}
	
	section.about-sec-hero h1 .btn-arrow.ba-01:after{left: 45px;}
	section.about-sec-hero h1 .btn-arrow.ba-02:after{right: 0px;top: 50px;width: 80px;}
	section.about-sec-hero h1 .btn-arrow.ba-03:after{left: 40px;}
	
	section.about-sec-hero h1 .spo:nth-last-child(2) {/* max-width: 90%; */padding-top: 10px;padding-bottom: 13px;}
	
	
	section.about-sec-02 ul#pills-tab{flex-direction: column;width: 70px;display: inline-flex;}
	section.about-sec-02 ul#pills-tab li{width: 100%;}
	section.about-sec-02 ul#pills-tab li button{text-align:left;padding: 0px;margin-bottom: 15px;}
	section.about-sec-02 ul#pills-tab li button:after{transform: rotate(90deg);left: inherit;margin-left: -11px;}
	section.about-sec-02 ul#pills-tab li button:before{left:inherit;margin: inherit;}
	section.about-sec-02 #pills-tabContent {padding: 30px 4%;width: calc(100% - 100px);float: right;}
	section.about-sec-02 #pills-tabContent h3{font-size: calc(40px + 10vh);}
	
	
}