@media only screen and (min-width: 1200px) and (max-width: 1800px) {
    .nav-wrapper {
        display: none !important;
    }

}




@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-side-menu {
        width: 35%!important;
    }
    .nav-wrapper {
        /* width: 150px!important;
        margin: 5px auto!important;
        text-align: center;
        position: absolute;
        right: 134px!important;
        z-index: 100000!important; */
        display: none !important;
    }
    .slide-text {
        padding: 45px 0px 0px 220px!important;
        text-align: left!important;
        margin-top: 390px!important;
        margin-left: 165px;
    }
    .qsc img {
        width: 85%!important;
    }
    .qsc {
        margin-top: 50px!important;
    }
    .img-1 img {
        width: 100%;
    }
    .dicv h1 {
        font-size: 48px!important;
    }
    .cont1 {
        margin-left: 20px!important;
    }
    .head-btn {
        margin-left: 10px!important;
    }
    .ace-responsive-menu>li>a {
        font-size: 13px!important;
        padding: 10px 0px 0px 10px!important;
    }
    .ace-responsive-menu {
        margin-left: 0px!important;
        margin: 15px!important;
    }
    .logo img {
        margin-left: 30px!important;
    }
    .media-head {
        margin-left: 0px!important;
    }
    .socialmedia {
        margin-top: 15px!important;
    }
    .career {
        margin-right: 15px!important;
        margin-top: 0px!important;
    }
    .assb img {
        width: 100%!important;
    }
    .pie1 img {
        width: 100%!important;
    }
    .pie2 img {
        width: 100%!important;
    }
    .csr img {
        width: 100%!important;
    }
    .mail {
        padding: 10px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .nav-wrapper {
        width: 150px!important;
        margin: 45px auto!important;
        text-align: center;
        position: absolute;
        right: 45px!important;
        z-index: 100000!important;
        color: white!important;
    }
    .homeRow{
        margin-top: -1px !important;
    }
    .slide-text {
        padding: 45px 0px 0px 135px!important;
        text-align: left!important;
        margin-top: 390px!important;
        margin-left: 165px;
    }
    .nav-side-menu {
        width: 45%!important;
        left: 0px!important;
    }
    .mainboreder {
        border-right: 0px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .qsctext {
        margin-top: 10px!important;
        margin-left: 0px!important;
    }
    .img-1 {
        display: none!important;
    }
    .form-box img {
        width: 100%!important;
    }
    .list-table {
        overflow: scroll;
    }
    .newsbg {
        margin-top: 5px!important;
        padding: 25px 22px!important;
        margin-left: 5px!important;
        margin-bottom: 5px!important;
        position: relative;
        width: 100%;
    }
    .media1 {
        margin-top: -88px!important;
    }
    .cas {
        margin-top: 25px!important;
        line-height: 30px!important;
        font-size: 28px!important;
    }
    .head-btn {
        display: none;
    }
    .mailf1 {
        display: none;
    }
    .cont1 {
        display: none;
    }
    .logo {
        display: none;
    }
    .career {
        display: none;
    }
    .media-head {
        display: none;
    }
    .head {
        margin-top: 50px!important;
    }
    .oigntext {
        margin-top: 0px!important;
        padding: 10px!important;
    }
    .team-mission {
        padding: 0px!important;
        height: 108vh!important;
        margin-top: 0px!important;
    }
    .vis-mis {
        position: relative;
        margin-top: 0px!important;
    }
    .member-bor {
        padding: 20px!important;
    }
    .ace-responsive-menu {
        margin-left: 0px!important;
    }
}


.lag{
    display: none;
}
.socialmedia{
    display:block;
}

@media only screen and (min-width: 500px) and (max-width: 767px) {

    html {
        overflow-x: hidden!important;
    }
    .lag{
        display: block;
    }
    .socialmediaHome{
        display:none !important;
    }
    .small_logocd img{
        display: none !important;
    }
    .homeRow{
        margin-top: -1px !important;
    }

    
    .nav-wrapper {
        width: 150px;
        margin: 45px auto;
        text-align: center;
        position: absolute;
        right: 45px;
        z-index: 100000;
        color: white;
        display: block !important;    
        /* Added */
    }
    .nav-side-menu {
        left: 0px!important;
        top: -100vh!important;
        background-color: transparent!important;
        height: 625px!important;
        z-index: 999;
        position: relative;
    }
    .nav-side-menu .toggle-btn {
        top: 60px!important;
    }
    .mainbanner {
        height: 625px!important;
    }
    .bannertext {
        padding: 0px 0px 0px 0px!important;
        display: none;
    }
    .nav-side-menu ul {
        padding: 2px!important;
    }
    .slide-text {
        left: 0!important;
        right: 0!important;
        width: 100% !important;
        text-align: center!important;
    }
    .nav-side-menu {
        margin-top: 0px;
        background-color: #ffffff;
        
    }
    .career {
        margin-left: 0px!important;
    }
    .carousel {
        margin-bottom: 0;
        padding: 0 0px 0px 0px;
    }
    .quote {
        display: none;
    }
    .socialmedia {
        margin-left: 167px!important;
    }
    .mainboreder {
        border-right: 0px solid #ffffff;
        border-bottom: 1px solid #ffffff;
    }
    .qsctext {
        margin-top: 10px!important;
        margin-left: 0px!important;
    }
    .img-1 {
        display: none!important;
    }
    .form-box img {
        width: 100%!important;
    }
    .dicv {
        margin-top: 0px;
        margin-bottom: 50px;
    }
    .product-bg {
        padding: 0px!important;
        margin-top: 25px!important;
    }
    .disc_logo{
        text-align: center;
    }

    .disc_logo img {
        margin-top: 35px;
        width: 75px;
        margin-bottom: 20px;
    }
    .vitual img {
        max-width: 200%!important;
    }
    .newsbg {
        margin-top: 5px!important;
        padding: 25px 22px!important;
        margin-left: 5px!important;
        margin-bottom: 5px!important;
        position: relative;
        width: 100%;
    }
    .name input {
        padding: 5px!important;
        margin-bottom: 10px!important;
    }
    .cas {
        margin-top: 25px!important;
        line-height: 30px!important;
        font-size: 28px!important;
    }
    .media1 {
        margin-top: -88px!important;
    }
    .ionic-text {
        margin-top: 0px!important;
    }
    .ionic-text a{
        float:none !important;
        margin-top:10px;
        text-align: center;
    }
    .head-btn {
        display: none;
    }
    .mailf1 {
        display: none;
    }
    .cont1 {
        display: none;
    }
    .logo {
        display: none;
    }
    .career {
        display: none;
    }
    .media-head {
        display: none;
    }
    .head {
        margin-top: 50px!important;
    }
    .oigntext {
        margin-top: 0px!important;
        padding: 10px!important;
    }
    .board {
        margin-top: 0px!important;
    }
    .team-mission {
        padding: 0px!important;
        height: 190vh!important;
        margin-top: 0px!important;
    }
    .vis-mis {
        position: relative;
        margin-top: 0px!important;
    }
    .member-bor {
        padding: 20px!important;
    }
    .ace-responsive-menu {
        margin-left: 0px!important;
    }
    .list-table {
        overflow: scroll;
    }
    .want {
        margin-top: 10px!important;
        padding: 20px!important;
    }
    .gallery_product img {
        width: 100%!important;
    }
    .zoom {
        width: 100px!important;
    }
    .gallery_product .img-info {
        width: 100%!important;
    }
    .do-list {
        background-color: #FFFFFF;
        padding: 25px;
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
    }
    .img-mar img {
        width: 100%!important;
    }
    .secon1 img {
        width: 100%!important;
    }
    .assb img {
        width: 100%!important;
    }
    .secon1 {
        margin-bottom: 40px!important;
    }
    .assb-text {
        margin-top: 40px!important;
    }
    .csr img {
        width: 100%!important;
    }
    .dismain {
        display: none;
    }
    #Qual {
        display: block;
    }
    .cert {
        margin-top: 0px!important;
        margin-bottom: 60px!important;
    }
    .awd {
        margin-top: 20px!important;
    }
    .finaltext {
        margin-top: 0px!important;
        padding: 40px!important;
        margin-left: 0px!important;
        line-height: 25px!important;
    }
    .map iframe {
        width: 100%!important;
        height: 100%!important;
    }
    .mail img {
        width: 10%!important;
    }
    .mail {
        margin-bottom: 20px!important;
    }
    .vis1 {
        margin-bottom: 50px!important;
    }
    .light {
        margin-top: 10px!important;
    }
    .container.gallery-container {
        padding: 30px 25px!important;
    }
    .tz-gallery {
        padding: 0px!important;
    }
    .overview {
        width: 100%;
        margin-left: 0%;
    }
    .overview h4 {
    margin-left: -85px;
    }
    .nav-side-menu li a {
        color: #000 !important;
    }

    .home_main{
        background-image:url(../../image/Banner_Image_new_mobile.png) ;
        width: 100%;
        height: 60vh;
        background-attachment: unset !important;
    }

    .desktopbrandmobile{
        display: block !important;
    }
    .desktopbrand{
        display: none !important;
    }
    .nav-side-menu .brand {
        margin-top: 35px;
    }
    .dnv img{
        width: 38% !important;
        margin-left: 100px;
    }
    .cas img {
        width: 36%;
        margin-left: 100px;
    }
    .desktoptable{
        display: none !important;
    }
    .mobiltable{
        display: block!important;
    }
    .mobile_texts{
        display: block !important;
    }
    .desk_texts{
        display: none !important;
    }
    .pie2{
        margin-top: 25px  px  ;
    }
    .flexcardText {
        border-right: none !important;
        border-bottom: 3px solid #006A4E !important;
        height: 220px;
    }
    .deskMenu{
        display: none !important;
    }
    .mobileMenu{
        display: block !important;
    }
    

}

@media only screen and (min-width: 100px) and (max-width: 767px) {
    .sustainability {
        background-image: url(../image/Sustainability/Sustainability.webp);
        width: 100%;
        height: 300px;
        background-position: center center;
        background-repeat: no-repeat;
        text-align: center;
        padding: 100px 10px;
        margin-left: 0%;
        overflow: hidden;
    }
    .ace-responsive-menu li:nth-child(-n + 8):after {
        content: "";
        border-right: 2px solid #9c9c9c;
        
        width: 100%;
        height: 15px;
        margin-top: -30px;
        display: none !important;
    }
    .ace-responsive-menu { 
        background-color: #fff;
    }
    
    .sustainability h4 {
        font-size: 30px;
        /* border: 1px solid white; */
        padding: 17px 17px;
        display: inline-block;
        /* color: white; */
        /* background-color: #21252999; */
        margin-left: 0px;
        color: #006A4E;
        font-weight: 900;
        text-transform: uppercase;
    }
    @media only screen and (min-width: 100px) and (max-width: 499px) {
        html {
            overflow-x: hidden!important;
        }
        .lag {
            right: 10px!important;
            top: 4px!important;
        }
        .lag{
            display: block;
        }

        .desktopbrand{
            display: block !important;
        }
        .homeRow{
            margin-top: -1px !important;
        }
        
        .mobilebrand{
            display: none !important;
        }
        .socialmediaHome{
            display:none !important;
        }
        .small_logocd img{
            display: none !important;
        }

        .nav-wrapper {
            width: 150px!important;
            margin: 20px auto!important;
            text-align: center!important;
            position: absolute!important;
            right: 30px!important;
            z-index: 100000!important;
            color: white!important;
            display: block !important;
            /* added */
        }

        .nav-side-menu {
            left: 0px!important;
            position: absolute!important;
            background-color: transparent!important;
            height: auto!important;
            z-index: 999;
            position: relative;
        }

        .socialmedia {
            margin-left: 110px!important;
        }
        .nav-side-menu .toggle-btn {
            top: 60px!important;
        }
        .mainbanner {
            height: auto;
        }
        .bannertext {
            padding: 0px 0px 0px 0px!important;
            display: none;
        }
        .nav-side-menu ul {
            padding: 2px!important;
        }
        .slide-text {
            left: 0!important;
            right: 0!important;
            width: 100% !important;
            text-align: center!important;
        }
        .menu-list {
            margin-top: 0px!important;
            background-color: #ffffff!important;
        }
        #myCarousel .carousel-item {
            min-height: 680px!important;
        }
        .carousel {
            padding: 0 0px 0px 0px!important;
        }
        .mainboreder {
            border-right: 0px solid #ffffff;
            border-bottom: 1px solid #ffffff!important;
            color: white!important;
        }
        .qsctext {
            margin-top: 12px!important;
            margin-left: 0px!important;
        }
        .img-1 {
            display: none!important;
        }
        .ionic-text {
            padding: 0px 0px!important;
            margin-top: 0px!important;
            text-align: center!important;
        }
        .ionic-text h1 {
            font-size: 30px!important;
        }
        .ionic-text h4 {
            font-size: 20px!important;
        }
        .ionic-text {
            font-size: 15px!important;
        }
        .ionic-text a{
            float:none !important;
            margin-top:10px;
            text-align: center;
        }
        .dicv h1 {
            font-size: 40px!important;
            line-height: 27px!important;
            text-indent: 10px!important;
        }
        .dicv {
            margin-top: 0px;
            border-left: 10px solid #006A4E;
            margin-bottom: 30px!important;
            margin-left: 50px!important;
        }
        /*.brand{
		width: 200%!important;
		padding-left: 0px!important;
	}*/
        .product-bg {
            padding: 0px!important;
        }

        .disc_logo{
            text-align: center;
        }

        .disc_logo img {
            margin-top: 35px;
            width: 75px;
            margin-bottom: 20px;
        }
        .pie2 #pi1 {
            right: 48px;
            position: absolute;
            background-color: #6da843;
            padding: 5px;
            color: white;
            text-align:center;
        }
        .pie2 #pi2 {
            left: 75px;
            position: absolute;
            background-color: #214531;
            width: 33%;
            padding: 5px;
            color: white;
            text-align:center;
        }
        .pie2 #pi3 {
            position: absolute;
            left: 70px !important;
            background-color: #214531;
            width: 30% !important;
            padding: 5px;
            color: white;
            text-align: center;
        
        }
        .pie2 #pi4 {
            right: 75px;
            position: absolute;
            background-color: #6da843;
            width: 34%;
            padding: 5px;
            color: white;
            text-align:center;
        }

        .newsbg {
            position: relative;
            margin-bottom: 10px!important;
            margin-top: 10px!important;
            padding: 10px 10px!important;
            margin-left: 0px!important;
            width: 100%!important;
        }
        .name input {
            padding: 10px!important;
            margin-bottom: 10px!important;
        }
        .center {
            text-align: center!important;
        }
        .cont1 {
            margin-bottom: 10px!important;
            margin-top: 20px!important;
        }
        .cont {
            margin-left: 0px!important;
        }
        .mailf {
            /* margin-left: 105px!important; */
            /* margin-bottom: 30px!important; */
            text-align: center!important;
            display: block!important;
        }
        .foot-text p {
            font-size: 10px!important;
        }
        /* .cas {
            display: none;
        } */
        .media1 img {
            width: 100%!important;
        }
        .socialmedia-fot {
            margin-right: 100px!important;
            margin-bottom: 30px!important;
        }
        .media1 {
            margin-top: 30px!important;
            margin-left: 0% !important
        }
        .head-btn {
            display: none;
        }
        .mailf1 {
            display: none;
        }
        .cont1 {
            display: none;
        }
        .logo {
            display: none;
        }
        .career {
            display: none;
        }
        .media-head {
            display: none;
        }
        .ace-responsive-menu {
            width: 85%!important;
        }
        .ace-responsive-menu {
            margin-left: 28px!important;
        }
        .head {
            margin-top: 30px!important;
            margin-left: 0px!important;
            line-height: 0px!important;
            text-align: center!important;
            margin-bottom: 20px!important;
        }
        .oigntext {
            padding: 10px!important;
            margin-top: 0px!important;
        }
        .vis-mis {
            position: relative;
            margin-top: 0px!important;
        }
        .team-mission {
            padding: 0px!important;
            height: 140vh!important;
            margin-top: 0px!important;
        }
        .member-bor {
            padding: 10px!important;
        }
        .mis-meb {
            margin-top: -85px!important;
            margin-bottom: 30px!important;
        }
        .vis1 {
            margin-bottom: 30px!important;
            padding: 20px!important;
        }
        .border-head {
            display: none;
        }
        .list-table {
            margin-top: 15px!important;
            overflow: scroll!important;
        }
        .do-list {
            padding: 20px!important;
            margin-left: 0px!important;
            margin-top: 0px!important;
            margin-right: 0px!important;
        }
        .img-mar img {
            width: 100%!important;
        }
        .list-mar {
            padding: 10px!important;
        }
        .extra {
            margin-top: 20px!important;
            margin-left: 0px!important;
        }
        .list-text {
            margin-top: 20px!important;
        }
        .secon1 img {
            width: 100%!important;
            margin-bottom: 30px!important;
        }
        .seccon-img {
            line-height: 30px!important;
            margin-top: 30px!important;
        }
        .assb img {
            width: 100%!important;
        }
        .assb-text img {
            width: 100%!important;
        }
        .assb-text {
            margin-top: 40px!important;
        }
        .cot {
            margin-bottom: 0px!important;
            margin-top: 0px!important;
        }
        .sub {
            margin-top: 30px!important;
        }
        /* .pie canvas {} */
        .gallery_product .img-info {
            width: 100%!important;
        }
        .gallery_product img {
            width: 100%!important;
        }
        .zoom img {
            width: 15%!important;
        }
        .cnt223 {
            width: 100%!important;
        }
        .want {
            padding: 10px!important;
        }
        .keyi {
            margin-top: 20px!important;
        }
        .csr img {
            width: 100%!important;
        }
        .dismain {
            display: none;
        }
        #Qual {
            display: block;
        }
        .cert {
            margin-top: 0px!important;
            margin-bottom: 60px!important;
        }
        .awd {
            margin-top: 20px!important;
        }
        .cal {
            margin-top: 0px!important;
        }
        .map iframe {
            width: 100%!important;
        }
        .add {
            padding: 15px!important;
            text-align: center;
        }
        #hide {
            margin-top: 50px!important;
        }
        .mail {
            padding: 20px!important;
            text-align: center;
            margin-bottom: 30px!important;
        }
        .qsc img {
            width: 100%!important;
        }
        .qsc {
            margin-bottom: 30px!important;
            margin-top: 20px!important;
        }
        .slick-slide img {
            width: 155%!important;
        }
        .ali p {
            text-align: center!important;
        }
        .dicv {
            display: none;
        }
        .dicvmob {
            display: block;
            margin-bottom: 70px!important;
            border-bottom: 10px solid #006A4E;
        }
        .dicvmob h1 {
            font-size: 33px!important;
        }
        /* .ali a {
            margin-left: 130px!important;
        } */
        .ali {
            margin-bottom: 20px!important;
        }
        .board {
            margin-top: 0px!important;
        }
        .dis h4 {
            font-size: 40px!important;
        }
        .main h4 {
            font-size: 25px!important;
        }
        .key h4 {
            font-size: 40px!important;
        }
        .quality h4 {
            font-size: 40px!important;
        }
        .container.gallery-container {
            padding: 30px 25px!important;
        }
        .tz-gallery {
            padding: 0px!important;
        }
        #pi3 {
            left: 56px!important;
            width: 25%!important;

        }
        .pie1 img {
            width: 100%!important;
            margin-top: 50px;
        }
        .pie2 img {
            width: 100%!important;
        }
        .overview {
            width: 100%;
            margin-left: 0%;
            background-image: url(../image/banner-mobile/vm1.png);
        }
        .overview h4 {
        margin-left: -85px;
        }

        .visionmission{
            background-image: none !important;
            height: unset !important;
            margin-top: 150px;
        }
        .VISION {
            margin-top: 50px;
        }
        .MISION {
            margin-top: 0px;
        }
        .dis {
            width: 100%;
            margin-left: 0%;
            background-image: url(../image/banner-mobile/dis.png);
        }
        .dis h4{
            margin-left: -145px;
                
        }
        .lion {
            margin-top: 24px;
            
        }
        .lion img{
            width: 40%;
            margin-left: 100px;

        }
        .key {
            width: 100%;
            margin-left: 0%;
        }
        .key h4{
            margin-left: -85px;  
            margin-top: -85px;   
        }
        #pi2 {
            left: 185px;
        }

        #pi1 {
            right: 185px;
        }

        .quality {
            width: 100%;
            margin-left: 0%;
            background-image: url(../image/banner-mobile/04.png);
        }

        .quality h4{
            margin-left: -85px;     
        }

        .finalhead p{
            padding: 0 35px;
        }
        .csr {
            width: 100% !important;
            margin-left: 0%;
            background-image: url(../image/banner-mobile/0301.png);
        }
        .csr h4{
            margin-left: -115px; 
            margin-top: -50px;    
        }
        .team {
            width: 100% !important;
            margin-left: 0%;
            background-image: url(../image/banner-mobile/05.png);
        }
        .team h4{
            margin-left: -85px;     
        }
        .infra_main {
            width: 100% !important;
            margin-left: 0%;
        }
        .infra_main h4 {
            font-size: 40px;
            margin-left: -145px;
        }
        .careers {
            width: 100% !important;
            margin-left: 0%;
        }
        .careers h4{
            margin-left: -85px; 
            /* color: #ffffff;     */
        }
        .nav-side-menu li a {
            color: #000 !important;
        }
        .desktopbrandmobile{
            display: block !important;
        }
        .desktopbrand{
            display: none !important;
        }
        
        .nav-side-menu .brand {
            margin-top: 17px;
            margin-bottom: 18px;
        }
        .dnv img{
            width: 38% !important;
            margin-left: 100px;
        }
        .cas img {
            width: 36%;
            margin-left: 100px;
        }
        .slick-slide img {
            width: 75% !important;
        }
        .home_main{
            background-image:url(../image/Banner_Image_new_mobile.png) !important ;
            background-attachment: unset !important;
            height: 55vh;
            width: 100%;
        }
        .bommadowntext p{
            font-weight:bold; 
            font-size:15px;
            margin-left: 0px;
        }
        .desktoptable{
            display: none !important;
        }
        .mobiltable{
            display: block!important;
        }
        .mobile_texts{
            display: block !important;
        }
        .desk_texts{
            display: none !important;
        }
        .pie2{
            margin-top: 25px  ;
        }
        .flexcardText {
            border-right: none !important;
            border-bottom: 3px solid #006A4E !important;
            height: 220px;
        }
        .nav-side-menu ul,
        .nav-side-menu li {
            color: #000 !important;
        }
 
            .deskMenu{
                display: none !important;
            }
            .mobileMenu{
                display: block !important;
            }

            .castingthrough {
                margin-top: 20px !important;
            }

            
    }
}