/*--------------------------------------------------------------
# Responsive Layout
--------------------------------------------------------------*/

.slicknav_menu {
	display:none;
}

@media only screen and (max-width: 1180px) {.owl-theme .owl-controls .owl-buttons div {  display: none;} #content .owl-theme .owl-controls .owl-buttons div { display: block;} }


@media only screen and (min-width: 960px) {
	.widget {
	padding: 30px;
  	border-width: 1px;
  	border-style: solid;
  	border-color: #eee;
  	margin: 0;
	margin-bottom: 40px;
  	}

  	.widget_themesart_flickr_widget {
  		padding-bottom: 10px;
  	}

  	.flickr_badge_image {
 	display: inline-block;
 	 padding: 0 5px 10px 5px;
  	max-width: 79px;
	}

	.widget_tag_cloud {
	padding-bottom: 22px;
	}

   .widget-title {
	margin-top: -38px;
 	}

	.widget-title > span:before, .widget-title > span:after{
    border-bottom: 0px solid;
	}

	.social-check {
	  display: inline;
	}

	#footerterms .to-top {
	width: 234.766px;
	}

	.widget_themesart_widget, .widget_themes_art_fb_widget {
	text-align: left;
	}

	.mid-widget {
		margin-left: 0px;
		margin-right: 0px;
	}
}

@media only screen and (min-width: 960px) and (max-width: 1170px) {
	
	.container { width:940px; }
	
	#main {
		width:650px;
		float:left;
		margin-right:30px;
	}

	#sidebar {
		width:260px;
		float:right;
	}
	
	.related-content {
		width:184px;
		margin-right:19px;
	}
	
	.fullwidth .related-content {
		width:274px;
		margin-right:29px;
	}
	
	#respond textarea {
		width:94%;
	}
	
	#socialmedia a {
		margin-right:16px;
	}

	.fullwidth .grid-layout li {
		width:294px;
		margin-right:25px;
	}

	.content-sidebar .grid-layout li {
		width:310px;
	}
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	
	.container { 
		width:726px; 
	}
	
	.slicknav_menu {
		display: none;
	}
	
	#main {
		width:100%;
		margin-right:0;
	}
	#sidebar {
		width:100%;
	}
	#sidebar .widget {
		width:500px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.related-content, .fullwidth .related-content {
		width:208px;
		margin-right:21px;
	}
	
	#socialmedia a {
		margin-right:26px;
	}
	#socialmedia a span {
		display:none;
	}
	
	#socialmedia a i {
		height:28px;
		width:28px;
		line-height:28px;
		font-size:14px;
	}

	.fullwidth  {
		width:348px;
		margin-right:0;
	}

	.fullwidth .list-item .post-summary p {
		font-size:14px;
		margin-bottom:3px;
		line-height:20px;
	}	

	.fullwidth .grid-layout li, .content-sidebar .grid-layout li {
		width:348px;
		margin-right:26px;
	}

	.fullwidth .grid-layout li:nth-child(3n+3) {
		margin-right:26px;
	}

	.fullwidth .grid-layout li:nth-child(2n+2) {
		margin-right:0;
	}
}

@media only screen and (max-width: 767px) {
	
	.container { width:100%; }
	
	#upper-bar { 
	box-shadow: 0px 0px 0px rgba(190, 190, 190, 0);
  	-webkit-box-shadow: 0px 0px 0px rgba(190, 190, 190, 0);
  	-moz-box-shadow: 0px 0px 0px rgba(190, 190, 190, 0);
  	}

	#middle-menubar {
		display: none;
	}

	#featured-area {
	margin-top: 0px;
	}

	.responsup #navigation-responsive {
	display:none;
	}
	
	.menu {
 	padding-left: 20px;
	}

	.slicknav_menu {
		display:block;
	}
	
	#logo { 
		margin-left:15px; margin-right:15px;	
	}
	
	#main {
		width:100%;
		margin-right:0;
	}

	#sidebar {
		width:100%;
	}
	
	.widget {
		padding:0 15px;
	}

	.post-summary {
		padding: 0 15px;
	}

	.post-related {
		padding: 22px 15px;
	}

	.post-author {
		padding:30px 15px;
	}

	.post-meta {
		padding:0 15px 30px;
	}

	.pagination {
		padding:0 15px;
		margin-bottom:40px;
	}
	
	.related-content, .fullwidth .related-content {
		width:100%;
		margin-right:0;
		margin-bottom:20px;
	}
	
	.author-img {
		margin-right:20px;
	}
	.author-img img {
		width:60px;
		height:60px;
	}
	
	.social-share {
		float:none;
		clear:both;
		padding-top:0px;
		text-align: center;
	}
	
	.thecomment .author-img { 
		display:none;
	}
	
	#respond textarea {
		width:90%;
	}
	
	#socialmedia a {
		margin-right:4px;
	}
	#socialmedia a span {
		display:none;
	}
	
	#socialmedia a i {
		height:24px;
		width:24px;
		line-height:24px;
		font-size:12px;
	}
	
	#footerterms {
		padding:20px 15px;
	}

	.widget-instagram .instag ul.thumbnails > li, .widget-instagram .jr-insta-thumb ul > li {
		width:25% !important;
	}

	.widget-instagram .instag ul.thumbnails > li:nth-child(8), .widget-instagram .instag ul.thumbnails > li:nth-child(7), .widget-instagram .instag ul.thumbnails > li:nth-child(6), .widget-instagram .instag ul.thumbnails > li:nth-child(5) {
		display:none;
	}
	
	.widget {
		width:300px;
		margin-left:auto;
		margin-right:auto;
	}
	
	.pagination { text-align:center; }
	.pagination .older { float:none; margin-bottom:12px; }
	.pagination .newer { float:none; }

	.fullwidth .grid-layout li, .content-sidebar .grid-layout li {
		width:100%;
		margin-right:0;
	}

	.fullwidth .grid-layout li:nth-child(3n+3), .content-sidebar .grid-layout li:nth-child(3n+3) {
		margin-right:0;
	}

	.fullwidth .grid-layout li:nth-child(2n+2), .content-sidebar .grid-layout li:nth-child(2n+2) {
		margin-right:0;
	}

	.grid-item .post-meta {
		padding-left:15px;
	}
}

@media only screen and (min-width: 480px) and (max-width: 768px) {
	
	.container { width:100%; }
	
	#main {
		width:100%;
		margin-right:0;
	}
	#sidebar {
		width:100%;
	}
	
	.related-content, .fullwidth .related-content {
		width:31.6%;
		margin-right:2.5%;
	}
	
	.related-content h3 a {
		font-size:10px;
	}
	
	.author-img {
		margin-right:30px;
	}
	.author-img img {
		width:80px;
		height:80px;
	}
	
	.social-share {
		clear:none;
		padding-top:0;
		text-align: center;
	}
	
	#socialmedia a {
		margin-right:20px;
	}
	
	#socialmedia a i {
		height:28px;
		width:28px;
		line-height:28px;
		font-size:14px;
	}
	
	.widget {
			width:400px;
			margin-left:auto;
			margin-right:auto;
	}

	.pagination .older { float:right;  }
	.pagination .newer { float:left; }

	.fullwidth .grid-layout li, .content-sidebar .grid-layout li {
		width:48%;
		margin-right:3.2%;
	}
	
	.fullwidth .grid-layout li:nth-child(3n+3), .content-sidebar .grid-layout li:nth-child(3n+3) {
		margin-right:3.2%;
	}
	
	.fullwidth .grid-layout li:nth-child(2n+2), .content-sidebar .grid-layout li:nth-child(2n+2) {
		margin-right:0;
	}
}


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

	.christine_facebook_widget, .christine_about_widget, .christine_latest_news_widget {
	text-align: center;
	}

	#logo img {
 	 max-width: 100%;
 	}

	#owl-demo .item .feat-text h3 a {
  	padding: 12px 15px 12px 15px;
  	}

  	.about-me {
  	text-align: center;
 	}

  	.grid-entry {
  	border: none;
  	}
}

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

	#upper-social {
		display: none;
	}

	.about-widget img {
	max-width: 100%;
  	height: auto;
	}

	.widget_themes_art_fb_widget {
	 text-align: center;
	 padding-left: 0px;
	}
	
	.widget {
  	width: 100%;
	}
}