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

/* Elements */

.show-more-1 { display: block; height: auto; float: none; margin: 0 auto; width: 300px; overflow: hidden; }
	.show-more-1 div { display: block; padding: 10px 0 20px 95px; height: auto; vertical-align: middle; overflow: hidden; }
	.show-more-1 i { font-size: 18px; color: #777777; float: left; margin: 0 10px 0 0; }
	.show-more-1 a:hover { text-decoration: none; }
	.show-more-1 span { color: #505050; opacity: 0.7; font-size: 11px; float: left; margin: 1px 0 0 0; }

.overlay-1, .overlay-2 { display: none; }

.mobile-hide { display: none !important; }

/* Main layout */

.overflow-wrapper { overflow-y: visible; float: none; }

.main-content-wrapper { display: block; width: auto; height: auto; background-image: none; }

.main-content { width: 100%; height: auto; display: block; }


/* Main sidebar */

.main-sidebar { min-height: 174px; width: 100%; background-color: #e3e3e3; display: block; padding: 20px 0 20px 0; }

	.main-sidebar .items { display: block; height: auto; width: 400px; margin: 0 auto; }
	
 .main-sidebar .menu-wrapper { display: none; }
 
 	.main-sidebar .logo-wrapper { display: block; margin: 0 0 14px 0; width: auto; }
	.main-sidebar .logo { text-align: center; display: block; height: auto; vertical-align: middle; }
		.main-sidebar .logo span { font-size: 11px; display: block; }
		.main-sidebar .logo img { margin: 0 0 6px 0; }
		.main-sidebar .logo .compact { display: none; }

.menu-iphone { display: block; width: 272px; }
.mobile-menu-wrap { display: block; }

	.main-sidebar .search { width: 400px; }
		.main-sidebar .search input { width: 244px; }
		.main-sidebar .search .icon-reorder { position: absolute; color: #9b9a9a; font-size: 11px; left: 275px; top: -28px; display: block; }

	.main-sidebar .footer { display: none; }

.footer-iphone-wrapper { background-color: #e3e3e3; display: block; }
.footer-iphone { width: 400px; position: relative; bottom: inherit; display: block; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden; }
	.footer-iphone span { text-align: center; display: block; color: #777777; margin: 0 0 10px 0; }
	.footer-iphone p { text-align: center; padding: 0 0 4px 0; }
	.footer-iphone a { color: #505050; }
	.footer-iphone .social { text-align: center; padding: 25px 0 0 0; }
		.footer-iphone .social a:hover { text-decoration: none; }
		.footer-iphone .social i { margin: 0 6px; }
		.footer-iphone .icon-twitter { font-size: 16px; }
		.footer-iphone .icon-facebook { font-size: 17px; }
		.footer-iphone .icon-pinterest { font-size: 18px; }
		.footer-iphone .icon-google-plus { font-size: 16px; }
		.footer-iphone .icon-linkedin { font-size: 18px; }
	.footer-iphone .copyright { font-size: 11px; text-align: center; color: #777777; border-top: rgba(0, 0, 0, 0.07) 1px solid; padding: 20px 0 0 0; margin: 20px 0 20px 0; }
		.footer-iphone .copyright a { color: #008dde; }
		.footer-iphone .copyright .icon-chevron-left { font-size: 15px; color: #505050; display: none; text-decoration: none; }

div.selector { position: relative; display: block !important; width: 302px !important; float: left; background-color: #d7d7d7; box-shadow: #c1c1c1 0 1px 0 inset, rgba(255, 255, 255, 0.4) 0 1px 0; text-shadow: rgba(255, 255, 255, 0.1) 0 1px 0; color: #777777; border-radius: 4px; margin: 0 0 3px 0; }
	div.selector span { font: 300 18px Roboto, Arial, sans-serif; padding: 10px 15px 10px 15px; display: inline-block; color: #008dde; z-index: 10; }
	div.selector select { top: 0; left: 0; position: absolute; opacity: 0; filter: alpha(opacity:0); height: 31px; border: none; background: none; width: 300px !important; height: 42px !important; font: 12px/28px Arial, sans-serif; font-weight: bold; margin: 0; z-index: 10; }
		div.selector select option { padding: 5px 10px; }


/* Main slider */

.main-slider { width: 100%; height: 300px; display: block; position: relative; float: none; margin: 0 0 20px 0; }
    .main-slider .picture-wrapper { width: auto; }
	.main-slider .items { height: auto; width: 100%; position: absolute; right: inherit; bottom: 0; top: inherit; background-color: rgba(255, 255, 255, 0.7); padding: 0 0 13px 0; }
	.main-slider .item { height: 300px; width: 100%; display: block; }
	.main-slider .label-wrapper { width: 220px; margin: 0 auto; height: auto; display: block; }
	.main-slider .label { display: block; }
		.main-slider .label h2 { font-size: 18px; line-height: 24px; margin: 14px 0 8px 0; }
			.main-slider .label h2 a { color: #222222; }
			.main-slider .label h2 a:hover { text-decoration: none; }
		.main-slider .label .intro { display: none; }
		.main-slider .label .date-comments-1 { display: none; }
	.main-slider .controls { position: relative; bottom: inherit; width: 220px; overflow: hidden; }
		.main-slider .controls .item { float: left; background-color: #505050; width: 10px; height: 10px; border-radius: 10px; margin: 3px 6px 0 0; }
		.main-slider .controls .item.active { box-shadow: #505050 0 2px 0 inset, #505050 0 -2px 0 inset, #505050 2px 0 0 inset, #505050 -2px 0 0 inset; background: none; }
		.main-slider .controls .left, .main-slider .controls .right { float: right; font-size: 15px; color: #505050; margin: 0 0 0 15px; }
		.main-slider .controls a:hover { text-decoration: none; }
	.main-slider .spacer-1 { display: none; }
	.main-slider .more-link-1 { display: none; }


/* Homepage elements */

.homepage-title { font-size: 18px; font-weight: 300; color: #777777; height: 18px; margin: 0 0 20px 0 !important; }
	.homepage-title i { font-size: 16px; color: #9b9a9a; float: left; margin: 0 10px 0 0; }
	.homepage-title div { padding: 0; }
	.homepage-title a { font-size: 11px; font-weight: 400; color: #777777; margin: 0 0 0 20px; }
	.homepage-title a:hover { text-decoration: none; }
		.homepage-title a i { float: none; font-size: 8px; color: #777777; margin: 0 0 0 5px; }
	.homepage-title .sort-item { opacity: 0.7; width: 100% !important; padding: 0 !important; float: left; padding: 3px 0 !important; margin: 5px 0 0 0 !important; text-align: center; }
	.homepage-title .active { background-color: #e3e3e3; padding: 5px 10px; border-radius: 3px; color: #777777; opacity: 1; box-shadow: #cccccc 0 1px 0 inset, rgba(255, 255, 255, 0.4) 0 1px 0; }

.main-headlines { float: none; display: block; height: auto !important; width: 300px; margin: 0 auto 20px auto; overflow: hidden; }
	.main-headlines .item-wrapper { display: block; float: left; width: 100px; }
		.main-headlines .item-wrapper:first-child .item { padding: 0; }
		.main-headlines .item-wrapper:last-child .item { padding: 0; }
	.main-headlines .item { text-align: center; display: block; vertical-align: middle; }
		.main-headlines .item .title { font-size: 14px; font-weight: 300; padding: 5px 0 0 0; }
		.main-headlines .item .description { padding: 0 10px 0 10px; display: none; }
	.main-headlines .icon-globe { font-size: 60px; line-height: 60px; }
	.main-headlines .icon-group { font-size: 55px; line-height: 60px; }
	.main-headlines .icon-desktop { font-size: 55px; line-height: 60px; }
	.main-headlines .spacer-1 { display: none; }

.latest-from-blog-homepage { float: none; display: block; height: auto !important; width: 300px; margin: 0 auto 10px auto; }
	.latest-from-blog-homepage .row { display: block; vertical-align: top; margin: 0 0 0 0; }
	.latest-from-blog-homepage .item-wrapper { display: block; width: 300px; padding: 0 10px 10px 0; vertical-align: top; }
	.latest-from-blog-homepage .item-wrapper.favorite:before { width: 59px; height: 59px; content: ""; position: absolute; background: url(../images/tag-favorite-1.png) 0 0 no-repeat; }
	.latest-from-blog-homepage .item { display: block; height: auto; }
	.latest-from-blog-homepage .image { width: 300px; height: 150px; display: block; background-size: 350px auto !important;  }
	.latest-from-blog-homepage .content { display: block; vertical-align: top; background-color: #e9e9e9; padding: 15px 15px; }
		.latest-from-blog-homepage .content h3 { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
		.latest-from-blog-homepage .content .intro { margin: 10px 0 15px 0; }
			.latest-from-blog-homepage .content h3 a { color: #505050; }
			.latest-from-blog-homepage .content h3 a:hover { text-decoration: none; }
	.latest-from-blog-homepage .spacer-1 { display: none; }

.latest-tweets-homepage { float: none; display: block; height: auto; width: 300px; margin: 0 auto 20px auto; }
	.latest-tweets-homepage .homepage-title { display: block; }
		.latest-tweets-homepage .homepage-title i { margin: 1px 10px 0 0; }
	.latest-tweets-homepage .items { display: table-row; }
	.latest-tweets-homepage .item { line-height: 20px; border-top: rgba(0, 0, 0, 0.04) 1px solid; padding: 16px 0 14px 0; }
	.latest-tweets-homepage .items .item:first-child { border-top: none; padding: 0 0 14px 0; }
		.latest-tweets-homepage .item .tweet { margin: 0 0 7px 0; }
		.latest-tweets-homepage .item .details { font-size: 11px; font-weight: 900; }
			.latest-tweets-homepage .item .details a { margin: 0 0 0 20px; display: inline; }
			.latest-tweets-homepage .item:hover .details a { display: inline; }
			.latest-tweets-homepage .item .details a:hover { text-decoration: none; }
			.latest-tweets-homepage .item .details i { float: none; font-size: 8px; margin: 0 0 0 5px; }
	.latest-tweets-homepage .account { color: #777777; position: relative; bottom: inherit; width: 300px; }

.latest-photos-homepage { float: none; display: block; height: auto !important; width: 300px; margin: 0 auto 20px auto; overflow: hidden; }
	.latest-photos-homepage .homepage-title { display: block; margin: 0 0 20px 0; }
		.latest-photos-homepage .homepage-title i { margin: 1px 10px 0 0; }
			.latest-photos-homepage .homepage-title a i { margin: 0 0 0 5px; }
	.latest-photos-homepage .items { display: block; height: auto; }
		.latest-photos-homepage .items .row { display: block; width: 304px; }
	.latest-photos-homepage .item-wrapper { display: block; width: 97px; float: left; padding: 0 4px 4px 0; }
	.latest-photos-homepage .item { display: block; height: 97px; width: 97px !important; background-size: 97px auto !important; }
	.latest-photos-homepage .spacer-1 { display: none; }


/* Blog */

.blog-list { float: none; display: block; height: auto; width: 400px; margin: 0 auto; padding: 20px 0 0 0; overflow: hidden; }
	.blog-list .homepage-title { display: block; height: auto !important; padding: 0; margin: 0 0 10px 0 !important; }
		.blog-list .homepage-title div { padding: 0; }
			.blog-list .homepage-title div .sort-item:first-child { margin: 15px 0 0 0 !important; }
	.blog-list .row { display: block; vertical-align: top; }
	.blog-list .items { display: block; }

	.blog-list .item { display: block; height: auto; width: 400px; float: none; margin: 0 0 10px 0; }
	.blog-list .item.favorite:before { width: 59px; height: 59px; content: ""; position: absolute; background: url(../images/tag-favorite-1.png) 0 0 no-repeat; }
.blog-list .item .image {
/* width: 300px; display: block; height: 150px; background-size: 300px auto !important; */
overflow: visible!important;
width: 100%!important;
height: auto!important;
}


		.blog-list .item .title { display: block; background-color: #e9e9e9; padding: 15px 15px; height: auto !important; }
			.blog-list .item .title .more-link-1 { vertical-align: bottom; }
		.blog-list .item h3 { margin: 0 0 10px 0; font-size: 18px; line-height: 24px; }
		.blog-list .item .intro { margin: 10px 0 15px 0; }
			.blog-list .item h3 a { color: #505050; }
			.blog-list .item h3 a:hover { text-decoration: none; }

	.blog-list .spacer-1 { display: none; }

    .photo-gallery .item .controls-row { height: auto; }

/* Post */

.post-wrapper { display: block; height: auto; float: none; width: 300px; margin: 0 auto; padding:0; overflow: hidden; }

	.post-wrapper .title-image { display: block; height: 150px; width: 300px; margin: 20px 0; background-size: 300px auto !important; }
	.post-wrapper .post-column-wrapper { display: block; vertical-align: top; width: 290px; padding: 0 5px; }
	.post-wrapper .post-column { overflow: hidden; margin: 0; height: auto !important; width: 290px; }
    .post-wrapper .shortcode-column { height: auto; float: none; }

	.post-column h2 { margin: 0 0 7px 0; font-size: 18px; line-height: 24px; }
		.post-column h2 a { color: #222222; }
		.post-column h2 a:hover { text-decoration: none; }
        .page .post-column h2 { margin-top: 10px; }
	.post-column .date-comments-1 { margin: 0 0 20px 0; }
	.post-column p { font-size: 12px; line-height: 21px; font-weight: 300; margin: 0 0 25px 0; }

	.post-column .photo-gallery { box-shadow: #008dde 2px 0 0 inset; padding: 0 0 0 18px; margin: 0 0 25px 0; }
		.post-column .photo-gallery .thumbs { padding: 0 0 10px 0; overflow: hidden; }
			.post-column .photo-gallery .thumbs img { float: left; margin: 0 6px 6px 0; }
			.post-column .photo-gallery .thumbs a:last-child img { margin: 0; }
		.post-column .photo-gallery .date-comments-1 { margin: 0 0 10px 0; }
        
	.comments p { margin: 0 0 6px 0; }
	.comments .button-1 { margin: 0 0 25px 0; }
	.comments input { width: 300px; }
    .comments .item h4 { margin: 0; }

	.post-wrapper .spacer-1 { display: none; }
    
    .accessories .categories, .accessories .item.tags .tags { width: 290px; } 


/* Photo gallery */

	.photo-gallery .item { display: block; height: auto; width: 300px; float: none; margin: 0 auto 15px auto; position: relative; background-color: #e9e9e9; }
		.photo-gallery .item .image { width: 300px; display: block; height: 300px; }
        .photo-gallery .picture-wrapper .item { width: 300px; height: 300px; position: absolute; background-size: auto 300px !important; }
		.photo-gallery .item h3 { margin: 10px 0 10px 0; }
		.photo-gallery .item .title { width: 270px; display: block; background: none; padding: 0 15px 15px 15px; }

		.photo-gallery .item .thumbs { width: 309px; display: block; height: auto; overflow: hidden; margin: 47px 0 0 0; }
			.photo-gallery .item .thumbs img { width: 94px; float: left; margin: 0 9px 9px 0; }
			.photo-gallery .item .thumbs.narrow { width: 309px; }
			.photo-gallery .item .thumbs.wide { width: 309px; }

		.photo-gallery .item .controls { width: 270px; padding: 0 15px; overflow: hidden; position: absolute; top: 315px; }
			.photo-gallery .item .controls .dot { float: left; background-color: #505050; width: 10px; height: 10px; border-radius: 10px; margin: 3px 6px 0 0; }
				.photo-gallery .item .controls .dot.active { box-shadow: #505050 0 2px 0 inset, #505050 0 -2px 0 inset, #505050 2px 0 0 inset, #505050 -2px 0 0 inset; background: none; }
			.photo-gallery .item .controls .left, .photo-gallery .item .controls .right { float: right; font-size: 15px; color: #505050; margin: 0 0 0 15px; }
		.photo-gallery .item .controls a:hover { text-decoration: none; }

		.photo-gallery-open .image-open-wrapper { display: block; padding: 0 10px 0 0; }
			.photo-gallery-open .image-open-wrapper .image-open { margin: 10px 0 !important; width: 300px; height: 300px !important; display: block; }

		.photo-gallery-open .post-column-wrapper.comments { padding: 0; }
	.photo-gallery-open .post-column { margin: 20px 0; height: auto !important; }
		.photo-gallery-open .comments input { width: 300px; }
        .photo-gallery-open .post-column-wrapper .post-column { width: 300px; }


/* Archive */

.archive-wrapper { float: left; display: block; height: auto; padding: 0 5px;  }
	.archive-wrapper .row { display: block; vertical-align: top; margin: 0 0 20px 0; }
	.archive-wrapper .items-wrapper { display: block; height: auto; float: none; margin: 0; }
		.archive-wrapper .items li { list-style: none; font-size: 15px; line-height: 22px; font-weight: 300; margin: 0 0 10px 0; }
	.archive-wrapper .calendar-wrapper { height: auto; }
	.archive-wrapper .calendar-title { color: #222; }
	.archive-wrapper .calendar { display: table; height: 300px; width: 290px; border-collapse: collapse; }
		.archive-wrapper .calendar .week { display: table-row; }
			.archive-wrapper .calendar .week .cell { display: table-cell; background-color: #e9e9e9; height: 33px; font-size: 12px; color: #777; vertical-align: middle; text-align: center; font-weight: 300; border-left: #f3f3f3 1px solid; border-right: #f3f3f3 1px solid; }
		.archive-wrapper .calendar .days { display: table-row; }
			.archive-wrapper .calendar .days .cell { display: table-cell; font-size: 16px; font-weight: 300; vertical-align: middle; border: #e9e9e9 1px solid; text-align: center; color: #222; background-color: #f3f3f3; }
			.archive-wrapper .calendar .days .cell:hover { text-decoration: none; background-color: #e9e9e9; }
			.archive-wrapper .calendar .days .disabled { color: #a9a9a9; }
			.archive-wrapper .calendar .days .post { color: #008dde; }
					.archive-wrapper .calendar .days .post .post-info { display: none; font-size: 13px; font-weight: 400; color: #fff; }
					.archive-wrapper .calendar .days .post .day { display: inline; }
				.archive-wrapper .calendar .days .post:hover { background-color: none; }
					.archive-wrapper .calendar .days .post:hover .post-info { display: inline; display: none; }
					.archive-wrapper .calendar .days .post:hover .day { display: inline; }
	.archive-wrapper .spacer-1 { display: table-row; height: 50px; }

		.archive-wrapper .comments textarea { width: 300px; }
		.archive-wrapper .comments .comment-rules { margin: 0 0 15px 0; }
		.archive-wrapper .comments .button-1 { margin: 0; }
		
	.archive-wrapper .contact-details { width: 300px; margin: 0 !important; }

.contacts-map { width: 300px !important; height: 300px !important; margin: 0 0 30px 0; }


}
@media only screen and (max-width: 400px) { 
.main-sidebar .items {width: 300px!important; float: left;}
.blog-list,.blog-list .item { width: 300px!important; 
  margin-left: 0!important;}
  
.main-sidebar .logo-wrapper { width: 300px!important;}
.main-sidebar { padding: 0!important}
}