/*
 Media Query general
 ===============================*/
@media only screen and (max-width:1366px) {
}

/*
 Media Query bigger screens
 ===============================*/
@media only screen and (min-width:1000px) and (max-width:1200px) {
}
@media only screen and (min-width:999px) and (max-width:1024px) {
	.featured-stories-desktop {
	  padding: 0 40px;
	}
	.user-control li a.next {
	  right: 0;
	}
	.user-control li a.prev {
	  left: 0;
	}

	.story-wrapper .user-control li a.next {
		right: 0;
	}
	.story-wrapper .user-control li a.prev {
		left: 0;
	}
	.shop-wrapper .user-control li a.next {
		right: 0;
	}
	.shop-wrapper .user-control li a.prev {
		left: 0;
	}

}

/*
 Media Query for Tablet
 ===============================*/
@media only screen and (min-width:768px) and (max-width:999px) {
	.banner .caption {
	  top: 25% !important;
	}
	/* Short Stories */
	.story-wrapper{
		display: block !important;
	}
	
	.story-block {
	  float: left !important;
	  width: 46.5% !important;
	}
	.story-block:first-child {
	  margin-left: 3% !important;
	}
	.story-block .caption {
	  float: right !important;
	  margin: 0 5% !important;
	  width: 50% !important;
	}
	.story-block i {
	  top: -7px !important;
	}
	.story-block.alt .caption {
	  float: left !important;
	  margin-top: -7px !important;
	}
	.story-block img {
	  max-width: 40%;
	}

	/* Shop */
	.shop-block {
		float: none;
		display: inline-block;
		margin: 0 1%;
		width: 100% !important;
	}

	/* Ads Section */
	.advertisement-block {
	  float: left !important;
	  margin: 0 0.8% 18px !important;
	  width: 48.4% !important;
	}
	
	/* Tours */
	.shop-listing .shop-block:nth-child(3n+1), .tour-block:nth-child(3n+1) {
	  margin-left: 0 !important;
	}
	.tour-block {
	  float: left !important;
	  margin: 0 1% 38px !important;
	  width: 48% !important;
	}
	
	.featured-stories-mobile {
	  text-align: center;
	}

	.featured-block {
	  display: inline-block;
	  margin: 0 10px 48px !important;
	  width: 45% !important;
	}
	
}

/*
Media Query for mobile
 ===============================*/
@media only screen and (max-width:800px) {

	/* General */
	.container {
		max-width: none;
		padding: 0 35px;
		position: relative;
		width: 100%;
	}

	.logo{
		display: inline;
	}

	.logo-desktop{
		display: none;
	}

	.logo-mobile{
		display: block;
		margin: auto;
	}

	/* Top Features */
	.searchbox {
		display: none;
	}
	#header .social {
	  display: none;
	  float: none;
	}

	#header .social-mobile {
	  display: block;
	  float: none;
	  margin: 10px 0 0;
	}
	
	#header .social-mobile li {
	  display: inline-block;
	  float: none;
	  padding-left: 0;
	  padding-right: 2px;
	  text-indent: -9999px;
	  width: auto;
	}

	#header .social-mobile li a.icon-instagram {
	  background: url("../images/instagram-round.svg") no-repeat scroll 2px 0 / 30px 30px;
	  height: 30px;
	  width: 32px;
	}

	#header .social-mobile li a.icon-twitter {
	  background: url("../images/twitter-round.svg") no-repeat scroll 2px 0 / 30px 30px;
	  height: 30px;
	  width: 32px;
	}

	#header .social-mobile li a.icon-facebook {
	  background: url("../images/facebook-round.svg") no-repeat scroll 2px 0 / 30px 30px;
	  height: 30px;
	  width: 32px;
	}

	#header {
	  overflow: visible;
	  padding: 15px 0;
	  text-align: center;
	}
	#header .container {
		border: none;
	}
	h1 {
		float: none;
		margin: 0;
		padding: 0;
		width: auto;
	}

	/* Slider */
	.banner {
		margin: 50px 0 0;
		max-height: 360px;
		overflow: hidden;
	}

	.banner .caption {
		top: 110px;
	}
	.banner .caption h2 {
		font-size: 2.5em;
		letter-spacing: 0.3px;
	}
	.banner .caption span {
		padding-bottom: 15px;
		padding-top: 5px;
		font-size: 1.5em;
	}

	#slider .banner-btn {
	  display: none;
	}

	#slider .banner-btn {
		width: 35%;
	}
	.story-wrapper {
	  padding-top: 0px;
	}
	.story-wrapper .banner-btn {
		width: 35%;
	}

	#slider .top-slider-img-mobile{
		display: block;
	}

	.attachment-top-slider-img{
		display: none;
	}

	/* Menu */

	#header .container-mobile-menu{
		padding: 0;
	}

	#header h1{
		display: inline;
	}

	#header nav {
		display: none;
		/*background: #ffffff;*/
		border-top: 1px solid #000000;
		float: left;
		position: relative;
		top: 25px;
		width: 100%;
		padding: 10px 35px 20px;
		/*padding: 10px 35px 300px;*/
	}

	/*#header nav li:first-child {
		padding: 15px 0 0 0;
	}*/

	#header nav li {
		float: none;
		line-height: 10px;
		padding: 15px 0;
		width: 100%;
	}
	#header nav li a {
		font-size: 17px;
		text-align: left;
	}
	#header nav li.current-menu-item a {
		border: none;
	}
	#header nav li .sub-menu {
		left: auto;
		position: relative;
		top: auto;
		width: 100%;
		z-index: 10;
		margin: 15px 0 0 0;
		display: none;
	}
	#header nav li .sub-menu li {
		line-height: 10px;
		padding: 10px 0;
	}
	#header nav li .sub-menu li a {
		font-size: 13px;
	}
	#header .mobile-btn {
	  background: #ffffff none repeat scroll 0 0;
	  cursor: pointer;
	  display: block;
	  float: none;
	  left: 0;
	  margin: 0;
	  padding: 17px 20px 11px;
	  position: absolute;
	  top: -2px;
	  z-index: 999;
	}
	#header .mobile-btn span {
		transition: all 0.4s ease 0s;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
	}
	#header .mobile-btn.active {
		transition: all 0.4s ease 0s;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
	}
	#header .mobile-btn.active span.first {
		transform: rotate(45deg) translate3d(5px, 10px, 0px);
		-webkit-transform: rotateZ(45deg) translate3d(5px, 10px, 0px);
		transition: all 0.4s ease 0s;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
	}
	#header .mobile-btn.active span.second {
		opacity: 0;
		transition: all 0.4s ease 0s;
	}
	#header .mobile-btn.active span.third {
		margin-left: -2px;
		margin-top: 0;
		transform: rotate(-45deg) translate3d(3px, -5px, 0px);
		-webkit-transform: rotateZ(-45deg) translate3d(3px, -5px, 0px);
		transition: all 0.4s ease 0s;
		-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-ms-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
	}
	
	#header .mobile-btn span.third {
		margin-bottom: 0;
	}

	/* Homepage */
	.featured-stories {
	  /*overflow: hidden;
	  max-height: 400px;*/
	}
	
	.featured-stories {
	  padding-bottom: 20px;
	}

	.featured-inner {
	  width: 5000% !important;
	}
	.featured-block p {
	  font-size: 15px;
	  line-height: 21px;
	  width: 100%;
	}

	.featured-block {
	  float: none !important;
	  height: auto !important;
	  margin-bottom: 48px;
	  width: 100%;
	}
	
	.featured-stories .user-control {
	  display: none;
	}

	.featured-stories-desktop{
		display: none;
	}

	.featured-stories-mobile{
		display: block;
	}

	.user-control li a.next {
		left: auto;
		right: 5px;
	}
	.user-control li a.prev {
		right: auto;
		left: 5px;
	}
	#story-slider, #story-slider-mobile {
		text-align: center;
	}
	.moda-pirs {
	    height: auto;
	}
	/*#story-slider-mobile{
		display: block;
	}
	#story-slider{
		display: none;
	}*/

	#story-slider .bx-viewport, #story-slider-mobile .bx-viewport{
		height: auto !important;
	}
	
	.story-block:first-child {
		margin-left: 0;
	}
	.story-block:nth-child(2) {
		margin-left: 0;
	}

	.story-inner {
	  width: 100% !important;
	}

	.story-inner .bx-clone {
	  display: none;
	}

	.story-inner li {
	  float: none !important;
	  width: 100% !important;
	}

	.story-block img {
	  display: inline-block;
	  width: 44% !important;
	}

	.story-block .caption {
	  display: inline-block;
	  float: none;
	  margin: 0 5%;
	  text-align: center;
	  width: 54%;
	}


	.story-block {
		display: inline-block;
		float: none;
		width: 100%;
	}

	.story-block i {
	  top: 0;
	  font-size: 30px;
	}
	
	.featured-block .caption small, .story-block .caption small, .latest .caption small {
	  font-size: 10px;
	}

	.featured-block a, .story-block .caption a, .latest a {
	  font-size: 10px;
	}

	.story-block .caption h5 {
	  font-size: 18px;
	  line-height: 22px;
	}

	.story-block .caption p {
	  line-height: 19px;
	  font-size: 15px;
	}

	.bx-clone {
	  display: none;
	}

	.story-block .caption {
		/*float: none;*/
		margin: 0;
		/*width: 100%;*/
	}
	.story-block.alt .caption{
		margin-top: 0;
	}

	
	.story-wrapper .user-control {
		display: none;
	}
	.story-wrapper .user-control li a.next {
		right: 5px;
	}
	.story-wrapper .user-control li a.prev {
		left: 5px;
	}
	.moments-wrapper {
		height: 350px;
	}
	.moment-inner {
	  width: auto;
	}
	.moment-inner strong {
	  font-size: 2em;
	}
	.shop-wrapper h6, .podcast h6, .contributer h6 {
		width: 100%;
	}
	.story-block.alt img {
		float: none;
	}
	.story-block.alt .caption {
		float: right;
	}

	.story-block:nth-child(even) .caption {
	  float: left;
	}

	/* newsletter */
	.nletter-2 h3 {
	  width: 100%;
	  font-size: 19px;	  
	}
	.nletter-2 form {
	  margin: auto;
	  width: 100%;
	}
	.shop-wrapper .banner-btn, .podcast .banner-btn {
		width: 50%;
	}
	.shop-block img {
		height: auto;
	}
	.shop-wrapper .user-control li a.next {
		right: 0;
	}
	.shop-wrapper .user-control li a.prev {
		left: 0;
	}
	.advertisement .container {
		padding: 0;
	}
	.advertisement-inner{
		overflow: hidden;
	}
	.advertisement-text {
		height: auto;
	}
	.advertisement-text-inner {
		height: auto;
	}
	.advertisement-text small, .advertisement-text strong {
		padding-top: 10px;
		font-size: 1em;
	}
	.advertisement-text strong {
		font-size: 1.5em;
		line-height: 1.2;
		width: 90%;
		padding-bottom: 15px;
	}
	.advertisement-ad {
		height: auto;
		width: 100%;
	}

	.advertisement-block {
	  float: none;
	  width: 100%;
	  margin-right: 0;
	  margin-left: 0;
	}

	.advertisement {
		padding-bottom: 25px;
	}
	.advertisement-text .banner-btn {
		width: 70%;
		padding: 5px 10px;
		font-size: 1em;
		margin-top: 1%;
	}
	.advertisement-text small, .advertisement-text strong {
	  /*display: none;*/
	}
	.contributer {
		text-align: center;
	}
	.contributer .contributer-block {
		margin: 0 1% 1%;
		width: 47%;
	}
	.contributer .contributer-image {
		height: auto;
		line-height: 145px;
  		margin-bottom: 7px;
	}

	/* Team */
	.contributer-main .contributer-inner {
		text-align: center;
	}
	.contributer-main .contributer-block {
		margin: 0 1% 23px;
		width: 47%;
	}
	.writer-block li {
		display: inline-block;
		float: none;
		margin-right: 0;
		width: 100%;
	}
	.contributer-block {
		display: inline-block;
		float: none;
		margin: 0;
		text-align: center;
	}
	
	/* About */
	.about-content p {
	  width: 100%;
	}

	/* Listing */

	.index-listing {
	  height: auto;
	}

	.search-row .form-field {
	  /*font-size: 18px;
	  padding: 5px 10px 4px 62px;*/
	}

	.search-row .search-static {
	  /*font-size: 18px;*/
	}

	.index-listing .listing-items-all {
	  display: block;
	  width: 100%;
	}
	.index-listing .writer-inner {
	  display: block;
	  margin-bottom: 25px;
	  -webkit-column-count: 2 !important; /* Chrome, Safari, Opera */
	   -moz-column-count: 2 !important; /* Firefox */
	   column-count: 2 !important;
	   /*width: 100%;*/
	}

	.index-listing .writer-inner div {
	  float: none;
	  width: 100%;
	  margin: 5px 0;
	}
	/* Archive */
	.category-inner {
		text-align: center;
	}
	.category-block {
		float: none;
		margin: 0 1% 10%;
		width: 47%;
		display: inline-block;
		text-align: left;
		min-height: auto;
	}

	.category-block .author {
	  min-height: auto;
	}

	/* Latest Posts */
	.latest-inner {
		text-align: center;
	}
	.shop-block:first-child, .latest-block:first-child {
		margin-left: auto;
	}
	.latest-block {
		display: inline-block;
		float: none;
		margin: 0 0 3% 0;
		width: 49%;
	}

	/* Shop */
	.shop-listing-inner {
		text-align: center;
	}
	.shop-listing .shop-block:nth-child(3n+1), .tour-block:nth-child(3n+1) {
		margin-left: 1%;
	}
	.shop-listing .shop-block:nth-child(3n), .tour-block:nth-child(3n) {
		margin-right: 1%;
	}
	.shop-listing .shop-overlay strong, .shop-listing .shop-overlay small {
		font-size: 1.5em;
	}
	.shop-overlay small {
		padding-bottom: 15px;
	}
	.shop-overlay {
		padding: 25% 0;
	}
	.shop-block {
		float: none;
		display: inline-block;
		margin: 0 1%;
		width: 47% !important;
	}

	.shop-head span.page-title {
	  width: 25%;
	}

	.shop-head .msg small, .tour-head .msg small {
	  width: 100%;
	}

	.shop-head .search-row li {
	  float: none;
	  margin: 12px 0;
	  width: 100%;
	}

	.search-row li a {
	  font-size: 14px;
	}

	.search-row ul{
		float: none;
	}

	.icon-morePost {
	  background: none;
	  padding-right: 0;
	}

	.icon-scrollTop {
	  background: none;
	  padding-left: 0;
	}

	/* Tours */
	.tour-block {
	  float: none;
	  width: 100%;
	}

	.tour-bottom p {
	  float: none;
	  width: 100%;
	}

	.trip-form {
	  float: none;
	  margin-right: 0;
	  margin-top: 15px;
	  width: 100%;
	}

	.trip-form .trib-btn, .trip-form .wpcf7-submit {
	  width: auto !important;
	}

	/* City Guide */
	.location-areas {
		text-align: center;
	}
	.item-box:nth-child(4n+1) {
		clear: none;
	}
	.item-box:first-child {
		margin-left: 1%;
	}
	.item-box {
		display: inline-block;
		float: none;
		margin: 0 1%;
		width: 47%;
		text-align: left;
	}

	.map-head span.page-title {
	  width: 25%;
	}

	.map-head .msg small {
	  width: 73%;
	}

	.map-head span.page-title {
	  width: 100%;
	  display: block;
	  padding-bottom: 17px !important;
	}
	
	.shop-head .msg small, .tour-head .msg small {
	  display: block;
	  width: 100% !important;
	}


	/* City Guide Inner */
	.guide-block {
		display: inline-block;
		float: none;
		margin: 0 1%;
		width: 48%;
	}
	.guide-text {
		float: none;
		width: 100%;
	}

	.map-wrap {
	  float: none;
	  width: 100%;
	}
	
	/* Gallery */
	.photographer-inner span.page-title {
	  display: block;
	  width: 100%;
	}

	.photographer-inner .msg small {
	  display: block;
	  width: 100%;
	}
	
	.more-action a{
		font-size: 1.2em;
	}
	.photographer-inner .icon-morePost {
	  background-position: -95px -28px;
	  display: block;
	  /*float: none;*/
	}

	#lcl_standard_cmd .lcl_prev, #lcl_standard_cmd .lcl_next, #lcl_standard_cmd .lcl_play {
	  display: none !important;
	}

	#lcl_standard{
		border: none;
		box-shadow: none;
	}

	#lcl_standard_elem > img {
	  max-height: 100% !important;
	}

	.lcl_close::before {
	  content: none !important;
	}

	.lcl_close{
		background: url("../images/x-icon.svg") no-repeat scroll 0 0 / 24px 24px !important;
		margin: 10px 17px 0 0 !important;
	}

	/* Post */
	.aside-subpage {
		float: none;
		padding-right: 0;
		width: 100%;
	}
	.post-btn {
		width: 40%;
	}

	.follow-up {
	  width: 50% !important;
	}

	.post-inner p {
	  padding-right: 0;
	}	

	.latest-inner {
		text-align: center;
	}
	.aside-subpage .latest-block:first-child {
		margin-left: 1%;
	}
	.aside-subpage .latest-block {
		display: inline-block;
		height: auto;
		margin: 0 1%;
		max-height: none;
		width: 47%;
	}
	.sidebar {
		float: none;
		width: 100%;
	}
	.post-wrapper .sidebar {
		margin-top: 0;
	}

	.sidebar .ad img{
		width: 100%;
		height: auto;
	}

	/* Search page */
	.search-block li:first-child {
		width: 100%;
	}
	.search-block li:nth-child(2) {
		width: 100%;
	}
	.search-block li:last-child {
		float: none;
		width: 100%;
		margin: 15px 0 0 0;
		display: inline-block;
	}

	/* Comments */
	.comment-form .post-btn {
	  width: auto;
	}
	
	/* Cinema */
	.video-content span.page-title {
	  padding-bottom: 30px;
	}

	.video-content .msg{
		margin-bottom: 10px;
	}

	.wrap-video::after {
	  background-size: 20% auto;
	}
	.video-content p {
	  width: 100%;
	}

	/* Footer */
	.footer-about {
		float: none;
		margin: 0 0 5%;
		width: 100%;
	}
	.footer-links {
		float: none;
		margin: 0 0 5%;
		width: 100%;
	}
	.footer-subscribtion {
	  float: none;
	  margin-top: 40px;
	  width: 100%;
	}

	.footer-about {
	  margin: 0 0 10%;
	}

	.footer-searchbox .form-btn {
	  margin: 15px 0 0 0;
	}

	textarea,
	input[type="text"],
	input[type="button"],
	input[type="submit"] {
	     -webkit-appearance: none;
	     border-radius: 0;
	}

	#footer .credit {
	  float: left;
	  margin: 15px 0 0;
	}

	#credit {
	  height: auto;
	  line-height: 25px;
	  padding: 10px 35px !important;
	  text-align: center;
	}

	#credit br{
		display: block;
	}

	#credit i{
		display: none;
	}

}

/*
3.)  Media Query for nexus
 ===============================*/
@media only screen and (max-width:480px) {
	
	#header .mobile-btn {
		margin: 7px 10px 10px 0;
	}
	/* Homepage */

	/* Archive */
	.latest-block {
		display: inline-block;
		float: none;
		margin: 0 0 25px;
		width: 100%;
	}

	.story-block img {
	  width: 130px;
	}
	.shop-block {
		float: none;
		display: inline-block;
		margin: 0 1%;
		width: 98% !important;
	}
	.item-box {
		display: inline-block;
		float: none;
		margin: 0 1%;
		width: 98%;
		text-align: left;
	}
	.aside-subpage .latest-block {
		display: inline-block;
		height: auto;
		margin: 0 1%;
		max-height: none;
		width: 98%;
	}


	/* Archive */
	.category-block {
		float: none;
		margin: 0 1% 10%;
		width: 100%;
		display: block;
	}
	
	/* Writers */
	.contributer-main .contributer-block {
		width: 100%;
	}
}

/*
4.)  Media Query for iphone
 ===============================*/
@media only screen and (max-width:320px) {
	.logo img {
	  /*margin: 5px 0 0;
	  max-width: 60% !important;*/
	}

	#header .mobile-btn {
		margin: 5px 0 0;
	}

	.banner {
		max-height: 280px;
		overflow: hidden;
	}

	#header .mobile-btn {
	  padding: 17px 10px 11px;
	}

	.search-row .form-field {
	  /*padding: 4px 10px 4px 62px;*/
	  width: 70%;
	}

	/* newsletter */
	.nletter-2 h3 {
	  font-size: 16px;	  
	}

	/*.bx-viewport {
	  height: 820px !important;
	}*/

}