/* CSS Document */

@media only screen 
and (max-width : 1224px) {
.wrapper{
	width:94%;
	margin:0 3%;
}


 
#logo{
	width:220px;
	margin-top:16px;
	margin-bottom:12px;
}

#full-menu{
	width:calc(100% - 220px);
	margin-top:18px;
}


}




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


}





@media only screen  
and (max-width : 1024px) {
.small-wrapper{
	width:94%;
	margin:0 3%;
}

#logo{
	margin:0 auto;
	float:none;
	margin-top:8px;
}

#full-menu{
	display:none;
}

#header #full-menu, 
#stickyheader{
	display:none;
}

#responsivemenu{
	display:block;
}

.blog-image{
	width:100%;
	margin-right:0;
	float:none;
}

.blog-text{
	width:100%;
	float:none;	
}




}



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





@media only screen  
and (max-width : 768px) {
.text-wrapper{
	width:94%;
	margin:0 3%;
}

#mainbar{
	float:none;
	width:100%;
	margin-right:0;
}

#sidebar-primary{
	float:none;
	width:94%;
	padding:3%;
}

#sidebar-footer .wrapper{
	flex-wrap:wrap;	
}


#blog-sidebar{
	display:none	;
}

#blog-white-content{
	padding:30px 5%;
	width:90%;
	float:none;
}




#gallery {
   
	-webkit-column-count: 2;
	-moz-column-count:    2;
	column-count:         2;

  -webkit-column-gap:   0;
  -moz-column-gap:      0;
  column-gap:           15px;  
	
}




.post-thumbnail{
	text-align:center;
}

input#s {
	width:55%;

}



img.alignright, 
img.alignleft, 
img.aligncenter, 
a img.alignright, 
a img.alignleft, 
.wp-caption.alignright, 
.wp-caption.alignleft {
	display: block; 
	margin-left: auto; 
	margin-right: auto;
	float:none;
	}



}




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






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










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

#gallery {
   
	-webkit-column-count: 2;
	-moz-column-count:    2;
	column-count:         2;

  -webkit-column-gap:   0;
  -moz-column-gap:      0;
  column-gap:           15px;  
	
}


#logo{
	width:150px;
	margin-top:17px;
}




img.alignright {
	float:none; 
	margin:10px 0; 
	clear:both; 
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
	display: block; 	
	 }
	 
img.alignleft {
	float:none; 
	margin:10px 0; 
	clear:both;
	margin-left: auto; 
	margin-right: auto;
	display: block; 	
 }
 
img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}
a img.alignright {
	float:none; 
	margin:10px 0; 
	clear:both; 
	margin-left: auto; 
	margin-right: auto;
	display: block; 
	}
a img.alignleft {
	float:none; 
	margin:10px 0; 
	clear:both;
	margin-left: auto; 
	margin-right: auto;
	display: block; 
}
a img.aligncenter {
	display: block; 
	margin-left: auto; 
	margin-right: auto; 
}



.postbox-image{
	float:none;
	width:100%;
	margin-bottom:30px;
}

.postbox-image img{
	width:100%;
}

.postbox-text{
	float:none;
	width:100%;
	margin-left:0;
	padding-bottom:0;
}




}






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

}