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


@media only screen and (min-width:960px) and (max-width:1240px){

.portfolio-content{width:194px; height:168px;}

.front-portfolio{height:162px;}

.portfolio-content2{margin:-85px 0 0 209px;}

.portfolio-content3{margin:-85px 0px 0px 94px;}

.portfolio-content4{margin:-3px 0px 0px 210px;}

.portfolio-content5{margin:-86px 0px 0px -50px;}

.portfolio-content6{margin:-3px 0px 0px -50px;}

.portfolio-content7{margin:-86px 0px 0px 354px;}

.front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom{font-size:12px; height:32px; line-height:32px; width:22px;}

.front-portfolio a.link:before, .front-portfolio a.zoom:before{left:-8px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-right:8px solid #FFFFFF;}

.front-portfolio a.link:after, .front-portfolio a.zoom:after{right:-8px; border-top:16px solid transparent; border-bottom:16px solid transparent; border-left:8px solid #FFFFFF;}

.front-portfolio .image-overlay h5{font-size:inherit; top:30%;}

.front-portfolio .image-overlay .link{top:60%;}

.front-portfolio .image-overlay .zoom{top:60%;}

.front-portfolio:hover .link{left:28%;}

.front-portfolio:hover .zoom{right:28%;}
div.sliderHomeBullets {height: auto;}

	
}


@media only screen and (min-width:768px) and (max-width:959px){
	
.front-portfolio-container{text-align:center;}

.front-portfolio-container .portfolio-content{margin:0px auto 30px; float:none;}

.images{width:100%; margin:0px 0px 20px;}

.cloud-divider2 {top: 475px;}
div.sliderHomeBullets {height: auto;}
.sun {position: absolute;}

}


@media only screen and (min-width: 480px) and (max-width: 767px){
front-portfolio-container{text-align:center;}

.front-portfolio-container .portfolio-content{margin:0px auto 30px; float:none;}

#primary.with-sidebar .dt-sc-one-half .entry-meta .blog-author{margin-bottom:5px;}

.front-portfolio-container{text-align:center;}

.front-portfolio-container .portfolio-content{margin:0px auto 30px; float:none;}
	
div.sliderHomeBullets {height: auto;}
.social-plugin {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.social-plugin img {
	width: 100%;
	height: auto;
}



}



@media only screen and (min-width: 320px) and (max-width: 479px){
	

.front-portfolio-container .portfolio-content{margin:0px auto 30px; float:none;}

.portfolio-content{width:254px; height:220px;}

.front-portfolio{height:212px;}

.front-portfolio .image-overlay .link{top:60%;}

.front-portfolio .image-overlay .zoom{top:60%;}

.front-portfolio:hover .link{left:30%;}

.front-portfolio:hover .zoom{right:30%;}

.slider {margin-top:45px;}

div.sliderHomeBullets {
	height: auto;
}
.social-plugin {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.social-plugin img {
	width: 100%;
	height: auto;
}

.front-portfolio .image-overlay a.link, .front-portfolio .image-overlay a.zoom {left: 0; right: 0;margin: 0 auto;}



}