@media (min-width: 320px) and (max-width: 498.98px) {
    .navbar-header{
		    width: 100%;
	}
	.navbar-brand{
		width: 50%;
	}
	.navbar-brand img {
		width: 100%;
	}
	.navbar-collapse{
		width: 100%;
	}
	.take-off .cta-bar {
		width: 60%;
	}
	.header {
        padding: 0px 10px;
    }
    .header p {
        margin: 20px 0;
    }
    .header .breadcrumb {
        width: 70%;
    }
    .main-banner {
        padding: 0px 6px;
    }
   .grid-container {
        display: grid;
        grid-auto-flow: row!important;
        grid-auto-columns: unset;
    }
    .main-banner .grid-container .first-container {
        width: auto;
    }
    .main-banner h2 {
        font-size: 3.5em;
    }
    .main-banner .grid-container .second-container {
        margin: 0.5em 0 1em 0em;
    }
    .main-banner .btn {
        font-size: 12px;
    }
    .take-off-section p {
        width: 85%;
        font-size: 12px;
    }
    .take-off-section .cta-bar span {
        font-size: 12px;
        width: 55%;
    }
    .take-off-section h3 {
        font-size: 3.5em;
    }
    .help-section {
        padding: 0px 30px;
    }
    .first-container h3 {
        font-size: 3.5em !important;
    }
	.take-off .background-aqua {
		left: -37px;
	}	
	.footer-details img {
		width: 100%;
		margin-top: 0;
	}
	.join-channel h1{
		font-size: 3em;
	}
	.referral-banner .breadcrumb{width: 60%;}
	.join-channel .grid-container .second-container{margin: 0em 0 0 0em;}
	.shareprogram h2{font-size: 3em;}
	.signprogram h3 {
    font-size: 3em;
	}
}
@media (min-width: 499px) and (max-width: 575.98px) {
}
@media (min-width: 576px) and (max-width: 768.98px) {
}
@media (min-width: 769px) and (max-width: 991.98px) {
	.navbar-brand img {
		width: 100%;
	}
	.navbar-header {
		width: 20%;
	}
	.navbar-collapse{
		width: 80%;
		float: left;
	}
	.navbar-default .navbar-nav>li>a {
    
		font-size: 12px;
	}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
	.navbar-header{
		float: left;
		width: 30%;
	}
	.navbar-brand img {
		width: 60%;
	}
	.navbar-collapse{
		width: 70%;
		float: left;
	}
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
}
@media (min-width: 1400px) and (max-width: 1599.98px) {
}