@media only screen and (max-width : 1224px) {
	.wrapper, 
	#header-container{
		width: 96%;
		margin: 0 2%;
	}
	#full-menu a{
		padding:10px 20px;
		font-size:16px;
	}
}

@media only screen and (max-width : 1024px) {
	#header-container{
		width:96%;
		margin:0;
		padding:0 2%;
		background-color:white;
		border:0;
	}
	
		
	.header-wrapper{
		width:98%;
		margin-left:2%;
	}
	
	.small-wrapper{
		width:94%;
		margin:0 3%;
	}
	
	#full-menu, 
	.ci-clientarea, 
	#stickyheader{
		display:none;
	}
	
	
	#responsivemenu{
		display:block;
	}
	
	#top-contact{
		display:none;
	}
	
	#top-contact-responsive{
		display:flex;
	}
	
	.top-contact-item{
		padding:0 2px;
	}
	
	img.icon{
		max-height:20px;
	}
	
	.blog-image{
		width:180px;
		height:230px;
	}
	
	.blog-text{
		width:calc(100% - 210px);
	}
}



@media only screen and (max-width : 900px) {
	.blog-wrapper{
		width:96%;
		margin:0 2%;
	}		
	.blog-image{
		height:280px;
	}	
	.blog-text{	}
}





@media only screen and (max-width : 768px) {
	h1 {
		font-size:40px;
		line-height:46px;
	}	
	.blog-header-flex h1 {
		font-size:40px;
		line-height:46px;
	} 	
	h2 {
		font-size:30px; 
		line-height:34px;
	} 	
	h3 {
		font-size:26px; 
		line-height:30px;
	} 	
	h4 {
		font-size:22px;
		line-height:26px;	
	} 	
	h5 {
		font-size:18px;
		line-height:22px;	
	}	
	h6 {
		font-size:14px; 
		line-height:18px;
	}	
	.text-wrapper{
		width:94%;
		margin:0 3%;
	}	
	#page-sidebar {
		float:none;
		width:94%;
		padding:30px 3%;
	}	
	#page-right-content {
		width:94%;
		padding:30px 3%;
		float:none;
	}
	#sidebar-primary {
		float:none;
		width:94%;
		padding:3%;
	}
	#sidebar-footer .wrapper {
		flex-wrap:wrap;	
	}
	#sidebar-articles {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#sidebar-articles .widget-content {
		flex: 1 1 150px;
		margin:10px;
	}
	#blog-sidebar {
		width:100%;
		padding-right:0;
		float:none;
		margin-top:0;
		border-right:0;
		overflow:auto;
		display:flex;
		margin-top:30px;
		display:none;
	}
	#blog-sidebar-responsive {
		display:block;
		display:flex;
		margin-bottom:50px;
	}
	#blog-content {
		width:100%;
		padding-left:0;
		float:none;
	}
	#blog-avatar,
	#blog-bio, 
	#author-posts {
		text-align:left;
	}
	#blog-avatar {
		min-width:150px;
		margin-right:20px;
	}
	.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;
	}
	
	.ci-form select {
		color: #000;
	}


}

@media only screen and (max-width: 640px) {
	.ci-form-col-1of1,
	.ci-form-col-1of2 {
		width: 100%;
		padding-right: 0;
	}
}

@media only screen and (max-width : 604px) {
	.article-container {
		justify-content:center;	
	}
	.article-container .article {
		align-content: center;	
	}	
}










@media only screen and (max-width : 480px) {
	#top-bar a, #top-bar #searchform{
		float:none;
		display:block;
	}
	.blog-header-flex:first-child{
		flex: 1 1 100%;
		padding-right:0;
	}
	.blog-header-flex:nth-child(2){
		flex: 1 1 100%;
		text-align:center;
	}
	.blog-image{
		width:100%;
		margin-right:0;
		float:none;
	}
	.blog-text{
		width:100%;
		float:none;	
	}


	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) {


}