@import url("box_layout_responsive.css");
/*********************************************
min 981 and max 1024px
*********************************************/
@media only screen and (min-width: 981px) and (max-width: 1024px) {

}

/*********************************************
max 980px
*********************************************/
@media only screen and (max-width: 980px) {

}

/*********************************************
max 800px
*********************************************/
@media only screen and (max-width: 800px) {
	body {
		overflow-x:hidden!important;		
	}
	.wrapper {
		width:750px;	
	}
	#headerRightSide {
		width: 500px;
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 147px;
	    height: 140px;
	}
	#betafyScore .betafyCount p {
	    font-size: 17px;
	}
	.aboutpage p {
		width: 70%;
	}
	.projectMainImg {
		width: 135px;
	}
	#projectList .projectImg {
		width: 120px!important;
		height: 120px!important;	
		margin-top: -60px!important;
	}
	.homeProjectList .project {
		height: auto;
	}
	#projectList .projectContent {
	    width: 500px;
	}
	#projectList .projectTitle {
		font-size:20px;	
	}
	#projectList .projectText {
		font-size:16px;
		padding: 10px 0px;	
	}
	.projectGrid .project {
		width: 168px;	
	}
	#imageUploadControl, #uploadedImage {
		width: 170px;
		height: 130px;	
	}
	#imageClean {
		left:155px;	
	}
	.userMsg {
	    width: 85%;
	}
	.commentBox .commentBox .userComment {
	    width: 90%;
	}
	#pageTopMenu a.actionButton {
	    padding: 12px 22.7px;
	    font-size: 14px;
	}
	.userBox {
		width: 173px;	
	}
	.da-slide h2 {
		font-size: 30px!important;
	}
	.da-slide p {
		top: 135px!important;
	}
	.da-img img {
	    height: 220px!important;
	}
	#projectBetaUsers .usersBlock {
		width: 70px;
		height: 70px;
	}
}

/*********************************************
max 750px
*********************************************/
@media only screen and (max-width: 750px) {
	.wrapper {
		width:620px;	
	}
	.otherPages {
		text-align: center;
	}
	.otherPages img,
	.otherPages p {
		float: none;
	}
	.otherPages p,
	.otherPages h3 {
		width: 100%;
		text-align: left;
	}
	#projectList .projectContent {
	    width: 500px;
	}
	.projectGrid .project {
		width: 150px;	
	}
	.userBox {
	    width: 133px;
		height: 170px;
	}
	.projectGrid .project {
	    width: 140px;
		height: 200px;
		margin: 20px 20px 0px 0px;
	}
	.projectGrid .projectImg {
		height: 130px;	
	}
	#projectList .projectImg {
		margin-left: 5px;	
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
		padding: 7px 10px;	
	}
	#sdkKey #project_key {
	    margin-left: 20px;
	    font-size: 18px;
	    padding: 5px 10px;
	    position: relative;
	    top: 3px;
	}
	.sdkDownload .sdkButton .sdkStatus {
	    width: 130px;
	}
	#imageUploadControl, #uploadedImage {
	    width: 145px;
	}
	#imageUploadControl h4 {
	    font-size: 17px;
	}
	#imageClean {
	    left: 130px;
	}
	.userMsg {
	    width: 84%;
	}
	#loginLinks .form-group.col-xs-6 {
		width:100%;
		text-align:left;	
	}
	#SocialLinks a input[type="text"] {
		width:300px;	
	}
	.userBox .userSocial {
		bottom: 33px;	
	}
	.userBox img.userAvtar {
		margin: 10px 0px 10px 0px;	
	}
	.commentBox .commentBox .userComment {
	    width: 90%;
	}
	
}

/*********************************************
min 560px and max 619px
*********************************************/
@media only screen and (min-width: 560px) and (max-width: 749px) {
	.wrapper {
		width:550px;
	}
	#headerRightSide {
	    width: 320px;
	}
	#navigationButton {
		position:relative;
		z-index:9999;	
	}
	.dropAarea {
		left: -20px!important;
	}
	.dropAarea:after {
		left: 13px;
		right:14px!important;
	}
	#homeBanner .pointsblock {
		width: 100%;
		border: none;
		text-align: left;
	}
	#homeBanner .pointsblockright,
	#homeBanner  .pointsblockleft {
		padding: 0 0 10px 0;
	}
	#homeBanner .fullwidth .form-group {
		width: 100%;
	}
	#headerLeftSide, #siteLogo, #headerRightSide {
		width: 100%;
		text-align: center;	
		margin:0px;	
	}
	#headerRightSide {
		margin-top: 20px;
	}
	#betafyScore .wrapper .fullwidth {
	    padding: 10px 0px;
	}
	#betafyScore .betafyCount p {
	    font-size: 14px;
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 143px;
	    height: 140px;
	}
	#userInfo {
		float: left;
	}
	#projectList .projectContent {
		width: 325px;
	}
	.projectMainImg {
		left: 65px;
	}
	.projectGrid .project {
	    width: 170px;
	}
	.userBox {
	    width: 166px;
	}
	#imageUploadControl, #uploadedImage {
	    width: 130px;
	    height: 130px;
		font-size:12px;
	}
	#imageClean {
	    left: 115px;
	}
	#imageUploadControl h4 {
		font-size:15px;	
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 5px 25.2px;
	    font-size: 12px;
	}
	#SignUpForm {
	    width: 100%;
	}
	#sdkKey label {
		position: relative;
		top: 6px;	
	}
	#sdkKey #project_key {
	    font-size: 14px;
	    position: relative;
	    top: 6px;
	}
	.sdkDownload .sdkButton .sdkStatus {
	    width: 150px;
	}
	.popup {
		width:90%;
		left:5%;
		margin-left:0px;	
	}
	.betaUserName {
	    max-width: 350px;
	}
	.userMsg {
	    width: 80%;
	}
	.projectTitle span.projectJoinCount {
	    float: left;
	    width: 100%;
	    padding-bottom: 10px;
	}
	.projectTitle span.projectJoinCount,
	.projectTitle span.projectJoinCount i {
		font-size:16px;	
	}
	.projectTitle #projectAction {
		width: 100%;
		max-width:100%;	
		margin-top: 7px;
	}
	.projectTitle #projectAction .joinButton {
		float:left;
		margin:0 0 5px 0;
		width:100%;	
	}
	.commentBox .userComment {
	    width: 87%;
	}
	.commentBox .commentBox .userComment {
	    width: 85%;
	}
	#pageTopMenu a.actionButton span {
	    top: 3px;
	}
	#projectMenus {
	    padding: 6px 0px;
	    width: 100%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 7px 31px;
	    font-size: 12px;
	}
	#pageTopMenu a.actionButton:last-child {
		 padding: 7px 31px;
	}
	.da-slide h2 {
	    font-size: 25px !important;
	}
	.da-slide p {
		font-size: 17px !important;
	}
	.da-slide .da-link {
		padding: 5px!important;
		font-size: 14px!important;
		width: 270px!important;
	}
	.startupPopup .popupContent p {
		padding-left: 120px;
	}
	#projectBetaUsers .usersBlock {
		width: 64px;
		height: 64px;
		line-height: 64px;
	}
	#homeNavigation a.homeButton {
	    padding: 23px 0px 24px 0px;
	}
	#homeHeader .alignLeft, #homeHeader .filterFields {
		width: 100%;
	}
	#homeHeader .alignLeft {
		margin-bottom: 10px;
	}
	#homeHeader .alignLeft .proIamWatching {
		padding-left: 0px;
	}
	#homeHeader .filterFields #searchInput {
		float: left;
	}
	#loginLinks .form-group {
		margin-bottom: 0px;
	}
}

/*********************************************
min 500px and max 559
*********************************************/
@media only screen and (min-width: 500px) and (max-width: 559px) {
	.wrapper {
		width:480px;	
	}
	#header_section {
		padding: 5px 10px;
	}
	#headerRightSide {
	    width: 260px;
	}
	#navigationButton {
		position:relative;
		z-index:9999;	
	}
	.dropAarea {
		left: -20px!important;
	}
	.dropAarea:after {
		left: 13px;
		right:14px!important;
	}
	#homeBanner .pointsblock {
		width: 100%;
		border: none;
		text-align: left;
	}
	#homeBanner .pointsblockright,
	#homeBanner  .pointsblockleft {
		padding: 0 0 10px 0;
	}
	#homeBanner .fullwidth .form-group {
		width: 100%;
	}
	#headerLeftSide, #siteLogo, #headerRightSide {
		width: 100%;
		text-align: center;	
		margin:0px;	
	}
	#headerRightSide {
		margin-top: 20px;
	}
	#betafyScore .wrapper .fullwidth {
	    padding: 10px 0px;
	}
	#betafyScore .betafyCount {
		font-size: 30px;
	}
	#betafyScore .betafyCount p {
	    font-size: 12px;
	}
	#betafyScore .countDevider {
		height: 110px;
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 120px;
	    height: 120px;
	}
	#userInfo {
		float: left;
	}
	#projectList .projectContent {
	    width: 390px;
	}
	.projectMainImg {
	    width: 110px;
	}
	#projectList .projectImg {
	    width: 100px !important;
	    height: 100px !important;
	    margin-top: -50px !important;
	}
	#projectList .projectContent {
	    width: 265px;
	}
	#homeHeader form#homeFilter .filterFields {
		width: 100%;
		margin-top: 10px;
	}
	#homeHeader form#homeFilter .filterFields #searchInput {
		float: left;
	}
	.home_section {
		background-color: #eeeeee;
	}
	#projectList .project {
	    margin-bottom: 20px;
	    padding: 0px;
	}
	.homeProjectList .project {
		background-color: #FFFF;
		box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
    	-moz-box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
   		-webkit-box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
	}
	.homeLeftSection {
	    float: left;
	    height: 200px;
	    width: 100%;
	    position: relative;
	    /*border-bottom: 1px solid #ddd;*/
	}
	#projectList .projectText {
	    padding: 15px 0px;
	}
	#projectList .projectImg {
	    width: 100% !important;
		height: 190px !important;
		margin-top: -95px !important;
		margin-left: 0px;
	}
	#projectList .projectContent {
	    width: 100%;
	    padding: 10px;
	}
	#projectList .project {
	    padding: 0px;
	}
	.projectMainImg {
		top: 0px;
		height: 100%;
		width: 83%;
		border: none;
		left: 70px;
	}
	#loginFormLeftSide, #loginLeftSide,
	#loginFormRightSide, #loginRightSide {
		width:100%!important;
		text-align:left;
		border:none;	
		padding-right:0px;
	}
	#loginFormRightSide form,
	#SignUpForm,
	form#formRegister .form-group.col-xs-6,
	#pageTopMenu .alignLeft.textAlignLeft,
	#pageTopMenu .alignRight.textAlignRight,
	form#formCreateProject .form-group.col-xs-3,
	form#formCreateProject .form-group.col-xs-9,
	form#formCreateProject .form-group.col-xs-8,
	form#formCreateProject .form-group.col-xs-4,
	form#formprofilePersonal .form-group.col-xs-3,
	form#formprofilePersonal .form-group.col-xs-9,
	form#formprofilePersonal .form-group.col-xs-6,
	form#formeditprofile_password .form-group.col-xs-6,
	.sdkDownload .form-group.col-xs-6,
	#email_content_section .col-xs-8  {
	    width: 100%;
	}
	.sdkDownload .form-group.col-xs-3,
	.sdkDownload .form-group.col-xs-3 {
		width:50%;
	}
	.projectGrid .project {
	    width: 182px;
	}
	.userBox {
		width:145px;
	}
	#imageUploadControl, #uploadedImage {
	    width: 120px;
	    height: 130px;
		font-size:12px;
	}
	#imageClean {
	    left: 100px;
	}
	#imageUploadControl h4 {
		font-size:14px;	
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 5px 5px;
	    font-size: 12px;
	}
	#SignUpForm,
	form#formCreateProject .form-group.col-xs-8,
	form#formCreateProject .form-group.col-xs-4 {
	    width: 100%;
	}
	.projectGrid .project {
	    width: 146px;
	}
	#pageTopMenu a#projectDashboardBtn {
	    font-size: 13px;
	}
	.commentBox .userComment {
	    width: 86%;
	}
	.commentBox .commentBox .userComment {
	    width: 83%;
	}
	#sdkKey label {
		position: relative;
		top: 6px;	
	}
	#sdkKey #project_key {
	    font-size: 12px;
	    position: relative;
	    top: 6px;
		margin-left: 10px;
		padding: 5px 10px;
	}
	.sdkDownload .sdkButton .sdkStatus {
	    width: 120px;
	}
	.projectGrid .project h2.projectTitle {
	    font-size: 15px;
	}
	.popup {
		width:90%;
		left:5%;
		margin-left:0px;	
	}
	.betaUserName {
	    max-width: 280px;
	}
	.userMsg {
	    width: 79%;
	}
	.projectTitle span.projectJoinCount {
	    float: left;
	    width: 100%;
	    padding-bottom: 20px;
	}
	.projectTitle span.projectJoinCount,
	.projectTitle span.projectJoinCount i {
		font-size:16px;	
	}
	.projectTitle #projectAction {
		width: 100%;
		max-width:100%;	
		margin-top: 7px;
	}
	.projectTitle #projectAction .joinButton {
		float:left;
		margin:0 0 5px 0;
		width:100%;	
	}
	#SocialLinks a input[type="text"] {
	    width: 200px;
	}
	#projectMenus {
	    padding: 6px 0px;
	    width: 100%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 7px 24px;
	    font-size: 12px;
	}
	#pageTopMenu a.actionButton:last-child {
		 padding: 7px 25px;
	}
	#targetAudience ul li {
    	width: 50%;
    }
    .howitworks .pointsblock {
    	float: left;
    	width: 100%;
    	border: none;
    	padding: 0px;
    }
    .howitworks .pointsblockleft a {
    	margin: 0 0 50px 0;
    }
     #contactform .col-xs-6 {
    	width: 100%;
    }
    #contactform a#submitBtn {
    	margin-top: 15px;
    }
    #mailGroups {
    	width: 100%;
    }
    .da-slide h2 {
	    font-size: 25px !important;
	    display: block;
	    width: 80% !important;
	    text-align: center;
	    top: 40px!important;
	}
	.da-img img {
	    height: 150px!important;
	}
	.da-slide-current .da-img {
		left: 65%!important;
		top: 85px!important;
	}
	.da-slide p {
	    top: 120px !important;
	    width: 55%!important;
	}
	.da-slide .da-link {
		width: 390px!important;
	}
	.startupPopup .popupContent p {
	    padding-left: 75px;
	}
	.sdkDownload .form-group.col-xs-2 {
		width: 33%;
	}
	#projectBetaUsers .usersBlock {
		width: 65px;
		height: 65px;
		line-height: 65px;
	}
	#homeNavigation a.homeButton {
	    padding: 23px 0px 24px 0px;
	}
	#homeHeader .alignLeft .proIamWatching {
		padding-left: 0px;
	}
	select#sortType {
		float: right;
	}
}

/*********************************************
min 300 and max 499px
*********************************************/
@media only screen and (min-width: 300px) and (max-width: 499px) {
	.wrapper {
		width:420px;	
	}
	#homeBanner .pointsblock {
		width: 100%;
		border: none;
		text-align: left;
	}
	#homeBanner .pointsblockright,
	#homeBanner  .pointsblockleft {
		padding: 0 0 10px 0;
	}
	#homeBanner .fullwidth .form-group {
		width: 100%;
	}
	#headerLeftSide, #siteLogo, #headerRightSide {
		width: 100%;
		text-align: center;	
		margin:0px;	
	}
	#headerRightSide {
		margin-top: 20px;
	}
	#homeNavigation a.homeButton {
	    padding: 21px 0px;
	}
	#homeHeader .alignLeft .proIamWatching {
		padding-left: 0px;
	}
	#loginLinks .form-group.col-xs-6 {
		width: 50%;
		float: left;
	}
	#loginLinks .form-group.col-xs-6.forgotPassLink {
		float: right;
		text-align: right;
	}
	select#sortType {
		float: right;
	}
	#homeNavigation a {
		font-size: 15px;
	}
	.dropAarea {
		left: -20px!important;
	}
	.dropAarea:after {
		left: 13px;
		right:14px!important;
	}
	#userInfo {
		float: left;
	}
	#headerLeftSide, #siteLogo, #headerSocial {
		width: 100%;
		text-align: center;	
		margin:0px;	
	}
	#headerSocial a img {
		width:20px; 
		height:20px;
		margin:5px 0px;
	}
	#headerRightSide {
	    width: 100%;
	}
	#navigationButton {
		position:relative;
		z-index:9999;	
	}
	#homeHeader form#homeFilter .filterFields {
		width: 100%;
		margin-top: 10px;
	}
	#homeHeader form#homeFilter .filterFields #searchInput {
		float: left;
		margin-right: 0px;
	}
	.home_section {
		background-color: #eeeeee;
	}
	.homeProjectList .project {
		background-color: #FFFF;
		box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
    	-moz-box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
   		-webkit-box-shadow: 0px 2px 5px 0px rgba(119, 119, 119, 0.6);
	}
	.homeLeftSection {
	    float: left;
	    height: 200px;
	    width: 100%;
	    position: relative;
	    /*border-bottom: 1px solid #f0f0f0;*/
	}
	#betafyScore .wrapper .fullwidth {
	    padding: 10px 0px;
	}
	#betafyScore .betafyCount {
		font-size: 40px;
		width: 100%;
	}
	#betafyScore .betafyCount span {
	    font-size: 14px;
	}
	#betafyScore .countDevider {
		height: 77px;
		border-right: 0px;
		height: auto;
		width: 100%;
		margin: 10px 0px;
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 100px;
	    height: 100px;
	}
	#homeViewType {
		width: 100%;
		margin-bottom: 5px;
	}
	#homeViewType i {
		top: 0px!important;
	}
	#betafyScore .betafyCount p {
	    font-size: 18px;
	}
	#projectList .projectText {
	    padding: 15px 0px;
	}
	#projectList .projectImg {
	    width: 100% !important;
		height: 190px !important;
		margin-top: -95px !important;
		margin-left: 0px;
	}
	#projectList .projectContent {
	    width: 100%;
	    padding: 10px;
	}
	#projectList .project {
	    margin-bottom: 20px;
	    padding: 0px;
	}
	.projectMainImg {
		top: 0px;
		height: 100%;
		width: 80%;
		border: none;
		left: 70px;
	}
	#loginFormLeftSide, #loginLeftSide,
	#loginFormRightSide, #loginRightSide {
		width:100%!important;
		text-align:left;
		border:none;	
		padding-right:0px;
	}
	#loginFormRightSide form,
	#SignUpForm,
	form#formRegister .form-group.col-xs-6,
	#pageTopMenu .alignLeft.textAlignLeft,
	#pageTopMenu .alignRight.textAlignRight,
	form#formCreateProject .form-group.col-xs-3,
	form#formCreateProject .form-group.col-xs-6,
	form#formCreateProject .form-group.col-xs-9,
	form#formCreateProject .form-group.col-xs-8,
	form#formCreateProject .form-group.col-xs-4,
	form#formprofilePersonal .form-group.col-xs-3,
	form#formprofilePersonal .form-group.col-xs-9,
	form#formprofilePersonal .form-group.col-xs-6,
	form#formeditprofile_password .form-group.col-xs-6,
	.sdkDownload .form-group.col-xs-6,
	#email_content_section .col-xs-8  {
	    width: 100%;
	}
	.sdkDownload .form-group.col-xs-3,
	.sdkDownload .form-group.col-xs-3 {
		width:50%;
	}
	.projectGrid .project {
	    width: 200px;
	}
	.projectGrid .project h2.projectTitle {
	    font-size: 14px;
	}
	#projectMenus {
		padding: 0px;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 7px 18px;
		font-size: 12px;
	    float: left;
	    margin-right: 1px;
	}
	#pageTopMenu a.actionButton:last-child {
		padding: 7px 21px;
	}
	#pageTopMenu .alignRight.textAlignRight {
		margin-top:10px;		
	}
	.userBox {
		width: 190px;	
		margin: 20px 20px 0px 0px;
	}
	#sdkKey #project_key {
	    margin-left: 10px;
	    font-size: 14px;
	    padding: 5px 10px;
	    width: 240px;
	    overflow: scroll;
	    display: inline-block;
	    position: relative;
	    top: 5px;
	}
	#sdkKey label {
	    font-size: 14px;
		position:relative;
		top:-3px;
	}
	#sdkKey {
	    padding: 5px 30px;
	}
	#sdkKey input#copykey {
		padding: 14px;
		margin-top: -5px;	
	}
	#pageTopSubMenu .alignRight.textAlignRight {
		float:left;	
	}
	.sdkDownload .sdkButton .sdkStatus {
	    width: 150px;
	}
	.popup {
		width:90%;
		left:5%;
		margin-left:0px;	
	}
	.betaUserName {
	    max-width: 84%;
	    margin-left: 10px;
	}
	#mailGroups {
	    max-height: 115px;
	    width: 100%;
	}
	.projectTitle span.projectJoinCount {
	    float: left;
	    width: 100%;
	    padding-bottom: 20px;
	}
	.projectTitle span.projectJoinCount,
	.projectTitle span.projectJoinCount i {
		font-size:16px;	
	}
	.projectTitle #projectAction {
		width: 100%;
		max-width:100%;	
		margin-top: 7px;
	}
	.projectTitle #projectAction .joinButton {
		float:left;
		margin:0 0 5px 0;
		width:100%;	
	}
	#SocialLinks a input[type="text"] {
	    width: 200px;
	}
	#userInfoArea .col-xs-3 img {
		width:130%;
		height:auto;
	}
	#userInfoArea .col-xs-9 {
		line-height:0.5;	
	}
	#userInfoArea .col-xs-9 h1.popupTitle {
		font-size: 18px !important;	
	}
	#email_content_section h3 .newEmailButton {
		float:right;
		padding-top: 4px;	
	}
	.projectSocialButtons span.alignLeft {
		width:100%;
		margin-left:0px;
		padding-bottom:10px;
	}
	.commentBox .userComment {
	    width: 84%;
	}
	.commentBox .commentBox .userComment {
	    width: 80%;
	}
	#targetAudience ul li {
		width: 100%;
	}
	.howitworks .pointsblock {
    	float: left;
    	width: 100%;
    	border: none;
    	padding: 0px;
    }
    .howitworks .pointsblockleft a {
    	margin: 0 0 50px 0;
    }
    #contactform .col-xs-6 {
    	width: 100%;
    }
    #contactform a#submitBtn {
    	margin-top: 15px;
    }
    .dropzone .dz-default.dz-message {
    	background: none !important;
    }
    .dropzone .dz-default.dz-message span {
    	display: block!important;
    	width: 100%;
    	text-align: center;
    	font-size: 25px;
    }
    .da-slide h2 {
	    font-size: 23px !important;
	    display: block;
	    width: 80% !important;
	    text-align: center;
	    top: 40px!important;
	}
	.da-slide-current .da-img,
	.da-img  img {
		display: none!important;
	}
	.da-slide p {
	    top: 120px !important;
	    width: 80%!important;
	    text-align: center;
	}
	.da-slide .da-link {
	    width: 80% !important;
	}
	.startupPopup .popupContent p {
	    padding-left: 0px;
	}
	.startupPopup .popupContent input[type="button"] {
    	padding: 7px 30px;
    }
    #sdkKey {
	    padding: 5px 10px;
	}
	.sdkDownload .form-group.col-xs-2 {
		width: 33%;
	}
	#sdkKey input#copykey {
		margin-right: -10px;
	}
	#footer_menu a {
		padding: 0px 10px;
	}
	#projectBetaUsers .usersBlock {
		width: 68px;
		height: 68px;
		line-height: 68px;
	}
}

/*********************************************
max 420px
*********************************************/
@media screen and (max-width: 420px) {
	.wrapper {
		width:400px;	
	}
	.home_section #userBetafyStartups .recentListingSection {
	    margin: 10px;
	}
	.projectGrid .project {
	    width: 188px;
	}
	#sdkKey #project_key {
		width: 220px;	
	}
	.userBox {
	    width: 190px;
	}
	.betaUserName {
	    max-width: 80%;
	}
	.commentBox .userComment {
	    width: 83%;
	}
	.commentBox .commentBox .userComment {
	    width: 77%;
	}
}

/*********************************************
max 380px
*********************************************/
@media screen and (max-width: 380px) {
	.wrapper {
		width:360px;	
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 92px;
	    height: 92px;
	}
	.projectGrid .project {
	    width: 169px;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
		padding: 5px;	
	}
	.userBox {
	    width: 160px;
	}
	#sdkKey {
	    padding: 5px 10px;
	}
	#sdkKey #project_key {
		width: 200px;	
	}
	#sdkKey input#copykey {
		margin-right: -10px;	
	}
	.betaUserName {
	    max-width: 77%;
	}
	.userMsg {
	    width: 79%;
	}
	.commentBox .userComment {
	    width: 80%;
	}
	.commentBox .commentBox .userComment {
	    width: 75%;
	}
	#navigationButton,
	a.headerButton,
	#userInfo,
	#homeHeader form#homeFilter .filterFields .alignRight, 
	select#sortType, 
	#searchInput input#searchProject {
		width: 100%;
	}
	#userInfo {
		text-align: left;
	}
	#menu li {
		padding: 0px 14px;
	}
	.projectMainImg {
		width: 78%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
    	padding: 7px 13px;
    }
    #pageTopMenu a.actionButton:last-child {
	    padding: 7px 11.3px;
	}
	.da-slider {
		height: 300px!important;
	}
	.da-slide h2 {
	    font-size: 18px !important;
	}
	.da-slide p {
	    font-size: 14px !important;
	    top: 90px !important;
	}
	.da-slide .da-link { 
		font-size: 14px !important;
		top: 200px!important;
	}
	.sdkDownload .form-group.col-xs-2 {
		width: auto;
	}
	#sdkKey input#copykey {
	    padding: 14px 5px;
	}
	#projectBetaUsers .usersBlock {
		width: 72px;
		height: 72px;
	}
	#homeNavigation a,
	#homeNavigation a.homeButton,
	#homeNavigation a.afterLogin {
		width: 100%;
		padding: 10px 0px;
		line-height: 1;
	}
	#homeNavigation a span {
		display: none;
	}
	#homeNavigation a:nth-child(2) {
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	#homeNavigation a.afterLogin {
		border: 0px;
	}
}

/*********************************************
max 360px
*********************************************/
@media screen and (max-width: 360px) {
	.wrapper {
		width:340px;	
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 140px;
	    height: 140px;
	}
	.projectGrid .project {
	    width: 160px;
	}
	.userBox {
	    width: 150px;
	}
	#sdkKey #project_key {
	    width: 175px;
	}
	.projectMainImg {
		width: 81%;
	}
	.commentBox .commentBox .userComment {
	    width: 75%;
	}
	#menu li {
		padding: 0px 12px;
	}
	.projectMainImg {
	    width: 76%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
    	padding: 7px 10px;
    }
    #pageTopMenu a.actionButton:last-child {
	    padding: 7px 13px;
	}
	#projectBetaUsers .usersBlock {
		width: 67px;
		height: 67px;
		line-height: 67px;
	}
}

/*********************************************
max 340px
*********************************************/
@media screen and (max-width: 340px) {
	.wrapper {
		width:320px;	
	}
	.home_section #userBetafyStartups .recentListingSection, 
	.home_section #userBetafyStartups .recentListingSection .lisitngImg {
	    width: 130px;
	    height: 130px;
	}
	.projectGrid .project {
	    width: 150px;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
		font-size:11px;
	}
	.userBox {
	    width: 140px;
	}
	#sdkKey #project_key {
	    width: 160px;
	}
	.betaUserName {
	    max-width: 75%;
	}
	.commentBox .userComment {
	    width: 78%;
	}
	.commentBox .commentBox .userComment {
	    width: 70%;
	}
	#menu li {
		padding: 0px 10px;
	}
	.projectMainImg {
	    width: 75%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 7px 9px;
	}
	#pageTopMenu a.actionButton:last-child {
	    padding: 7px 16.8px;
	}
	.da-slide .da-link { 
		font-size: 12px !important;
	}
	#projectBetaUsers .usersBlock {
		width: 67px;
		height: 67px;
		line-height: 67px;
	}
	#projectBetaUsers .usersBlock {
		width: 62px;
		height: 62px;
	}
}

/*********************************************
max 320px
*********************************************/
@media screen and (max-width: 320px) {
	.wrapper {
		width:300px;	
	}
	.projectGrid .project {
	    width: 140px;
	}
	.userBox {
	    width: 130px;
	}
	#sdkKey #project_key {
	    width: 145px;
	}
	.userMsg {
	    width: 77%;
	}
	#SocialLinks a input[type="text"] {
	    width: 180px;
	}
	.projectMainImg {
	    width: 79%;
	}
	.commentBox .userComment {
	    width: 76%;
	}
	.commentBox .commentBox .userComment {
	    width: 70%;
	}
	#menu li {
		padding: 0px 8px;
	}
	.projectMainImg {
	    width: 73%;
	}
	#pageTopMenu a.actionButton, #pageTopSubMenu a.actionButton {
	    padding: 7px 7px;
	}
	#pageTopMenu a.actionButton:last-child {
	    padding: 7px 14.8px;
	}
	#projectBetaUsers .usersBlock {
		width: 57px;
		height: 57px;
		line-height: 57px;
	}
}