@media screen and (max-width: 519px) {

	/*********************************
	*	Nav Bar
	**********************************/
	.nav-links {
		width: 100%;
		height: auto;
		background-color: #0D98CF;	
		display: none;
		top: 45px;
	}

	.nav-text-btn {
		padding: 7px 10%;
		width: 100%;
		background-color: #0D98CF;
		text-align: left;
		border-bottom: 1px solid #FFF;
	}

	.nav-text-btn:hover {
		background-color: #000;
		-webkit-transition: background-color 0.5s ease-in-out;  
  		-moz-transition: background-color 0.5s ease-in-out;  
  		-o-transition: background-color 0.5s ease-in-out;  
		transition: background-color 0.5s ease-in-out;   
	}

	.nav-text-btn:last-child {
		border-bottom: 1px solid #0D98CF;
	}

	.simple-nav-btn {
		display: block;
		position: absolute;
		top: 5px;
		right: 10px;
	}


	/*********************************
	*	Home Page
	**********************************/
	.home-page .content-block {
		max-width: 76%;
		left: 5%;
	}

	.site-logo {
		width: 70%;
	}

	.slide-btn {
		display: none;
	}

	.slide-text-block {
		width: 75%;
	}

	.coming-features-block {
		padding: 5% 15px;
		width: 75%;
	}

	.home-page .awards {
		width: 60%;
		top: auto;
		bottom: 2%;
		left: 10%;
		right: auto;
		z-index: 20;
	}


	/*********************************
	*	Everywhere Page
	**********************************/
	.everywhere-page .content-block {
		max-width: 80%;
	}

	.product-list {
		margin: 0 auto;
		width: 260px;
	}

	.product-block {
		max-width: 250px;
	}

	.product-image {
		max-width: 250px;
		max-height: 163px;
		position: relative;
	}

	.product-image img {
		width: 250px;
		height: 163px;
	}

	/*********************************
	*	Feature Page
	**********************************/
	.main-feature-block { 
		width: 100%;
	}

	.main-feature-star {
		top: 5%;
	}

	.icon-star {
		width: 45px;
		height: 45px;
		background-image: url('../../images/small_star.png');
	}

	.icon-star span {
		font-size: 1.5em;
		top: 12px;
		left: 32%;
	}

	.main-feature-title h2 {
		-webkit-margin-before: 0.1em;
		-webkit-margin-after: 0.1em;
		font-size: 1em;
	}

	.main-feature-description {
		width: 100%;
	}

	.main-feature-description .inner {
		width: 85%;
		font-size: 0.75em;
	}

	.main-feature-block:hover .icon-star {
		background-position: 0 -45px;
	}

	.feature-block {
		width: 100%;
		height: 340px;
	}
	
	.feature-image-block {
		width: 70%;
		max-width: 280px;
	}

	.feature-content-block {
		padding: 0;
		width: 100%;
	}

	.feature-header, .feature-description {
		font-size: 8px;
	}


	/*********************************
	*	Architecture Page
	**********************************/
	.about-page {
		height: auto;
		padding-bottom: 20px;
	}

	.about-page .content-block {
		padding-top: 10px;
		max-width: 90%;
	}

	.about-header {
		padding-top: 10px;
	}

	.architecture-intro {
		margin: 10px 0;
		width: 95%;
	}

	.architecture-image {
		margin: 10px 0;
		width: 95%;
	}

	.technology-content-block {
		margin-left: 2%;
		width: 96%;
	}


	/*********************************
	*	Partners Page
	**********************************/
	.clients-page .content-block {
		max-width: 200px;
	}
	
	.slide-text-block {
		display: none;
	}

	.coming-features-block {
		padding: 3% 0 3% 10px;
		width: 100%;
	}
	
	.coming-features-block .header {
		font-size: 8px;
	}

	.feature-icon {
		width: 40px;
		height: 40px;
	}

	.feature-icon-block[data-feature="1"] .feature-icon {
		background-position: 0px 0px;
	}

	.feature-icon-block[data-feature="2"] .feature-icon {
		background-position: 0px -40px;
	}

	.feature-icon-block[data-feature="3"] .feature-icon {
		background-position: 0px -80px;
	}

	.feature-icon-block[data-feature="4"] .feature-icon {
		background-position: 0px -120px;
	}
	
	.feature-icon-block span {
		font-size: 8px;
	}

	#coming-features-table {
		font-size: 0.55em;
		line-height: 14px;
	}
	
	.sort-message {
		display: block;
	}


	/*********************************
	*	Awards Page
	**********************************/
	.awards-page .content-block {
		max-width: 95%;
	}

	.message-block {
		width: 100%;
	}

	.awards-block {
		margin-bottom: 20px;
		width: 100%;
	}

	.awards-block img {
		margin-top: 0;
		width: 90%;
	}

	.snippet {
		width: 100%;
	}

	.snippet img {
		width: 100%;
	}



	/*********************************
	*	Footer
	**********************************/
	.footer-block {
		padding-top: 10px;
		max-width: 80%;
	}

	.separator {
		display: none;
	}

	.tel, .email, .social {
		padding-top: 10px;
		display: block;
	}

	.social span {
		top: -9px;
	}
}

@media screen and (max-width: 320px) {

	.feature-content-block, .technology-content-block {
		line-height: 90%;
	}	
}