@media screen and (min-width:360px) and (max-width:767px){
    /* common utilities */
    .cfia{
        flex-direction: column-reverse;
    }
    
    .bannerContent{
        text-align: center;
    }

    .bannerContent h1{
        font-size:30px;
    }
    .bannerContent p{
        font-size: 18px;
    }
    section {
        padding-top: 40px;
    }
    .bannerContent .btn{
        font-size: 16px;
    }

    .banner {
        padding-bottom: 30px;
    }

    .aboutBanner{
        padding: 1rem;
    }
    .bg-temp{
        padding:1rem;
    }

    .aboutInnerWrapper p, .who-are-we p{
        font-size:18px;
    }
    .blogCard{
        margin-top: 1rem;
    }

    .who-are-we img {
        margin: 0 auto 0;
        display: block;
    }
    .theme-cm-title-wrapper h2, .theme-cm-title-wrapper h1{
        width: unset;
    }
   .theme-cm-title-wrapper h2{
	width:unset;
    }
   .kaWaste-items-container {
        grid-template-columns: repeat(2, 1fr);
   } 
   .gadget-card {
        flex-direction: column;
        padding: 1rem;
        width: 100%;
        height: 130px;
    }
    .kaewaste-fuel-card{
        grid-template-columns:repeat(1, 1fr);
        width: 100%;
    }
    .bullet img {
        width: 12px !important;
        height: 12px !important;
        display: unset !important;
    }
    .cm-al-space{
        margin:40px 0 0;
    }
    .mbrCol img {
        margin-bottom: 2rem;
    }
  .gadget-title{
	margin:0;
	padding-top:1rem;
	text-align:center;
   }
  .aboutBanner, .ewasteNumberScroller, .processBanner{
	padding:1.5rem;
  }
 .footer, .ewasteNumberScroller {
    margin-top: 40px;
  }
  .ewasteNumberScroller h4 {
    margin-top: 0.75rem;
  }
.process-list li::before{
    width:10px;
    height:10px;
    top:6%;
}
.mbmt-img {
    margin-top: 30px!important;
    display: block;
}
.mbmb-img-0 {
    margin-bottom: 0!important;
}
.mbmt-0{
  margin-top:0!important;
}

.courseFormContainer {
    padding: 0rem;
}
.aboutBanner, .ewasteNumberScroller, .processBanner, .csrBanner, .campaignBanner, .bannerNew{
padding:1rem;
}
.courseFormContainer .form-group {
    margin: 1rem 0!important;
}

.courseFormContainer {
    padding: 1rem 0rem;
}

.mb-30{
    margin-bottom:30px!important;
}

.mbfxdirC{
    flex-direction: column;
}
.ul-Foot {
    margin-top: 0.25rem;
}
.ul-Foot li {
    padding-left: 0!important;
}
.ul-Foot li a span{
    display:none!important;
}
.theme-cm-title-wrapper h1{
	font-size:25px;
	width:unset;
}
.cm-al-card img {
    width: 90px;
    margin: 0 auto !important;
}
.kaewaste-initiative-card{
	width:100%;
        grid-template-columns:repeat(2, 1fr);
}
.kaEvents1 button img, 
.kaEvents2 button img, 
.campaignEvents button img{
    height: auto;
    width: 30px;
}
}

@media screen and (min-width:768px) and (max-width:1023px){
.banner {
    padding-bottom: 30px;
}
.aboutBanner, 
.ewasteNumberScroller, 
.processBanner, 
.csrBanner,
.campaignBanner,
.bannerNew{
    padding:3rem 0;
}
section {
    padding-top: 30px;
}
    .aboutBanner, .ewasteNumberScroller, .processBanner{
        padding:2rem;
        }
        
        .kaWaste-items-container{
         grid-template-columns:repeat(4, 1fr);
        }
        .gadget-card {
            flex-direction: column;
            height: 150px;
        }
        .gadget-title {
            margin: 0;
            padding-top: 1rem;
            text-align: center;        
        }
        .cfia{
            flex-direction: column-reverse;
        }
        .cfia-d-none{
            flex-direction: unset!important;
        }
        .who-are-we img {
            margin: 0 auto 0;
            display: block;
        }
        .theme-cm-title-wrapper h2, .theme-cm-title-wrapper h1{
            width: unset;
            font-size: 2.75rem;
        }
        .kaewaste-initiative-card{
            width: 100%;
        }
        .eld-none{
            display: none!important;
        }

	.banner .row {
    	    align-items: center;
       }

	.banner img {
    		width: 100%;
	}

}
@media screen and (min-width:1024px) and (max-width:1199px) {
    .kaWaste-items-container{
        grid-template-columns:repeat(4, 1fr);
       }
    .gadget-card {
       flex-direction: column;
       height: 150px;
       }
     .gadget-title {
        margin: 0;
        padding-top: 1rem;
        text-align: center;        
       }
       .kaewaste-initiative-card{
            width:100%;
       }
       .primary-cards img {
        width: 70%;
    }
}

@media screen and (min-width:1200px) and (max-width:1400px) {
    .bannerNew .primary-cards{
	height:calc(100%  + 2rem)!important;
    }
    .ul-Foot li a, address {
        font-size: 14px !important;
    }
}