@media screen and (max-width:1100px) {
	
ul#features li  { padding-right:15px;  }
ul#features li img {  margin-right:10px; margin-top:0}
a.btn-join-header { margin:0 8px}
}


@media screen and (max-width:1000px) {
#top_features span { width:43%; margin:0; margin-left:1%; display:inline-block; font-size:10px}
.join_input { font-size:1.5vw}
}





@media only screen and (max-width:950px){
#topBar-container { padding-left:10px; padding-right:10px;}
#header_desc{font: bold 14px/16px 'Montserrat', sans-serif; max-width:60%;   }
#header_desc img { max-width:40%}
strong.amount { margin-right:10px ; margin-left:15px; }

}

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

ul.info li.desc { font-size:14px; }
.content_join { font: bold 18px 'Montserrat', sans-serif; color: #fff;}

ul#features li  { padding-right:20px; font-size:10px; }
ul#features li strong { font-size:11px}
ul#features li img { margin-right:10px; }

#header_desc{font: bold 11px/16px 'Montserrat', sans-serif;  }
#header_desc{ max-width:60%; clear:both}



}

@media only screen and (max-width:800px){
ul#features_footer { margin:10px 0}
ul#features_footer li { text-align:center; font-size:11px; width:30%; margin:20px 0}
ul#features_footer li strong { font-size:12px; color:#d3d3d3; text-transform:uppercase}
ul#features_footer li img { float:none; display: block; margin:0 auto}

ul.info li.desc { font-size:12px;}
#footer_features { background-position:75% 0}
a.footer_features_join { font-size:24px}


#header_desc{ max-width:100%; margin-bottom:15px; font-size:18px; float:none}





#topBar-container { text-align:center}

ul#content-thumbs-cams li { width:19%}
.ph-logo { position:relative; z-index:1; display:block; margin:0 auto; max-width:100%; float:none; padding:0; top:0; left:0} 

.join_area { font-size:11px}
.join_features { font-size:11px}
.join_features  h3 { font-size:18px}
form h4 img { display:none}

}



@media only screen and (max-width:700px){
ul.info {  display: block; }
ul.info li  {  display:  inline-block; text-align:center; margin:5px; width:100%  }
ul.info li.logo { text-align:center ; width:100%}
ul.info li.desc { text-align:center; font-size:14px ;width:100%; padding:0}
ul.info li.updated { text-align:center; width:100%}

.content_follow { font-size:20px; width:auto}

.top { font-size:16px;}
#top_features { margin:20px auto; text-align:center}
#top_features span { width:100%; margin:0; padding:0; text-align:center }

#top_features span img { float:none;}

.join_area { float:none; width:100%; margin:20px 0; font-size:14px }
.join_input { font-size:16px;}		

.join_features { float:none; width:100%; text-align:center}
.join_features  h3 { text-align:left;}
			

}

@media only screen and (max-width:630px){
ul.content-thumbs li { width:32%; margin:0.3%}
ul.content-thumbs li.last2 { width:48%; margin:0.5%}
ul.content-thumbs li.last2 img { width:100%}
.content_join { padding:20px 30px}

ul#features li  { padding-right:20px; font-size:10px; width:40%; margin:10px; text-align:center  }
ul#features li img { margin-bottom:0px; float:none; display:block; margin:0 auto}
#footer_features_container { padding:30px; }

#footer_features_container h2 { font-size:18px}


ul#features_footer li {  width:40%; margin:10px 0; padding:0;}

h3.title-blue{ font-size:16px; line-height:18px; padding-top:7px; padding-bottom:7px}
}


@media only screen and (max-width:500px){
ul.content-thumbs li { width:47%; margin:2px}
ul.content-thumbs li img { width:100%}
ul.content-thumbs li.mid { width:99%; margin:0.5%}
ul.content-thumbs li.last2 { width:47%; margin:2px}
.content_follow img { float:none; display:block; margin:10px auto}

ul#content-thumbs-cams li { width:45%}
.cams-title { width:100%; margin-bottom:10px}


a.footer_features_join { font-size:18px; line-height:20px; padding:20px 40px; height:auto}

#desc_space { width:100%; margin:0 auto; display:block;}

#header_desc img { max-width:100%; display:block; margin:0px auto; float:none}

.join_features  h3 { font-size:14px}
.join_features  h3 img { margin-left:30px}

}

@media only screen and (max-width:400px)
{ h3.title , h3.title-blue{ font-size:14px; line-height:14px; padding-top:2px }
.title_icon { margin-top:-2px}
.content_join img { display:none}

ul#features li  { padding-right:0px; font-size:10px; width:100%; margin:0px; text-align:center  }
ul#features li img { margin-bottom:0px; float:none; display:block; margin:0 auto}

ul#boxes { width:100%; margin:0 auto;}
ul#boxes li { margin:0 auto; padding:0; list-style-type:none; display: block; max-width:100%; font-size:12px ; text-align:center}
ul#boxes li img { width:85%; margin:0 auto;}
ul#boxes li .stats { width:85%; margin:0 auto;}

a.btn-join-header { float:none; margin:0px auto; display:block;}
#header_desc { margin-bottom:5px}

a.btn-twitter { float:none}
a.btn-log_in { float:none; margin:0; text-indent:15px}

}