/*
Theme Name: Mobiles Wall
*/

* {
	padding:0;
	margin:0;
}

*,
*:after,
*::before {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	 font-size:100%;	
}

a {
	text-decoration:none;
	color:white;	
}

body {
	background:	#444;
	font-family: 'Montserrat', sans-serif;
	-webkit-font-smoothing:antialiased;
}

.container {
	background:	#f7f6f1;
}

.nav {
	background: url(images/nav-bar.png) repeat-x bottom;
	height:59px;
	font-weight:bold;
	color:white;
	padding-left:4%;
	padding-right:4%;
	width:100%;
	position:fixed;
	z-index:999;
}

.nav a {
	color:white;	
}

.nav .title {
	float:left;	
	font-size:18px;	
	line-height:50px;
}

.nav .title a{
	background:url('images/logo.png') no-repeat;
	padding-left:31px;	

}

.nav .menu {
	float:right;
	font-size:30px;
	font-weight:normal;
	line-height:55px;
}

.nav .big {
	font-size:30px;
	font-weight:bold;
	color:white;
	padding-left:3px;
}	


.content {
	padding-top:2%;	
	padding-top:84px;
}


.content .title {
	padding-left:4%;
	font-weight:bold;
	color:#60cdb5;
	float:left;
	text-transform:uppercase;
	font-size:0.9em;
}



.content .right {
	padding-right:4%;	
	font-weight:bold;
	color:#60cdb5;
	float:right;
	font-size:0.9em;
}


.content .right a{
	color:#60cdb5;	
}

.content .right a:hover{
	color:#4A9E8C;	
}

.content .pics .page_content {
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	width:96%;	
	float:left;	
}

.content .pics .page_content a{
	color:#60cdb5;	
}

.content .pics .page_content a:hover{
	color:#4A9E8C;	
}

.content .pics .page_content p{
	margin-bottom:2%;
	line-height:28px;
	color:rgb(134, 134, 134);
}

.content .pics .page_content img {
	width:100%;
	height:auto;	
}

.content .pics .big-pic {
	width:46%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	line-height:0;
}


.content .pics .big-pic img{
	width:100%;
	height:auto;
	
}



.content .pics .wide-screen {
	display:none;
}


.content .pics .download-container {
	width:46%;
	margin-left:2%;
	margin-right:2%;
	float:left;
}

.content .pics .comment-box {
	width:46%;
	margin-left:2%;
	margin-right:2%;
	float:left;
	margin-bottom:4%;
}

.content .pics .comment-box a{
	color:#60cdb5;	
}

.content .pics .small-screen {
	display:none;	
}

.content .pics .download-button {
	text-align:center;
	padding-bottom:9.5%;
}

.content .pics .download-button a {
	position: relative;
    color: #ffffff;
    text-decoration: none;
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;

	font-size:18px;
	font-weight:bold;
	
padding:2%;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	transform: translate(0, 0);

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;


-webkit-box-shadow: 0px 6px 0px #469987;
-moz-box-shadow: 0px 6px 0px #469987;
box-shadow: 0px 6px 0px #469987;

background: #60cdb5;
}
 

.content .pics .download-button a:active {
   -webkit-transform: translate(0, 3px);
	-moz-transform: translate(0, 3px);
	transform: translate(0, 3px);
	
-webkit-box-shadow: 0px 2px 0px #469987;
    -moz-box-shadow: 0px 2px 0px #469987;
    box-shadow: 0px 2px 0px #469987;	
}


.content .pics .pic {
	width:21%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	line-height:0;
}


.content .pics .pic img{
	width:100%;
	height:auto;
	border:0;
}

.content .pics {
	margin-top:2%;	
	overflow:hidden;
	padding-left:2%;
	padding-right:2%;
}

.content .pics .pic {
	width:21%;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	float:left;
	box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	
	line-height:0;
}




.content .pics .pic img{
	width:100%;
	height:auto;
	
}

.content .pics .pic .mask {
	position:relative;
    width:100%;
    height:0;
    overflow:hidden;
	margin-top: -150%; 
	padding-bottom: 150%; 
	background:url(images/pic-hover.png) no-repeat bottom;
	background-size: contain;

	   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;   
   

   
   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; 
}

.content .pics .pic:hover .mask {
  -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;	

   -webkit-transition: all 0.3s ease-in-out;
   -moz-transition: all 0.3s ease-in-out;
   -o-transition: all 0.3s ease-in-out;
   -ms-transition: all 0.3s ease-in-out;
   transition: all 0.3s ease-in-out; 	
	
}


.content .pics .pic .mask .views{
	padding-top: 100%;
	/*padding-left: 50%;	 */
 padding-left: 60%;	
     -webkit-transform: translate(0px, 300px);
   -moz-transform: translate(0px, 300px);
   -o-transform: translate(0px, 300px);
   -ms-transform: translate(0px, 300px);
   transform: translate(0px, 300px);	
   
      -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out; 
	
	line-height:20px;
	font-size:24px;

	color:white;
	text-align:center;
}

.content .pics .pic .mask .views .small{
	font-size:13px;
	text-transform:uppercase;	
	line-height: 10px; 

	border-top:1px solid #FFF;
}


.content .pics .pic:hover .mask .views{

   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);	
}

.content .pics .pic .mask .preview {
	text-align:center;
 padding-top:10%;
position:absolute;
bottom:20px;
	
}

.content .pics .pic:hover .mask .preview img {
	text-align:center;
	border:0;
	
   -webkit-transform: translate(0px,0px);
   -moz-transform: translate(0px,0px);
   -o-transform: translate(0px,0px);
   -ms-transform: translate(0px,0px);
   transform: translate(0px,0px);	
   
   
      -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;    		
}


.content .pics .pic .mask .preview img{
	width:50%;
	
		
     -webkit-transform: translate(0px, 300px);
   -moz-transform: translate(0px, 300px);
   -o-transform: translate(0px, 300px);
   -ms-transform: translate(0px, 300px);
   transform: translate(0px, 300px);	
}

.content .pics .pic .device-body {
		position:relative;
    width:100%;
    height:0;
    /*overflow:hidden;*/
	margin-top: -150%; 
	padding-bottom: 150%; 
	background-size: contain;
	/*
	
	position:relative;
    width:100%;
    padding-bottom:150%;
    height:0;
    overflow:hidden;
	  */
}

.content .pics .pic .device {
	width:100%;
	height:100%;
	border:5px solid #60cdb5;	
	 position:absolute;
	 text-align:center; 
	 padding-top:8%;
}

.content .pics .pic .device .android_div .dropdown{
	margin-top:7%;
}

.content .pics .pic .device .windows_div .dropdown{
	margin-top:7%;
}

.content .pics .pic .device .icon{
	width: 7%;
	position: absolute;
	margin-left: 46%;
	margin-top: 37%;
		-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-ms-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;	
}

.content .pics .pic .device .icon .hover{
	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;  
	
}

.content .pics .pic .device .icon .unhover{

	-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;   

}

.content .pics .pic .device .icon img{
	width: 100%;
}

.content .pics .pic .device h3{
	font-weight: bold;
		color: #60cdb5;
		text-transform: uppercase;
		font-size: 1em;
		padding-top:13%;
		padding-bottom:10%;
}

.content .pics .pic .device h5{
	font-weight: bold;
		color: #60cdb5;
		text-transform: uppercase;
		font-size: 1em;
		padding-top:5%;
		padding-bottom:12%;
		margin-top:8%;
}

.content .pics .pic .device h4 a{
	font-weight: normal;
		background: #60cdb5;
		color:white;
		text-transform: uppercase;
		font-size: 100%;
		line-height:100%;
		display:block;
		width:70%;
		margin:0 auto;
		
		padding-top:3%;
		padding-bottom:3%;
		
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		margin-bottom:8%;
}

.content .pics .pic .device h4 a:hover{
background:#4A9E8C;
}

.content .pics .pic .device img{
	width:60%;
	height:auto;
}


.content .footer {
	float:left;
	margin-left:2%;
	margin-right:2%;
	margin-bottom:4%;
	width:96%;
	border-top:1px dashed rgb(211, 198, 188);
	padding-top:1%;
}

.content .footer {
	font-size:80%;
	color:#60cdb5;	
}


.clearBoth {
	clear:both;	
}

.pic .wp-pagenavi {
margin-left:-10px;

}

.pic .wp-pagenavi a, .pic .wp-pagenavi span {
padding: 10px 20px;
  background: #60cdb5;
  margin: 10px;
border:0;
color:white;
}

.wp-pagenavi span.extend {
 display: none;
 }

.wp-pagenavi span.current {
background:none;
color:#60cdb5;
}


 @media only screen and (min-width: 1599px) {
	 
	.content {
	}
	
	.content .pics .pic {
		width: 16%;
	}
	
	.content .pics .wide-screen {
		display:block;	
	}
	 
	.content .pics .big-pic {
		width: 36%;	
	}
	
	.content .pics .download-container {
		width: 56%;	
	}

	.content .pics .download-button a{
		font-size:24px;	
	}
	
	.content .pics .comment-box {
		width: 56%;	
	}	
	
	.content .pics .download-button {
	} 
	 


	.content .pic-1599 {
	display:none;
	}
	
	 
 }


 @media only screen and (max-width: 1020px) {
	 
	.content {
	}
	
	.content .pics .pic {
		width: 29.3%;
	}
	
	.content .pics .big-pic {
		width: 66%;	
	}
	
	.content .pics .singles {
		width: 26%;
	}
	

	.content .pics .download-container {
		width: 96%;	
	}
	
	.content .pics .comment-box {
		width: 96%;	
	}	
	
	.content .pics .download-button {
		padding-bottom:5%;	
	}
	 

	.banner728 {
		display:none;
	}


	.content .pic-1020 {
	display:none;
	}

.wp-pagenavi span.extend, a.last {
 display: none;
 }

.pic .wp-pagenavi {
		margin-top:4%;
		margin-bottom:4%;
	}
 }
 
 
  @media only screen and (max-width: 860px) {
	 
	.content .pics .big-pic {
		width: 60%;	
	}
	
	.content .pics .singles {
		width: 32%;
	}

.wp-pagenavi span.extend, a.last {
 display: none;
 }	
	 
 }
 
 
 @media only screen and (max-width: 680px) {
	 
	.content {
		padding-top:3%;	
		padding-top:84px;
	}

	.content .pics {
		margin-top:3%;
	}	
	
	.content .pics .pic {
		width: 46%;
	}
	
		 
	.content .pics .big-pic {
		width: 96%;	
	}
	
	.content .pics .small-screen {
		display:block;	
	}	
	

	.content .pics .small-screen-hide {
		display:none;	
	}	


.wp-pagenavi .pages {
 display: none;
 }

.content .pic-1020 {
	display:block;
	}	

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

/*
.banner728in{
	display:none;
}
*/

}

  @media only screen and (max-width: 500px) {
	 
	.content {
		padding-top:4%;	
		padding-top:84px;
	}
	
	.content .pics {
		margin-top:4%;
	}	
	
	.content .pics .pic {
		width: 46%;
		font-size:60%
	}
	
	.content .pics .pic .mask .views{
		font-size:18px;
		line-height:16px;
	}	

	.content .pics .pic .mask .views .small{
		font-size:10px;
	}	
	
.content .pics .pic .mask .preview {
		padding-top:8%;
	}
	
	.st-menu ul li a {
		font-size:0.7em;	
	}
	
	.content .pics .pic {

	box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 0px 0px rgba(0,0,0,0.4);
	
}

	.content .pics .download-button {
		padding-bottom:6%;	
	}

	.content .footer {
	font-size:60%;
	}
	
	.dropdown .selected, .dropdown li  {
		font-size:80% !important;
	}
	
	.content .right {
		display:none;	
	}
	
	 #infscr-loading {
		width:50% !important; 
		left: 25% !important;
	 }
	 
	 .content .pics .pic .mask {
		display:none; 
	 }
	 
	.content .pics .page_content p{
		font-size:14px;
		line-height:20px;
			margin-bottom:7%;
			
	}

.banner728in {
	background:none !important;
}


	 
 }  
 
 
 /*
 @media only screen and (max-width: 400px) {
	 
	.content {
		padding-top:4%;	
	}
	
	.content .pics {
		margin-top:4%;
	}	
	
	.content .pics .pic {
		width: 96%;
	}
	
	.st-menu ul li a {
		font-size:0.7em;	
	}

	
	 
 }  
 */
 
 



/* content style */

 .st-menu {

	background: #4FA390;
	
}



.st-menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.st-menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 300;
	font-size: 1.1em;
	
	border-bottom:1px solid #4e9182;
}



.st-menu ul li a {
	font-size:0.9em;
	display: block;
	padding: 1em 1em 1em 1.2em;
	outline: none;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	color: #f3efe0;
	text-transform: uppercase;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	letter-spacing: 1px;
	font-weight: 400;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
	
	border-bottom:1px solid #4e9182;
	box-shadow:inset 0 1px 0 0 #5fab9a;
	
}

.st-menu ul li:first-child a {
	/* box-shadow: inset 0 -1px rgba(0,0,0,0.2), inset 0 1px rgba(0,0,0,0.2); */
}

.st-menu ul li a:hover {
	background: rgba(0,0,0,0.2);
	box-shadow: inset 0 -1px rgba(0,0,0,0);
	color: #fff;
}



/* Infinite Scroll loader */
#infscr-loading { 

	text-align: center;
	z-index: 100;
	position: fixed;
	left: 40%;
	bottom: 20px;
	width: 20%;
	padding: 10px;
	background: #60cdb5; 
	filter:alpha(opacity=80);opacity: 0.80;	-moz-opacity:0.80;
	color: #FFF;
	-webkit-border-radius: 10px;
		 -moz-border-radius: 10px;
					border-radius: 10px;
	
	font-size:12px;
	
			
}

#infscr-loading em{
	font-style:normal;
} 

#infscr-loading img{
	width:30px;
} 

.like-button-holder {
overflow: hidden;
float: right;
height: 20px;
margin: 0 0px 0 0;
}

.tweet-button-holder {
overflow: hidden;
float: left;
width: 96px;
height: 20px;
margin: 0 22px 0 0;
}