/**** MOBILE RESPONSIVENESS ****/

/**** NAVIGATION ****/

#related-thumb{
	background:#CCC;
	width:100px;
	height:100px;
	display:inline-block;
}	

#search-box.mobile-search{
	float:right;
	height:28px;
	line-height: 28px;
	margin-top:4px;
	width:135px !important;
	background-position: 10px 5px;
}

.header a
{
	background: center center no-repeat transparent;
	background-image: url( data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC );

	display: block;
	width: 40px;
	height: 40px;
	float:left;
	margin-left:-40px;
}

@media (max-width:600px) {
	#founder, .founder-2 {
		float: none;
		margin: 20px auto;
	}

	.mob-hide {
		display: none;
	}

	.splash h2 {
		font-size: 30px;
	}

	.splash .content {
		bottom: 30%;
	}
}

@media (min-width:1600px) and (max-width:1900px){

	#slider1 .overview li{

		margin-right:10px;
		width:22%;
		border:1px solid red !important;
	}

}


@media only screen and (min-width:1025px) and (max-width:1232px){
	#top-menu ul li{
		margin-left:20px;	
	}

	#search-box{
		width:125px;	
	}
}

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

	#story-content{
		width:60%;
	}

	#story-text{
		font-size:18px;
		line-height:22px;	
	}

}

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

	#header h3{
		font-size:20px;   
	}

	/** BLOG POSTS **/

	#blog-post-heading{
		padding-top:40px;	
	}

	#blog-post h3{
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		margin-bottom:20px;
	}


	/** END OF BLOG POSTS **/

	#header, #success-stories{
		background-attachment:inherit !important;

	}

	#card, #net-profit-monetization{
		width:300px;	
	}

	#stats-wrapper{
		width:100%;
		margin:auto;
	}


	.stats-blue{
		font-size:30px !important;
	}

	#navigation, #navigation-inner{
		display:none !important;
		visibility:hidden;	
	}

	#page-controls{
		display:none !important;	
	}

	#story-text{
		font-size:16px;
		line-height:18px;
	}

}


@media only screen and (max-height:600px){
	#slider1 .overview li{
		width:23% !important;	
	}
}


@media only screen and (max-width:980px){
	blockquote {
		left: 0px;
	}

	#empire-process-step div.right, #empire-process-step div.left{
		width:60%;	
	}

	#card-tab{
		width:300px !important;		
	}

	#header,#overlay-bg-header{
		background-attachment:scroll !important;	

	}

	#story-content{
		width:70%;
		font-size:24px;
		padding-top:20px;
		line-height:28px;
	}

	#story-text{
		font-size:24px;	
	}


	#stats-wrapper{
		width:100%;	
	}

	#navigation{
		display:none !important;	
	}

	.ef-opt-in{
		width:100%;	
	}

	#founders-wrap{
		width:85%;	
	}

	#opt-in .optin-submit {
		padding-top: 15px;
	}

	#get-updates-wrap{
		width:100%;	
	}

	#get-updates p{
		padding: 0 40px;
	}

	.optin-submit, #opt-in-name{
		float:none;	
	}

	.overlay-black, .overlay-black-1{
		width:100%;
	}

	.about-us .the-content h2 {
		margin-left: 0;
		width: 100%;
	}
}


@media only screen and (max-width:480px){
	/* styles for mobile browsers smaller than 480px; (iPhone) */
	
	#header h2 {
		font-size: 26px;
	}

	#blog-post-heading h1{

		font-size:20px;

	}

	.ef-opt-in{
		width:100%;   
	}

	#opt-in-name{
		width:70%;
		float:none;
	}

	#opt-in h5{
		font-size:30px;   
	}

	#opt-in h6{
		font-size:18px;   
	}


	#stats-wrapper{
		width:280px;
		margin:auto;
	}

	.stats-blue{
		font-size:25px !important;
	}

	.cta-placeholder {
		display: none;
	}
}

@media(max-width: 768px) {
	.stats-col{
		float: none;
		width: 100%;
		display: block;
		margin-bottom:20px;
	}
}


@media only screen and (max-device-width:320px){
	/* styles for mobile browsers smaller than 480px; (iPhone) */

	#comments #author, #comments #email{
		width:130px;
	}

	#header h3{
		font-size:16px;   
	}

	.ef-opt-in{
		width:100%;   
	}

	#opt-in-name{
		width:70%;
		float:none;   
	}

	#card, #net-profit-monetization{
		width:280px !important;	
	}



}

@media only screen and (max-width:1024px) {
    nav.mobile {
        display: block;
        width: 100%;
    }
}

@media only screen and (max-width:780px) {
	#logo {
		display: none;
	}
}

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

	#footer-menu{
		display:none;
	}

	#story-content{
		width:65%;
		padding-top: 0;
	}

	.nbs-flexisel-item img {
		width: 30%;
	}

	#story-text{
		font-size:20px;	
	}


	/** BLOG POST **/

	#blog-post-related a h2{
		font-size:15px;	
	}

	#blog-post-related a img{
		margin-right:0;	
	}


	#share-post{
		width:80%;
		margin:auto;
	}

	#blog-post-related{
		width:100%;
		margin:auto;	
	}

	.related-posts{
		width:100%;	
	}

	.rel-post{
		width:80%;
		padding:10%;
	}

	#column-2{
		margin-left:0;	
	}

	#comments-wrap{
		width:90%;	
	}

	.children ul li li .reply{
		padding-left:20px;
	}

	.children ul li li .avatar{
		position:relative;	
	}

	.children ul li li .says{
		padding-left:0;	
	}

	.children ul li li .fn{
		padding-left:0;	
	}

	/** BLOG POST END **/
}

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

	#field_91_6{
		padding-top:20px;	
	}

	#bottom-optin h2, #bottom-optin h3, #bottom-optin  center{
		width:100% !important;	
	}


	blockquote{
		width:80%;	
	}

	.get-updates-form #opt-in-name{
		margin-left:0;	
	}

	#card-tab{
		width:280px !important;		
	}

	.nbs-flexisel-inner{
		height:auto;	
		max-height:400px;	
	}
	.nbs-flexisel-item{
		text-align:center;	
	}

	#story-content{
		width:84% !important;	
	}

	.nbs-flexisel-nav-right{
		width:20px;
	}	

	#story-name{
		width:82%;	
	}

	#blog-post ol, #blog-post ul, #blog-post ul ul{
		padding-left:0;	
	}

	#author-photo img{
		width:90%;
		height:auto;	
	}

	#content-breaker h2{
		font-size:30px !important;
	}

	#comments #author, #comments #email{
		width:130px;
	}

	#bottom-optin{
		width:100%;	
	}

	#comments #url{
		width:80%;	
	}

	#repviewbut{
		font-size:14px; 
	}

	#div-comment-7548{
		display:none !important; 
	}

	.children li .fn url{
		width:40%;
	}

	#header,#overlay-bg-header{
		background-attachment:scroll !important;	

	}

	/** BLOG POST HOOME **/


	#blog-post p{
		overflow:hidden;	
	}

	textarea#comment{
		width:80%;	
	}

	#blog-post-heading h1{

		font-size:20px;

	}

	.children .commentmetadata a{
		padding-left:0 !important;
	}

	.children .commentmetadata{
		padding-left:20px !important;
		padding-top:30px !important;
	}

	.children .says{
		padding-left:100px;	
	}

	.children p{
		padding-left:20px !important;	
	}



	/** END OF BLOG POST HOME **/

	/** Market Place Home **/
	#white-gray-button{
		margin-top:25px;	
	}

	/** End of Market Place Home **/

	/** Blog Page **/


	#blog-item a h1{
		font-size:25px;	
	}

	/** End of Blog Page **/


	/** About Page **/
	#actual-timeline img{
		width:80px;	
	}

	#taymline p{
		font-size:18px;	
	}

	#header.abt-us-timeline h2{
		padding-top:250px;	
		width:80%;

		margin:auto;

	}

	#runin{
		width:80%;	
	}

	#about-us-content.timeline p, #about-us-content.empire-story p{
		width:80%;	
	}


	#about-us-content.timeline h2{
		font-size:30px;	
	}
	/** End of About Page **/

	#story-text{
		font-size:20px;
	}

	#founder{
		float:none;
		margin:auto;	
	}

	#card, #net-profit-monetization{
		width:90%;	
	}

	.founder-2{
		margin-right:13%;	
	}

	#menu-footer{
		display:none;	
	}

	#footer-content{
		text-align:center;
	}

	#copyright{
		float:none;	
	}

	#story-thumb{
		width:100px;	
		float:none;
	}

	#slider1 .overview li{
		width:90% !important;	
	}

	#opt-in-name{
		width:60% !important;
		float:none;   
	}

	#the-best-wrap{
		display:none;	
	}

	#card, #net-profit-monetization{
		width:280px;	
	}


	#featured-marketplace h1{
		font-size:35px;
		line-height:38px;
	}

	#featured-marketplace h2{
		font-size:18px;
		line-height:20px;	
	}

	#card{
		height:500px;	
		width:280px;
	}

	.niche{
		width:50% !important;	
	}

}

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

	#bluelisting{
		font-size:16px;	
	}

	#controls{

		padding-left:5%;
		padding-right:5%;

	}

	#home-marketplace #white-gray-button{
		margin-top:20px;	
	}

	#content-breaker{
		background-attachment:scroll !important;
	}

	#share-post{
		width:80%;
	}



}

@media only screen and (max-width:768px) {
	/* default iPad screens */

	#featured-marketplace .left, #resources-wrap .left{
		float:left; 
	}

	#featured-marketplace .right,  #resources-wrap .right{
		float:right; 
	}

	#empire-process-step div.right, #empire-process-step div.left{
		width:100%;	
	}

	.empire-process .right,
	.empire-process .left {
		float:none;
	}

	.empire-process .step img.left,
	.empire-process .step img.right {
		display: block;
		margin: 0 auto;
	}

	#contact-us-form{
		padding-left:10%;
		padding-right:10%; 
	}

	#blog-post-related{
		margin: 0; 
	}

	#blog-post{
	}

	#blog-list{
		padding-top:150px; 
	}


	#copyright{
		text-align: center;
		width: 100%; 
		display:block;
	}

	#footer-menu{
		clear: both;
		float: none;
		padding-top: 40px; 
	}

	#content-breaker h2{
		font-size:50px; 
	}

	#sell-your-site #content-breaker{
		background-position:right center;
		background-attachment:scroll; 
	}

	#listing-head h1, #siteReport h1, #siteoverview h1{
		font-size:20px; 
	}


	#listing-head .right, #listing-head .left{
		width:100%;
		float:none;

	}

	#site1 .left, #site1 .right{
		width:100%;
		float:none;
	}

	#bluelisting{
		font-size:15px; 
		padding-left: 30px;

		padding-right: 30px;
	}

	#story-content{
		width:69%;
		padding-top:0px;
	}

	#story-text{
		line-height:30px; 

	}

}