/* BASE NEW STYLES TO ADD TO MAIN STYLE SHEET - MOBILE STARTS AT LINE 600 */

.marked-category .title-mark { margin-top:10px; }

#gallery-models { background:#000; width:100%; height:auto; }

img.rsImg.rsMainSlideImage { width:600px; height:auto; }

#home-slider { background:none; height:auto !important; }
 
.md-item-wrap {
    overflow: hidden;
}

/*
.md-slide-wrap {
  position: relative;
  height: 450px;
}
#md-slider-1 { }
*/

/* Header
****************************************/
/*.spacer {
	padding-top:117x; 
}*/
.applogo { /*display:none;*/ } 
/* Removed display:none to show it on Desktop now... */

span.line-bar.lb2 {
}      

#header .wrap-top-menu { background: rgba(0,0,0,.85); padding: 9px 0; }	

#header .top-menu{
	margin-top: 0px;
}
#header .top-message{
	display: none;
}
#header .descrip {
	display: block;
	float:right; 
	margin-right:5px; 
	color:#fff; 
	margin-top:3px;
}     

.nav-horizontal > li {
    padding: 4px 10px;
}  

/* THE DROPDOWN HEADER TOGGLE */
#mmen { padding-left:10px; padding-right:10px; }

#header .wrap-top-menu .iBtnRed{
	display: block;
}

#header .header-content{
	padding: 0px 0 0px; /* there was top padding of 12px here that didn't seem to fit 6/6/15 */
}

.header-content .header-left { padding-top:10px; padding-bottom:10px; }

.main-nav { margin-top:7px; }

.header-content .header-right{
	width: 100%;
	border-bottom: 0px solid #d4d4d4;
	padding-bottom: 10px;
	display: none;
}
.header-content .header-right.active{
	display: block;
}
.header-content .header-left{
	width: 100%;
}

#header .dropdown-search-result{
	top:97px;
}

.dropdown-search-result .iPickUp{
	display: none;
}
.btn-toogle-menu {
	display: block;
}

#header .form-search { margin-top:1px; }

#header .account-panel{
	margin: 4px 0 0px 0;
	text-align: center;
}

.cartdiv {  margin-top:4px; }

.blockithalf {
	float: left; display:inline-block; width:50%;
}

/************* MEGA DROPDOWN MENU *************/

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu-container {
  width:100%;
  max-width:1366px;
  height:auto;
  margin:0 auto;
}	
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  right:0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  width:100%;
  height:260px;
  padding: 5px 0;
  margin: 0px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: rgba(0,0,0,.85);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0px solid #ccc;
  border: 0px solid rgba(0, 0, 0, .15);
  /* border-radius: 4px; */
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #333;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ccc;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #444;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s; 
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

/* DROPDOWN MENU ENDS */

.dropdowninnerlinks a { 
	display:block;
	color:#aaa;
	border-bottom:1px dotted #555;
	padding:5px 10px;
}
.dropdowninnerlinks a:hover { 
	color:#fff;
	background:#333;
}

.featuredtitle h3 { 
	font-family: Montserrat,sans-serif; 
	padding-left:30px;
	margin-bottom:0px;
	text-shadow:0px 1px 0px #fff;
}
.featimg { 
	max-height:270px; 
	overflow:hidden; 
	margin-top: 5px;
	display: block;
	line-height: 0;
	float: left;
	width: 51.68141592920354%;
	height:auto;
	/* padding: 0.7079646017699115%; */
 	padding: 0px;
	/* margin-right: 3.008849557522124%; */
	border: 0px solid #d9d9d9;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.content-info-short .thumb-img {
	display: block;
	line-height: 0;
	/* width: 51.68141592920354%; */
	width:100%;
	height:auto;
	/* padding: 0.7079646017699115%; */
	padding: 0px;
	/* margin-right: 3.008849557522124%; */
	border: 0px solid #d9d9d9;
}

a.whitetitle { color:#fff; font-weight:normal; font-family:Montserrat,Raleway,sans-serif; }
a.whitetitle:hover { color:#0077ff; }

.box-marked-project .content-info-short .thumb-img{
	margin-right: 20px;
}

.scrollup {
    width: 51px;
    height: 51px;
    position: fixed;
    bottom: 65px;
    right: 10px;
    display: none;
    text-indent: -9999px;
    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
    box-shadow: 0 5px 5px rgb(0 0 0 / 40%); -moz-box-shadow: 0 5px 5px rgb(0 0 0 / 40%); -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 40%);
    background: #000 url('/static/system/arrowup.png') no-repeat;
    /*background-color: rgba(0,0,0,.8);*/
}

div.fancybox-skin { top:20px; }

hr.customhr {
    border: 0;
    margin-top:10px;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(160,160,160,0), rgba(160,160,160,0.65), rgba(160,160,160,0)); 
    background-image:    -moz-linear-gradient(left, rgba(160,160,160,0), rgba(160,160,160,0.65), rgba(160,160,160,0)); 
    background-image:     -ms-linear-gradient(left, rgba(160,160,160,0), rgba(160,160,160,0.65), rgba(160,160,160,0)); 
    background-image:      -o-linear-gradient(left, rgba(160,160,160,0), rgba(160,160,160,0.65), rgba(160,160,160,0)); 
}

.halfblock { display:inline-block; float:left; width:50%; padding:0; margin:0; }

.arrow-up {
  width: 0; 
  height: 0; 
  border-left: 70px solid transparent;
  border-right: 70px solid transparent;
  
  border-bottom: 70px solid #999;
}

.fwc { width:100%; height:auto; padding:35px 0; }

/* ############################ */
/* ####   APP SOLUTIONS    #### */
/* ############################ */

.appsolutions {
	padding: 7px 25px;
	text-align: center;
	margin-top: 5px;
}
.appsolutions a {
	display: inline-block;
	padding: 20px 35px;
	background: #ccc;
	color: #222;
	font-size: 22px;
	font-weight: 300;
	text-shadow: 0px 1px 0px rgba(255,255,255,.5);
	margin-bottom: 9px;
	margin-right: 3px;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.appsolutions a:hover {
	background: #eee !important;
	color: #fff;
	text-shadow: 0px -1px 0px rgba(0,0,0,.5);
	transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

/* ############################ */
/* ###     TESTIMONIALS     ### */
/* ############################ */
/* center top is optional; background-size of 100% auto is optional */
.testimonials { text-align:center; background:url(/static/system/c23.jpg) no-repeat center center; background-size:100% auto;
	-webkit-background-size: cover; /* For WebKit*/
    -moz-background-size: cover;    /* Mozilla*/
    -o-background-size: cover;      /* Opera*/
    background-size: cover;
background-color:#999; color:#fff; text-shadow: 1px 1px 1px rgba(0,0,0,.3); min-height:200px; padding:80px 0px 100px;
font-family: 'Open Sans',Montserrat-Light, sans-serif; font-weight:300; font-size:18px; }

.quotes { display:none; }



/* ############################ */
/* ###  SOCIAL ICONS START  ### */
/* ############################ */

.tw-social-icon { margin-top:20px; background:none; }

.tw-social-icon a {
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.tw-social-icon a {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 40px;
	height: 40px;
	color: #aaa;
	text-align: center;
	font-size: 16px;
	line-height: 40px;
	background:#f7f7f7;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.tw-social-icon a:hover {
	-webkit-transition: all 400ms ease-out 0s;
	-moz-transition: all 400ms ease-out 0s;
	-o-transition: all 400ms ease-out 0s;
	transition: all 400ms ease-out 0s;
	-webkit-transform: rotateY(360deg);
	-moz-transform: rotateY(360deg);
	-ms-transform: rotateY(360deg);
	transform: rotateY(360deg);
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
	color:#fff;
}

/* ############################ */
/* #### SOCIAL ICON COLORS #### */
/* ############################ */

.tw-social-icon a.vine:hover {
    background-color: #305fb3;
}
.tw-social-icon a.facebook:hover {
    background-color: #305fb3;
}
.tw-social-icon a.tumblr:hover {
    background-color: #35506b;
}
.tw-social-icon a.flickr:hover {
    background-color: #ff0084;
}
.tw-social-icon a.gplus:hover {
    background-color: #d7482a;
}
.tw-social-icon a.twitter:hover {
    background-color: #00d7d5;
}
.tw-social-icon a.pinterest:hover {
    background-color: #e1003a;
}
.tw-social-icon a.skype:hover {
    background-color: #12c7ef;
}
.tw-social-icon a.soundcloud:hover {
    background-color: #fe5600;
}
.tw-social-icon a.vimeo:hover {
    background-color: #3f90bf;
}
.tw-social-icon a.youtube:hover {
    background-color: #ff3333;
}
.tw-social-icon a.dribbble:hover {
    background-color: #f06eaa;
}
.tw-social-icon a.linkedin:hover {
    background-color: #3399cc;
}
.tw-social-icon a.instagram:hover {
    background-color: #9f6f59;
}
.tw-social-icon a.rss:hover {
    background-color: #fca600;
}
.tw-social-icon a.emailicon:hover {
    background-color: #2dcb73;
}

/* ############################ */
/* ####  SOCIAL ICONS END  #### */
/* ############################ */

.tw-icon-facebook:before {
	content: '\e804';
	text-transform: none;
}

tw-icon-gplus:before, .fa-gplus, .fa-gplus:before {
	/* content: '\e805'; */
	content: '\f0d5';
}

.email:before {
  content: "\2709";
  display:none;
}

.link {
	/*content: "\f0e1";*/
	content: '\f0c1';	
}	
 .bottomtray, .monly { display:none; }
 
 
.btn-flat {
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 1px 1px rgba(0,0,0,.4);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.45),0 1px 0px rgba(255,255,255,.4);
	-webkit-border-radius: 3;
	-moz-border-radius: 3;
	border-radius: 3px;
	font-family: 'Open Sans', Montserrat,Arial,sans-serif;
	text-shadow: 0px -1px 1px rgba(0,0,0,.3);
	color: #ffffff;
	font-size: 13px;
	padding: 7px 12px 7px 12px;
	border: solid #2980b9 0px;
	text-decoration: none;
}
.btn-flat:hover {
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
} 

input#save_pickup_info.btn-black, .btn-black, .btn-black a, a.btn-black {
	width: 100%;
	margin-bottom: 10px;
	background: #000 !important;
	color: #fff !important;
	border: 0px;
	text-shadow: 0px 0px 0px;
	font-size: 17px;
	font-family: 'Open Sans',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: 300;
	letter-spacing: 1px;
	border-radius: 50px !important;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	height: 48px !important;
	padding: 0 0 2px !important;
}

input#save_pickup_info.btn-black:hover, .btn-black:hover, .btn-black a:hover, a.btn-black:hover {
	background: #333 !important;
}

::-webkit-input-placeholder {
	/* WebKit, Blink, Edge */
	color: #ccc;
}
:-moz-placeholder {
	/* Mozilla Firefox 4 to 18 */
	color: #ccc;
	opacity: 1;
}
::-moz-placeholder {
	/* Mozilla Firefox 19+ */
	color: #ccc;
	opacity: 1;
}
:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #ccc;
}
::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #ccc;
}

::placeholder {
	/* Most modern browsers support this now. */
	color: #ccc;
}

.referralstext { max-width:80%; }
 
/* ######################################################################### */
/* ##################            MOBILE@ STARTS           ################## */
/* ######################################################################### */

/** ################################################################################  **/     
@media screen and (max-device-width:  1160px), screen and (max-width:  1160px) {
/** ################################################################################  **/  	
	.cartdiv {  margin-top:10px;  }
	.container_12{
	    margin-left: auto;
	    margin-right: auto;
	    width: 100%;
	}
}
/** ################################################################################  **/  
@media screen and (max-device-width:  1024px), screen and (max-width:  1024px) {
/** ################################################################################  **/  
	.cartdiv {  margin-top:10px; }
	#home-slider { background:#000; }
}

/** ################################################################################  **/  
@media screen and (max-device-width:  979px), screen and (max-width:  979px) {
/** ################################################################################  **/  
    .container_12{width: 98%;}
    .layout-1cols-ceneter{width: 98%;}

    .clear-2col{
        display: block;
    }
    .layout-2cols{
        width: 100%;
    }
    /* Header
    ****************************************/
/*    .spacer {
    	padding-top:117px;
    }*/
    #header .header-content{
        padding: 0px 0 12px; /* there was top padding of 12px here that didn't seem to fit 6/6/15 */
    }
    #header .wrap-top-menu{
        padding: 9px 0;
    }
    #header .top-menu{
        margin-top: 2px;
    }
    #header .top-message{
        display: none;
    }
    #header .descrip {
        display: block;
        float:right; 
        margin-right:5px; 
        color:#fff; 
        margin-top:3px;
    }       
    #header .wrap-top-menu .iBtnRed{
        display: block;
    }
    .header-content .header-right{
        width: 100%;
        border-bottom: 0px solid #d4d4d4;
        padding-bottom: 12px;
        display: none;
    }
    .header-content .header-right.active{
        display: block;
    }
    .header-content .header-left{
        width: 100%;
        padding-top: 10px;
    }
    #header .dropdown-search-result{
        top:97px;
    }
    .dropdown-search-result .iPickUp{
        display: none;
    }
    .btn-toogle-menu {
        /*margin-top:3px;
    	margin-bottom:-1px;*/
    }
    .cartdiv {  margin-top:4px; }
    
    /* Home */
    .home-feature-category .wrap-lst-category{
        height: auto;
    }
    .nav-category > li {
    	margin: 6px 0;
    	padding: 0 16px 0 22px;
    	position: relative;
    }
    .nav-category > li > a {
	    display: inline;
	    font-family: Montserrat,'Open Sans', sans-serif;
	    font-weight: 400;
	    font-size: 0.9em;
    }   
    .home-feature-category .view-all-category a {
	font-family:Montserrat,'Open Sans',sans-serif;
	    font-family: Montserrat,'Open Sans', sans-serif;
	    font-weight: 400;
	    font-size: 0.9em;	
    }     
    .box-marked-project.project-short .top-project-info{
        height: 278px;
    }
    .box-marked-project .content-info-short .thumb-img{
        margin-right: 20px;
    }
    .featimg { margin-right:20px; margin-bottom:20px; }
    .box-marked-project .content-info-short .wrap-short-detail{
        float: none;
        width: auto;
    }
    .box-marked-project .content-info-short .comment-view{
        position: static;
    }

    .home-popular-project .clear-2col{display: none}

    .project-short.sml-thumb .group-fee .fee-item{
        float: none;
        width: auto;
        border-top: 1px dashed #d4d4d4;
        padding: 5px 10px;
    }
    .project-short.sml-thumb .group-fee .fee-item:first-child{
        padding-left: 10px;
    }

    .project-short.larger .bottom-project-info{
        padding-bottom: 20px;
    }
    .project-short.larger .project-progress{
        float: none;
        margin: 10px auto;
    }
    .project-short.larger .group-fee{
        padding: 0 0 0 20px;
    }
    .project-short.larger .bottom-project-info .btn-buck-project{
        margin: 0 20px 0 0;
    }


    .home-discover-friends .row-friends.row-connect-fb .thumb-avatar.t-first,
    .home-discover-friends .row-friends.row-connect-fb .thumb-avatar.t-last{
        display: none;
    }
    .home-discover-friends .connect-fb{
        width: 100%;
        margin: 0;
        padding-bottom: 20px;
    }

    .project-author .author-action{
        text-align: center;
    }
    .project-author .author-action .btn{
        margin: 10px 0 0 0;
    }
    .project-author .author-action .btn:first-child{
        margin-top: 0;
    }
    .form-profile{
        width: auto;
    }
    .form .row-item .lbl{
        width: 90px;
    }
    .form .row-item .val{
        margin-left: 100px;
    }
    .form.form-profile .txt{
        width: 100%;
    }
    .form .txt.fill-width{
        width: 100%;
    }

    /*SelectNav.js*/
    .selectnav{
        display: block;
    }
    .nav-menu-blog{
        display: none;
    }
    
    .fbthumb { display:none; }

    /* Footer */
    #footer .main-footer .grid_3{
        width: 48%;
    }
    #footer .footer-menu > ul{
        float: left;
        width: 50%;
    }
    #footer .footer-menu > ul:first-child{
        width: 50%;
    }
    #footer .site-copyright{
        padding-top: 20px;
    }
}
/** ################################################################################  **/  
@media screen and (max-device-width:  767px), screen and (max-width:  767px) {
/** ################################################################################  **/  
    #logo { }
    .cartdiv {  margin-top:10px; }
    .layout-2cols .content,
    .layout-2cols .sidebar{
        width: 98%;
        margin-bottom: 30px;
    }
    .layout-1cols-ceneter .content{
        width: 81.333%;
    }
    .dropdown-search-result .grid_3{
        width: 48%;
    }
    .home-feature-category .left-lst-category,
    .home-feature-category .marked-category{
        width: 98%;
    }
    .home-feature-category .wrap-lst-category,
    .box-marked-project.project-short .top-project-info{
        height: auto;
    }
    #home-slider .slide-title, .slide-description, .slide-description2 {
	padding-bottom: 12px
    }
    .featimg { background:none; margin-right:0px; margin-bottom:0px; }
    .box-marked-project .content-info-short .thumb-img{
        margin-right: 20px;
    }
    .box-marked-project .content-info-short .wrap-short-detail{
        float: right;
        width: 43.36283185840708%;
    }
    .box-marked-project .content-info-short .comment-view{
        position: absolute;
    }
    .project-short.box-marked-project .group-fee{
        padding: 25px 20px 0 0;
        float: right;
    }
    .project-short.big-thumb .group-fee{
        padding-left: 25px;
    }
    .project-short.larger .group-fee .sep{
        margin: 12px 20px 0 20px;
    }


    .lst-popular-project {
        padding-bottom: 20px;
    }
    .lst-popular-project > .grid_3{
        width: 48%;
    }
    .lst-popular-project .project-short{
        margin-bottom: 20px;
    }

    .home-discover-friends .connect-fb{
        text-align: center;
        padding-top: 20px;
    }
    .home-discover-friends .connect-fb .description{
        float: none;
        width: auto;
        padding: 0 0 10px 0;
    }
    .home-discover-friends .connect-fb .btn-fb{
        float: none;
        margin: 0;
    }

    .additional-info-line .grid_9,
    .additional-info-line .grid_3{
        width: 98%;
        text-align: left;
    }
    .project-author .author-action{
        text-align: left;
    }
    .how-it-work .left-intro{
        float: none;
        width: auto;
        margin-bottom: 20px;
    }
    .how-it-work .right-intro{
        float: none;
        width: auto;
        padding: 4px;
    }

    .popup-common{
        position: absolute;
        height: auto;
    }
    .popup-common .prefix_1{
        padding: 0;
    }
    .login-form .box-white{
        height: auto;
    }
    .popup-common .grid_6,
    .popup-common .grid_4{
        width: 81.333%;
        padding-left: 8.333%;
    }
}
/******************************************************************************/ 
/********************  IPHONES LIKE 11/12/13 PRO, ETC    **********************/
/******************************************************************************/ 
@media screen and (max-device-width:  586px), screen and (max-width:  586px) { 
	.applogo { /*display:inline-block;*/ height:32px; margin:11px auto 5px; }
    #logo{
        float: none;
        width: auto;
        padding: 0px 0 5px 0;
        text-align: center;
    }
    #header { position:relative; }
    /*.spacer { padding-top:0px; }*/
    #header .top-menu .nav-horizontal, .logindiv {
        display: none;
    }
    #header .wrap-top-menu { position:fixed; width:100%; }
    #header .top-menu .btn-toogle-menu{
        display: block;
    }
    span.line-bar.lb2 {
		display: block;
    }     
    #header .descrip {
        display: block;
        float:right; 
        margin-right:5px; 
        color:#fff; 
        margin-top:8px;
    }    
    #header .wrap-top-menu .iBtnRed{
        margin-top: 6px;
    }
    #header .header-content { padding-top: 50px; }
    #header .main-nav{
        margin: 0 auto;
        float: none;
        width: 320px;
        margin-top:0px;
    } 
    #header .account-panel{
        margin: 0px 0 10px 0;
        float: none;
        text-align: center;
    }
    #header .account-panel .btn{
        float: none;
    }
    #header .form-search{
        float: none;
        width: 220px;
        margin: 0 auto;
    }
    .cartdiv {  margin-top:10px; }
	.blockit, .blockithalf { width:100%; display:block; }
    .featimg { background:none; margin-right:0px; margin-bottom:0px; }

	/* BOTTOM TRAYBAR  */
	/* styles will go here */

	.scrollup {
	    width: 51px;
	    height: 51px;
	    position: fixed;
	    bottom: 65px;
	    right: 10px;
	    display: none;
	    text-indent: -9999px;
	    border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;
	    box-shadow: 0 5px 5px rgb(0 0 0 / 40%); -moz-box-shadow: 0 5px 5px rgb(0 0 0 / 40%); -webkit-box-shadow: 0 5px 5px rgb(0 0 0 / 40%);
	    background: #000 url('/static/system/arrowup.png') no-repeat;
	    /*background-color: rgba(0,0,0,.8);*/
	}
	#referralsimg { margin-bottom:50px; }
	.referralstext { max-width:90%; }
}   
 
/** iPhones, like 6, etc **/ 
/** ################################################################################  **/  
@media screen and (max-device-width:  480px), screen and (max-width:  480px) {
/** ################################################################################  **/  	
    div.fancybox-skin { } /* was top:110px; */
    #logo{
        float: none;
        width: auto;
        padding: 0px 0 5px 0;
        text-align: center;
    }
	.applogo { /*display:inline-block;*/ height:32px; margin:8px auto 5px; }
	/* HIDE THE HEADER, BECAUSE NOW WE HAVE A BOTTOM TRAY MOBILE MENU */
	.tophdrw { display:none; }
    #header { position:relative; /*background:url(/static/system/apptopbg.jpg) no-repeat center center;*/ 
	background-size:cover; border-bottom:0px; }
	/** padding top was 0, 30 makes it ok for webview **/
    /*.spacer { padding-top: 0px; }*/
    #header .top-menu .nav-horizontal{
        display: none;
    }
    /** padding top was 18, 38 makes it ok for webview **/
   #header .wrap-top-menu { position:fixed; width:100%; 
   background: rgba(0,0,0,.85); padding: 9px 0; }	
   /** padding top was 54, 74 makes it ok for webview **/
    #header .header-content { padding-top: 74px; }
    #header .top-menu .btn-toogle-menu{
        display: block;
    }
    #header .descrip {
        display: block;
        float:right; 
        margin-right:5px; 
        color:#fff; 
        margin-top:8px;
    }    
    #header .wrap-top-menu .iBtnRed{
        margin-top: 6px;
    }
    .header-content .header-right{
        width: 100%;
        border-bottom: 0px solid #d4d4d4;
        padding-bottom: 0px;
        display: none;
    }	
    #header .main-nav{
        margin: 0 auto;
        float: none;
        width: 320px;
        margin-top:0px;
    } 
    #header .account-panel{
        margin: 10px 0 10px 0;
        float: none;
        text-align: center;
    }
    #header .account-panel .btn{
        float: none;
    }
    #header .form-search{
        float: none;
        width: 220px;
        margin: 0 auto;
    }
    .cartdiv {  margin-top:10px; }
	#home-slider .slide-title,
	.slide-description, .slide-description2 {
		padding-bottom: 8px;
	}
	.layout-2cols { padding-top:3px; }
    .dropdown-search-result .grid_3{
        width: 98%;
    }
    .dropdown-search-result .iBigX{
        top: 15px;
    }
    .marked-category .title-mark{
        padding-bottom: 5px;
    }
    .marked-category .count-project{
        position: static;
    }
    .featimg { background:none; margin-right:0px; margin-bottom:0px; }
    .box-marked-project .content-info-short .thumb-img,
    .project-short.larger .content-info-short .thumb-img,
    .day-news .project-short .content-info-short .thumb-img{
        float: none;
        width: auto;
        margin-bottom: 10px;
    }
    .box-marked-project .content-info-short .wrap-short-detail,
    .project-short.larger .content-info-short .wrap-short-detail,
    .day-news  .project-short .content-info-short .wrap-short-detail{
         float: none;
         width: auto;
    }
    .box-marked-project .content-info-short .comment-view,
    .project-short.larger .content-info-short .comment-view,
    .day-news  .project-short .content-info-short .comment-view{
        position: static;
    }
    .project-short.box-marked-project .group-fee .fee-item,
    .project-short.larger .group-fee .fee-item,
    .project-short.big-thumb .group-fee .fee-item{
        float: none;
        width: auto;
        border-top: 1px dashed #d4d4d4;
        padding: 5px 10px;
    }
    .project-short.box-marked-project .group-fee .fee-item:first-child,
    .project-short.larger .group-fee .fee-item:first-child,
    .project-short.big-thumb .group-fee .fee-item:first-child{
        padding-left: 10px;
    }
    .project-short.box-marked-project .group-fee .sep,
    .project-short.larger .group-fee .sep,
    .project-short.big-thumb .group-fee .sep{
        display: none;
    }
    .project-short .bottom-project-info{
        overflow: hidden;
    }
    .project-short.box-marked-project .group-fee,
    .project-short.larger .group-fee,
    .project-short.big-thumb .group-fee{
        padding: 15px 0 10px 0;
    }
    .project-short .group-fee .sep{
        margin: 12px 24px 0 24px;
    }
    .project-short .project-progress{
        margin: 10px auto;
        float: none;
    }
    .project-short.box-marked-project .group-fee,
    .project-short.larger .group-fee,
    .project-short.big-thumb .group-fee{
        padding: 15px 0 10px 0;
        float: none;
        clear: both;
        width: 96%;
        margin: 0 auto;
    }
    .project-short.larger .bottom-project-info .btn-buck-project{
        float: left;
        margin: 0 0 0 20px;
    }
    .project-tab-detail .nav-tabs{
        display: none;
    }
    .project-detail .tab-content .alternate-tab{
        display: block;
    }
    .project-detail .tab-content .tab-pane{
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
    }
    .project-detail .tab-content .alternate-tab.active{
        display: block;
    }
    .how-it-work .grid_6.box-text-content,
    .how-it-work .grid_4.box-text-content{
        width: 98%;
    }

    .form .row-item .lbl{
        display: block;
        float: none;
        width: auto;
        text-align: left;
        padding-bottom: 7px;
    }
    .form .row-item .val{
        margin-left: 0;
    }
    .form.form-profile .txt{
        width: 100%;
    }
    .form .row-item .btn{
        margin-left: 0;
        margin-top: 4px;
    }

    .blog-page .grp-info-box .box-text-content{
        float: none;
        width: auto;
        padding-bottom: 20px;
    }
    .blog-page .grp-info-box .box-text-content:first-child{
        margin-left: 0;
    }
    .blog-page .box-text-content .wrap-info{
        padding: 0;
    }

    .list-project-in-category .list-project > .grid_3{
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }

    .box-post-comment .left-input,
    .box-post-comment .right-input{
        float: none;
        width: auto;
    }
    .thanks{
        float: none;
        width: auto;
        display: block;
        margin-bottom: 10px;
    }
    .thanks .pick-right{
        border-color: #3c84ea transparent transparent transparent;
        top: 100%;
        right: 22px;
    }
    .box-post-comment .btn-submit-comment{
        width: 100px;
    }
    span.rtlt { font-size:15px; display:block; }
	.half { display:block; width:100% !important; padding:0; margin:0; }
    .demotext { padding:20px 20px 0px; }	
    .lst-popular-project > .grid_3,
    #footer .main-footer .grid_3{
        width: 98%;
    }
    #footer .copyright{
        text-align: center;
		padding-bottom:70px;		
    }
    #footer .logo-footer{
        position: static;
    }
    #footer .term-privacy{
        position: static;
        padding: 10px 0;
		margin-bottom:5px;
    }
    #footer .site-copyright{
        padding: 0;	
    }

    .popup-common .grid_6,
    .popup-common .grid_4{
        width: 98%;
        padding-left: 0;
    }

    .centered-btns_nav{
        top: 65%;
    }
	.blockit, .blockithalf { width:100%; display:block; }
	/* BOTTOM TRAYBAR MENU */
	.bottomtray { width:100%; height:55px; background: rgba(0,0,0,.85); z-index:999999999999999;
	display:block; position:fixed; bottom:0px; text-align:center; }
	
	.bottomicons { width:20%; max-width:85px; height:45px; background: rgba(0,0,0,.2); color:#aaa; 
	text-align:center; display:inline-block; margin:0 !important;
	line-height:45px; font-size:18px; font-weight:300; }
	.bottomicons:hover { color:#fff; }
	.monly { display:inline-block; }
	
	.scrollup {
	    /* FIX LATER bottom: 50px;*/
	}  	
	
    	/*.content-info-short .thumb-img img {
	  width: 100%;
	}
	.sml-thumb .content-info-short .thumb-img, a.thumb-img {
	  width: 100%;
	  max-width:200px !important;
	  height:auto;
	  margin:0 auto;
	}*/
}

/** ################################################################################  **/ 
@media screen and (max-device-width:  320px), screen and (max-width:  320px) {
/** ################################################################################  **/ 
	.cartdiv {  margin-top:10px; }
	/*.content-info-short .thumb-img img {
	  width: 100%;
	  max-width:200px !important;
	  margin:0 auto;
	}
	.sml-thumb .content-info-short .thumb-img, a.thumb-img {
	  width: 100%;
	  max-width:200px !important;
	  height:auto;
	  margin:0 auto;
	}*/
    .featimg { background:none; margin-right:0px; margin-bottom:0px; }
    .halfblock { display:inline-block; float:left; width:50%; }
}