/*-------------------------------------------------*/
/* =  iPads
/*-------------------------------------------------*/
@media screen and (min-width : 660px) and (max-width : 999px) {
	/*-------------------------------------------------*/
	/* =  General Style
	/*-------------------------------------------------*/
	#container {
		width: 620px;margin: 0px auto 0px auto; overflow:hidden;
	}

	/*-------------------------------------------------*/
	/* =  Header
	/*-------------------------------------------------*/
	#ads-top {
		display: none;
	}
	#headerImg {display:none;}

	header nav {
		border: 0;
		padding: 0px;
	}

	header nav:before {
		content: '';
		background: none;
	}

	header nav > ul.sf-menu {
		display: none;
	}

	header nav.navigation .sbHolder {
		display: block;
	}

	/*-------------------------------------------------*/
	/* =  Slider
	/*-------------------------------------------------*/
	#slider.version1 .flexslider,
	#slider.version1 .flexslider .slides li,
	#slider.version3 .flexslider .slides li {
		width: 620px;
		height: 245px;
	}

	#slider.version3 .flexslider {
		width: 620px;
		height: 347px;
	}

	#slider.version3 .flex-direction-nav {
		display: none;
	}

	#slider.version3 .flex-control-nav {
		height: 68px;
	}

	#slider.version3 .flex-control-thumbs li img {
		width: 82px;
		height: 58px;
		border-width: 5px;
	}

	#slider.version3 .flex-control-thumbs li {
		width: 92px;
		height: 68px;
		margin-right: 9px;
	}

	/*-------------------------------------------------*/
	/* =  Content
	/*-------------------------------------------------*/
	#content {
		border: none !important;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #e4e4e4 !important;
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.pagenation {
		margin-bottom: 0px;
	}

	#content .posts-container:last-child {
		margin-bottom: 0px;
	}

	/*-------------------------------------------------*/
	/* =  Sidebar
	/*-------------------------------------------------*/
	#sidebar {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: none !important; clear:both;
	}

	#sidebar > ul > li {
		float: left;
		margin-left: 20px !important;
		margin-bottom: 30px !important;
	}

	#sidebar > ul > li:first-child, #sidebar > ul > li:nth-child(2n+1) {
		margin-top: 0px !important;
        margin-left:0px !important; clear:left;
	}

	/*-------------------------------------------------*/
	/* =  Footer
	/*-------------------------------------------------*/
	footer > ul > li {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		width: 100%;
		clear: both;
		float: left;
		margin: 0 0 20px 0 !important;
	}

	footer > ul > li:last-child {
		margin-bottom: 0px !important;
	}

	.flickr-widget a {
		margin: 0 13px 13px 0px;
	}

	.flickr-widget a:nth-child(3n) {
		margin: 0 13px 13px 0;
	}
    
    .art-authorText {display:block; float:left; width:320px; margin-left:20px;}
    .desknav {display:none;}
#nav_mobile {display:block; margin-top:5px; clear:both;}

.rel-thumb {display:block; float:left; margin-right:20px; margin-bottom:20px; width:139px;}
.rel-thumb:nth-child(4n) {margin-right:0px;}
.rel-thumb a img {opacity:0.8;
    transition: color, opacity 0.2s linear;
	-moz-transition: color, opacity 0.2s linear;
	-webkit-transition: color, opacity 0.2s linear;
	-o-transition: color, opacity 0.2s linear;}
.rel-thumb a:hover img {opacity:1}
#article-comments {display:block; clear:both; padding-top:20px;}
.related-title {margin:0px; line-height:auto;}
.articles-rel {display:block; margin-top:50px; clear:both; width:100%; padding-bottom:20px;}
.articles-rel p {display:block; margin-bottom:20px; line-height:auto; height:25px;}
.articles-rel p strong {display:block; font-size:20px; width:auto; color:#FFF; font-size:10px;}
.articles-rel p strong span {padding:10px;}
.articles-rel ul {padding:0px; margin:0px 0px 0px 0px;}
.articles-rel ul > li {list-style:none;}
.articles-rel ul > li a {font-weight:bold; margin-left:0px;}


}

/*-------------------------------------------------*/
/* =  Tablet
/*-------------------------------------------------*/
@media screen and (min-width : 480px) and (max-width : 660px) {
	/*-------------------------------------------------*/
	/* =  General Style
	/*-------------------------------------------------*/
	body {
		background: #fff;
	}
	
	#container {
		width: 440px;
		box-shadow: none;
		margin: 0px auto 0px auto; overflow:hidden;
	}

	/*-------------------------------------------------*/
	/* =  Header
	/*-------------------------------------------------*/
	#logo {
    	width: 200px; display:block; clear:both; float:left;
		text-align: center;
	}
    #logo img {margin-left:auto; margin-right:auto; width:200px; height:auto;}
    
    #ads-top {
		display: none;
	}
	#headerImg {display:none;}

	header nav {
		border: 0;
		padding: 0px;
	}

	header nav:before {
		content: '';
		background: none;
	}

	header nav > ul.sf-menu {
		display: none;
	}

	header nav.navigation .sbHolder {
		display: block;
	}

	header #sub-menu {
		text-align: center;
	}

	header #sub-menu li {
		margin: 0 5px 8px 5px;
	}

	/*-------------------------------------------------*/
	/* =  Slider
	/*-------------------------------------------------*/
	#slider .flex-direction-nav,
	#slider .flex-pause-play,
	#slider .flex-caption p, #slider {
		display: none;
	}

	#slider .flex-caption h1 {
		margin-bottom: 0px !important;
	}

	#slider .flex-caption {
		left: 0 !important;
		max-width: 440px !important;
		bottom: 0px !important;
		width: auto !important;
		height: auto !important;
		padding: 10px !important;
	}

	#slider .flex-caption a {
		font-size: 12px;
		line-height: 22px !important;
		padding: 0px !important;
	}

	#slider.version1 .flexslider,
	#slider.version1 .flexslider .slides li,
	#slider.version3 .flexslider .slides li {
		width: 440px;
		height: 174px;
	}

	#slider.version3 .flexslider {
		width: 440px;
		height: 244px;
	}

	#slider.version3 .flex-direction-nav {
		display: none;
	}

	#slider.version3 .flex-control-nav {
		height: 44px;
		padding: 12px 0;
	}

	#slider.version3 .flex-control-thumbs li img {
		width: 52px;
		height: 34px;
		border-width: 5px;
	}

	#slider.version3 .flex-control-thumbs li {
		width: 62px;
		height: 44px;
		margin-right: 9px;
	}

	/*-------------------------------------------------*/
	/* =  Content
	/*-------------------------------------------------*/
	#content {
		border: none !important;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #e4e4e4 !important;
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.main-post {
		width: 100%;
		margin-right: 0px; overflow:hidden;
	}

	.main-post > a {max-width:100%;max-height:200px; overflow:hidden;}
.main-post > a img {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.other-posts {
		clear: both;
		width: 100%;
		margin-top: 20px;
	}

	.ads-1 img {
		max-width: 100%;
	}

	.grids_img-1 img {
		max-width: 100%;height:auto;
	}

#bottomImg a img {max-width:100%; height:auto; margin-left:auto; margin-right:auto; }
#bottomImg {display:block; clear:both; max-width:100%;}

	.carousel .jcarousel-clip {
		width: 440px !important;
	}

	.carousel .slides li {
		width: 210px;
	}

	.carousel.gallery .slides li img,
	.carousel .slides li img {
		width: 196px;
		height: 142px;
	}

	.pagenation {
		margin-bottom: 0px;
	}

	#content .posts-container:last-child {
		margin-bottom: 0px;
	}

	.post-container > a img {
		width: 154px;
		height: 123px;
		border-width: 5px;
	}

	.page-container {
		width: 100%;
	}

	.page-container .post-image img {
		width: 424px !important;
	}

	.page-container .gallery li img {
		width: 424px;
		height: auto;
	}

	.contact-form textarea {
		min-width: 418px;
		max-width: 418px;
	}

	.videoembed {
		width: 440px;
		height: 253px;
	}

	#reply {
		margin-bottom: 20px;
	}

	#map {
		width: 440px;
		height: 240px;
	}

	.contact-form input[type="submit"] {
		margin-right: 0px;
	}

	.video-container li {
		width: 210px;
		max-height: 203px;
	}

	.video-container li:nth-child(3n) {
		margin-right: 20px;
	}

	.video-container li:nth-child(2n) {
		margin-right: 0px;
	}

	.video-container li img {
		width: 196px;
		height: 142px;
	}

	.error-404 p {
		font-size: 62px;
	}

	.error-404 p span {
		font-size: 11px;
		padding-left: 18px;
	}

	/*-------------------------------------------------*/
	/* =  Sidebar
	/*-------------------------------------------------*/
	#sidebar {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: none !important; clear:both;
	}

	#sidebar > ul > li {
		float: left;
		width: 100%;
		margin-left: 0px !important;
		margin-bottom: 30px !important;
	}

	#sidebar > ul > li:first-child {
		margin-top: 0px !important;
	}

	#sidebar .tabs-widget {
		width: 438px !important;
	}

	#sidebar .tabs-widget .tab-links li {
		width: 25%;
	}

	#sidebar .tabs-widget .tab-links li:first-child {
		width: 25%;
	}

	/*-------------------------------------------------*/
	/* =  Footer
	/*-------------------------------------------------*/
	footer {
		margin: 0;
	}

	footer > ul > li {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		clear: both;
		float: left;
		margin: 0 0 20px 0 !important;
	}

	footer > ul > li:last-child {
		margin-bottom: 0px !important;
	}

	.flickr-widget a {
		margin: 0 8px 8px 0px;
	}

	.flickr-widget a:nth-child(3n) {
		margin: 0 8px 8px 0;
	}

	.flickr-widget a:nth-child(4n) {
		margin-right: 0px;
	}





figure.align-left {display:block; float:left;margin:5px 10px 5px 0px;width:40%; clear:both;}
figure.align-right {display:block; float:right;margin:5px 0px 5px 10px; width:40%; clear:both; }
figure.align-right a, figure.align-left a, figure.align-right a img, figure.align-left a img {padding:0px; width:100%; height:auto;}
figcaption {padding:5px 0px 5px 0px; width:100%; font-size:10px; border-bottom:1px solid #d4d4d4;margin-bottom:5px;}

object, embed {display:none;}

.art-authorText {display:block; float:left; width:339px; margin-left:20px;}

.gallery-container li:nth-child(2n) {
    margin-left: 0px;
}

.art-authorText {display:block; float:left; width:320px; margin-left:20px;}
.desknav {display:none;}
#nav_mobile {display:block;margin-top:5px; clear:both; border-top:5px solid #FFF;}

.rel-thumb {display:block; float:left; margin-right:20px; margin-bottom:20px; width:139px;}
.rel-thumb:nth-child(3n) {margin-right:0px;}
.rel-thumb a img {opacity:0.8;
    transition: color, opacity 0.2s linear;
	-moz-transition: color, opacity 0.2s linear;
	-webkit-transition: color, opacity 0.2s linear;
	-o-transition: color, opacity 0.2s linear;}
.rel-thumb a:hover img {opacity:1}
#article-comments {display:block; clear:both; padding-top:20px;}
.related-title {margin:0px; line-height:auto;}
.articles-rel {display:block; margin-top:50px; clear:both; width:100%; padding-bottom:20px;}
.articles-rel p {display:block; margin-bottom:20px; line-height:auto; height:25px;}
.articles-rel p strong {display:block; font-size:20px; width:auto; color:#FFF; font-size:10px;}
.articles-rel p strong span {padding:10px;}
.articles-rel ul {padding:0px; margin:0px 0px 0px 0px;}
.articles-rel ul > li {list-style:none;}
.articles-rel ul > li a {font-weight:bold; margin-left:0px;}
    
}



/*-------------------------------------------------*/
/* =  Smartphones
/*-------------------------------------------------*/
@media screen and (max-width: 479px) {
	/*-------------------------------------------------*/
	/* =  General Style
	/*-------------------------------------------------*/
    body {width:302; margin:0px 0px 0px 0px; padding:0px; overflow-x:hidden; }
	#container {
		width: 302px;
		padding: 10px 10px 0 10px;
		margin: 0px auto -20px auto; overflow:hidden;
	}

	/*-------------------------------------------------*/
	/* =  Header
	/*-------------------------------------------------*/
	#logo {
		width: 230px; display:block; clear:both; float:none; margin-left:auto; margin-right:auto;
		text-align: center;
	}
    #logo img {margin-left:auto; margin-right:auto; width:230px;}
    
    .header-right {clear:both;margin-left:0; float:none; width:205px; margin-left:auto; margin-right:auto; margin-bottom:5px;}

	#search-bar {
		margin-left: 0;
		width: 100%; margin-bottom:5px;
	}

	#search-bar input[type="text"] {
		width: 100%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#search-bar input[type="submit"] {
		margin-top: -24px;
	}

	#ads-top {
		display: none;
	}
	
	#headerImg {display:none;}

	header nav {
		border: 0;
		padding: 0px;  background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
	}

	header nav:before {
		content: '';
		background: none;
	}

	header nav > ul.sf-menu {
		display: none;
	}

	header nav.navigation .sbHolder {
		display: block;
	}

	header #sub-menu {
		text-align: center;
	}

	header #sub-menu li {
		margin: 0 5px 8px 5px;
	}

	/*-------------------------------------------------*/
	/* =  Slider
	/*-------------------------------------------------*/
	#slider .flex-direction-nav,
	#slider .flex-pause-play,
	#slider .flex-caption, #slider {
		display: none;
	}

	#slider.version1 .flexslider,
	#slider.version1 .flexslider .slides li,
	#slider.version3 .flexslider .slides li {
		width: 300px;
		height: 119px;
	}

	#slider.version3 .flexslider {
		width: 300px;
		height: 175px;
	}

	#slider.version3 .flex-direction-nav {
		display: none;
	}

	#slider.version3 .flex-control-nav {
		height: 30px;
		padding: 12px 0;
	}

	#slider.version3 .flex-control-thumbs li img {
		width: 34px;
		height: 24px;
		border-width: 3px;
	}

	#slider.version3 .flex-control-thumbs li {
		width: 41px;
		height: 30px;
		margin-right: 7px;
	}

	/*-------------------------------------------------*/
	/* =  Content
	/*-------------------------------------------------*/
	#content {
		border: none !important;
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #e4e4e4 !important;
		width: 100%;
		padding-left: 0px !important;
		padding-right: 0px !important;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}

	.main-post {
		width: 100%;
		margin-right: 0px; overflow:hidden;
	}

.main-post > a {max-width:100%; max-height:200px; overflow:hidden;}

	.main-post > a img {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	.other-posts {
		clear: both;
		width: 100%;
		margin-top: 20px;
	}

	.ads-1 img {
		max-width: 100%;
	}

	.grids_img-1 img {
		max-width: 100%; height:auto;
	}

#bottomImg a img { max-width:100%; height:auto;margin-left:auto; margin-right:auto;}
#bottomImg {display:block; width:100%; clear:both;}

	.carousel .jcarousel-clip {
		width: 300px !important;
	}

	.carousel .slides li {
		width: 300px;
	}

	.carousel.gallery .slides li {
		height: 226px;
	}

	.carousel.gallery .slides li img,
	.carousel .slides li img {
		width: 286px;
		height: 212px;
	}

	.pagenation {
		margin-bottom: 0px;
	}

	#content .posts-container:last-child {
		margin-bottom: 0px;
	}

	.post-container > a:first-child {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.post-container > a img {
		width: 290px;
		height: 210px;
		border-width: 5px;
	}

	.post-content {
		clear: both;
	}

	.page-container {
		width: 100%;
	}

	.page-container .post-image img {
		width: 284px !important;
	}

	.page-container .gallery li img {
		width: 284px;
		height: auto;
	}

	.contact-form textarea {
		min-width: 278px;
		max-width: 278px;
	}

	.videoembed {
		width: 300px;
		height: 200px;
	}

	#reply {
		margin-bottom: 20px;
	}

	#map {
		width: 300px;
		height: 200px;
	}

	.contact-form input[type="submit"] {
		margin-right: 0px;
	}

	.video-container li {
		width: 300px;
		max-height: 271px;
	}

	.video-container li:nth-child(3n) {
		margin-right: 20px;
	}

	.video-container li:nth-child(2n) {
		margin-right: 0px;
	}

	.video-container li img {
		width: 286px;
		height: 210px;
	}

	.error-404 p {
		font-size: 42px;
	}

	.error-404 p b {
		font-size: 62px;
	}

	.error-404 p span {
		font-size: 11px;
		padding-left: 20px;
		padding-top: 10px;
	}

	/*-------------------------------------------------*/
	/* =  Sidebar
	/*-------------------------------------------------*/
	#sidebar {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border: none !important; clear:both;
	}

	#sidebar > ul > li {
		float: left;
		width: 100%;
		margin-left: 0px !important;
		margin-bottom: 30px !important;
	}

	#sidebar > ul > li:first-child {
		margin-top: 0px !important;
	}

	/*-------------------------------------------------*/
	/* =  Comment Tree
	/*-------------------------------------------------*/
	ol#comments li {
		margin-top: 15px;
		border-top: 1px dotted #A7A7A7;
		padding-top: 15px;
	}

	ol#comments > li:first-child {
		margin-top: 0px;
		border-top: none;
		padding-top: 0px;
	}

	ol#comments ul.children {
		margin-left: 0px;
		padding-left: 0px;
		border: none;
	}

	ol#comments ul.children.border {
		border-left: none;
	}

	ol#comments span.border-left {
		display: none;
	}

	ol#comments ul.children:not(.border) li:first-child .author-avatar:after,
	ol#comments ul.children .author-avatar:before {
		content: '';
		border: none;
	}

	ol#comments .comment-text:before {
		content: '';
		border-left: none !important;
	}

	ol#comments ul.children li.last-child .comment-text:before,
	ol#comments li.last-child .comment-text:before {
		content: '';
		border-left: none;
	}

	/*-------------------------------------------------*/
	/* =  Footer
	/*-------------------------------------------------*/
	footer {
		padding: 10px 10px 0 10px;
		margin: 0 -10px 0 -10px;
	}

	footer > ul > li {
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		width: 100%;
		clear: both;
		float: left;
		margin: 0 0 20px 0 !important;
	}

	footer > ul > li:last-child {
		margin-bottom: 0px !important;
	}

	#top {
		margin: 0 -10px;
	}

figure.align-left {display:block; float:none;margin:0px;max-width:100%; clear:both;}
figure.align-right {display:block; float:none; margin:0px; max-width:100%; clear:both; }
figure.align-right a, figure.align-left a, figure.align-right a img, figure.align-left a img {padding:0px; width:100%; height:auto;}
figcaption {padding:5px 0px 5px 0px; width:100%; font-size:10px; border-bottom:1px solid #d4d4d4;margin-bottom:5px;}

object, embed {display:none;}

.post-meta, .post-meta a, .post-meta .date {font-size:9px;}

iframe {width:100%; overflow:hidden;}
.grids_img-1 iframe {display:none;}

.tabs > div {
clear: both;
float: left;
padding: 20px;
background: #fff;
border-left: 1px solid #BCBCBC;
border-right: 1px solid #BCBCBC;
display: none; width:260px;
}


.toggle-style-1,
.toggle-style-2 {
float: left;
width:260px;
overflow: hidden;
margin-right: 20px;
margin-bottom: 20px;
background: #fff;
}

.tabs img {width:100%; height:auto;}

.tabs .col-2 {
    width: 109px;
}

.tabs .col-3 {
    width: 100%; padding:0px; margin-bottom:0px;
}

.tabs .col-4 {
	width: 129px;
}

.tabs .col-5 {
	width: 99px;
}


.toggle-style-1 > ul,
.toggle-style-2 > ul {
margin: 0px !important;
}

.toggle-style-1 > ul > li,
.toggle-style-2 > ul > li {
float: left;
display: block;
list-style: none !important;
}

.toggle-style-1 > ul > li > h6,
.toggle-style-2 > ul > li > h6 {
float: left;
font-weight: bold;
border: 1px solid #D2D2D2;
margin-bottom: 0px;
border-top: 0px;
height: 46px;
line-height: 46px;
padding-left: 55px;
width: 295px;
cursor: pointer;
color: #424344 !important; font-size:14px;
}


.toggle-style-2 > ul > li > h6 {
padding-left: 12px !important;
width: 245px !important;
}

.tabs > ul > li a {font-size:9px;padding:10px 0px; text-align:center;}

.tabs-widget {width:100% !important;}
.tabs-widget .tab-links li {width:25%;}

.art-authorText {display:block; float:left; width:180px; margin-left:20px;}

.desknav {display:none;}
#nav_mobile {display:block;margin-top:5px; clear:both;border-top:5px solid #FFF;}

.rel-thumb {display:block; float:left; margin-right:20px; margin-bottom:20px; width:139px;}
.rel-thumb:nth-child(2n) {margin-right:0px;}
.rel-thumb a img {opacity:0.8;
    transition: color, opacity 0.2s linear;
	-moz-transition: color, opacity 0.2s linear;
	-webkit-transition: color, opacity 0.2s linear;
	-o-transition: color, opacity 0.2s linear;}
.rel-thumb a:hover img {opacity:1}
#article-comments {display:block; clear:both; padding-top:20px;}
.related-title {margin:0px; line-height:auto;}
.articles-rel {display:block; margin-top:50px; clear:both; width:100%; padding-bottom:20px;}
.articles-rel p {display:block; margin-bottom:20px; line-height:auto; height:25px;}
.articles-rel p strong {display:block; font-size:20px; width:auto; color:#FFF; font-size:10px;}
.articles-rel p strong span {padding:10px;}
.articles-rel ul {padding:0px; margin:0px 0px 0px 0px;}
.articles-rel ul > li {list-style:none;}
.articles-rel ul > li a {font-weight:bold; margin-left:0px;}
}