.navbar{
	z-index:99;
}

.boxs {
	width:200px;
	height:80px;
	background:#FFF;
	
}

.boxs2 {
	width:150px;
	height:60px;
	background:#FFF;
	
}
 @media only screen and (min-width: 768px) and (max-width: 989px) {
	 	.boxs {
	width:150px;
	height:60px;
	background:#FFF;
	
}
.boxs img{
	width:100%;
}
	 }
@media only screen and (min-width: 480px) and (max-width: 767px) { 
		.boxs {
	width:150px;
	height:60px;
	background:#FFF;
	
}
.boxs img{
	width:100%;
}
}
	@media only screen and (max-width: 479px) {
		 
		.boxs {
		width:150px;
		height:60px;
		background:#FFF; 
		}
		.boxs img{
	width:100%;
}
		}
		@media only screen and (max-width:320px) {
		 
		.boxs {
	width:100px;
	height:40px;
	background:#FFF;
	
}
.boxs img{
	width:100%;
}
}
/*==================================================
 * Effect 7
 * ===============================================*/
.effect7s
{
  	position:relative;       
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect7s:before, .effect7s:after
{
	content:"";
    position:absolute; 
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:0;
    bottom:0;
    left:10px;
    right:10px;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
} 
.effect7s:after
{
	right:10px; 
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg); 
       -moz-transform:skew(8deg) rotate(3deg);     
        -ms-transform:skew(8deg) rotate(3deg);     
         -o-transform:skew(8deg) rotate(3deg); 
            transform:skew(8deg) rotate(3deg);
}