@media (min-width: 280px) and (max-width: 1300px){
#section-02 .tele-line-1 {width: 42%;}
#section-02 .tele-line-2 {width: 50%;}
.val-enb .val-box .val-in-box {min-height: 190px;}
}

@media (min-width: 280px) and (max-width: 1224px){

}

@media (min-width: 280px) and (max-width: 1199px){
.ban-anim {width: 55%;}
.ban-anim .ban-car-02 { bottom: -35px;}
#section-02 .tele-line-1 { width: 52%;}
#section-02 .tele-line-2 {width: 62%;}
#section-03 .msg-line-2, .msg-banner .msg-line-2 { width: 69%;}
.slide-cont { width:100%}
.slide-box .right-box { left: 55%;}
.slide-box .left-box h3 { width:45%; margin-left: 10%;}
.number-count ul li { width:19%}
.win-str .win-point .in-point { min-height:190px;}
.win-str .wins-left { height: 680px;}
.val-enb .val-box .val-in-box { min-height: 160px;}
.val-enb .r-border { border-right:0; border-bottom:1px solid #dddddd}
.val-enb .p-tb-20 { padding:0}
.cd-timeline-content { width:40%}
.story-cont .stroy-bann img { width: 73%;}
.image-awa img { width:100%}
.scot-box { min-height:600px;}
}

@media (min-width: 280px) and (max-width: 1024px){
}

@media (min-width: 280px) and (max-width: 1023px){
#section-02 .tele-line-1 {width: 64%;font-size: 28px; line-height: 28px;}
#section-02 .tele-line-2 {width: 74%;font-size: 22px; line-height: 22px;}
#section-03 h1, .msg-banner h1, .heading-bann h1, .inner-bann h1 {font-size: 28px; line-height: 28px;}
#section-03 .msg-line-2, .msg-banner .msg-line-2 {width: 83%;font-size: 22px; line-height: 22px;}
.slide-box .left-box h3 { font-size: 30px; margin-top: 3%;}
.slide-box .left-box .circle-2 { left:0}
.slide-box .left-box { width: 65%; background-size: 100%;}
.slide-box .right-box { width:44%; padding-top: 13%;}
.win-str .win-point { width:90%;}
.story-cont .stroy-bann img {
    width: 93%;
}
.story-cont .stroy-bann .circle-2 {left: 20%;}
}

@media (min-width: 280px) and (max-width: 999px){
}

@media (min-width: 280px) and (max-width: 998px){
}

@media (min-width: 280px) and (max-width: 992px){
}

@media (min-width: 280px) and (max-width: 991px){
.ban-anim {width: 70%;}
.ban-anim .ban-car-02 {bottom: -33px;}
.product-tab .resp-tab-content, .fot-text ul { width:90%}
.number-count ul li .sub-t { font-size:14px; line-height:14px;}
.number-count ul li {font-size: 30px;}
.number-count ul li .ini-text { font-size:20px;}
.win-str .win-point .in-point {min-height: 220px;}
.win-str .wins-left { height: 500px;}
.win-str .wins-left img {width: 60%;}
.win-str .wins-right { width: 90%; margin: 20px auto 40px;}
.chart-cont h3 {min-height: 52px;}
#cd-timeline .year-box { margin:0}
.cd-timeline-content {width:auto;margin-left: 150px;}
.story-cont .point-cont .box-con { min-height: 100px;}
.story-cont .stroy-bann .circle-1 {left: 80%;}
.blurb-bg { text-align:center}
.truly-trans {width: 50%;}
.scot-box { min-height:inherit; padding-bottom:50px}
}

@media (min-width: 280px) and (max-width: 959px){
}

@media (min-width: 280px) and (max-width: 800px){
}

@media (min-width: 280px) and (max-width: 799px){
.dirct-box .name-b {font-size: 21px;}
}

@media (min-width: 280px) and (max-width: 768px){
}

@media (min-width: 280px) and (max-width: 767px){
.m-t-r-20 { margin-top:20px;}
.h-section {height:auto}
.ban-anim { position: relative; height: 500px; width:80%}
.ban-anim .ban-car-02 { bottom: -32px;}
/*.ban-head { padding-top:20px;}*/
#fullpage { transform: inherit!important;}
#section-02 .blank-box { display:block; width:100%; padding:14% 0}
#section-02 .tele-line-1 { width: 74%;}
#section-02 .tele-line-2 { width:90%;}
#section-03 .blank-box-1 { display:block; width:100%; height: 300px;}
#section-03 h1 { padding: 50px 0 20px;}
#section-03 .msg-line-2, .msg-banner .msg-line-2 { width:90%}
.slide-cont {position: inherit; padding: 50px 10px 30px; height: auto;}
.slide-box .left-box {width: 100%;height: 570px;float: none;background-size: 90%;background-position: bottom center;}
.slide-box .left-box h3 { margin-top: 5%; width: 55%;margin-left: 1%;}
.slide-box .right-box {width: 100%;float: none;position: inherit;padding: 0 20px 0 20px;left: inherit;text-align: center;}
.slide-box .right-box .inner-box .icon-plus { margin:20px auto 0}
.fp-section, .fp-slide, .fp-tableCell{ height: auto !important;}
.msg-banner h3 { font-size:28px;line-height: 28px;}
.point-circle-1 {margin: 0 0 20px 0!important; width: 100%; height: auto; padding: 20px 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px;}
.point-circle-1:after { display:none}
.header-cont.home-header { position:inherit}
.chart-cont { margin:20px 0}
.tb-margin-20 { margin-top:20px; margin-bottom:20px;}
.number-count ul li {width: 30%;margin: 20px 0;}
.ban-head { padding:80px 0 0 0}
.win-str .win-point .in-point {min-height:inherit;margin: 20px 0;}
.win-str .wins-left {height: 370px;}
.val-enb .val-box .val-in-box {min-height: 200px;}
.res-table {overflow-x:auto;}
.res-table table { width:150%}
.chart-cont h3 {min-height: inherit;}
.story-cont .stroy-bann img {width: 100%;}
.story-cont .stroy-bann .circle-2 {left: 16%;}
.truly-trans { width: 70%;}
}

@media (min-width: 280px) and (max-width: 640px){
}

@media (min-width: 280px) and (max-width: 639px){
.ban-head span.line-1 {font-size: 37px; line-height: 28px;}
.ban-head span.line-2 {font-size: 70px; line-height: 64px; letter-spacing: -6px;}
.ban-head span.line-3 {font-size: 17px;}
.ban-anim .ban-car-02 { bottom: -24px;}
.ban-anim {height: 450px;}
#section-02 .tele-line-1 { width: 86%;font-size: 24px; line-height: 24px;}
#section-02 .tele-line-2 { font-size: 18px; line-height: 18px;}
#section-03 h1, .msg-banner h1, .heading-bann h1, .inner-bann h1 {font-size: 24px; line-height: 24px;}
#section-03 .msg-line-2, .msg-banner .msg-line-2 { font-size: 18px; line-height: 18px;}
.slide-box .left-box {background-size: 100%; height: 510px;}
.footer-cont { margin:0 }
.footer-cont p, .footer-cont ul { text-align:center}
.footer-cont ul li { margin: 10px 8px;}
.footer-cont .aicl-logo { float: none; margin: 10px auto 0;}
.revenue-box .rev-row { display:inherit}
.revenue-box .rev-row .l-revbox {width: 100%;display: block;text-align: center; padding: 0;}
.revenue-box .rev-row .c-revbox {display: block;width: 100%;}
.revenue-box .rev-row .r-revbox { display:none}
.revenue-box .rev-row.min-mar { margin: 20px 0;}
.revenue-box .rev-row .l-revbox .num-t { display:block;font-family: 'tondo-bold';font-size: 30px;color: #fff;}
.revenue-box .rev-row .l-revbox .num-t span { font-size:20px; display:inline-block}
.liv-box {height: auto;}
.liv-box p { margin-bottom:30px;}
.liv-box .liv-num {font-size: 40px;}
.liv-box .liv-num span {font-size: 26px;}
.win-str .win-point h3 { font-size:20px;}
.val-enb .val-box .val-in-box { min-height:inherit; padding-bottom: 50px;}
.res-table table { width:200%}
.story-cont .stroy-bann .circle-1, .story-cont .stroy-bann .circle-2 {position: inherit;width: 100%;height: auto;transform: inherit;left: inherit;padding: 20px 0;margin: 20px 0;}
.story-cont .stroy-bann .circle-1 { bottom: inherit;}	
.story-cont .stroy-bann .circle-2:after, .story-cont .stroy-bann .circle-1:after { display:none}
.sustainability-strategy { width:100%}
.pdf-cont h4 { min-height:inherit}
}

@media (min-width: 280px) and (max-width: 480px){
} 

@media (min-width: 280px) and (max-width: 479px){
.header-cont .logo { width: 100px;}
.header-cont {padding:20px;}
.ban-head span.line-3 {font-size: 12px;}
.ban-head span.line-2 {font-size: 50px;line-height: 42px;letter-spacing: -4px;}
.ban-head span.line-1 {font-size: 27px;line-height: 28px;}
.ban-anim { width:98%;height: 400px;}
.ban-anim .ban-car-02 { bottom: -19px;}
.slide-box .left-box h3 { width:100%; margin:0}
.slide-box .left-box { height: auto;}
.slide-box.o-theme .left-box {background: none;}
.slide-box.g-theme .left-box {background: none;}
.slide-box.b-theme .left-box {background: none;}
.slide-box .left-box .circle-1, .slide-box .left-box .circle-2 { width:100%; height:auto; padding:20px 10px; position:inherit; margin:10px 0; right: 0; left: 0;}
.slide-box .left-box .circle-1:after, .slide-box .left-box .circle-2:after { display:none}
.slide-box .left-box .image-box { display:block}
.slide-box .left-box .image-box img { width:100%}
.msg-banner h3 { font-size: 24px; line-height: 24px;}
.revenue-box { padding:40px 0}
.number-count ul li { width:40%}
.win-str .wins-left { height: 270px;}
.res-table table { width:300%}
.cd-timeline-img { font-size:12px;width: 70px;height: 40px;border: 2px solid #fff;}
.cd-timeline-content {margin-left: 90px;}
.cd-timeline-content .un-list li span, .cd-timeline-content .un-list li {font-size: 14px;}
.cd-timeline-content .un-list { margin: 0 0 0 15px;}
.story-cont .stroy-bann img { margin: -60px 0px -20px;}
}

@media (min-width: 280px) and (max-width: 359px){
}

@media (min-width: 280px) and (max-width: 360px){
}

@media (min-width: 280px) and (max-width: 320px){
}