@media (min-width: 320px) and (max-width: 480px){
	.portal-signin-div,
	.event-signin-div {
		flex-direction: column;
	}
	.portal-signin-division,
	.event-signin-division {
		width: 100%;
	}
	#signInForm {
		border-bottom: 1px solid white;
		padding-bottom: 30px;
	}
	.esp-faq-question-div>span,
	.carbon-accounting-faq-question-div>span {
		font-size: 12px;
    	line-height: 1.2;
	}
	.esp-faq-answer-div,
	.carbon-accounting-faq-answer-div {
		font-size: 12px;
	}
	#signInModal {
		top: 9% !important;
	}
	.carbon-awards-sg-body .container {
		padding: 80px 0px;
	}
	#myPills li:first-child {
        width: 100%;
    }
    #myPills li:first-child a {
        width: 100%;
    }
    ul#myPills {
        width: 100%;
    }
    #myPills li>a {
        width: 100%;
        margin: 0;
    }
    #myPills li {
        width: 50%;
    }
	.low-carbon-logo-recipient>h1 {
		padding: 0px 20px;
	}
	.low-carbon-logo-recipient .filtered-years {
		font-size: 15px!important;
	}
	.low-carbon-logo-recipient .filtered-years.active {
		font-size: 18px!important;
	}
	.logo-cards-container .no-content {
		font-size: 18px;
	}
	.news-list-div>.title {
		line-height: 1;
		text-align: center;
		font-size: 28px;
	}
	.news-no-data {
		font-size: 20px;
	}
	.news-filter {
		flex-direction: column;
	}
	.news-filter-div {
		width: 100%;
		margin-bottom: 10px;
	}
	.news-card-body>.title {
		line-height: 1.2em;
		font-size: 13px;
	}
	.news-card-body>.description {
		height: auto;
		min-height: 75px;
	}
	.resources-filter-category {
		width: 100%;
	}
	.resources-introduction {
		margin: 0px;
	}
	.resources-cards {
		flex-direction: column;
	}
	.resources-cards>.cards {
		width: 100%;
		margin: 20px 0px;
	}
	.resource-title h4 {
		line-height: 1.2em;
	}
	#subNav .events-sub-nav {
		width: 580px!important;
	}
	.membership-main-section-content{
		padding: 80px 40px;
	}
	.membership-application-button-div a{
		width: 100%;
	}
	.membership-card,
	.membership-type-card{
		width: 100%;
		margin: 10px;
	}
	.membership-type-card-back{
		padding: 10px 15px;
	}
	.membership-type-card-gold {
		min-height: 180px;
		margin: 10px;
	}
	.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;
	}
	.membership-packages .show-on-mobile{
		text-align: center;
		margin-top: 20px;
	}
	.membership-sub-section,
	.membership-types,
	.membership-packages,
	.membership-fee-structure{
		padding: 40px 20px;
	}
	.membership-main-section h2,
	.membership-sub-section h2,
	.membership-types h2,
	.membership-packages h2,
	.membership-fee-structure h2{
		font-size: 25px;
	}
	.membership-fee-footer a{
		width: 100%;
	}
	.cert-more-dropdown {
		display: flex;
		justify-content: end;
		align-items: center;
	}
	.cert-more-dropdown-menu {
		left: -89px;
	}
	.cert-company-info-save-btn-div {
		flex-direction: column;
	}
	.company-info-save-btn {
		width: 100%;
	}
	.scope-1-header, 
	.scope-2-header, 
	.scope-3-header {
		height: 75px;
	}
	.scope-3-download>button {
		width: 100%;
	}
	.third-section-title {
		font-size: 26px !important;
	}
	.third-section-description {
		font-size: 18px !important;
	}
	.low-carbon-logo-recipient{
		padding: 80px 0px;
	}
	.logo-recipient-content{
		height: auto;
	}
	.logo-recipient-content-previous,
	.logo-recipient-content-next{
		width: 10%;
		display: flex;
    	justify-content: center;
	}
	.logo-recipient-content-previous>div,
	.logo-recipient-content-next>div{
		height: 20px; 
		width: 20px; 
	}
	.logo-cards-container>.logos{
		display: flex;
		flex-wrap: wrap;
	}
	.logo-cards-container>
	.logos>.content-container{
		width: 40%;
		margin: 10px;
	}
	.second-section-content{
		flex-direction: column;
		padding: 50px 0px;
	}
	.second-section-content 
	.image-container{
		width: 70%;
		margin: 15px;
		height: auto;
	}
	.second-section-content 
	.text-container{
		width: 100%;
		margin: 15px;
	}
	.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: 26px!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: 18px!important;
		text-align: center;
	}
	.low-carbon-fifth-section> 
	.fifth-section-content p{
		margin: 20px 0px;
	}
	.low-carbon-fifth-section 
	.get-in-touch-div>a{
		font-size: 12.5px !important;
	}
	.low-carbon-sixth-section
	.sixth-section-content{
		padding: 80px 15px;
	}
	.cert-btn-container{
		flex-direction: column;
	}
	.cert-btn-container>button{
		width: 100%!important;
		margin: 5px 0px;
	}
	.view-by-filter{
		width: 100%;
		margin-bottom: 10px;
	}
	.view-by-filter>select{
		width: 85%;
	}
	.data-input-filter{
		flex-direction: column;
	}
	.date-range{
		flex-direction: column;
		width: 100%;
	}
	.date-range>select{
		width: 100%;
		margin: 5px 0px;
	}
	.date-range-filter-btn{
		width: 100%;
		margin-top: 10px;
	}
	.date-range-filter-btn>button{
		margin: auto;
	}
	.data-input-comment-box{
		width: 70%;
	}
	.data-input-header-emissions,
	.data-input-total-emissions{
		padding: 15px 20px;
	}
	.data-input-qualitative{
		padding: 30px 0px;
	}
	.data-input-qualitative-content{
		display: flex;
		flex-direction: column;
	}
	.data-input-content,
	.emission-calculator-content{
		width: 1100px;
	}
	.scope-1-header>span, 
	.scope-1-header>i, 
	.scope-2-header>span, 
	.scope-2-header>i,
	.scope-3-header>span, 
	.scope-3-header>i{
		font-size: 14px;
	}
	.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,
	.scope-2-filter{
		flex-direction: column;
	}
	.scope-1-filter>.filter-div,
	.scope-2-filter>.filter-div{
		width: 100%;
		margin-bottom: 20px;
	}
	.scope-1-filter>.filter-div>select,
	.scope-2-filter>.filter-div>select{
		width: 85%;
	}
	.scope-1-filter>.view-by-div,
	.scope-2-filter>.view-by-div{
		justify-content: center;
    	width: 100%;
	}
	.scope-1-filter>.view-by-div i,
	.scope-1-filter>.view-by-div button,
	.scope-1-filter>.view-by-div div{
		margin: 0px 10px;
	}
	.scope-1-filter>.date-range,
	.scope-2-filter>.date-range{
		flex-direction: column;
		width: 100%;
		margin-bottom: 20px;
	}
	.scope-1-filter>.date-range>select,
	.scope-2-filter>.date-range>select{
		width: 100%;
		margin: 5px 0px;
	}
	.scope-2-filter>.view-by-div>button{
		width: 100%;
	}
	.scope-1-filter>.date-range-filter-btn>button {
		width: 100%;
	}
	.scope-1-filter>.date-range-filter-btn,
	.scope-2-filter>.date-range-filter-btn {
		margin: 10px 0px;
	}
	.conversion-modal-div .modal-body{
		padding: 0px 20px 53px;
	}
	.cert-main-div{
        width: 100%;
    }
    .cert-div{
		width: 1000px;
	}
	.cert-navbar{
		flex-direction: column;
	}
	.cert-navbar-tabs{
		width: 600px;
	}
	.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: 40px 20px;
	}
	.cert-header{
		flex-direction: column;
	}
	.cert-header-title{
		margin-bottom: 20px;
	}
	.cert-company-info-form{
		flex-direction: column;
	}
	.cert-company-info-label,
	.cert-company-info-contact-input{
		width: 100%
	}
	.cert-company-info-contact{
		padding-left: 0;
	}
	.cert-company-info-date{
		width: 100%;
	}
	.cert-company-info-time-period-container{
		width: 1000px;
	}
	.change-password-main{
		padding: 40px 20px 20px;
	}
	.change-pw-requirements{
		margin-bottom: 15px;
	}
	.change-pw-form{
		display: flex; 
		flex-direction: column-reverse; 
	}
	.change-pw-fields,
	.change-pw-requirements{
		width: 100%;
	}
	.event-search-main-div{
		margin-top: 70px; 
		margin-bottom: 70px; 
		display: flex; 
		justify-content: center;
	}
	.event-search-container{
		width: 100%;
	}
	.our-work-btn{
		position: relative;
	}
	.our-work-box{
		padding: 24px!important;
		min-width: 222px;
		min-height: 320px;
	}
	.our-work-h4{
		font-size: 18px!important;
		height: auto!important;
	}
	.our-work-p{
		font-size: 16px!important;
	}
	.cplc-page-header-nav{
		width: 1000px!important;
	}
	.certContainer{
		padding: 40px;
	}
	#certFirstSection h1,
	#certFirstSection p {
		text-align: center!important;
	}
	#certFirstSection img{
		height: 100%!important;
   		width: 100%!important;
	}
	.banner-caption{
		padding-top: 6%!important;
		font-size: 13pt!important;
	}
	.banner-indicators{
        bottom: -2px!important;
    }
	.arrow-down {
		display: inline-block;
		margin: 0;
		position: relative;
		top: 50%;
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.navbarTwoRows{
		display: inline;
	}
	.talkToUsTooltip:hover .tooltiptext {
		visibility: visible;
		width: 220px;
		top: 55px;
		left: 50%;
		margin-left: -110px;
	}
	.youthContactUs{
		margin: auto;
		width: 70%;
	}
	.internshipSections .internshipSubSection h1, 
    .internshipSections .internshipSubSection p{
        text-align: center!important;
	}
	.internshipSections .internshipSubSection img{
		width: 100%!important;
		height: 100%!important;
    }
    #youthMainPage #mainSection{
        padding: 0px!important;
	}
	.activity .text-right{
		text-align: center;
	}
	.cplcSubSection .cplcLearnMore, 
	.cplcTalkToUs{
		margin: auto;
		width: 70%;
	}
	.careersMainSection .container,
	.careers-filter>.container{
		padding: 0px 45px!important;
	}
	.careers-filter select{
		margin-bottom: 10px;
	}
	.careers-image{
		margin: auto!important;
	}
	.careers-container{
		height: auto;
		text-align: center;
	}
	.careers-container h4{
		line-height: 1.6;
	}
	.careers-body{
		height: auto;
	}
	.careers-margin{
		float: none!important;
		margin: 0px;
	}
	.careers-details-icon{
		margin-left: auto;
		margin-right: auto;
	}
	.job-details-body-line{
        display: none;
    }
	.job-basic-details{
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: vertical;
		-moz-box-orient: vertical;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		/* optional */
		-webkit-box-align: start;
		-moz-box-align: start;
		-ms-flex-align: start;
		-webkit-align-items: flex-start;
		align-items: left;
	}
	.job-basic-details .job-details-img-container{
		-webkit-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-ms-flex-order: 2;
		-webkit-order: 2;
		order: 2;
	}
	.job-basic-details .job-details-header-container{
		-webkit-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	.job-details-img-container{
		width: auto;
		margin: initial;
		padding: auto;
	}
	.job-details-header-container{
		padding: 13px!important;
	}
	.job-details-header{
		padding-right: 0px;
	}
	.job-details-container{
		margin: 30px;
	}
	.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: relative; 
		bottom: 43px;
		letter-spacing: -1px;
	}
	.payment-button{
		margin-right: 0px!important;
	}
	#paymentBtn{
		margin-bottom: 10px;
	}
	.our-work-carousel{
        margin-top: 60px;
    }
    .our-work h1 span{
        text-align: center;
        width: 100%;
    }
    .our-work p{
		text-align: center;
	}
	.cplcSubSection .cplcLearnMore{
		margin: auto;
		width: 70%;
	}
	.youthAllianceMainSection p,
	.youthAllianceSubSection{
		padding: 0px;
	}
	.youthAllianceSubSection h1{
		margin-top: 45px;
		margin-bottom: 60px;
	}
	.youthAllianceSubSection .col-md-4{
		margin-bottom: 45px;
	}
	.rice-header{
		position: absolute;
		top: -25px;
		left: 60px;
	}
	#stickyNavigation{
		position: fixed;
		top: 200px;
		background: white;
		display: none;
	}
	#ungcStandards .ungcDescription{
		font-size: 14px;
		margin-top: 20px;
		margin-right: 0px;
		text-align: center;
	}
	#ungcStandards .box{
		display: flex; 
        align-items: center;
        justify-content: center;
	}
	#standards{
		margin-top: -35px!important;
	}
	#results .rice-header{
		display: block!important;
	}
	#submissionDataTable, 
	#draftDataTable{
		margin-top: 60px!important;
	}
	.yearFilter{
		position: absolute;
		top: 58px;
		left: -40px;
	}
	#circleBar{
		text-align: left;
	}
	#circleBar canvas{
		margin-bottom: 50px;
		width: 60px!important;
		height: 60px!important;
		position: relative; 
		top: 31px; 
		left: 140px;
	}
	#circleBar .round strong{
		position: absolute;
		top: 109px;
		left: 172px;
		margin-top: -60px;
		transform: translate(-50%);
		font-size: 15px;
		color: #212121;
		font-weight: 700;
		z-index: 0;
	}
	#progressBar p{
		position: absolute;
		top: 168px;
		left: 103px;
		margin-top: -55px;
		transform: translate(-50%);
		font-size: 15px;
		color: #212121;
		font-weight: 700;
		z-index: 0;
	}
	#riceIntroPage,
	#certIntroPage{
		margin-left: 20px;
		margin-right: 20px;
		text-align: center;
	}
	#riceContainer{
		padding:30px;
	}
	.riceTool{
		margin-top: 100px;
	}
	.rice-container{
		padding: 20px;
	}
	.radio-label{
		padding-bottom: 20px;
	}
	.option-label{
		position: static;
		text-align: center;
	}
	.rice-form{
		width: 100%;
	}
	.rice-forgotpw-p{
		margin-top: 30px;
	}	

	.checkbox-label .checkbox-custom{
		top: 5px;
		left: 102px;
		position: absolute;
	}

	.rice-modal-content p,
	.cert-modal-content p{
		text-align: center;
	}

	.agreement{
		top: 25px;
		margin-bottom: 15px;
	}

	.agreement-btn{
		margin:15px 0 0 0;
	}

	.agreement-proceed-btn{
		margin:15px 0 0 0;
	}

	.signup-error{
		text-align: left;
	}

	#introductionDiv{
		padding: 20px;
	}

	#introductionDiv p{
		font-size: 12px;
	}

	.rice-desc,
	.cert-desc{
		text-align: center;
	}

	.btn-rice-proceed{
		width: 70%;
		position: relative;
		left: 15%;
	}

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

	#pswd_info {
		position:relative;
		bottom: -10px;
		right: 0px;
		width:100%;
		padding:15px;
		margin-bottom: 20px;
		background:#fefefe;
		font-size:.875em;
		border-radius:5px;
		box-shadow:0 1px 3px #ccc;
		border:1px solid #ddd;
		text-align: left;
	}
	
	#toPaymentBtn2,#participantBtnGroup button{
		font-size: 14px;
	}
	.gcns-tab-content .form-section{
		padding: 0px 16px 16px;
	}
	.proceedDiv{
		padding: 16px 16px 16px!important;	
	}
	#bannerBackground{
		height: calc(100vh - 330px);
	}
    #myCarousel .item{
        height: calc(100vh - 330px);
    }
	h1{
		font-size: 24px;
	}
	#footerBodySection>.container>.row{
		margin: 0px;
	}
	#footerBodySection>.container>.row>div:not(:last-of-type){
		border-bottom: 1px solid #26485e;
	}
	.navbar-header{
		border-bottom: 1px solid #17919a;
	}
	#myCarousel .carousel-caption{
		padding: 8%;
	}
	#myCarousel .carousel-caption>h1{
		font-size: 14pt;
		padding-bottom: 0px;
		margin: 0px !important;
	}
	#myCarousel .carousel-caption>a.read-more{
		padding: 4px;
	    float: right;
	    font-size: 14px;
	    border: 1px solid #fff;
	}
	#myCarousel .carousel-indicators{
		bottom: -7px;
	}
	img.xs-center{
		display: block;
	    margin-left: auto;
	    margin-right: auto;
	    width: inherit;
	}
	#backToTopDiv{
		position: fixed;
		bottom: 0px;
		width: 100%;
		z-index: 1030;
	}
	#principleMemDiv .row > div {
    	padding: 0px 25%;
	}
	#overview{
		padding: 0px 24px!important;
	}
	.media{
	}
	.col-sdg{
		width: 33.33%;
	}
    .custom-container{
    	padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
    }
    .show-all-button{
    	margin-top: 8px;
    }
	.membersPortalHeading{
		/* margin-top:40px; */
		margin-bottom:20px;
	}
	a.read-more{
		font-size: 14px;
		text-align: center;
	}
	.page-header-nav{
		/* display: none; */
	}
	.dropdown:hover:not(.open) > .dropdown-menu {
		display: none;
	}
    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;
    	float: none !important;
    }
    ul#myPills{
    	display: block;
    }
    .testimonial-left,
    .testimonial-right{
    	display: none;
    }
    .testimonial-body{
    	width: 100%;
    }
    #activityCalendarListDiv{
    	display: block;
    }
    #activityCalendarSliderDiv{
    	display: none;
    }
	#inlineShareButtonGroup .fb-share-button{
		width: 100% !important;
	}
	#inlineShareButtonGroup a{
		/* width: 157px !important; */
		display: block;
		float: none;
		width: 100% !important;
		margin-bottom: 8px;
	}
	#navList{
		padding: 0;
	}
	#navBar ul.navbar-nav{
		margin-left: 0;
		margin-right: 0;
	}
	#navBar .navbar-nav a{
		padding-top: 20px !important;
		padding-bottom: 20px !important;
		color: #000;
	}
	.show-on-mobile{
		display: block !important;
	}
	.height-auto-on-mobile{
		height: auto !important;
	}
	.hide-on-mobile{
		display: none !important;
	}
	#navBar a{
		/* padding-top: 10px; */
		/* padding-bottom: 10px; */
		padding-top: 15px;
		padding-bottom: 15px;
	}
	#navLogo{
		/* height: 45px;
		width: 121px;
		background-size: 121px 37px; */
		height: 67px;
		width: 181px;
		background-size: 181px 55px;
	}
	#navBtn{
		margin-top: 15px;
	}
	ul.page-header-nav li a{
		padding-top: 4px !important;
		padding-bottom: 4px !important;
		font-size: 12px;
	}
	#main{
		padding-top: 72px;
	}
	#subNav{
		/* height: 50px; */
	}
	#subNav .gradient-blue{
		overflow-y: auto;
		padding: 0px;
	}
	#subNav .page-header-nav{
		width: 800px;
	}
	.carousel #carouselIndicatorOl{
		width: 100%;
		height: 72px;
		position: relative;
		left: 0;
		margin-bottom: 0;
		margin-left: 0;
		padding-left: 0px;
		padding-right: 0px;
	}
	.carousel #carouselIndicatorOl li{
		/* width: 53px; */
		/* height: 53px; */
		margin: 0px;
		width: calc(100vw/6);
		text-align: center;
	}
	.carousel #carouselCaptionDiv{
		left: 0;
		top: 0;
		position: relative;
		width: inherit;
		padding: 0;
		background: white;
	}
	#secretariatCarousel .carousel-caption{
		left: 0;
		right: 0;
		top: 0;
		position: relative;
	}
	.cContent{
		padding-left: 8px;
		padding-right: 8px;
		color: #333;
	}
	#testimonialsRow{
		margin-left: -46px;
		margin-right: -46px;
	}
	.testimonial{
		padding: 21px 18px;
		min-width: 0px!important;
	}
	.testimonial-icon{
		display: none;
	}
	.pull-left-on-mobile{
		float: left;
	}
	.pull-right-on-mobile{
		float: right;
	}
	.testimonial-content{
		max-height: 1000px;
	}
	#myPillsContainer{
		overflow-x: auto;
	}
	#myPills{
		width: 605px;
	}
	#myCarousel .carousel-control{
		/* display: none; */
	}
	.text-xs{
		font-size: 12px;
	}
	#hero .carousel-caption{
		top: 0;
		padding-top: 0;
		padding-bottom: 0;
		left: 32px;
		right: 32px;
	}
    #bannerCarousel .item{
        height: 100vh;
    }
    #hero h1 span{
    	font-size: 24px;
    }
    /* card styles */
    .card-front{
    	padding: 10px !important;
    }
    .card h4{
    	margin-top: 16px !important;
    }
    #types-of-membership p{
    	margin-top: 16px !important;
    }
    .col-type-of-membership{
    	margin: 12px 0px;
    }
    #newFeesStructureDiv>.container{
    	padding: 0 30px;
    }
    #newFeesStructureDiv>.container>.row{
    	margin: auto 0px !important;
    }
    #typesOfMembership-button{
    	height: 57px;
	}
	
	.sticky {
		top:75px;
	}
	div#myPillsContainer::-webkit-scrollbar {
		width: 16px;
		height: 16px;
	}
	div#myPillsContainer::-webkit-scrollbar-thumb {
		background-color: #8f8e8e;
		background-clip: padding-box;
		border: 2px solid transparent;
	}	
}
@media (min-width: 320px){
	#missionVisionDiv{
		padding-top: 24px;
		padding-bottom: 24px;
	}
}

@media (min-width: 320px) and (max-width: 333px){
	.checkbox-label .checkbox-custom{
		top: -15px;
		left: 96px;
		position: absolute;
	}

	.radio-label{
		padding-bottom: 20px;
		position: relative;
		left: 65px;
	}
}

@media (min-width: 333px) and (max-width: 350px){
	.radio-label{
		padding-bottom: 20px;
		position: relative;
		left: 72px;
	}
}

@media (min-width: 351px) and (max-width: 480px){
	.option-label{
		position: relative;
		text-align: left;
		top:-31px;
		padding-right: 100px;
	}
}

@media (min-width: 320px) and (max-width: 455px){
	.certBanner,
	.sustainabilityBanner,
	.carbon-accounting-title{
		font-weight: bold; 
		color: white; 
		z-index: 1;  
		position: relative; 
		bottom: 70px;
		letter-spacing: -1px;
	}
}

@media (min-width: 353px){
	.agreement-btn{
		margin:15px 5px 0 0;
	}

	.agreement-proceed-btn{
		margin:15px 0 0 5px;
	}
}

@media (min-width: 320px) and (max-width: 480px) and (orientation: landscape){
	.activity .text-right{
		text-align: center;
	}
	#bannerBackground{
		height: calc(100vw - 330px);
	}
    #myCarousel .item{
        height: calc(100vw - 330px);
    }
    #bannerCarousel .item{
        height: 100vw;
    }
    #hero h1{
    	margin-top: 10px;
    }
    #hero .whiteline-2x{
    	height: 10px;
	}
	.checkbox-label .checkbox-custom{
		top: 3px;
		left: -20px;
	}
}
/* iPhone 6, 7, & 8 in portrait */
@media only screen 
and (min-device-width : 375px) 
and (max-device-width : 667px) 
and (orientation : portrait) {
    #bannerCarousel .item{
        height: calc(100vh - 350px);
    }
    #hero>#bannerCarousel .item{
    	height: 100vh;
    }
    #typesOfMembership-button{
    	height: 57px;
    }
}
/* iPhone 6, 7, & 8 Plus in portrait */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : portrait) {
    #bannerCarousel .item{
        height: calc(100vh - 418px);
    }
    #hero>#bannerCarousel .item{
    	height: 100vh;
    }
    #typesOfMembership-button{
    	height: 57px;
    }
}
/* iPhone 6, 7, & 8 Plus in landscape */
@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) {
	.activity .text-right{
		text-align: center;
	}
    #hero h1 span{
    	font-size: 24px;
    }
    #hero a{
    	font-size: 1.2em;
    	padding: 8px 12px;
    }
    #hero .carousel-caption{
    	left: 37px;
    	right: 37px;
    }
    #typesOfMembership-button{
    	height: 57px;
    }
}

@media (max-width: 780px){
	#sideBarDiv{
		width: 0px;
		position: absolute;
		z-index: 1;
		height: 99.9%;
	}
	#sideNavBtn{
		display: inline;
	}
}