@media (min-width: 769px) and (max-width: 991px){
    .event-registration {
        height: 100%;
        padding-bottom: 20px;
    }
    .esp-faq-question-div>span,
    .carbon-accounting-faq-question-div>span {
		font-size: 13px;
    	line-height: 1.2;
	}
    .esp-faq-answer-div,
    .carbon-accounting-faq-answer-div {
		font-size: 13px;
	}
    .carbon-awards-sg-body .container {
		padding: 80px 15px;
    }
    .news-card-body>.description {
		height: auto;
		min-height: 75px;
	}
    .resources-introduction {
		margin: 0px;
	}
	.resources-cards>.cards {
		width: 45%;
		margin: 20px 15px;
    }
    .membership-main-section-content{
		padding: 80px;
	}
	.membership-application-button-div a{
		width: 40%;
	}
    .membership-card,
    .membership-type-card{
		width: 47%;
		margin: 10px;
	}
    .membership-sub-section,
    .membership-types,
    .membership-packages,
    .membership-fee-structure{
		padding: 40px 20px;
	}
	.membership-type-card-gold {
		height: 180px;
		margin: 10px;
        width: 100%;
	}
	.membership-type-card-gold > 
	.membership-type-card-front{
		padding: 35px;
	}
	.membership-type-gold-card-icon i{
		color: #fff; 
		font-size: 50px;
	}
	.membership-type-gold-card-name{
		padding: 20px;
	}
    .cert-company-info-save-btn-div {
		flex-direction: column;
		align-items: center;
	}
	.company-info-save-btn {
		width: 30%;
	}
    .low-carbon-logo-recipient{
		padding: 80px 15px;
	}
	.logo-recipient-content{
		height: auto;
	}
	.logo-recipient-content-previous,
	.logo-recipient-content-next{
		width: 8%;
		display: flex;
    	justify-content: center;
	}
	.logo-cards-container>
	.logos>.content-container{
		width: 46%;
		margin: 15px 10px;
	}
    .low-carbon-second-section{
		height: auto;
	}
	.second-section-content{
		padding: 50px 0px;
	}
	.second-section-content 
	.image-container{
		width: 35%;
	}
	.second-section-content 
	.text-container{
		width: 45%;
	}
	.second-section-content .text-container h1,
	.fifth-section-content h1,
	.sixth-section-content h1,
	.second-section-content .text-container>h1>span,
	.fifth-section-content>h1>span,
	.sixth-section-content>h1>span{
		font-size: 36px!important;
		text-align: center;
	}
	.second-section-content .text-container p,
	.fifth-section-content p,
	.sixth-section-content p,
	.second-section-content .text-container>p>span,
	.fifth-section-content>p>span,
	.sixth-section-content>p>span{
		font-size: 15px!important;
		text-align: center;
    }
    .data-input-filter{
        flex-direction: column;
        align-items: flex-start;
    }
    .view-by-filter{
        width: 35%;
        margin-bottom: 10px;
    }
    .date-range{
		width: 100%;
	}
	.date-range>select{
		width: 25%;
	}
    .date-range-filter-btn{
		width: 100%;
        margin-top: 10px;
	}
    .data-input-comment-box{
		width: 30%;
	}
    .data-input-header-emissions,
	.data-input-total-emissions{
		padding: 15px 20px;
	}
    .data-input-content,
    .emission-calculator-content{
		width: 1100px;
    }
    .scope-1-table,
	.indices-table,
	.tax-rate-table,
	.absolute-emissions-table,
	.percentage-comparison-table{
		width: 1100px;
	}
    .emission-contributors-table-1,
	.emission-contributors-table-2,
	.emission-contributors-table-3{
		width: 1000px;
	}
    .scope-1-filter{
		flex-direction: column;
	}
    .scope-1-filter>.date-range{
		width: 100%;
	}
	.scope-1-filter>.date-range>select{
		width: 25%;
	}
	.scope-1-filter>.filter-div{
		width: 35%;
        margin-bottom: 20px;
        align-self: flex-start;
	}
    .scope-2-filter>.filter-div{
		width: 35%;
        align-self: flex-start;
	}
	.scope-1-filter>.view-by-div{
    	width: 30%;
        align-self: flex-end;
	}
    .scope-2-filter>.view-by-div{
        align-self: flex-end;
	}
    .scope-1-filter>.date-range-filter-btn>button {
		width: 100%;
	}
	.scope-1-filter>.date-range-filter-btn{
		margin: 10px 0px;
	}
    .cert-main-div{
        width: 100%;
    }
    .cert-div{
		width: 1000px;
	}
	.cert-navbar{
		flex-direction: column;
	}
    .cert-navbar-container{
		width: 100%;
	}
	.cert-btn-container{
		width: 100%;
		margin-top: 20px;
	}
	.cert-save-btn,
    .cert-save-draft-btn{
		float: none;
		width: 100%;
	}
	.cert-tool-main{
		padding: 80px 50px;
	}
    .cert-header{
		flex-direction: column;
	}
	.cert-header-title{
		margin-bottom: 20px;
	}
    .cert-company-info-time-period-main{
        overflow: auto;
    }
    .cert-company-info-time-period-container{
		width: 1000px;
	}
    .cert-company-info-label{
		min-width: 38%;
	    width: 38%;
	}
    .cert-company-info-contact-input{
        width: 100%;
    }
	.cert-company-info-contact{
		padding-left: 0;
	}
	.cert-company-info-date{
		width: 40%;
	}
    .change-password-main{
		padding: 60px 20px 20px;
	}
    .event-search-main-div{
        margin-top: 50px; 
        margin-bottom: 70px; 
        display: flex; 
        justify-content: flex-end;
    }
    .event-search-container{
        width: 40%;
    }
    .our-work-btn{
		position: relative;
	}
	.our-work-h4{
		height: auto!important;
        margin-bottom: 15px!important;
        font-size: 20px!important;
	}
    .our-work-p{
		font-size: 15px!important;
	}
    .our-work-box{
        padding: 25px!important;
        min-height: 300px;
    }
    .youthContactUs{
		margin: auto;
		width: 50%;
	}
    #youthMainPage #mainSection{
        padding: 0px 24px!important;
    }
    .cplcSubSection .cplcLearnMore{
		margin: auto;
		width: 50%;
	}
    .careersMainSection .container,
	.careers-filter>.container{
		padding: 0px 45px!important;
	}
	.careers-filter select{
		margin-bottom: 10px;
    }
    .careers-container h4{
        line-height: 1;
    }
    .careers-container, .careers-body{
		height: 100px;
    }
    .careers-details{
        max-width: 300px;
    }
    .job-details-header{
		padding-right: 0px;
	}
    .job-details-container{
		margin: 30px;
    }
    .job-details-body-line{
        display: none;
    }
    .job-details-img-container{
		width: auto;
	}
	.job-details-body{
		padding: 0px; 
		border: none;
	}
	.job-details-body h5{
		font-weight: 700; 
		text-align: left; 
		margin-bottom: 5px
	}
	.job-details-body p{
		text-align: left; 
		margin: 0px; 
		line-height: 1.1;
	}
	.job-details-div{
		border: none;
	}
	.job-details-margin{
		margin-top: 20px;
	}
    .careersBanner,
    .youthBanner,
    .cplcBanner,
    .certBanner,
    .sustainabilityBanner,
    .low-carbon-sg-banner,
    .news-room-banner,
    .partners-title,
    .esp-title,
    .carbon-accounting-title {
		font-weight: bold; 
		color: white; 
		z-index: 1;  
		position: absolute; 
		bottom: 237px;
		letter-spacing: -1px;
	}
    .our-work-carousel{
        position: absolute;
        left: 10px;
        padding: 10px 30px 20px 20px;
    }
    .our-work h1 span{
		text-align: left;
        width: 100%;
    }
    .cplcSubSection .cplcLearnMore{
		margin: auto;
		width: 50%;
	}
    .youthAllianceMainSection p{
        padding: 0px 50px;
    }
    .youthAllianceSubSection h1{
        padding: 0px 20px;
    }
    .youthAllianceSubSection .col-md-4{
        margin-bottom: 45px;
        padding: 0px 60px;
    }
    #circleBar .round p{
        position: relative;
        top: -33px;
        left: 200px;
        margin-top: -55px;
        transform: translate(-50%);
        font-size: 18px;
        color: #212121;
        font-weight: 700;
        z-index: 0;
        text-align: right;  
    }
	#standards{
		margin-top: -35px!important;
	}
	#results .rice-header{
		display: none;
	}
    #riceIntroPage,
    #certIntroPage{
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
    }
    
    .option-label{
        padding-right: 40px;
    }
    
    .rice-form{
        width: 100%;
    }

        /* .btn-rice-login,
        .btn-cert-login{
            width: 350px;
        } */

    #pswd_info::before {
        content: "\25c0";
        position:absolute;
        top: 25px;
        left:-5%;
        font-size:14px;
        line-height:14px;
        color:#ddd;
        text-shadow:none;
        display:block;
    }

    #pswd_info {
        position:absolute;
        bottom: 8px;
        right:-260px;
        width:250px;
        padding:15px;
        background:#fefefe;
        font-size:.875em;
        border-radius:5px;
        box-shadow:0 1px 3px #ccc;
        border:1px solid #ddd;
    }

    #bannerBackground{
        height: calc(100vh - 300px);
    }
    #myCarousel .item{
        height: calc(100vh - 300px);
    }
    #bannerCarousel .item{
        height: calc(100vh - 100px);
    }
    #secretariatCarousel .item{
        height: calc(100vh - 96px);
    }
	.navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        margin-top: 7.5px;
    }
    .navbar-right>li {
    	float: right;
    }
    .navbar-nav>li {
        float: left;
    }
    .collapse.in{
        display: block !important;
    }
    .col-sdg{
        width: 16.66%;
    }
    .custom-container{
        padding-right: 15px;
        padding-left: 15px;
        margin-left: auto;
        margin-right: auto;
        width: 750px;
    }
    #bigBanner .description{
        font-size: 24px;
        width: 50%;
        text-align:left;
    }
    .membersPortalHeading{
        margin-top:80px;
        margin-bottom:40px;
    }
    ul.activity-list-big>li.media>.media-body{
        width: 30% !important;
    }
    ul.activity-list-big>li.media>.media-right{
        width: 64px !important;
    }
    ul.activity-list-big>li.media>.media-extra{
        width: 15% !important;
    }
    .cContent p{
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    ol#carouselIndicators {
        bottom: -5px;
    }
}
@media (min-width: 769px){
    .banner h1{
        margin-bottom: 32px;
    }
    h1.page-header{
        padding-bottom: 16px;
    }   
    #bigBanner .page-header{
        margin-top: 0px;
    }
}

@media (min-width: 769px) and (max-width: 780px){
    #stickyNavigation{
		position: sticky;
		position: -webkit-sticky;
		top: 200px;	
		right: 30px; 
		width: 178px; 
		margin-top: 50px;
		padding: 20px 15px 5px 15px; 
		box-shadow: 0px 0px 5px 0px rgba(207,207,207,1);  
		border-radius: 5px; 
		border-top: 5px solid #17979d; 
	}
}

@media (min-width: 781px) and (max-width: 810px){
    #stickyNavigation{
		position: sticky;
		position: -webkit-sticky;
		top: 149px;	
		right: 30px; 
		width: 100%; 
		margin-top: 50px;
		padding: 12px 12px 5px 12px; 
		box-shadow: 0px 0px 5px 0px rgba(207,207,207,1);  
		border-radius: 5px; 
		border-top: 5px solid #17979d; 
    }
    #stickyNavigation .nav-sections{
        font-size: 9px;
        margin-bottom: 18px;
    }
}

@media (min-width: 810px) and (max-width: 850px){
    #stickyNavigation{
		position: sticky;
		position: -webkit-sticky;
		top: 152px;	
		right: 30px; 
		width: 100%; 
		margin-top: 50px;
		padding: 18px 14px 5px 14px; 
		box-shadow: 0px 0px 5px 0px rgba(207,207,207,1);  
		border-radius: 5px; 
		border-top: 5px solid #17979d; 
    }
    #stickyNavigation .nav-sections{
        font-size: 9px;
        margin-bottom: 18px;
    }
}

@media (min-width: 851px) and (max-width: 879px){
    #stickyNavigation{
		position: sticky;
		position: -webkit-sticky;
		top: 180px;	    	
		right: 30px; 
		width: 100%; 
		margin-top: 50px;
		padding: 12px 12px 5px 12px; 
		box-shadow: 0px 0px 5px 0px rgba(207,207,207,1);  
		border-radius: 5px; 
		border-top: 5px solid #17979d; 
    }
    #stickyNavigation .nav-sections{
        font-size: 9px;
        margin-bottom: 18px;
    }
}

@media (min-width: 880px) and (max-width: 991px){
    #stickyNavigation{
		position: sticky;
		position: -webkit-sticky;
		top: 190px;	    	
		right: 30px; 
		width: 100%; 
		margin-top: 50px;
		padding: 20px 15px 5px 15px; 
		box-shadow: 0px 0px 5px 0px rgba(207,207,207,1);  
		border-radius: 5px; 
		border-top: 5px solid #17979d; 
    }
    #stickyNavigation .nav-sections{
        font-size: 9px;
        margin-bottom: 20px;
    }
}

@media (min-width: 781px) and (max-width: 818px){
    .rice-sidenav .riceInfo{
        position: relative; 
        top: -18px;
    }
}
@media (min-width: 819px) and (max-width: 836px){
    .rice-sidenav .riceInfo{
        position: relative; 
        top: 14px;
    }
}
@media (min-width: 837px) and (max-width: 844px){
    .rice-sidenav .riceInfo{
        position: relative; 
        top: -9px;
        left: 10px;
    }
}
@media (min-width: 845px){
    .rice-sidenav .riceInfo{
        position: relative; 
        top: -9px;
    }
}
@media (min-width: 769px){
    span.resources-filter-category {
        position: relative;
    }

    .resources-filter-div span.resources-filter-category {
        position: absolute;
        left: 0px;
    }

    .resources-filter-div {
        padding-left: 230px;
        position: relative;
    }
}