@charset "utf-8";
/* CSS Document */

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

}

/*For Tablet Portrait */
@media only screen and (min-width: 768px) and (max-width: 959px) {
#wrapper {min-height:98.5%;}
#wrapper-header{}
#wrapper-header.inner{}
#header{padding:20px 0;}
#collaborate-logo{margin-top: 22px;}
#logo {margin-top: 16px;}
#topnav li{margin:0 0 0 3px; }
#topnav, #topnav-collaborate {margin: 29px 0 0 0;}
#nav li a {line-height:5px;}
.how-it-works h3 {font-size:1.3em;line-height:1.1em;}


#slider-container{margin:35px 0 0 0;}
#slider .nivo-controlNav img {
	margin:0 10px;
}
#slider .nivo-controlNav{bottom:-80px; width:588px; height:58px; margin:0 auto; left:80px;}
.nivo-prevNav {
	left:20px;
	bottom:-65px !important;
}
.nivo-nextNav {
	left:688px;
	bottom:-65px !important;
}
/*portfolio*/
#ts-display-pf-col-4 .ts-display-pf-img, #ts-display-pf-col-4 .ts-display-pf-img img{
	width:160px !important;
	height:120px !important;
}
#ts-display-pf-col-3 .ts-display-pf-img, #ts-display-pf-col-3 .ts-display-pf-img img{
	width:224px !important;
	height:120px !important;
}
#ts-display-pf-col-2 .ts-display-pf-img, #ts-display-pf-col-2 .ts-display-pf-img img{
	width:352px !important;
	height:255px !important;
}

#portfolio-gallery #frame-slider-portfolio{
	width:492px !important;
	height:300px !important;
	margin-bottom:20px;
}
#portfolio-gallery #frame-slider-portfolio #sliderportfolio{
	height:300px !important;
}
}




/*For Smartphone Portrait */
@media only screen and (max-width: 767px) {
#wrapper {min-height:97%;}
#wrapper-header{}
#wrapper-header.inner{}

/* Samuel's Custom */
#feature-img {max-width:110%;margin-left:-8px}
#plans-and-pricing{text-align:center;margin:30px 0px 10px 8px !important;}
#header-text{margin-top:23px;}
#pricing-one{margin:20px 10px 15px 0px !important;}
#nav{z-index:200;padding:0;margin:15px 0px 15px 0px;text-align:center;}
.navspan{padding:0px;}
#mobilelogout{display:block;}
#dash-mobiledirect {margin:0px 5px -28px -96px;}
/*
#logo{text-align:center; height:58px}

#nav ul     { display: none; }
#nav{text-align:center; padding:0 0 5px 0}
#nav select { display: inline-block; text-align:left ; width:80%; margin-top: 6px; margin-bottom: 4px; border:solid 1px #efefef;
background:transparent; font-size:1.1em; padding: 10px;display:none;}
*/
#wrapper-header{}
#nav ul     { display:inline-block; visibility:visible; margin-top:7px;text-align:center;line-height:1.9em;}
#nav select { display: none; }

#logo{text-align:center; height:40px; margin:11px 0px 0px 0px;}
#collaborate-logo{text-align:center; height:30px; margin:11px 0px 0px 0px;}
#topnav, #topnav-collaborate{margin:0; float:none; width:100% }
#topnav li, #topnav-collaborate li{margin:0 2px 0 2px; height:20px; float:none; display:inline-block; position:relative !important }
#topnav a, #topnav-collaborate a{line-height:normal; padding:0; line-height:25px;}
#topnav li ul, #topnav-collaborate li ul {top:25px; left:-5px !important;}

#toptext{text-align:center; padding:10px 0 5px 0}
#sn ul{float:none; text-align:center} 
#sn li{list-style-type:none; margin:0; padding:0 2px; display:inline}

/*
#toptext{text-align:center; padding:10px 0 5px 0}
#sn{padding:5px 0 0 0;}
#sn ul{float:none; text-align:center; pading:0 0 20px 0;} 
#sn li{list-style-type:none; margin:0; padding:0 2px; display:inline} 
*/

#header{padding:5px 0px 20px 0px;}
/*#header-text p{display:none;}*/
#header-text p{padding:10px 0px 0px 0px;} /*Mod by Samuel*/
#header-text-2 p{padding:20px 0;} /*Mod by Samuel*/
#slider-container{margin:24px 0 0 0; height:166px; position:relative; overflow:hidden;}
#slider .nivo-controlNav, .nivo-prevNav, .nivo-nextNav{display:none;}

#slidercycle div.slidertext{ display:none;}

.opacity-bottom{bottom:0 !important;}

#footer{text-align:center;}
#footnav{display:none;}

/* inner */
#breadcrumb{padding:0;}
.post{background-position:-160px  bottom;}
.entry-utility{ display:none}
.entry-content{padding:0;}
.wp-pagenavi {display:none;}
#sidebar .widget-container {padding:0px;}

/*portfolio*/
.ts-display-pf-img, .ts-display-pf-img img{
	width:288px !important;
	height:209px !important;
}
#portfolio-gallery #frame-slider-portfolio{
	width:300px !important;
	height:127px !important;
	margin-bottom:20px;
}
#portfolio-gallery #frame-slider-portfolio #sliderportfolio{
	height:127px !important;
}
.gridcolumn{margin-bottom:20px}
#portfolio-gallery{ height:220px;}
#portfolio-gallery #frame-slider-portfolio #slide-nav{ display:none;}
}

#pricing-one{margin:20px 10px 15px 0px;}



/*For Smartphone Landscape */
@media only screen and (min-width: 480px) and (max-width: 767px) {

/* Samuel's custom */
#wrapper {min-height:97%;}
#feature-img {max-width:120%;margin-left:-30px}
#plans-and-pricing{text-align:center;margin:30px 0px 0px 12px !important;}
#header-text{margin-top:8px;}
#pricing-one{margin:20px 10px 15px 0px !important;}
#nav{position:relative;	z-index:200;float:left;padding:0;margin:25px 0px 12px 0px;}
#mobilelogout{display:block;}

#wrapper-header{}
#nav ul     { display:inline-block; visibility:visible; margin-top:7px;text-align:center;line-height:1.9em;}
#nav select { display: none; }
#dash-mobiledirect {margin:0px 5px -8px -96px;}


#collaborate-logo{text-align:center; height:45px; margin:11px 0px 0px 0px;}
#logo{text-align:center; height:30px; margin:11px 0px 0px 0px;}
#topnav, #topnav-collaborate{margin:0; float:none; width:100% }
#topnav li, #topnav-collaborate li{margin:0 5px 0 5px; height:20px; float:none; display:inline-block; position:relative !important }
#topnav a, #topnav-collaborate a{line-height:normal; padding:0; line-height:25px;}
#topnav li ul , #topnav-collaborate li ul{top:25px; left:-5px !important;}

#toptext{text-align:center; padding:10px 0 5px 0}
#sn ul{float:none; text-align:center} 
#sn li{list-style-type:none; margin:0; padding:0 2px; display:inline} 

#header{padding:20px 0;}
#header-text h1{line-height:26px;}
/*#header-text p{display:none;}*/
#header-text p{padding:10px 0px 0px 0px;} /*Mod by Samuel*/
#header-text-2 p{padding:20px 0;} /*Mod by Samuel*/
#slider-container{margin:10px 0 0 0; height:326px; position:relative; overflow:hidden;}
#slider .nivo-controlNav, .nivo-prevNav, .nivo-nextNav{display:none;}

#slidercycle .slidertext{ display:none;}

.opacity-bottom{bottom:0 !important;}

#footer{text-align:center;}
#footnav{display:none;}

/* inner */
.post{background-position:-100px  bottom;}
.entry-utility{ display:block}
.entry-content{padding:20px 0 0 0;}
.wp-pagenavi {display:none;}
#sidebar .widget-container{padding:0px;}

/*portfolio*/

.ts-display-pf-img, .ts-display-pf-img img{
	width:408px !important;
	height:296px !important;
}


#portfolio-gallery #frame-slider-portfolio{
	width:408px !important;
	height:274px !important;
	margin-bottom:20px;
	padding:5px;
}
#portfolio-gallery #frame-slider-portfolio #sliderportfolio{
	width:408px !important;
	height:274px !important;
	overflow:hidden;
}
#portfolio-gallery{ height:300px;}

#portfolio-gallery #frame-slider-portfolio #slide-nav{ display:none;}
}