li#menu-item-84 a:before , li.menu-item-84 a:before{
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/UK.svg) !important;
}
li#menu-item-84-mm a:before , li#menu-item-1419 a:before , li.menu-item-84-mm a:before , li.menu-item-1419 a:before{
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/myanmar.svg) !important;
}
li#menu-item-1419-en a:before , li.menu-item-1419-en a:before{
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/UK.svg) !important;
}
li.pll-parent-menu-item ul{
margin-left: 30px; }
.main_menu ul.dropdown-menu {
border: none;
padding-top: 15px;
margin-top: 0;
padding: 2px 20px 0px 25px;
}
li#menu-item-84-mm img
{
display:none;
}
li.pll-parent-menu-item a span{
margin-top: -22px;
}
li.pll-parent-menu-item a img{ opacity: 0;
}
img[title="English"]{
display: none;
}
html {
scroll-behavior: smooth !important;
} .about_scrollable .panel-grid{
margin-bottom:0px !important;
}
.single_page_section img{
margin-bottom: 20px;
}
.desktop{
display: block !important;
}
.mobile{
display: none !important;
}
.banner{
margin-top: 75px;
}
.fa-plus:before {
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/plus.png) !important;
}
.fa-minus:before {
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/minus.png) !important;
}
.nav>li.pll-parent-menu-item>a>img {
width: 30px !important;
height: 30px !important;
float: left;
margin-right: 5px;
border-radius: 50%;
margin-top: -5px;
}
.about_scrollable .year_Text p{
background: #003D80;
width: 80px;
height: 80px;
text-align: center;
align-items: center;
display: grid;
font-size: 24px;
font-weight: 600;
border-radius: 50%;
margin-left: -55px;
} .page_title h2{
margin-top: 80px;
}
.year_Text{
top: 80px; 
background: #003D80;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
align-items: center;
display: inline-grid;
position: relative;
}
.text_Left .year_Text{
left: 80px;
}
.text_Right .year_Text{
right: 80px;
}
.about_scrollable img{
margin-left: 60px;
}
.about_scrollable p{
margin-right: 30px;	
}
.line_bar {
height: 46vh;
}
.text_Left .line_bar {
border-right: 2px dashed #fff;
float: right;
text-align: right;
padding-right: 50px;
}
.text_Right .line_bar {
border-left: 2px dashed #fff;
float: left; padding-left: 50px;
}
.line_bar_first:before{
content: '.';
border: 1px solid #fff;
font-size: 0px;
background: #fff;
width: 2px;
height: 2px;
border-radius: 50%;
position: relative;
padding: 5px;
margin-right: -57px;
top: -25px;
}
.line_bar_last:before{
content: '.';
border: 1px solid #fff;
font-size: 0px;
background: #fff;
width: 2px;
height: 2px;
border-radius: 50%;
padding: 5px;
bottom: -95%;
display: inline-block;
position: relative;
margin-left: -56px;
}
.line_bar_last {
height: 30vh;
}
.text_Left img , .text_Right img{
margin-top: 80px;
}
.text_Right img{
float: right;
margin-right: 60px;
margin-left: auto;
}
.about_full_First{ background: linear-gradient(180deg, #010101 48.96%, rgba(1, 1, 1, 0) 100%);
}
#pg-gb64-6501919323eaf-2{
margin-bottom: 0px !important;
}
#pg-w65080e69a4f0f-0 { margin-bottom: -10px !important;
}
#pgc-w65080e69a4f0f-0-0 , #pgc-w65080e69a4f0f-0-1 {
width: calc(50% - ( 0.1 * 0px ) ) !important;
}  .about_scrollable{
color: #FAF6F8 !important; padding-top: 20px;
padding-bottom: 40px; height: 90vh;
overflow-y: scroll;
position: relative;
}
.about_fullPage{
background-attachment: fixed;
background: radial-gradient(63.81% 49.17% at 51.72% 54.39%, rgba(0, 0, 0, 0.6) 0%, #000000 100%), url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/Rectangle-1335-1.png);
background-position: center right;
background-repeat: no-repeat;
z-index: 99999;
background-size: cover;    
position: relative;
width: 100vw; overflow: initial;
opacity: 0;   transform: translateY(60px);
transition: opacity 0.2s ease-in-out, transform 0.8s; 
}
@keyframes fadeIn {
to {
opacity: 1;
}
}
.fade-out {
opacity: 1; }
.about_fullPage h2{
color: #fff !important;
}
.full_Header{
position: sticky;
width: 100%;
top: 0;
z-index: 999999;
background: linear-gradient(180deg, #010101 48.96%, rgba(1, 1, 1, 0) 100%);
box-sizing: 0;
padding-top: 50px;    
padding-bottom: 40px;
}
.about_scrollable::-webkit-scrollbar {
display: none !important;
}
.about_Detail .panel-grid{
margin-bottom:10px !important;
}
.knowledge_detail_UL ul li:before{
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/dashicons_saved.png);
margin: 10px;
}
.knowledge_detail_UL ul{
margin-left: -50px;
}
#pg-17-3{
margin-bottom: -1px !important;
}
.knowledge_detail_UL ul li{
list-style-type: none;
}
.page_banner_Section{
margin-top: 75px;
}
.about_Des{
height: 700px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.battery_Details h3.main_cat{
color: #C7EB02;   
text-transform: uppercase;
}
.battery_Details h3.con_cat{
color: #1FA4DF;   
text-transform: uppercase;
}
.battery_Details .right_img_bor{
border-right: 1px solid #9C9C9C;text-align: center;
}
.battery_Details span{
font-weight: bold;
color: #1A1919 !important;
}
.battery_Details h4{
margin-top: 40px;
font-size: 24px;
color: #1F1F1F;
margin-bottom: 20px;
}
.battery_Details .col-md-3{
color: #1A1919;
font-size: 24px;font-weight: 700;
}
.related_Pd h2{
margin-bottom: 30px;
}
.battery_Details .col-md-3 span{
color: #535353;
font-size: 24p !important;
font-weight: 700 !important;
}
.battery_Details p{
color: #1A1919;
font-weight: 700;
font-size: 18px;
}
.battery_Details ul li{
list-style-type: none;
width: 100%;
display: inline-flex;
align-items: center;color: #535353;
font-weight: 600;
}
.battery_Details ul{
margin-left: -40px;    margin-top: 30px;
}
.battery_Details ul li img{
margin-right: 10px;
}
.battery_Details h2{
font-style: italic;
}
.url_link a{
color: #9C9C9C !important;
}
.battery_Details img{ }
.url_link{
margin-bottom: 20px;    margin-top: 40px;
}
.knowledge_bg{
background: linear-gradient(90.23deg, #000000 16.75%, rgba(0, 0, 0, 0.6) 86.71%), url(https://gsbeta.staging-sc.com/wp-content/uploads/2023/10/world-class-img-2048x1013.webp);
background-size: cover;
background-repeat: no-repeat;
background-position: top right; 
}
.slick-next, .slick-prev {
top: 100% !important;
}
.knowledge_Info .seconday_btn {
display: inline-block;
float: left;
left: 13px;
position: relative;
margin-top: 28%;
}
.knowledge_Info .seconday_btn:lang(my-MM){
margin-top: 36%;	
}
.slick-prev {
left: 5% !important;
}
.slick-next {
right: 89.5% !important;
}
.slick-prev:before {
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/prev-icon.png);
background: #0033a0;
}
.slick-next:before {
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/next-icon.png) !important;
background: #0033A0  !important;
}
.slick-next.slick-disabled:before{
background-color: #faf6f8;
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/after-icon.png);
opacity:5 !important;
}
.slick-prev.slick-disabled:before {
background-color: #faf6f8;
content: url(http://gsbeta.staging-sc.com/wp-content/uploads/2023/09/before-icon.png);
opacity:5 !important;
}
.slick-next:before , .slick-prev:before {
padding: 7px 13px 10px 10px;
opacity:5 !important;
}
.knowledge_Info {
color: #fff;
}
.knowledge_Info h2{
text-align: left;
color: #FAF6F8 !important;
margin-bottom: 40px;
}
.knowledge_Info .nav-tabs {
width: 32%;
padding-left: 45px;
float: left;
color: #FAF6F8 !important; border: 0px !important;
}
.knowledge_Info ul.nav-tabs li{
float: left;
width: 100%;
background: transparent;
margin: 10px;
border: 0px !important;    text-align: left;
}
.knowledge_Info ul.nav-tabs li.active{
background: #005DAC;
}
.knowledge_Info ul.nav-tabs li a{
color: #FAF6F8 !important;
font-size: 21px !important;
background-color: transparent !important;border: 0px !important; 
}
.knowledge_Info .nav-tabs>li.active>a, .knowledge_Info .nav-tabs>li.active>a:hover, .knowledge_Info .nav-tabs>li.active>a:focus {
background-color: #005DAC;
border: 0px solid #ddd;
border-bottom-color: transparent;
border: 0px !important;
}
.knowledge_Info .tab-content{ float: right;
width: 68%;
}
.slick-list{
padding:0 4% 0 0 !important;
}
.knowledge_slide li{
width: 30%;
float: left;
margin: 8px;
list-style-type: none;
border-radius: 10px;
} .tabs-verical .nav-link {
border-right: 1px solid #ddd;
border-radius: 0;
}
.tabs-verical .navbar-default .navbar-text {
color: #ffffff;
}
.tabs-verical .nav-tabs>li.active>a, .tabs-verical .nav-tabs>.profile-posts li.active>a:focus, .tabs-verical .nav-tabs>li.active>a:hover {
color: #fff;
cursor: default;
background-color: #fff;
border: 1px solid #fff;
border-bottom-color: rgb(221, 221, 221);
border-bottom-color: transparent;
}
:root {
--global-primary-color: #003D80;
--global-secondary-color: #1FA4DF;
--global-text-white-color: #fff;
--global-text-color-gray: #1A1919;
--font-size--large: 48px;
--font-size--medium: 32px;
--font-size--small: 24px;
--font-size--body: 16px;
--font-size--body-small: 14px;
--animate-duration: 1.5s;
--animate-delay: 0.3s;
--animate-repeat: 1;
--animate-margin: -50px;
}
.page_section{
padding-top: 50px;
padding-bottom: 50px;
}
.single_page_section{
padding-top: 50px;
padding-bottom: 50px;
}
.copyright_text{
margin-top: 40px; 
align-items: flex-end;
position: inherit;
display: flex;
}
.primary_backgroud{
background: var(--global-primary-color);
color: var(--global-text-white-color);
}
.primary_backgroud .panel-grid-cell{
width: calc(50% - ( 0.5 * 0px ) );
}
#pg-w6507fc9602da3-0 {
margin-bottom: 0px !important;
}
#pgc-w6507fc9602da3-0-0{
width: calc(50% - ( 0 * 0px ) ) !important;
}
#pgc-w6507fc9602da3-1-0 , #pgc-w6507fc9602da3-1-1{
width: calc(50% - ( 0 * 0px ) ) !important;
margin-top: -9px !important;
}
.seconday_btn{
background: transparent;
color: var(--global-text-white-color);
padding: 8px 30px !important;
border: 1px solid #fff;
display: inline-flex;
}
.seconday_btn:hover ,  .seconday_btn:focus{
background: var(--global-text-white-color);
color: #0033A0 !important;
font-weight: bold;
} 
.battery_Text img{
text-align: center;
margin: auto;    width: 150px;
}
.battery_center_Text{
margin: 70px auto !important;
}
.battery_center_Text img{
text-align: center;
margin: auto;
margin-bottom: 20px;
}
.battery_Text{
padding: 20px 40px;
display: flex;
height: 680px;
text-align: center;
align-items: center;
}
.page_section_Not_banner{
padding-top: 100px;
padding-bottom: 50px;
}
.right_img_bor{
border-right: 1px solid #ffff;
}
.csr_box{
background: #FAF6F8;
border-radius: 0px;
margin: 0px;
margin-bottom: 30px;
}
.csr_box img{
width: 100%;
}
.csr_des{
padding: 20px;
color: #535353;
}
.csr_des h3{
color: #1A1919 !important;font-size: 24px;line-height: 36px;
}
.csr_des .date{
float: right;
}
.csr_box:hover .img-wrapper
{
border-radius:16px 16px 0px 0px;
}
.cat_Title{
background: #1FA4DF;
color: #fff;
padding: 6px 10px;
border-radius: 5px;    margin-right: 10px;
}
.banner_Img{
width: 100%;
}
.career_des{
height: 500px;
display: flex;
align-items: center;
}
#wpsm_accordion_243 .wpsm_panel-body {
border: 0px solid #003d80 !important;
}
.wpsm_panel-body h3{
font-size: 18px !important;
}
h4.wpsm_panel-title span.ac_title_class{
font-size: 24px !important;
}
#wpsm_accordion_243 .wpsm_panel-default {
margin-bottom: 20px !important;
}
.wpsm_panel-title a{
color: #fff !important;
font-size: 24px !important;
} .why_backgroud{
background: var(--global-primary-color);
color: var(--global-text-white-color);
padding: 50px 50px;
position: absolute;
z-index: 99;
width: 60%;
left: 0;
top: 12%;
}
.banner_Img{
}
.why_backgroud h2{
color: var(--global-text-white-color) !important;
margin-top: 0px !important;
}
.why_backgroud h3{
font-size: var(--font-size--small) !important;
}
.main_btn{
padding: 8px 30px;
margin-top: 20px;
display: inline-block;
background: #0033A0;
color: var(--global-text-white-color);
}
.ctform-style input[type=submit]:hover {
background-color: #003d80;
}
.event_section h2{
margin-bottom: 5%;
}
.main_btn:hover , .main_btn:focus{
background: var(--global-primary-color);
color: var(--global-text-white-color);
}
li.lang-item img{
width: 30px !important;
height: 29px !important;
border-radius: 50%;
margin-top: -7px;
}
.header {
background: #fff;
position: fixed;
z-index: 999;
top: 0;
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 3.9%);
width: 100%;
}
.header_whole{
box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
position: fixed;
width: 100%;
background: #fff;
z-index: 99999;
top: 0;
}
.navbar-nav>li {
float: left;
padding: 0px 25px;
font-size: 18px;
}
.banner-overlay {
background: rgb(44 13 13 / 75%);
height: 100%;
}
.container-fluid {
padding-right: 25px;
padding-left: 25px;
}
.footer-menu{
margin-left: -40px;
margin-right: auto;
list-style: none;
}
.footer-menu li{
list-style-type: none;
color: #fff !important;
width: 100%;
float: left;
display: inline-flex;
}
.footer a{
padding: 5px !important;
color: #F1F0F1;
}
.footer li a{
padding: 5px !important;
}
.footer h4 , .footer .footer_h4 a{
color: #fff;
font-size: 18px;
font-weight: bold;
}
.footer p , .footer a{
color: #F1F0F1;
}
.footer h4.Phone{
margin-top: 40px;
}
.footer .fa{
color: #fff !important;
font-size: 21px !important;
border: 1px solid #fff;
border-radius: 50%;
padding: 9px 10px;
margin-top: 15px;
}
.footer .fa-facebook, .ctsocial-style .fa-facebook {
padding: 10px 14px 8px 13px !important;
}
.ctsocial-style .fa-youtube-play {
padding: 8px !important;
}
.footer .fa-youtube-play {
padding: 10px;
font-size: 20px !important;
}
.footer{
overflow-x: hidden !important;
background: #003D80;
padding-bottom: 50px;
padding-top: 50px;
}
.footer a:hover{
text-decoration: none;
}
.footer-nav{
list-style: none;    margin-left: -55px;
}
.footer-nav li{
float: left;
margin: 20px;
}
html, body {
overflow-x: hidden!important;
} @font-face {
font-family: 'Pyidaungsu';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/Pyidaungsu-Regular.ttf);   
}
@font-face {
font-family: 'Pyidaungsu_Bold';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/Pyidaungsu-Bold.ttf);   
}
@font-face {
font-family: 'HelveticaLTStd_Roman';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/HelveticaLTStd-Roman.otf);   
}
@font-face {
font-family: 'HelveticaLTStd_Light';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/HelveticaLTStd-Light.otf);   
}
@font-face {
font-family: 'HelveticaLTStd_Cond';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/HelveticaLTStd-Cond.otf);   
}
@font-face {
font-family: 'Helvetica_LT_Regular';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/HelveticaLT_Regular.ttf);   
} @font-face {
font-family: 'HelveticaLTStd_Bold';
src: url(//gsbattery-mm.com/wp-content/themes/GS/fonts/HelveticaLTStd-Bold.otf);   
}
#wpsm_accordion_243 .wpsm_panel-title a {
font-family: 'HelveticaLTStd_Bold' !important;
}
.entry-meta{
display: none;
}
body {
font-size: 16px; color: var(--global-text-color-gray) !important;
overflow-x:hidden!important;
font-family: 'HelveticaLTStd_Roman', Pyidaungsu !important;
line-height: 3.2rem;
}
h1, h2, h3, h4, h5{
font-family: 'HelveticaLTStd_Bold' , Pyidaungsu_Bold !important;
} h2 {
font-size: var(--font-size--large) !important;
color: var(--global-text-color-gray)!important;
line-height: 57.6px;
}
h3{
font-size: var(--font-size--medium);
}
h2:lang(my-MM) {
line-height: 70px;
}
h3:lang(my-MM) {
line-height: 40px;
}
h5{
font-size: 24px;
}
h6 {
font-size: 16px;
}
a{
outline: 0!important;
text-decoration:none!important;
}
img {
max-width: 100%;
display: block;
}
input, textarea {
width: 100%;
border: 1px solid #ddd;
}
.panel {
box-shadow: 0 0 0;
background: none;
}
.navbar {
margin-bottom: 0px;
border: 0px;
}
.navbar-collapse {
padding: 0px;
}
.nav>li:hover>a, .nav>li:focus>a, .nav>li.active>a, .nav>li>a:hover, .nav>li>a:focus, .nav .open>a, .nav .open>a:hover, .nav .open>a:focus, .current-menu-ancestor a.dropdown-toggle, .main_menu  ul.dropdown-menu .current-menu-item a, .main_menu ul.dropdown-menu li a:hover { 
background: transparent;
color: #0033A0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus, .dropdown-menu a:hover {
background: transparent;
color: #0033A0;
}
.main_menu ul.dropdown-menu li a, .main_menu ul.mega-sub-menu li a{
border: none!important;
font-size: 16px!important;
margin-bottom: 10px!important;
background: transparent;
}
.logos {
display: flex;
width: 90%;
}
.main_menu ul.dropdown-menu {
border: none;
padding-top: 15px;
margin-top: 0;
min-width: 180px;
padding: 15px 20px;
}
.header .container {
display: flex;
align-items: center;
}
.header {
padding-top: 0px;
padding-bottom: 0px;
}
.main_menu {
width: auto;
margin-right: 0;
padding-bottom: 5px;
display: flex;
padding-top: 28px;
float: right;
}
.logo {
max-width: 20%;
display: inline-flex;
float: left;
}
.top-header .container {
display: flex;
padding-top: 20px;
}
.header .main_menu ul li a {
color: #003D80;
padding: 0 0px;
}
.header .main_menu ul li a:hover {
color: #1FA4DF;
}
.header_whole .main_menu ul li a {
color: #343434;
padding: 0 0px;
}
.main_menu ul.nav {
display: flex;
width: 100%;
float: left;
position: relative;
}
.top-header {
padding-bottom: 20px;
}
.header-logo img {
height: auto;
width: auto;
}
a.btn-more {
border-radius: 37px;
border: solid 1px #fff;
display: inline-block;
margin-top: 30px;
padding: 10px 30px;
color: #343434;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
a#dropDownTabsLink i {
color: #1d922a;
}
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 999;
top: 0;
right: 0;
background-color: #C7EB02;
overflow-x: hidden;
transition: .5s;
}  .dropdown-menu li:hover a+ul {
display: block;
top: 0;
left: 100%;
border-radius: 0;
}
.desktop{
display: block;
}
.mobile{
display: none ;
}
.desktop_row{
display: inline-block !important;
}
.mobile_row{
display: none !important;
}
.w50-pull {
left: 48.55%;
position: absolute;
}
.w50-push {
left: 0%;
position: relative;
}
.w50-pull p{
width: 70%;
}
#pull_push_row {
width: 100% !important;
display: inline-block !important;
} @media (min-width: 1199px) and (max-width: 1299px){
.line_bar {
height: 48vh;
}
.w50-pull {
left: 48.6%;
}
}
@media (min-width: 1300px) and (max-width: 1401px){
.line_bar {
height: 48vh;
}
.w50-pull {
left: 48.8%;
}
}
@media (min-width: 1024px) and (max-width: 1199px){
.w50-pull {
left: 48.6%;
}
.line_bar {
height: 48vh;
}
.slick-prev {
left: 8% !important;
}
.slick-next {
right: 83.5% !important;
}
.navbar-nav>li {
padding: 0px 10px;
}
.main_menu ul li:last-child a {
padding-left: 8px!important;
padding-right: 8px!important;
}
.header {
padding-top: 15px;
padding-bottom: 15px;
}
.main_menu ul li a {
padding: 0 6px!important;
font-size: 15px!important;
}
}
@media (min-width: 1080px) and (max-width: 1234px){
.main_menu ul li a {
padding: 0 6px!important;
font-size: 15px!important;
}
} @media (max-width: 420px) {
.knowledge_slide li {
width: 40%;
}
}
@media (min-width: 320px) and (max-width: 1080px){
li.pll-parent-menu-item{
margin-left: -22px !important;
}
.desktop{
display: block !important;
}
.mobile{
display: none !important;
}
.main_menu ul.nav {
display: none;
}
.knowledge_bg {
padding-top: 30px !important;
}
#pgc-w6507fc9602da3-1-0 , #pgc-w6507fc9602da3-1-1 , #pgc-w6507fc9602da3-0-0{
width: calc(100% - ( 0 * 0px ) ) !important;
margin-top: 0px !important;
}
.desktop_row{
display: none !important;
}
.mobile_row{
display: inline-block !important;
}
.primary_backgroud .panel-grid-cell {
width: calc(100% - ( 0.5 * 0px ) ) !important;
}
#pgc-w65080e69a4f0f-0-0 , #pgc-w65080e69a4f0f-0-1 {
width: calc(100% - ( 0.1 * 0px ) ) !important;
}
.primary_backgroud img{
height: auto;
}
.page_banner_Section {
margin-top: 0px;
}
.about_Des {
height: auto;
}
.battery_Text {
padding: 50px 20px 20px 20px;
height: auto;
}
.knowledge_Info .seconday_btn {
margin-bottom: 30px;    margin-top: 30px;
}
.slick-next, .slick-prev {
top: 100% !important;
margin-bottom: 40px;
}
.slick-next {
right: 76.5% !important;
}
.slick-prev {
left: 10% !important;
}
.tab-content>.tab-pane {
margin-left: 0px;
}
.slick-list{
padding:0 10% 0 0 !important;
}
.knowledge_Info .tab-content {
float: right;
width: 100%;
}
.knowledge_slide li {
margin-left: 0px !important;
}
.knowledge_Info .nav-tabs {
width: 100%;
padding-left: 20px;
float: left;
margin-right: 0px;
}
.banner_Img {
margin-top: -30px;
}
.why_backgroud {
padding: 55px 20px;
position: relative;
width: 100%;
top: 0;
}
.single_page_section{
padding-top: 30px;
padding-bottom: 30px;
}
.footer-menu li {
float: none;
display: block;
text-align: center;
margin-left: -20px;
padding-top: 10px;
}
.footer h4{
margin-top: 25px;
}
.footer-menu {
margin-left: auto;
}
.copyright_text {
margin-top: 25px;
position: relative;
display: block;
text-align: center;
}
.desktop{
display: none; 
}
.mobile{
display: block;   margin-top: 20px;
}
.copyright_text img{
text-align: center;
display: inline-flex;
margin-bottom: 30px;
width: 30%;
}
.footer {
padding-bottom: 30px;
padding-top: 30px;text-align: center;
}
.career_des {
height: auto;
display: block;
padding-left: 15px;
padding-right: 15px;
}
h2 {
line-height: 48px;
}
.main_menu {
padding-top: 10px;
}
:root {
--font-size--large: 38px;
--font-size--medium: 28px;
--font-size--small: 24px;
--font-size--body: 16px;
--font-size--body-small: 14px;
}
.page_section_Not_banner {
padding-top: 30px;
padding-bottom: 30px;	
}
.page_section {
padding-top: 30px;
padding-bottom: 30px !important;
}
.why_backgroud .so-panel {
margin-bottom: 0px !important;
}
body {
font-size: 18px;
line-height: 4rem;
}
img.logo{
display: none;
} .main_menu { }
.sidebar .open>.dropdown-menu {
border: none;
box-shadow: none !important;
background: 0 0 !important;
position: relative;
float: none;
}
.navbar-nav>li {
padding: 5px 0px;
padding-top: 0px;
font-size: 18px;
border-bottom: 1px solid #000;
margin: 15px 0px;
}
div#top_menu {
display: flex!important;
justify-content: space-between;
align-items: center;
line-height: normal !important;
}
.sidebar ul.navbar-nav {
float: none;
height: 100%;
padding: 40px 0px;margin: 20px 0px ;
}
.sidebar ul.navbar-nav li a {
color: #343434;
font-size: 18px;
}
.sidebar ul.navbar-nav li a {
color: #000;
font-size: 18px;
}
.sidebar ul.navbar-nav li {
float: none;
}
.sidebar ul.navbar-nav li.active a, .sidebar .current-menu-item a{
color: #fff !important;	
}
.sidebar a.closebtn {
position: absolute;
top: 10px;
color: #000;
font-size: 36px;
left: 20px;
}
.sidebar .open>.dropdown-menu {
border: none;
box-shadow: none;
background: #f8f7f5;
position: relative;
float: none;
}
.sidebar .open>.dropdown-menu li a {
font-size: 16px;
margin: 10px 0;
color: #343434;
white-space: normal;
}
div#top_menu button.openbtn {
border: none;
background: transparent;
font-size: 18px;
}
.header {
padding-top: 15px;
padding-bottom: 15px;
}
}
.primary_backgroud #why_gs_section .panel-grid-cell{
width: calc(50% - ( 0.5 * 0px ) ) !important;
}
@media (min-width: 320px) and (max-width: 768px){
.panel-grid.panel-has-style>.panel-row-style, .panel-grid.panel-no-style {
display: flex;
justify-content: center !important;
}
.slick-next {
right: 72.5% !important;
}
.entry-content .panel-layout {
width: 98% !important;
margin: 0 auto !important;
}
.is-form-style.is-form-style-3 input.is-search-input {
margin-bottom: 25px;
}
}
@media (min-width: 768px) and (max-width: 1080px){
.w50-pull p {
width: 100%;
}
.w50-push {
left: -50%;
position: relative;
}
.line_bar {
height: 48vh;
}
.w50-pull {
left: 49.9%;
position: absolute;
}
.container {
width: 100% !important;
}
.footer h4 {
margin-top: 10px;
}
.primary_backgroud #why_gs_section .panel-grid-cell{
width: calc(100% - ( 0.5 * 0px ) ) !important;
}
#why_gs_section{
display: block;
width: 100%;
float: left;
}
.panel-grid-cell{
width: 100% !important;
}
.single_page_section .panel-grid-cell {
width: 100% !important;
margin: 5px;
}
.desktop{
display: block !important;
}
.mobile{
display: none !important;
}
.page_banner_Section {
margin-top: 80px;
}	
.page_section_Not_banner {
padding-top: 80px;
}
.sidebar ul.navbar-nav li {
float: none;
border-bottom: 1px solid #615d5b;
padding: 15px 0;
}
.sidebar .open>.dropdown-menu {
border: none;
box-shadow: none;
background: 0 0;
position: relative;
float: none;
padding-left: 20px;
}
.sidebar .open>.dropdown-menu li a {
font-size: 16px;
margin: 5px 0;
color: #343434;
white-space: normal;
}
.sidebar .open>.dropdown-menu li {
border-bottom: 0 solid #615d5b;
padding: 1px 0;
}
.battery_center_Text {
margin: 25px auto !important;
}
.slick-prev {
left: 5% !important;
}
.slick-next {
right: 88.5% !important;
}
.knowledge_Info ul.nav-tabs li {
width: 30%;
}
.footer , .footer-menu li , .footer-menu li , .copyright_text {
text-align: left;
}	
.footer-menu li {
padding-top: 0px;
}
.primary_backgroud .panel-grid-cell {
width: calc(100% - ( 0.5 * 0px ) ) !important;
}
#pgc-w65080e69a4f0f-0-0 , #pgc-w65080e69a4f0f-0-1 {
width: calc(100% - ( 0.1 * 0px ) ) !important;
}
.primary_backgroud img{
height: auto;
}
.why_backgroud {
padding: 20px 20px;
position: relative;
width: 100%;
top: 0;
}
.logo_center img{
float: left;
}
div#top_menu button.openbtn {
float: right;
}
#top_menu button.openbtn {
font-size: 32px !important;
margin-right: 0px;
position: relative;
}
.header {
padding-top: 5px;
padding-bottom: 5px;
}
}
@media (min-width: 480px) and (max-width: 767px){
.slick-next {
right: 79.5% !important;
}
}
@media (min-width: 590px) and (max-width: 767px){
.text_Right .year_Text {
right: 55px;
}
}
@media (min-width: 320px) and (max-width: 767px){
.about_fullPage{
overflow: scroll;
}
.w50-pull p{
width: 100%;
}
.w50-pull {
position: relative;
left: -8%;
margin-top: 40px;
}
.w50-push {
left: 0;
position: relative;
}   
.line_bar_first:before {
left: -46px;
}
.line_bar_last:before {
bottom: -90%; 
position: absolute;
margin-left: -50px;
}
.text_Right h3{
margin-top: -60px;
}
.text_Left h3{
margin-top: -40px;
}
.text_Left .year_Text {
left: -70px;
top: -15px !important;
}
.text_Right .year_Text {
right: 70px;
}
.year_Text {
top: 0px;
}
.about_scrollable img{
margin-top: 0;
}
.line_bar {
height: auto;
}
.text_Right .line_bar , .text_Left .line_bar{
border-right: 0px dashed #fff;
border-left: 0px dashed #fff;
}
.text_Left .line_bar {
border-left: 0px dashed #fff;
float: left;
text-align: left;
padding-right: 0;
margin-left: 15px;
padding-left: 5px;
}
.text_Left , .text_Right {
border-left: 2px dashed #fff !important;
padding-left: 20px;
margin-left: 15px;
}
.about_scrollable img {
margin-left: 30px;
}
h2:lang(my-MM) {
line-height: 60px;
}
.gs_Raw .panel-grid-cell {
margin-bottom: 0px !important;
}
.battery_center_Text {
margin: 30px auto !important;
}
.knowledge_Info ul.nav-tabs li {
width: 90%;
}
.primary_backgroud #why_gs_section .panel-grid-cell{
width: calc(100% - ( 0.5 * 0px ) ) !important;
}
.container-fluid {
padding-right: 20px;
padding-left: 20px;
}
.logo_center {
display: block;
width: 45%;
float: right;
}
.logo{ }
div#top_menu button.openbtn {
font-size: 32px;
color: #000;
}
.header {
background: #fff !important;
padding: 0px;
margin-top: 0px;
position: relative;
}
.about_Detail p{
margin-top: -30px !important;
}
.banner {
margin-top: 0px;
}
ul.list {
overflow-x: scroll;
}
.logo1 {
width: auto;
}
div#top_menu { left: 0px;
}
div#top_menu button {
padding: 0;
}
.logo2 {
width: auto;
padding: 0 10px;
} h1 {
font-size: 30px;
}
h3 {
font-size: 30px;
line-height: 1.1;
}
}  .error404 .main, .search .main {
margin-bottom: 30px;
}
.error404 .main {
text-align: center;
}
.not_found h1 {
font-size: 50px;
color: #3c5ba9;
font-weight: 700;
}
.not_found h3 {
font-weight: 700;
}
.search-results h1.entry-title a:after {
content: '';
position: absolute;
width: 30px;
height: 3px;
background:  #3c5ba9;
left: 0;
bottom: 0;
}
.search-results h1.entry-title a {
font-size: 25px;
font-weight: 700;
position: relative;
margin-bottom: 30px;
display: block;
padding-bottom: 15px;
}
.search-results article {
box-shadow: 2px 1px 3px 1px #ddd;
padding: 30px;
margin-top: 30px;
}
.search-no-results .main {
text-align: center;
}
.search-no-results h1.entry-title {
font-size: 30px;
font-weight: 700;
margin-bottom: 20px;
color:  #3c5ba9;
}
.main_menu ul.dropdown-menu li a { 
padding: 5px 8px;
} .header-social a:hover {
color: #ff9700;
}
.dropdown.display > ul {
display: block;
}
#pg-w65421842b7465-0.panel-no-style, #pg-w65421842b7465-0.panel-has-style > .panel-row-style, #pg-w65421842b7465-0{
width: 90% !important;
margin: 0 auto !important;
} @media (min-width: 1080px){
.dropdown:hover > .dropdown-menu {
display: block;
}
}
.error404.no-results,
.entry-header.not_found{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
@media (max-width: 746px){
iframe {
width: 80%;
height: 300px;
}
}
@media (max-width: 468px){
iframe {
width: 100%;
height: 200px;
}
}
@media (max-width: 1080px){
#pg-14-0, #pl-14 .so-panel, #pl-14 .so-panel:last-of-type {
margin: 0 20px;
}
}