/*Min-width Responsive CSS*/
@media (min-width: 1920px) {
}
@media (max-width: 1600px) {
    .eachMileWrap{
        margin-bottom: 30px;
    }
    .eachmileInfo {
        width: 230px;
        bottom: 20px;
    }
    .eachMileFig {
        top: 0;
        width: 160px;
    }
}

@media (max-width: 1440px) {
    .keyNos2 .keyBody{
        height: 68px;
        background-size: cover;
    }
}
@media (max-width: 1400px) {
    .cshpBox {
        width: 33.33%;
        height: 180px;
        margin-right: 0;
        background-size: 180px;
    }
    .homeSlide .slick-prev {
        top: 60%;
    }
    .homeSlide .slick-next {
        top: 68%;
    }
}

/*Max_width Responsive CSS*/
@media (max-width: 1280px) {
    html{
        overflow-x: hidden;
    }
    .cshp {
        padding: 0 15px;
    }
    .slide2nd {
        padding: 6% 15px 0;
    }
    .eachRow{
        margin: 0 -15px;
    }
    .eachAwardWrap {
        width: 33.33%;
        margin-bottom: 30px;
        padding: 0 15px;
    }
    .absImg1 {
        right: 0;
    }
    .pointerWrap{
        flex-wrap: wrap;
    }
    .pl1 {
        width: 50%;
    }
    .pl2 {
        width: 50%;
        border-right: 0;
    }
    .pl3 {
        width: 100%;
        border-top: 1px solid #9d1882;
        justify-content: center;
    }
    .pointerWrapMain {
        margin-bottom: 0 !important;
    }
    .keyNos3 .keyBody {
        height: 75px;
        background-size: cover;
    }
    .eachMileFig img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .eachMileFig {
        height: 240px;
    }
}


@media (max-width: 1199px) {
    .bannerRight h1 {
        font-size: 55px;
        line-height: 60px;
    }
    .bannerLeft img {
        left: 270px;
        width: 300px;
    }
    .prism {
        padding: 0;
    }
    .djGroup {
        padding-top: 40px;
    }
    .LATL_group, .LATL_mile_group{
        padding-top: 50px;
    }
    .keyBody {
        width: calc(50% - 15px);
        margin-bottom: 25px;
        margin-right: 15px;
        background-size: cover;
        height: 70px;
    }
    .eachMilesB {
        width: calc(50% - 10px);
    }
    .manMsg {
        min-height: auto;
        padding: 30px 0;
    }
    .cshp {
        padding: 30px 15px;
        margin-top: 0;
        min-height: auto;
    }
    .cshpArea {
        flex-wrap: wrap;
    }
    .cshpBox {
        width: calc(50% - 20px);
        height: auto;
        margin-bottom: 20px;
        background-size: cover;
    }
    p {
        margin-bottom: 15px;
    }
    .homeSlideItemLeft h2 {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 15px;
    }
    #menu {
        height: 100%;
        position: fixed;
        background-color: #e21a2d;
        width: auto;
        transition: 1000ms all cubic-bezier(0.19, 1, 0.22, 1);
        transform: translateX(100%);
        left: inherit;
        z-index: 3;
        top: 110px;
        right: 0;
    }
    .hamburger, #blob{
        display: none;
    }
    .slide2nd {
        padding: 35px 15px;
    }
    .cshpRight {
        padding-right: 0;
    }
    .header_menu{
        display: block;
    }
    .header_menu a{
        display: block;
    }
    .header_menu a span{
        width: 35px;
        height: 5px;
        background-color: #ea0032;
        border-radius: 5px;
        margin-bottom: 5px;
        display: block;
        transition: all 0.3s ease-in-out;
        transform: rotate(0deg) translateX(0px);
    }
    .header_menu a:hover span{
        background-color: #fd8436;
    }
    .header_menu a span:last-child{
        margin-bottom: 0;
    }
    .menu-inner ul {
        height: 95vh;
        padding-right: 10px;
    }
    .menu-inner{
        padding-right: 0;
        padding: 20px;
    }
    .open_menu #menu {
        transform: translateX(0%);
    }
    .open_menu .header_menu a span:first-child{
        transform: rotate(45deg) translateX(8px);
    }
    .open_menu .header_menu a span:nth-child(2){
        display: none;
    }
    .open_menu .header_menu a span:nth-child(3){
        transform: rotate(-45deg) translateX(7px);
    }
    .bannerRight, .bannerLeft {
        height: 80vh;
    }
    .cshpRight h4 {
        margin: 0 0 30px;
    }
    .cshpRight h3 {
        margin: 15px 0;
    }
    .num {
        padding-left: 20px;
        padding-top: 30px;
    }
    .g8, .shp_3, .shp_2, .shp_1, .shp_4, .shp_5, .shp_6, .shp_7, .shp_8, .g10, .g11, .g7{
        display: none;
    }
    .cshpRight h2 br{
        display: none;
    }
    .cshpRight h2 {
        font-size: 35px;
        line-height: 40px;
    }
    .cshpLeft, .cshpLeft img{
        width: 100%;
        position: static;
    }
    .cshp .row{
        align-items: center;
    }
    .pdfLinks {
        margin-top: 0;
    }
    .pdfLinks a {
        margin: 0 10px 10px;
    }
    footer {
        padding: 30px 0 20px;
    }
    .eachAwardWrap {
        width: 50%;
        margin-bottom: 15px;
    }
    .eachBodWrap {
        width: 33.33%;
        max-width: 100%;
        margin-top: 15px;
        margin-bottom: 90px;
    }
    .dfWrap {
        width: 100%;
        padding-right: 0 !important;
        padding-left: 0 !important;
        margin-bottom: 25px !important;
        flex-wrap: wrap;
    }
    .boxBg {
        padding: 15px;
    }
    .boxBg p {
        font-size: 16px;
    }
    .keyNos3 .keyBody {
        width: calc(33.33% - 10px);
        margin-right: 0;
    }
    .mainWrap, .eachEvolution{
        margin-bottom: 0 !important;
    }
    .evolutionList li {
        width: calc(33.33% - 30px);
        margin-bottom: 25px !important;
    }
    .eachMileFig {
        height: auto;
    }
    .eachMileWrap {
        width: calc(50% - 30px);
    }
    .innovationList li {
        width: calc(33.33% - 30px);
        height: 280px;
        margin-bottom: 20px !important;
    }
    .contBox {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        margin-bottom: 20px !important;
    }
}


@media (max-width: 1024px) {
    .eachMileImg {
        width: 340px;
    }
    .eachMileFig {
        width: 130px;
    }
    .eachmileInfo {
        bottom: 40px;
    }
}


@media (max-width: 991px) {
    header {
        position: static;
    }
    #menu{
        top: 0;
    }
    .menu-inner{
        top: 0px;
        height: 100vh;
        overflow-y: scroll;
        padding: 110px 20px 20px;
    }
    .menu-inner:after{
        clear: both;
        content: '';
        display: table;
    }
    .menu-inner ul{
        overflow: visible;
    }
    .menuOff{
        top: 10px;
        right: 20px;
        color: #fff;
        width: 40px;
        height: 40px;
        padding: 5px;
        float: right;
        font-size: 40px;
        text-align: center;
        line-height: 22px;
        position: absolute;
        display: block !important;
    }
    .bannerRight, .bannerLeft {
        height: 60vh;
    }
    .bannerLeft img {
        left: 183px;
    }
    .g1, .g2, .g3, .g4, .g5, .g6, .g7, .g9, .g12{
        display: none;
    }
    .prism {
        margin-top: 30px;
    }
    .prism h2 span {
        display: inline;
    }
    .groupHeading h2 span {
        display: inline;
        font-size: 28px;
    }
    .groupHeading {
        margin-bottom: 15px;
    }
    .djGroupPara {
        padding-top: 15px;
    }
    .iconInfo {
        height: auto;
    }
    .groupHeading h2{
        font-size: 30px;
    }
    .groupHeading h2 span br{
        display: none;
    }
    .latl_intro_cont{
        flex-wrap: wrap;
    }
    .latlInfo, .keyNosWrap{
        padding-right: 0 !important;
        width: 100%;
        order: 2;
    }
    .latlImg, .revWrap{
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
    .key_group{
        margin-top: 20px;
    }
    .latlMilesImg{
        width: 100%;
        order: 1;
        margin-bottom: 25px;
    }
    .latlMilesWrap{
        width: 100%;
        order: 2;
        padding-left: 0 !important;
    }
    .manMsg {
        margin-top: 20px;
    }
    .mpic {
        position: relative;
        top: 0;
        z-index: 1;
        margin-bottom: 20px;
    }
    .mmText h2 {
        margin-bottom: 20px;
    }
    .cshpBox {
        background-image: none;
    }
    .cshpRight h4 {
        margin: 0 0 15px;
    }
    .homeSlideItemLeft {
        width: 100%;
        height: auto;
        padding: 20px;
        order: 2;
    }
    .homeSlideItemRight {
        width: 100%;
        order: 1;
        margin-left: 0;
        margin-bottom: 15px;
    }
    .homeSlideItem.slick-slide{
        display: flex;
        flex-wrap: wrap;
    }
    .homeSlide .slick-prev {
        top: 67%;
        left: 40px;
    }
    .homeSlide .slick-next {
        top: 67%;
        right: 40px;
    }
    main.innerPage {
        padding-top: 50px;
    }
    .dfWrap .boxBgCont{
        width: 100%;
        order: 2;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .dfWrap .imgBox{
        width: 100%;
        order: 1;
    }
    .stickyBox {
        position: static;
        margin-bottom: 20px !important;
    }
    .col_25 {
        width: calc(50% - 10px);
    }
    .keyNos2 .keyBody {
        width: 100%;
    }
    .dfWrap11 .wid_50, .dfWrap12 .wid_50, .dfWrap13 .wid_50, .dfWrap14 .wid_50{
        width: 100%;
        margin-bottom: 20px;
        padding: 0 !important;
    }
    .dfWrap12 .wid_50:last-child, .dfWrap13 .wid_50:last-child, .dfWrap14 .wid_50:last-child{
        margin-bottom: 0;
    }
    .evolutionList li {
        width: calc(50% - 30px);
    }
    .sidebarBox{
        width: 100%;
        order: 1;
        margin-bottom: 20px;
    }
    .m_msg_page .contBox{
        order: 2;
    }
    .mb_70 {
        margin-bottom: 15px !important;
    }
    .eachMileWrap {
        position: relative;
        margin-bottom: 50px;
    }
    .eachMileImg {
        width: 250px;
    }
    .eachmileInfo {
        bottom: 0;
        margin: 0 auto;
    }
    .absImg2, .absImg1{
        display: none;
    }
    .mainWrap .wid_50{
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .innovationList li {
        width: calc(50% - 30px);
    }
    .innovation_page .mainWrap .wid_50 figure{
        margin-bottom: 15px;
    }
    .mapBox {
        max-width: 100%;
    }
    .halfWrap .wid_50{
        width: 100%;
    }
    .latlImg h2{
        display: none;
    }
}


@media (max-width: 767px) {
    header .container-fluid{
        width: 100%;
    }
    .header_menu a span {
        width: 24px;
        height: 3px;
    }
    .bannerLeft img {
        left: 44%;
    }
    .bannerRight {
        width: 100%;
        height: auto;
        padding-bottom: 30px;
    }
    .mainBanner{
        flex-wrap: wrap;
    }
    .bannerLeft {
        width: 100%;
        height: 55vh;
    }
    .bannerRight h1 {
        font-size: 45px;
        line-height: 50px;
    }
    .prism h2 {
        font-size: 35px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    .prism h2 span {
        font-size: 30px;
    }
    p {
        margin-bottom: 10px;
        font-size: 14px;
        line-height: 22px;
    }
    .djGroupContent {
        font-size: 16px;
    }
    .cshpRight h4 {
        font-size: 14px;
    }
    .cshpRight h2 {
        font-size: 30px;
        line-height: 32px;
    }
    .num {
        padding-left: 0;
        padding-top: 0;
    }
    .homeSlide .slick-prev {
        top: 64%;
        right: 95px;
        transform: scale(1);
        left: inherit;
    }
    .homeSlide .slick-next {
        top: 64%;
    }
    .homeSlideItemLeft h2 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }
    .homeSlideItemRight .shp_img_2 img, .homeSlideItemRight .shp_img_3 img, .homeSlideItemRight .shp_img_4 img, .homeSlideItemRight .shp_img_5 img {
        height: auto;
    }
    .eachAwardWrap {
        width: 100%;
    }
    .groupHeading {
        margin-bottom: 12px !important;
    }
    .awards_page .groupHeading h2 {
        font-size: 25px;
    }
    .eachAward figure {
        padding: 0;
    }
    .absImg1 {
        width: 60px;
        top: -60px;
    }
    .eachBodWrap {
        width: 50%;
    }
    .pl1 {
        width: 100%;
        border-right: 0;
    }
    .pl2 {
        width: 100%;
        border-top: 1px solid #9d1882;
    }
    .boxBgWrap{
        margin-bottom: 20px !important;
    }
    .boxBg{
        margin-top: 15px;
    }
    .baseList li.wid_20, .baseList li.wid_25 {
        width: calc(33.33% - 20px);
    }
    .eachSector {
        width: 100%;
    }
    .djGroupContent{
        margin-bottom: 20px !important;
    }
    .dfWrap .wid_50 {
        width: 100%;
        padding-right: 0 !important;
        margin-bottom: 20px;
    }
    .dfWrap .wid_60, .dfWrap .wid_40{
        width: 100%;
        padding-right: 0 !important;
        margin-bottom: 20px;
    }
    .keyNos2 .keyBody{
        background-image: none;
        padding-left: 0;
    }
    .keyNos {
        width: 100%;
        padding-top: 20px;
    }
    .col_25 {
        width: 100%;
        margin-bottom: 10px;
    }
    .dfWrap .wid_40{
        margin-bottom: 0;
    }
    .dfWrap:last-child{
        margin-bottom: 0 !important;
    }
    .dfWrap .wid_50:last-child{
        margin-bottom: 0;
    }
    .dfWrap .wid_50{
        margin-right: 0;
    }
    .keyNos2 .keyBody{
        height: auto;
    }
    .boxBgCont {
        padding-left: 0 !important;
    }
    .dfWrapHolder1{
        margin-bottom: 20px !important;
    }
    .keyNos3 .keyBody {
        width: calc(50% - 10px);
    }
    .evolutionList li {
        width: 100%;
        margin-bottom: 20px !important;
    }
    .evolution_page .dfWrapHolder1 {
        margin-bottom: 0 !important;
    }
    .eachMileWrap {
        width: 100%;
    }
    .eachMileWrap:last-child{
        margin-bottom: 0;
    }
    .innovationList li {
        width: 100%;
        background-image: none;
        height: auto;
    }
    .innovationList{
        margin-top: 30px;
    }
    .innovationList li h4 {
        position: static;
        text-align: center;
    }
    .numText {
        font-size: 14px;
    }
}

@media (max-width: 575px) {
    .eachBodWrap {
        width: 100%;
    }
    .eachBodBg{
        margin: 0 auto;
    }
    .eachBod .imgWrap, .eachBod figure{
        left: 50%;
        transform: translateX(-50%);
    }
    .baseList li.wid_20, .baseList li.wid_25 {
        width: calc(50% - 20px);
    }
    /*.eachMileImg {*/
    /*    width: 75%;*/
    /*}*/
    .eachBodWrap {
        margin: 0 15px 110px;
    }
    .eachBod figure img {
        display: block;
        width: 100%;
    }
    .eachBodBg {
        width: 100%;
        height: auto;
    }
    .eachBod .imgWrap {
        width: 100%;
    }
    .eachBod figure, .eachBod figure img {
        width: 100%;
    }
    .eachRow:last-child .eachBodWrap:last-child{
        margin: 0 15px 40px;
    }
}

@media (max-width: 480px) {
    .bannerRight h1 {
        font-size: 35px;
        line-height: 40px;
    }
    .prism h2 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 10px;
    }
    .prism h2 span {
        font-size: 20px;
    }
    .djGroup {
        padding-top: 25px;
    }
    .groupHeading h2 {
        font-size: 25px;
    }
    .groupHeading h2 span {
        font-size: 20px;
    }
    .keyNos {
        padding-top: 20px;
    }
    .keyBody {
        width: 100%;
        margin-bottom: 15px;
        margin-bottom: 30px;
    }
    .LATL_group, .LATL_mile_group {
        padding-top: 25px;
    }
    .eachMilesB {
        width: 100%;
    }
    .eachMilesB .purpleText.counter {
        font-size: 20px;
    }
    .mmText h2 {
        margin-bottom: 10px;
        font-size: 24px;
    }
    .cshpRight h2 {
        font-size: 24px;
        line-height: 28px;
    }
    .num {
        font-size: 35px;
        line-height: normal;
        margin-bottom: 10px;
    }
    .numText {
        padding: 0;
    }
    .cshpBox {
        width: calc(100% - 20px);
        margin-bottom: 10px;
    }
    footer .df {
        display: block !important;
        text-align: center;
    }
    footer .df div:first-child{
        margin-bottom: 15px;
    }
    /*#menu {*/
    /*    top: 65px;*/
    /*}*/
    /* .headerBox {
        flex-wrap: wrap;
    } */
    .logo, .ar2022, .lumaxLogo {
        padding-right: 10px;
    }
    .header_menu a span{
        margin: 0 auto 5px;
    }
    .menu-inner ul li a {
        font-size: 15px;
    }
    .menu-inner ul li {
        padding-bottom: 10px;
        padding-left: 0;
    }
    .bannerLeft {
        height: 42vh;
    }
    .bannerLeft img {
        left: 45%;
        width: 220px;
        bottom: inherit;
    }
    .imgIcon {
        margin: 0 auto 10px;
    }
    .iconInfo {
        padding: 10px;
        width: 100%;
    }
    .homeSlide .slick-next, .homeSlide .slick-prev{
        display: none !important;
    }
    .pdfLinks a {
        margin: 0 0 10px;
        width: 100%;
    }
    .pdfLinks {
        margin-bottom: 15px !important;
    }
    .djGroup_catch{
        padding-top: 20px !important;
    }
    .pl1, .pl2, .pl3{
        padding: 5px;
    }
    .pointerWrapMain .pointerList li:not(:last-child) {
        margin-right: 0 !important;
    }
    .pointerWrapMain .pointerWrap .pointerList li span{
        width: calc(100% - 25px);
    }
    .baseList li.wid_50, .baseList li.wid_20, .baseList li.wid_25 {
        width: 100%;
    }
    .keyNos3 .keyBody {
        width: 100%;
    }
    /*.eachMileImg {*/
    /*    width: 100%;*/
    /*}*/
    .keyNos.new_count {
        width: 70%;
        margin: 0 auto;
    }
}

@media (max-width: 420px) {
 
}