/* media queries for mobile to large devices */
#uniform-undefined {
	margin-left:0;
	margin-right:8px;
	margin-top:15px;
	margin-bottom:0;
}

/*for browsers larger than 1080px showing the normal resolution widths*/
@media screen and (max-width:1080px) {
#uniform-undefined {
	display:none;
}





.mainshell-sidebar {
	width:30%!important;

	margin-left:0px!important;
	width:280px!important;
	float:right!important;
	padding-right:0px!important;
	padding-right:0px!important;
}

.singleblogimg iframe {
	
	width:553px!important;
	height:201px!important;
}

.singleblogimg img {
	
	width:553px!important;
	height:201px!important;
}

.sidebar {
	margin-top:0px!important;
	margin-right:0px!important;
	float:right!important;
	padding-right:0px!important;
	padding-left:0px!important;
	margin-left:0px!important;
}

.grid-left {
	width:60%!important;
	padding-left:0px!important;
	padding-bottom:0px!important;
	float:left!important;
}


.main-grid {
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	padding-left:0px!important;
	padding-right:0px!important;
	max-width:90%!important;	
}


.top-widget-area-text, .header-widgets-wrap {
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	padding-left:0px!important;
	padding-right:0px!important;
	margin-top:20px!important;
	padding-top:0px!important;
	
}

.header-widgets-wrap {margin-bottom:20px!important;}

.navbar_primary { max-width:60%!important; }

.right_wrapper {
	padding-left:0!important;
	padding-right:0!important;
	max-width:1080px!important;
}

#plus-menu-top {
	margin-right:0!important;
}

.footer-blocked-inside {
	padding-left:0!important;
	padding-right:0!important;
	max-width:1080px!important;
}

.text-index-wrapper-secondary {
	margin-left:5%!important;
	margin-right:5%!important;
	width:90%!important;
}

.shell-inside-wrap {
	margin-left:5%!important;
	margin-right:5%!important;
	width:90%!important;
	padding-left:0px!important;
	padding-right:0px!important;
}
}

/*for browsers larger than 1024px*/
@media screen and (min-width:1024px) {
#uniform-undefined {
	display:none;
}
}



/*begin mobile devices*/
/*for viewers on devices that have a screen smaller than 1024 px - no larger*/
@media screen and (max-width: 1024px) {


.footer-blocked-inside {width:100%!important;
}

.filteroptions-nonajax {width:100%!important; text-align:center!important;
	max-width:100%!important; padding-left:0px!important; margin-left:0px!important;
	
}

#filterOptions {text-align:center!important;}

.portfolio-large {
	margin:0 auto!important;
	float:center!important;
	text-align:center!important;
}




.drop-wrap {
	width:90%!important;
	max-width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	
}

.content-pages {
	width:100%!important;
	float:left!important;
}
 
 
.loadme-content-slice {
	
	width:90%!important;
	max-width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}

.single-sidebar-guts {
	width:100%!important;
	padding-left:0px!important;
}

.single-portfolio-sidebar {
	width:100%!important;
	max-width:640px!important;
	padding-top:20px!important;
	float:center!important;	
	margin:0 auto!important;
}







#toTop {display:none!important;}

.social_icons {margin-right:0px!important; padding-right:0px!important;}

#content-secondary { margin-top:40px!important; }

.mainshell_pagi {
	width:100%!important;
	max-width:100%!important;	
	padding:0px!important;
	margin-bottom:20px!important;
	margin-left:20px!important;
}


.shell-wrapper {
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	
}


.grid-left {
	width:100%!important;
	padding-left:0px!important;
	padding-bottom:0px!important;
	float:center!important;
	margin:0 auto!important;
}



.singleblogimg iframe {
	
	width:640px!important;
	height:240px!important;
}

.singleblogimg img {
	
	width:640px!important;
	height:240px!important;
}



.mainshell-sidebar {display:none;}


.caption-heading {
	font-size:16px!important;
}

.tagline-subtitle {
	
	font-size:12px!important;
}


.ourHolder-full  {
	max-width:680px!important;
	margin:0 auto!important;
	float:center!important;
	
}

#uniform-undefined {
	display:block;
}

.text-top-page-left {
	max-width:50%!important;
	margin-left:5%!important;
	
}

.social_icons {
	max-width:300px!important;
	margin-right:5%!important;
	
}

.navbar_primary {
	width:300px!important;
	float:right!important;	
}



.sf-menu-primary {
	display:none;
}


.text-index-wrapper-secondary {
	margin-left:5%!important;
	margin-right:5%!important;
	width:90%!important;
}

.footerbox {
	margin-left:5%!important;
	margin-right:5%!important;
	width:90%!important;
}

.grid-left,.right_wrapper {
	padding-left:0!important;
	padding-right:0!important;
}

#plus-menu-top {
	margin-right:0!important;
}


.widget-third {
	width:300px!important;
	float:center!important;
	margin:0 auto!important;
	padding:10px!important;
	text-align:center!important;
}






}/*end of 1024*/


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

.ourHolder-full  {
	max-width:340px!important;
	margin:0 auto!important;
	float:center!important;
	
}







}



/*for mobile devices smaller than 768px - ipad view*/
@media screen and (max-width: 768px) {
#uniform-undefined {
	display:block;
}







.topheadings h1 span {width:100%!important; text-align:center!important;}


#related-posts {display:none;}

#comment {max-width:97%!important;}




.singleblogimg iframe {
	
	width:640px!important;
	height:240px!important;
}

.singleblogimg img {
	
	width:640px!important;
	height:240px!important;
}



.mainshell-sidebar {display:none;}


.post-details {display:none;}




.drop-wrap {
	width:90%!important;
	max-width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	
}

.content-pages {
	width:100%!important;
	float:left!important;
}

.filteroptions {
	
	width:90%!important;
	max-width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}

.portfolio-large, .portfolio-large img {
	width:622px!important;
	height:389px!important;
	
}

.loadme-content-slice {
	
	width:90%!important;
	max-width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}

.single-sidebar-guts {
	width:100%!important;
	padding-left:0px!important;
}

.single-portfolio-sidebar {
	width:100%!important;
	max-width:100%!important;
	margin-top:20px!important;
	float:left!important;;	
}

.footerlinksleft { width:auto!important;  text-align:center!important; float:center!important; margin:0 auto!important;}
.footerlinksright { display:none;}

.logo {
		width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
	text-align:center!important;

	
}

.sf-menu-primary {
	display:none;
}


.navbar_primary {
	width:300px!important;
	float:none!important;	
	margin:0 auto!important;
}


.right_wrapper {
		padding-top:0px!important;
		padding-bottom:0px!important;
		-moz-box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;
	-webkit-box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;
	box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;

}

.footer-blocked-inside {
	
		-moz-box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;
	-webkit-box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;
	box-shadow:0 -1px 4px rgba(0,0,0,0.0)!important;
	
}

#plus-menu-top {position: absolute; top:23px; right:0px;}

#content-980 {margin-top:0px!important;}
.footer-widget-area-block {padding-bottom:0px!important;}


.text-top-page-left {
	display:none;
	
}

.info-top-page {width:220px!important;
	margin:0 auto!important;
	
}


#jquery-hover {
	width:220px;
}

#jquery-hover li {
	border-radius:2px;
	margin-right:0;
	margin-left:3px;
	float:left!important;
	height:32px;
}

.social_icons_wrap {
	float:left;
	max-width:220px;
	width:220px!important;
	
}


.social_icons {
	float:left!important;
	max-width:220px;
	width:220px!important;
	text-align:left;
	
}

.grid-left {width:100%!important; margin:0 auto!important; float:center!important;}
.post-details {display:block;}
.main-grid {margin-top:20px!important;}

}

.singlepost {width:100%!important;}

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

.post-details {display:none;}

.singlepost {float:left!important;
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}

.portfolio-large, .portfolio-large img {
	width:400px!important;
	height:250px!important;
	
}

.singleblogimg iframe {
	
	width:400px!important;
	height:145px!important;
}

.singleblogimg img {
	
	width:400px!important;
	height:145px!important;
}






}

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

#uniform-undefined {width:95%!important; }


.singleblogimg iframe {
	
	width:389px!important;
	height:141px!important;
}

.singleblogimg img {
	
	width:389px!important;
	height:141px!important;
}

.singlepost {float:left!important;
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}




}

/*for mobile users on landscape view iphone and android - max width of 480px*/
@media screen and (max-width: 480px) {

.banner-text-pads
{display:none;}

.portfolio-large, .portfolio-large img {
	width:320px!important;
	height:200px!important;
	
}


.singleblogimg iframe {
	
	width:320px!important;
	height:116px!important;
}

.singleblogimg img {
	
	width:320px!important;
	height:116px!important;
}

.singlepost {float:left!important;
	width:90%!important;
	margin-left:5%!important;
	margin-right:5%!important;
}


}

/*for mobile users on iphone and android - max width of 320px*/
@media screen and (max-width: 320px) {

ul.ourHolder-full li.item {}
.widget-third {padding-left:0px!important; padding-right:0px!important;}

}

/*selectors in general for small devices*/
div.selector {
	background-image:url(../images/responsive/select-drops.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	line-height:40px;
	height:40px;
	width:300px;
	cursor:pointer;
	float:left;
	font-size:12px;
	font-weight:400;
	color:#757575;
	text-align:left;
	background-color:#f2f2f2;
	border:1px solid #ddd;
	border-radius:2px;
	position: absolute;
}

div.selector span {
	line-height:40px;
	height:40px;
	width:300px;
	max-width:300px!important;
	cursor:pointer;
	float:left;
	font-size:12px;
	font-weight:400;
	color:#757575;
	text-align:left;
	border-radius:2px;
	text-transform:uppercase;
}

div.selector select {
/* change these to adjust positioning of select element */
	top:-1px;
	cursor:pointer;
	width:300px;
	text-align:left;
	float:left;
}

div.selector:active,div.selector.active {
	background-position:right top;
	cursor:pointer;
}

div.selector:active span,div.selector.active span {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus,div.selector.hover,div.selector:hover {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus span,div.selector.hover span,div.selector:hover span {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus:active,div.selector.focus.active,div.selector:hover:active,div.selector.active:hover {
	background-position:right top;
	cursor:pointer;
}

div.selector.focus:active span,div.selector:hover:active span,div.selector.active:hover span,div.selector.focus.active span {
	background-position:right top;
	cursor:pointer;
}

/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/
.selector,.checker,.button,.radio,.uploader {
	display:-moz-inline-box;
	display:inline-block;
	vertical-align:middle;
	zoom:1;
	*display:inline;
}

.selector select:focus,.radio input:focus,.checker input:focus,.uploader input:focus {
	outline:0;
}

/* Select */
div.selector {
	position:relative;
	padding-left:10px;
	max-width:290px;
	overflow:hidden;
}

div.selector span {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

div.selector select {
	position:absolute;
	left:0;
	opacity:0;
	filter:alpha(opacity=0);
/* use '=' here, not ':' */
	-moz-opacity:0;
	height:40px;
	border:none;
	background:none;
}