/* #Media Queries
================================================== */

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

	/* Extended Wrap
	======================================== */

	.extended_wrap {
		background-attachment: scroll;
		background-size: cover;
	}

}


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

	/* General
	======================================== */

	#page_wrap { padding: 40px 0; }

	.admin-bar #page_wrap { padding-top: 40px; }

	body .extended_wrap + #page_wrap { padding: 40px 0;   }
	#page_wrap.wall					 { padding: 10px 0;   }
	#page_wrap.ribbon 				 { padding-top: 10px; }

	.admin-bar #header { top: 0; }

	/* Header
	======================================== */

	#header:not(.transparent), #footer { position: relative; }

	.btn-search-icon { line-height: 23px; }

	/* Isotope
	======================================== */

	.inner_j_item .title { font-size: 18px; }

}

@media screen and (min-width: 993px) and (max-width: 1200px) {

	/* General Elements
	======================================== */

	.extended_wrap iframe { height: 245px; }

	/* Header
	======================================== */

	.horizontal_menu_type .logo { width: 30%; }

	/* Isotope
	======================================== */

	[class*="isotope_container"].grid-columns-2 .isotope_item,
	[class*="isotope_container"].grid-columns-3 .isotope_item,
	[class*="isotope_container"].grid-columns-4 .isotope_item,
	[class*="isotope_container"].grid-columns-5 .isotope_item,
	[class*="isotope_container"].grid-columns-6 .isotope_item { width: 33.33333%; }

	#main [class*="isotope_container"].grid-columns-2 .isotope_item,
	#main [class*="isotope_container"].grid-columns-3 .isotope_item,
	#main [class*="isotope_container"].grid-columns-4 .isotope_item,
	#main [class*="isotope_container"].grid-columns-5 .isotope_item,
	#main [class*="isotope_container"].grid-columns-6 .isotope_item { width: 50%; }

	.related_projects.grid-columns-2 .inner_j_item,
	.related_projects.grid-columns-3 .inner_j_item,
	.related_projects.grid-columns-4 .inner_j_item,
	.related_projects.grid-columns-5 .inner_j_item,
	.related_projects.grid-columns-6 .inner_j_item { width: 25%; }

	#main .related_projects.grid-columns-2 .inner_j_item,
	#main .related_projects.grid-columns-3 .inner_j_item,
	#main .related_projects.grid-columns-4 .inner_j_item,
	#main .related_projects.grid-columns-5 .inner_j_item,
	#main .related_projects.grid-columns-6 .inner_j_item { width: 33.33333%; }

	/* Blog
	======================================== */

	.md_flexbox #main .related_posts.related-columns-3 > .post-item,
	.md_flexbox #main .related_posts.related-columns-4 > .post-item
	{
		-webkit-flex-basis: 50%;
				flex-basis: 50%;
				max-width: 50%;
	}

	.md_no-flexbox #main .related_posts.related-columns-3 > .post-item,
	.md_no-flexbox #main .related_posts.related-columns-4 > .post-item
	{
		width: 50%;
	}

	#main .related_posts .post-item,
	#main .related_posts .post-item.first,
	#main .related_posts .post-item.last { padding-left: 0; }

	#main .related_posts .post-item.last { padding-right: 20px; }

	/* Banner
	======================================== */

	.joker-banner .slide_title { font-size: 40px; }
	.joker-banner .slide_desc  { font-size: 16px; }

}

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

	/* Header
	======================================== */

	#header::before { display: none; }

	.horizontal_menu_type .logo { width: auto; }

	.menu_opened #header .nav_searchform { display: none; }

	/* General Elements
	======================================== */

	.template_container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.fullscreen .page_actions {
		position: fixed;
		bottom: 50px;
		z-index: 21;
		margin-bottom: 0;
	}

	/* Navigation
	===================================== */

	#top_actions_wrap > .toggle_btn { display: none; }
	#top_actions_wrap > .mobile_btn { display: inline-block; }

	.vm_wrap, .hm_wrap { display: none; }

	/*	Mobile Menu
	/* --------------------------------- */

	.mobile-advanced {
		position: absolute;
		top: 0;
		right: -100%;
		z-index: 1500;
		overflow: hidden;
		display: block;
		width: 100%;
		height: 100%;
		background-color: #181818;
		pointer-events: none;
		-webkit-transition: all 0.6s ease;
		transition: 		all 0.6s ease;
		-webkit-transform-origin: 0% 0%;
		transform-origin: 0% 0%;
	}

	#document_wrap.active .mobile-advanced {
		pointer-events: auto;
		-webkit-transform: 	translate(-100%, 0);
		transform: 	translate(-100%, 0);
	}

		.mobile-advanced .nav_searchform {
			margin-right: 80px;
			padding: 25px 20px 0 20px;
			display: none;
		}

		.show_search_in_mobile .mobile-advanced .nav_searchform { display: block; }

		.mobile-advanced .nav_searchform button { display: none; }

		.mobile-advanced .nav_searchform input {
			padding: 7px 50px 7px 10px;
			background-color: #181818;
			border: 1px solid #0097ad;
		}

		.mobile-advanced .nav_searchform ::-webkit-input-placeholder { color: #fff; }
		.mobile-advanced .nav_searchform ::-moz-placeholder          { color: #fff; }
		.mobile-advanced .nav_searchform :-moz-placeholder           { color: #fff; }
		.mobile-advanced .nav_searchform :-ms-input-placeholder      { color: #fff; }

		.mobile-advanced > ul { padding-top: 85px; }

		.show_search_in_mobile .mobile-advanced > ul { padding-top: 25px; }

		.mobile-advanced .sub-menu,
		.mobile-advanced .submenu { display: none;}

			.mobile-advanced li,
			.mobile-advanced ul {
				display: block;
				overflow: hidden;
				list-style: none;
				width: 100%;
				backface-visibility: hidden;
			}

					.mobile-advanced li > span {
						display: block;
						padding: 10px 15px;
						color: #333;
						font-weight: 400;
					}

				.mobile-advanced li a {
					display: block;
					padding: 10px 20px 10px 30px;
					line-height: 1.15em;
					color: #cdcdcd;
					text-decoration: none;
					outline: none;
				}

				.mobile-advanced ul ul li.current-menu-item > a,
				.mobile-advanced ul ul li.current-menu-parent > a,
				.mobile-advanced ul ul li.current-menu-ancestor > a,
				.mobile-advanced ul ul li.current_page_item > a,
				.mobile-advanced ul ul li.current_page_parent > a,
				.mobile-advanced ul ul li.current_page_ancestor > a
				{
					color: #0097ad;
				}

			.mobile-advanced ul ul { margin-left: 0; }

				.mobile-advanced ul li a { position: relative; }

				.mobile-advanced > ul > li > a {
					background-color: #0097ad;
					font-weight: 400;
					font-size: 16px;
					color: #fff;
					text-transform: uppercase;
				}

				.mobile-advanced ul ul li:not(.menu-item-has-children) > a:before {
					position: relative;
					top: -2px;
					margin-right: 5px;
					font-size: 8px;
					color: #cdcdcd;
					font-family: 'fontello';
					content: "\e886";
				}

				.mobile-advanced ul ul li > a { padding-left: 40px; }

				.mobile-advanced li.menu-item-has-children > a::after,
				.mobile-advanced li.page_item_has_children > a::after
				{
					position: absolute;
					top: 20px;
					left: 12px;
					color: #fff;
					margin-top: -10px;
					font-size: 16px;
					content: "\e886";
					font-family: 'fontello';

					-webkit-transition: transform .25s ease, left .25s ease;
							transition: transform .25s ease, left .25s ease;
				}

				.mobile-advanced li.menu-item-has-children.open-menu > a:after,
				.mobile-advanced li.page_item_has_children.open-menu > a:after {
					-webkit-transform: rotate(90deg);
							transform: rotate(90deg);
				}

				.mobile-advanced > ul > li.menu-item-has-children.open-menu > a::after,
				.mobile-advanced > ul > li.page_item_has_children.open-menu > a::after {
					left: 12px;
					-webkit-transform: rotate(90deg);
							transform: rotate(90deg);
				}

				.mobile-advanced ul ul li.menu-item-has-children > a:after,
				.mobile-advanced ul ul li.page_item_has_children > a:after { left: 25px; }

				.mobile-advanced ul ul ul li > a  { padding-left: 55px; }

				.mobile-advanced ul ul ul li.menu-item-has-children > a:after,
				.mobile-advanced ul ul ul li.page_item_has_children > a:after { left: 45px; }

			#advanced-menu-hide {
				position: fixed;
				top: 25px;
				right: 30px;
				z-index: 1505;
				display: block;
				width: 40px;
				height: 40px;
				background-color: #0097ad;
				text-align: center;

				-webkit-backface-visibility: hidden;
						backface-visibility: hidden;
				-webkit-border-radius: 0;
						border-radius: 0;
			}

			.admin-bar #advanced-menu-hide { top: 71px; }

			#document_wrap.active #advanced-menu-hide {
				visibility: visible;
				pointer-events: auto;

				-webkit-transform: translateX(0);
						transform: translateX(0);
			}

			#advanced-menu-hide:after {
				color: #fff;
				content: '\e814';
				vertical-align: middle;
				text-align: center;
				font-size: 26px;
				font-family: 'fontello';
				line-height: 40px;
			}

			#top_actions_wrap > .responsive-nav-button { display: inline-block; }

		.responsive-nav-button {
			width: auto;
			height: auto;
			line-height: inherit;
		}

		.responsive-nav-button:before { line-height: inherit; }

}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 992px) {

	/* General Elements
	======================================== */

	.extended_wrap iframe { height: 185px; }

	/* Isotope
	======================================== */

	[class*="isotope_container"].grid-columns-2 .isotope_item,
	[class*="isotope_container"].grid-columns-3 .isotope_item,
	[class*="isotope_container"].grid-columns-4 .isotope_item,
	[class*="isotope_container"].grid-columns-5 .isotope_item,
	[class*="isotope_container"].grid-columns-6 .isotope_item { width: 50%; }

	.related_projects.grid-columns-2 .inner_j_item,
	.related_projects.grid-columns-3 .inner_j_item,
	.related_projects.grid-columns-4 .inner_j_item,
	.related_projects.grid-columns-5 .inner_j_item,
	.related_projects.grid-columns-6 .inner_j_item { width: 33.33333%; }

	#main .related_projects.grid-columns-2 .inner_j_item,
	#main .related_projects.grid-columns-3 .inner_j_item,
	#main .related_projects.grid-columns-4 .inner_j_item,
	#main .related_projects.grid-columns-5 .inner_j_item,
	#main .related_projects.grid-columns-6 .inner_j_item { width: 50%; }

	/* Blog
	======================================== */

	.md_flexbox .related_posts.related-columns-3 > .post-item,
	.md_flexbox .related_posts.related-columns-4 > .post-item
	{
		-webkit-flex-basis: 50%;
				flex-basis: 50%;
				max-width: 50%;
	}

	.md_no-flexbox .related_posts.related-columns-3 > .post-item,
	.md_no-flexbox .related_posts.related-columns-4 > .post-item
	{
		width: 50%;
	}

	.related_posts .post-item,
	.related_posts .post-item.first,
	.related_posts .post-item:nth-child(3n) { padding-left: 0;  }

	.related_posts .post-item,
	.related_posts .post-item.last,
	.related_posts .post-item:nth-child(2n) { padding-right: 20px; }

	.post_meta .post_meta_item {
		margin-bottom: 10px;
		width: 50%;
	}

	/* Shortcodes
	======================================== */

	.team-members .team-item { width: 50%; }

	/* Banner
	======================================== */

	.joker-banner .slide_title { font-size: 35px; }
	.joker-banner .slide_desc  { font-size: 16px; }

}

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

	.page_actions > li.fs_stay { display: none; }

	.vc_row > .wpb_column:not(:last-child) { margin-bottom: 1.5em; }

	.joker-has-gallery #header {
		height: auto;
	}

		.logo img { max-height: none; }

	/* General Classes
	======================================== */

	.alignleft:not('img'),
	.alignright:not('img'),
	a.alignleft,
	a.alignright
	{
		float: none;
		margin-left: 0;
		margin-right: 0;
	}

	.entries_nav .alignleft  { float: left; }
	.entries_nav .alignright { float: right; }

	.extended_wrap iframe { height: 130px; }

	.page_title,
	.extra-title,
	.portfolio_post > h1,
	.template_container > h1 { font-size: 30px; }

	.page_actions { position: absolute; }

	#rs_show_thumbs { display: none ;}

		.page_actions > li { display: block; }

	.inner_j_item,
	.wall_j_item
	{
		display: inline-block;
	}

	.inner_j_item ul.album,
	.gallery_isotope_container .isotope_item { text-align: center; }

	/* Shortcodes
	======================================== */

	.testimonials-area.tm-columns-2 .tm-item,
	.testimonials-area.tm-columns-3 .tm-item {
		float: none;
		width: 100%;
	}

	.team-members .team-item { width: 100%; }

	.counters > .counter { width: 100%; }

	.counters > .counter:not(:last-child) { border-right: none; }

	.wpb_wrapper > .pricing_table { margin-bottom: 40px; }

	/* General Elements
	======================================== */

	#page_wrap.sbl #main,
	#page_wrap.sbr #main,
	#page_wrap.sbl #sidebar,
	#page_wrap.sbr #sidebar { float: none;  }

	#sidebar { padding-bottom: 40px; }

	.sbr aside#sidebar::before,
	.sbl aside#sidebar::before {
		left: 0;
		top: 0;
		bottom: 0;
		right: 0;
	}

	#page_wrap, .admin-bar #page_wrap, #page_wrap.wall { padding-top: 50px; }

	/* Header
	======================================== */

	body:not(.sticky_mobile) #header,
	#footer.fullscreen {
		position: relative;
		top: 0;
	}

	#header.transparent { background-color: #181818; }

	#page_wrap.wall   { padding-top: 10px; }

	/* Widgets
	======================================== */

	.sbr .widget,
	.sbl .widget { padding: 0; }

	.cd_period {
		font-size: 28px;
		line-height: 32px;
	}

	.cd_sep {
		font-size: 24px;
		margin: 0 2px;
		vertical-align: 9px;
	}

	/* Isotope
	======================================== */

	.on_the_sides {
		font-size: 16px;
		line-height: 1em;
		text-align: left;
	}

	.on_the_sides .left_side { max-width: 100%; }

	.on_the_sides::after { display: none; }

	.on_the_sides > .right_side:last-child {
		display: block;
		text-align: right;
		padding: 10px 0;
	}

	[class*="isotope_container"].grid-columns-2 .isotope_item,
	[class*="isotope_container"].grid-columns-3 .isotope_item,
	[class*="isotope_container"].grid-columns-4 .isotope_item,
	[class*="isotope_container"].grid-columns-5 .isotope_item,
	[class*="isotope_container"].grid-columns-6 .isotope_item { width: 100%; }

	.related_projects {
		margin-left: 0;
		margin-right: 0;
		text-align: center;
	}

	.related_projects.grid-columns-2 .inner_j_item,
	.related_projects.grid-columns-3 .inner_j_item,
	.related_projects.grid-columns-4 .inner_j_item,
	.related_projects.grid-columns-5 .inner_j_item,
	.related_projects.grid-columns-6 .inner_j_item { width: 100%; }

	/* Gallery
	======================================== */

	.gallery_ribbon .ribbon_item {
		position: relative;
		display: block;
		text-align: center;
	}

	.ribbon_item .ribbon-title,
	.ribbon_item .ribbon-caption {
		display: block;
		margin-bottom: 0;
		color: #222;
		text-align: center;
		font-weight: 700;
		font-size: 20px;
		padding: 10px;
	}

	.ribbon_item .ribbon-caption {
		font-weight: 600;
		font-size: 14px;
	}

	.owl_wrap .gallery_ribbon ~ .owl-prev,
	.owl_wrap .gallery_ribbon ~ .owl-next,
	.owl_wrap .ribbon_slideshow ~ .owl-prev,
	.owl_wrap .ribbon_slideshow ~ .owl-next {
		display: none;
	}

	/* Banner
	======================================== */

	.joker-banner .slide_title { font-size: 25px; }
	.joker-banner .slide_desc  { font-size: 12px; }

	/* Blog
	======================================== */

	.sticky-post { position: relative; }

	.sticky-post::before {
		left: 100%;
		right: auto;
		border-width: 0 0 29px 19px;
		border-left-color: #ff8400;
	}

	.md_flexbox .related_posts.related-columns-3 > .post-item,
	.md_flexbox .related_posts.related-columns-4 > .post-item
	{
		-webkit-flex-basis: 100%;
				flex-basis: 100%;
				 max-width: 100%;
	}

	.md_no-flexbox .related_posts.related-columns-3 > .post-item,
	.md_no-flexbox .related_posts.related-columns-4 > .post-item { width: 100%; }

	.related_posts .post-item {
		padding-left: 0;
		padding-right: 0;
	}

	.post_meta .post_meta_item {
		margin-bottom: 10px;
		width: 50%;
	}

	.type-post {
		padding-bottom: 25px;
		margin-bottom: 25px;
	}

	/* Footer
	======================================== */

	#footer {
		padding-top: 15px;
		text-align: center;
	}

	body.fullscreen #footer { position: relative; }

	#footer .copyright,
	#footer .social_links { display: block; }

	#footer .copyright { margin-right: 0; }

		#footer .social_links > li {
			float: none;
			display: inline-block;
		}

}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

	/* General Classes
	======================================== */

	.extended_wrap iframe { height: 180px; }

	/* Isotope
	======================================== */

	[class*="isotope_container"].grid-columns-2 .isotope_item,
	[class*="isotope_container"].grid-columns-3 .isotope_item,
	[class*="isotope_container"].grid-columns-4 .isotope_item,
	[class*="isotope_container"].grid-columns-5 .isotope_item,
	[class*="isotope_container"].grid-columns-6 .isotope_item { width: 50%; }

	.related_projects.grid-columns-2 .inner_j_item,
	.related_projects.grid-columns-3 .inner_j_item,
	.related_projects.grid-columns-4 .inner_j_item,
	.related_projects.grid-columns-5 .inner_j_item,
	.related_projects.grid-columns-6 .inner_j_item { width: 50%; }

	/* Shortcodes
	======================================== */

	.testimonials-area.tm-columns-2 .tm-item,
	.testimonials-area.tm-columns-3 .tm-item { width: 50%; }

	.team-members .team-item { width: 50%; }

	.counters > .counter { width: 50%; }

	/* Protected Gallery
	======================================== */

	.protected_gallery_wrap .title { font-size: 40px; }

	.post-password-form input[type="password"] { width: 220px; }

}

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

	/* General Classes
	======================================== */

	img.alignleft,
	img.alignright
	{
		display: block;
		float: none;
		margin: 0 auto 15px;
	}

	.entries_nav, .align_right { text-align: center; }

		.entries_nav .alignleft  { float: none; margin-bottom: 15px; }
		.entries_nav .alignright { float: none; }

		.entries_nav .alignright.align_right { text-align: center; }

	/* Header
	======================================== */

	#header { text-align: center; }

		#header .logo {
			margin-bottom: 20px;
		}

		#top_actions_wrap {
			position: relative;
			top: auto;
			right: auto;
			text-align: center;
		}

	/* Isotope
	======================================== */

	.related_projects.grid-columns-2 .inner_j_item,
	.related_projects.grid-columns-3 .inner_j_item,
	.related_projects.grid-columns-4 .inner_j_item,
	.related_projects.grid-columns-5 .inner_j_item,
	.related_projects.grid-columns-6 .inner_j_item { float: none; }

	/* Protected Gallery
	======================================== */

	.protected_gallery_wrap .title { font-size: 35px; }

	.post-password-form p:first-child { font-size: 16px; }

	.post-password-form input[type="password"] { width: 180px; }

}

/* #Retina Ready
================================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144 dpi) {

	.icon_plus {
		background-image: url("../images/icon_plus@2x.png");
		background-size: 22px 22px;
	}

	.icon_play {
		background-image: url("../images/icon_play@2x.png");
		background-size: 17px 20px;
	}

	.before_after_wrap::after {
		background-image: url("../images/icon_arrow_left@2x.png"), url("../images/icon_arrow_right@2x.png");
		background-size: 32px 27px, 32px 27px;
	}

}