﻿	
@media screen and (max-width: 1440px) {
    .container-inner{width: 100% !important;}
   header .nav ul li {margin:0 5px;}
   .banner-video .banner_caption{top:60%; left:5%;}
   .banner-video .banner_caption h5{font-size: 16px; line-height:20px; margin-bottom:10px;}
.banner-video .banner_caption h1{font-size: 40px; line-height:50px; margin-bottom:20px;}
.banner-video .banner_caption p{font-size: 18px; line-height: 26px; margin-bottom:30px;}
.banner-video .banner_caption a{ font-size: 16px;}
.about .abouttext p{font-size: 20px; line-height:30px;}
.about .aboutbx .aboutbxR p{font-size: 16px; line-height:26px;}
.projects .projectsbx h3{font-size: 20px;  line-height: 28px;}
.projects .projectsbx p{font-size: 16px;  line-height: 22px;}
.csrbx .csrbxR h5{font-size: 26px;  line-height:34px; }
.csrbx .csrbxR h6{font-size: 20px;  line-height:30px; }
.oprtunitybx ul li a{font-size:20px;}
.testimonialbx .testybx .testybx_txt h6{font-size: 22px;}
.testimonialbx .testybx .testybx_txt p{font-size: 18px;}
.newsthumb .newsthumb_text h4{font-size:22px; line-height:30px;}
}

@media screen and (max-width: 1100px) {
    .hdr_logo img{max-height: 75px;}
    .sustainablebx .sustainablebxinner .missionbx h3{font-size: 20px;line-height: 28px;}
    .sustainablebx .sustainablebxinner .missionbx_sm p{line-height: 22px;}
    .sustainablebx .sustainablebxinner .missionbx2 h4{font-size: 20px;line-height: 28px;}
    .whatwedobx .whatwedobx_txt h3{font-size: 16px;line-height: 24px;}
    .whatwedobx .whatwedobx_txt{bottom: 0px;}
    .banner .banner_caption h1 {font-size: 26px;line-height: 28px;}
    .heading h3 {font-size: 28px;line-height: 32px;}
    .vmv .visionbx .visionbxtxt{max-width: 50%;}
    .vmv .vmvtext h5{font-size: 14px;}
    .vmv .vmvtext h3 {font-size: 24px;line-height: 30px;}
    .vmv .visionbx .visionbxtxt{padding: 20px;}
    #vission .owl-dots .owl-dot span{width: 33.33%;}
    .scrollbar{height: 360px;}
    .scrollbar1{height: 265px;}
    #smanagement .smanagementbx .smanagementbx_txt h4{font-size: 20px;}
    #smanagement .smanagementbx .smanagementbx_txt h6{font-size: 16px;}
    .bod .bodbx .bodbxin .bodbxinR p{font-size: 16px;}
    .business .businessbx .businessbxL h3{font-size: 32px;line-height: 36px;}
}

@media screen and (max-width: 1000px){
    .hdr_logo img {max-height: 55px;}
    header .nav ul li a{font-size: 15px;}
    header .rightC a{font-size: 15px;}
    .banner-video{height: auto !important;}
    .banner-video #video1{height: auto;}
    .vmv .visionbx .visionbxtxt{max-width: 40%;}
    .vmv .visionbx .visionbxtxt{overflow-y: scroll;height: 300px;}
    .vmv .vmvtext{left: 20px;}
    .vmv .visionbx .visionbxtxt .greenbx{height: 75px;}
}

@media screen and (max-width: 912px){
    header .nav ul li a{font-size: 13px;}
    header .rightC a{font-size: 13px;}
    header{padding: 10px 10px !important;}
    .banner-video .banner_caption h1{font-size: 25px;line-height: 26px;}
    .banner-video .banner_caption{left: 0px;width: 100%;}
    .container{width: 100%;}
    .sustainablebx .sustainablebxinner .missionbx{padding: 20px;}
    .sustainablebx .sustainablebxinner .missionbx_sm{padding: 10px;}
    .sustainablebx .sustainablebxinner .missionbx2{padding: 20px 20px;}
    .health .healthbx{width: 100%;}
    .contact .contactbx .contactbxL{padding: 20px;}
    .contact .contactbx .contactbxR{padding: 20px;}
    .banner .banner_caption{width: 100%;}
    .banner .banner_caption{left: 0%;}
}

@media screen and (min-width: 541px){
    .mrightC{display: none;}
}

@media screen and (max-width: 540px){
    .rightC{display: none;}
    .sustainablebx .sustainablebxinner .missionbx2 h4{font-size: 16px;}
    header .menu_in .nav{margin: 0 0px 0 0 !important;}
    img.white{display: none;}
    img.color{display: block !important;}
    .banner-video .banner_caption p {font-size: 14px;line-height: 20px;margin-bottom: 10px;}
    .banner-video .banner_caption{top: 150px;}
    .heading h3 {font-size: 28px;line-height: 32px;}
    .sustainablebx .sustainablebxinner .missionbx{height: auto;}
    .sustainablebx .sustainablebxinner .missionbx_sm{height: auto;}
    .scrollbar2 {height: auto;overflow-y: auto;padding-right: 0px;}
    .sustainablebx .sustainablebxinner .missionbx2{height: auto;}
    .health .healthbx h3{font-size: 24px;line-height: 26px;}
    .driving .drivingbx h3 {font-size: 25px;line-height: 30px;margin-bottom: 10px;}
    .driving .drivingbx .drivingbx_txt{left: 10px;right: 10px;}
    .driving .drivingbx p {font-size: 15px;line-height: 20px;margin-bottom: 5px;}
    .contact .contactbx{display: block;}
    .contact .contactbx .contactbxL{width: 100%;}
    .contact .contactbx .contactbxR {margin-top: 25px;width: 100%;}
    footer .footertop .fmenu ul{width: 100%;}
    footer .footertop .fmenu ul li{margin-bottom: 5px;}
    footer .footertop .fmenu ul li a{font-size: 16px;}
    footer .footerbottom .flinks{display: block;text-align: center;}
    footer .footerbottom .flinks p {margin-right: 0px;text-align: center;}
    .col-md-3.text-right{text-align: center;margin-top: 20px;}
    .projects .nav-tabs>li>a{font-size: 15px;padding: 10px 12px;}
    .driving .drivingbx .drivingbx_img img{height: 330px;object-fit: cover;}
    .banner-video #video1 {height: 400px;object-fit: cover;}
    .banner-video .banner_caption{top: 200px;}
    #vission .owl-dots{display: none;}
    .about .aboutbx{display: block;}
    .about .aboutbx .aboutbxL {width: 100%;margin-right: 0%;}
    .about .aboutbx .aboutbxR {width: 100%;margin-top: 25px;}
    .vmv .vmvtext{position: initial;color: #000;padding: 0px 20px;}
    .vmv .visionbx .visionbxtxt {max-width: 100%;position: initial;overflow: auto;height: auto !important;}
    .banner .banner_caption h1{font-size: 20px;}
    .managementbx{display: block;}
    .managementbx .managementbxL{width: 100%;}
    .managementbx .managementbxR {width: 100%;padding:0px 0px;margin-top: 25px;}
    .scrollbar {height: auto;overflow-y: auto;}
    .bod .bodbx .bodbxin{display: block;}
    .bod .bodbx .bodbxin .bodbxinL {
    width: 100%;}
    .bod .bodbx .bodbxin .bodbxinR {
    width: 100%;
    padding: 0 0 0 0px;}
    .scrollbar1 {height: auto;overflow: auto;}
    .healthse .healthsebx .healthsebxL{width: 100%;padding-right: 0%;}
    .healthse .healthsebx .healthsebxR{width: 100%;}
    .bluebx p{font-size: 16px;}
    .bluebx{padding: 20px;}
    .business .businessbx .businessbxL{width: 100%;}
    .business .businessbx .businessbxR{    width: 100%;margin-right: 0%;margin-top: 20px;}
    .business .businessbx .businessbxL h3{font-size: 28px;}
    .csrbx{display: block;}
    .csrbx .csrbxL{width: 100%;}
    .csrbx .csrbxR {width: 100%;padding-left: 0%;margin-top: 20px;}
    .oprtunitybx h3{font-size: 28px;}
    .oprtunitybx ul li{margin: 5px 10px;}
    .oprtunitybx{padding: 10px;}
    .oprtunitybx ul li a{font-size: 14px;}
    .contect .contectbx{display: block;}
    .contect .contectbx .contectbxL{padding: 25px;width: 100%;}
    .contect .contectbx .contectbxL h3{    font-size: 28px;}
    .contect .contectbx .contectbxR{border-radius: 10px;padding: 25px;width: 100%;margin-top: 20px;}
    .investerbx .tab-content{padding: 20px;}
}

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



















@media only screen and (max-width: 767px){
    /********* Start Header **********/
    
    header .menu_in {display: block;justify-content: inherit;align-items: inherit;flex-wrap: inherit;position: relative;/*top:-4px;right:-15px;*/}
    header .hdr_logo, .header_fixed .fixedlogo {padding: 0px 0 0 10px;width: 79%;float: left;}
    header .menu_in .nav {width: 8%;display: inline-block; margin: 0 10px 0 0;padding: 0;}
    header .navbar {padding: 0;position: inherit;}
    header .mobtx {display: inline-block;width: 10%;margin-top: 6px;margin-right:0;}
    header .nav .navbar-toggle {    margin: 3px 0 0 0;
        border: 1px solid #000;
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        background: none;
        border: none;}
    header .nav .navbar-toggle:focus{outline: none;}
    header .nav .navbar-toggle .icon-bar {background: #000;display: block;width: 22px;height: 2px;border-radius: 1px;margin-bottom: 5px;}
    header .nav .navbar-toggle .icon-bar:last-child{margin-bottom: 0;}
    header .nav .navbar-collapse {top: 55px;width: 100%;left: 0px;z-index: 999;background: #072837;box-sizing: border-box;overflow: inherit;}
    header .nav .collapse.in{display: block;     left: 0;}
    header .nav ul li{display: block; width: 100%;border-bottom: 1px solid #204e63;float: left;width: 100%;}
    header .nav ul li a, .header_fixed .nav ul li a {line-height: 20px;padding:15px 20px; color: #fff;}
    header .nav .navbar-collapse { width: 80%;  left: 0px;   z-index: 999; background: #072837; box-sizing: border-box;      overflow: inherit;   transition: all ease .5s;     position: fixed;       top: 0;  height: 100% !important;      padding: 20px;  left: -100%;  }
	header .nav ul li a.dropdown-toggle::after{color:#fff;}
    header {
        position: initial;
        padding: 10px 20px;
    }
    
    .header_fixed{
        position: fixed;
    }
    
        header .menu_in .clogobox {
        width: 88%;
        float: left;
        padding: 0;
    }
    
    header .menu_in .clogobox a.hdr_logo {
        font-size: 0;
        padding: 0;
    }
    
    header .mobtx {
        display: block;
        width: 100%;
        display:none;
    }
    
    header .nav .navbar-collapse {
      /*  position: absolute;
        /* height: 100%; */
        float: left;*/
    }
    
    .hdr_logo img {
        max-height: 40px;
    }
    header .nav ul li { margin-left: 0;}
    .sticky { height: 60px;}
	footer .footer-bottom .foot-L { float: none; width: 100%;  text-align: center;}
	footer .footer-bottom .foot-R { float: none; width: 100%;  text-align: center;}
    .banner-home img, .banner img{height:250px;}
    }
	
@media screen and (max-width: 430px) {
    .dealsbx .dealsbxin {width: 100%; margin: 10px 0;}
}