@media screen and (max-width:1781px) {
    .header .logo-col{width:calc(20% - 20px);}
     .header nav {width:calc(40% - 20px);}
    .header .social-media-icon{width:calc(20% - 20px);}
}

@media screen and (max-width:1499px) {
    .header nav ul{visibility:hidden; opacity:0; display:flex; flex-direction:column; align-items:flex-start; border-radius:inherit; position:fixed; border:inherit; background-color:#c6f561; top:143px; right:-100%; transition:all linear 0.5s;}
    .toggle{display:block;}
    #header-main.on .header nav ul{visibility: visible; width:100% !important; opacity:1; right:0; z-index:11;}
    #header-main.on .header nav ul>li{width:100%;}
    #header-main.on .header nav ul>li>a{width:100%; transition:all linear 0.5s; display:inline-block;}
    #header-main.on .header nav ul>li>a:hover{background-color:#004d40;}
    #header-main.on .header nav ul>li .active{background-color:#004d40; color:#fff;}
    .banner-text h1{font-size:45; line-height:50px;}
    .stay-ahead-third{height:inherit;}
    .stay-ahead-text{height:inherit;}
}

@media screen and (max-width:1399px) {
    .banner-text h1{font-size:43px; line-height:50px;}
    .projectFactsWrap .item p.number{font-size:35px;}
    .section-heading h2{font-size:35px;}
    .clean-energy-heading h2{font-size:35px;}
}

@media screen and (max-width:1365px) {
    .key-focus-areas-text h4{font-size:14px;}
    .booth-btn li a{padding:5px 10px;}
    /* .stay-ahead-text, .stay-ahead-img{height:350px !important;} */
    .stay-ahead-third{height:inherit;}
    .greener-future-box h4{font-size:25px;}
    .greener-future-box p {line-height:22px; min-height:260px;}
    .greener-future-main{gap:20px;}
    .greener-future-col{width:calc(50% - 10px);}
    .greener-future-box {padding:15px;}
    .powering-sutainable-future-text {padding:10px;}
    .powering-sutainable-future-text h3{font-size:25px;}
    .clean-energy-heading h2{font-size:30px;}

}

@media screen and (max-width:1199px) {
    #banner-section-main, .banner{height:500px;}
    .banner-img{height:400px;}
    .banner-text h1{font-size:35px; line-height:40px;}
    .projectFactsWrap .item p.number{font-size:30px;}
    .header .social-media-icon{display:flex; justify-content:end; align-items:center;}
    /* .header .social-media-icon ul{visibility:hidden; opacity:0;} */
    .header .social-media-icon .social-icon{font-size:50px;}
    .social-icon .fa{display:block;}
    .social-media-icon>ul{width:auto; row-gap:10px; display:flex; flex-direction:column; display:none; position:absolute; top:84px; right:0px!important;}
    .social-media-icon>ul>li>a{background-color:#c6f561; margin-bottom:5px; color:#004d40; z-index:1111111;}
    .section-heading h2{font-size:30px;}
    .stay-ahead-text h3{font-size:25px; margin-bottom:5px;}
    .stay-ahead-text p {font-size:14px; line-height:18px !important;}
    .flip-main{gap:20px;}
    .card{width:calc(33.33% - 13.33px);}
    .card .back {padding:10px;}
    .card p{font-size:18px;}
    .greener-future-box p {line-height:22px; min-height:350px;}
    .why-clean-energy-col{width:calc(33.33% - 13.33px);}
    .why-clean-energy{justify-content: center;}
    #join-clean-energy-section-b{padding:80px 0;}
    .powering-sutainable-future-text p{font-size:14px; line-height:20px;}
    .powering-sustainable-future-main{gap:20px; margin-bottom:20px;}
    .powering-sutainable-future-col{width:calc(50% - 10px);}
    .visit-list ul {gap:20px !important;}
    .visit-list ul li{width:calc(33.33% - 13.33px) !important;}
    .clean-energy-heading h2{font-size:30px;}
    #booth-booking-section{padding:50px 0;}

}

@media screen and (max-width:1023px) {
    #banner-section-main, .banner{height:400px;}
    .banner-img{height:300px;}
    .banner-text h1{font-size:30px; line-height:35px;}
    .banner-text p{font-size:14px; margin:5px 0;}
    .projectFactsWrap .item p.number{font-size:25px;}
    .projectFactsWrap .item p {font-size:20px;}
    .header .logo-col a img, .footer-col a img{width:inherit; height:70px;}
    .section-heading h2{font-size:28px;}
    .key-focus-areas-col{width:calc(33.33% - 13.33px);}
    .booth-btn li a{padding:5px 10px; font-size:12px;}
    .stay-ahead{gap:20px; margin-bottom:20px;}
    .stay-ahead-text-col, .stay-ahead-img-col {width:calc(50% - 10px);}
    .stay-ahead-text{padding:15px;}
    .booth-btn{margin-bottom:8px !important;}
    #banner-section-main{margin-top:123px;}
    .exhibition-text p {font-size:14px; line-height:21px;}
    .clean-energy-text p {font-size:14px;}
    .clean-energy-img {height:200px;}
    #join-clean-energy-section-b{padding:60px 0;}
    .join-clean-energy h4{font-size:25px;}
    .clean-energy-heading h2{font-size:25px;}
    #booth-booking-section{padding:40px 0;}
    .header nav ul{top:124px;}
    .social-media-icon>ul{top:73px;}
}

@media screen and (max-width:991px) {
    .about-ahead{flex-wrap:wrap;}
    .about-ahead-col{width:100%;}
    .clean-energy-about{height:300px;}
    .clean-energy-about img{object-fit: fill;}
    .ahead-text-about{height:400px;}
    .stay-ahead-text p{margin-bottom:3px;}
    .greener-future-col{width:100%;}
    .greener-future-main{flex-wrap:wrap;}
    .greener-future-box p {line-height:22px; min-height:180px;}
    .exhibition-section-main{gap:20px; margin-bottom:20px;}
    .exhibition-text {padding:15px;}
    .exhibition-text h4{font-size:25px;}
    .exhibition-col{width:calc(50% - 10px);}
    .why-clean-energy-col{width:calc(50% - 10px);}
    #join-clean-energy-section-b{padding:60px 0;}
    .join-clean-energy h4{font-size:20px;}
    .why-exhibit-main{gap:20px; justify-content: space-between;}
    .why-exhibit-col{width:calc(50% - 10px);}
    .powering-sutainable-future-text h3{font-size:20px;}
    .visit-list ul li{width:calc(50% - 10px) !important;}
    #booth-booking-section{padding:35px 0;}
    .booth-booking h3{font-size:35px;}
    .parson h4{font-size:20px;}
    .parson ul{row-gap:inherit;}

}

@media screen and (max-width:839px) {
    .banner-col-right{display:none;}
    .banner-col-left{width:100%;}
    #banner-section-main, .banner{height:350px;}
    .projectFactsWrap{flex-wrap:wrap;}
    .header{background-image: linear-gradient(45deg, #004d40 35%, #fff 20%, #fff 66.6%, #fff 66.6%);}
    .key-focus-areas-col{width:calc(50% - 10px);}
    .stay-ahead-text-col, .stay-ahead-img-col{width:100%;}
    .stay-ahead{gap:inherit;}
    .stay-ahead-third{height:inherit;}
    .stay-ahead-text{height:inherit;}
    .stay-ahead-text h3{font-size:20px;}
    .card{width:calc(50% - 10px);}
    .ahead-text-about{height:500px;}
    .exhibition-text h4{font-size:20px; margin-bottom:5px;}
    .exhibit-text-a{height:450px;}
    #join-clean-energy-section-b{padding:50px 0;}
    .why-exhibit-text p {font-size:14px; line-height:20px; margin-top:5px;}
    .powering-sustainable-future-main{flex-wrap:wrap; gap:inherit;}
    .powering-sutainable-future-col{width:100%;}
    .powering-sutainable-future-text {height:inherit;}
    .powring-sutainable-future-img {height:270px;}
    #booth-booking-section{padding:30px 0;}
    .parson h4{font-size:18px;}

}

@media screen and (max-width:767px) {
    .exhibition-section-main{flex-wrap:wrap; gap:inherit;}
    .exhibition-col{width:100% !important;}
    .exhibit-img-main {height:300px; overflow:hidden;}
    .exhibition-text {height:inherit;}
    .why-clean-energy-col{width:100%;}
    .clean-energy-img{height:300px;}
    .why-attend-energy-main ul li{padding:10px 15px; font-size:14px;}
    .why-attend-energy-main ul{gap:15px;}
    #join-clean-energy-section-b{padding:40px 0;}
    .section-heading h2{font-size:25px;}
    .join-clean-energy b{font-size:22px;}
    .why-exhibit-text{padding:10px;}
    .why-exhibit-text h4 {font-size:25px;}
    .why-exhibit-main{background-color:#c6f561; gap:inherit; flex-wrap:wrap-reverse;}
    .why-exhibit-col{width:100%;}
    .why-exhibit-img, .why-exhibit-text{height:200px;}
    #booth-booking-section{padding:25px 0;}
    .booth-booking-main{flex-wrap:wrap; gap:20px;}
    .booth-booking-col{width:100%;}
    .booth-booking{text-align:left;}
    
}


@media screen and (max-width:575px) {
   .banner-text{text-align:center;}
   .projectFactsWrap .item p {font-size:14px;}
   .projectFactsWrap .item p.number{font-size:20px;}
   .banner-text{padding:10px;}
   .banner-text a{padding:5px 20px;}
   .banner-text h1{font-size:25px; line-height:28px;}
   .banner-text p{font-size:12px;}
   .section-heading h2{font-size:25px;}
   .key-focus-areas-col{width:100%;}
   .key-focus-areas-text h4 {min-height:15px;}
   .ahead-text-about{height:550px !important;}
   .stay-ahead-img {height:300px;}
   .stay-ahead-text h3 {font-size:18px;}
   .section-heading{margin-bottom:15px;}
   .footer-text h4{font-size:18px; margin-bottom:5px;}
   .footer-text ul{gap:5px;}
   .footer-text p{font-size:14px;}
   .footer-main{padding:20px 15px;}
   .footer-bottom p{font-size:14px;}
   .footer-bottom p a{font-size:12px;}
   .card{width:100%;}
   #whyclean-energy-india-main-section{padding:20px 0;}
   .header .logo-col, .header nav, .header .social-media-icon{width:calc(33.33% - 20px);}
   .ahead-text-about h3{font-size:20px;}
   .about{height:250px !important;}
   .greener-future-box h4 {font-size:16px; margin-bottom:5px;}
   .exhibition-text p {line-height:18px;}
   .exhibit-text-a{height:360px;}
   .should-visit-img{height:250px;}
   .should-visit-slider .slick-dots{bottom:-25px;}
   .should-visit-slider .slick-slide{min-height:303px;}
   #join-clean-energy-section-b{padding:30px 0;}
   .section-heading h2{font-size:20px;}
   .why-exhibit-img, .why-exhibit-text{height:270px;}
   .powering-sutainable-future-text {height:inherit;}
    .powring-sutainable-future-img {height:230px;}
    .visit-list ul li{width:100% !important;}
    .why-attend-energy-main ul{gap:12px !important;}
    #visit-why-attend-section{height:230px; padding:70px 0 0 0;}
    #booth-booking-section{padding:20px 0;}
    .booth-booking h3{font-size:25px;}
    .main-parson{margin-top:10px;}
    .booth-booking p {margin:5px 0;}
}

@media screen and (max-width:480px) {
    .social-media-icon>ul{top:63px;}
    .header nav ul{top:89px;}
    .header .logo-col a img {width:inherit; height:50px;}
    .section-heading h2{font-size:25px;}
    .section{margin-top:30px;}
    .stay-ahead-img{height:180px !important;}
    .stay-ahead-text p{line-height:18px !important;}
    .booth-btn li a{font-size:8px;}
    .stay-ahead-text{padding:10px;}
    .stay-ahead-text h3{font-size:16px;}
    .stay-ahead-text span{font-size:14px;}
    .footer-col{width:100%;}
    .footer-main{gap:10px;}
    .footer-bottom{padding:10px 5px;}
    .header {background-image: linear-gradient(60deg, #004d40 35%, #fff 20%, #fff 66.6%, #fff 66.6%); }
    .header { background-color:#fff;}
    #banner-section-main{margin-top:89px;}
    .banner-text h1{font-size:22px; line-height:25px;}
    .projectFactsWrap .item i{font-size:18px}
    .projectFactsWrap .item{padding:5px 0;}
    #header-main{padding-top:15px;}
    .mission-text h4{font-size:16px;}
    .icon a {width:40px; height:40px;}
    .icon a .fa {font-size:25px;}
    .ahead-text-about h3{font-size:20px;}
    .mission-vission {margin-bottom:10px; flex-wrap:wrap; gap:5px;}
    .ahead-text-about{height:800px !important;}
    .greener-future-box p {font-size:14px; line-height:20px;}
    #banner-section-main, .banner {height:325px;}
    .banner-text a{font-size:14px; padding:5px 10px !important;}
    .ahead-text-about{height:780px !important;}
    .mission-text button {padding:5px 8px; font-size:12px;}
    .section-heading p {font-size:14px;}
    .exhibition-text {height:inherit;}
    .exhibition-text h4 {font-size:17px;}
    .exhibit-img-main{height:300px;}
    .exhibit-text-a{height:400px;}
    .clean-energy-text h4{font-size:15px;}
    .clean-energy-img{height:200px;}
    .why-attend-energy-main ul li{padding:5px 10px; border-radius:10px;}
    .should-visit-img{height:200px;}
    .should-visit-text h4, .join-clean-energy p{font-size:14px;}
    .should-visit-slider .slick-dots{bottom:-2px;}
    .should-visit-slider .slick-slide{min-height:260px;}
    #join-clean-energy-section-b{padding:20px 0;}
    .section-heading p{margin-top:5px;}
    .join-clean-energy h4, .join-clean-energy b{margin-bottom:5px; font-size:18px;}
    .join-clean-energy ul{gap:10px; flex-wrap:wrap; margin-top:5px;}
    .join-clean-energy ul li a {font-size:14px; padding:5px 10px;}
    .why-exhibit-img, .why-exhibit-text{height:290px;}
    .why-exhibit-text h4{font-size:18px;}
    .powering-sutainable-future-text {height:inherit;}
    .powring-sutainable-future-img {height:230px;}
    #visit-why-attend-section{height:230px; padding:30px 0 0 0;}
    .booth-booking ul li a{font-size:13px;}
    .parson h4{font-size:15px;}
    .booth-booking-main{gap:15px;}
    .clean-energy-heading h2{font-size:18px;}
    .country-name{width:calc(50% - 10px) !important;}
    .country-phone-number{width:calc(50% - 10px) !important;}
    .why-attend-energy-main ul{margin-bottom:5px;}
    .contact-form form input::placeholder, .contact-form form select {font-size:12px;}
}