@media (min-width: 992px) and (max-width: 1199.98px) {
	#wrapper {
		width: 1000px;
	}
}

@media (max-width: 991.98px) {
	#wrapper {
		width: 100%;
		margin: 0;
		box-shadow: none;
	}

	#header,
	#header-wrap,
	#logo img {
		height: 100px;
		height: var(--header-height-device);
	}

	#header.full-header .container,
	.container-fullwidth {
		padding: 0 15px !important;
		margin: 0 auto;
		width: 750px !important;
	}

	.container.vertical-middle {
		width: 100% !important;
	}

	.vertical-middle + .video-wrap {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.postcontent,
	.postcontent.bothsidebar,
	.sidebar {
		width: 100%;
		margin-right: 0;
		float: none !important;
		margin-bottom: 40px !important;
		padding-bottom: 40px;
		border-bottom: 1px solid #eee;
	}

	.sidebar.col_last {
		float: none;
		margin-bottom: 0 !important;
		padding-bottom: 0;
		border-bottom: 0;
	}

	#header,
	#header-wrap,
	#header.sticky-style-2,
	#header.sticky-style-3,
	#header.sticky-style-2 #header-wrap,
	#header.sticky-style-3 #header-wrap {
		height: auto !important;
	}

	#header.sticky-style-2 #header-wrap,
	#header.sticky-style-3 #header-wrap {
		min-height: 60px;
	}

	#header.sticky-header #header-wrap {
		position: relative;
	}

	#header.transparent-header,
	#header.semi-transparent {
		border-bottom: 1px solid #f5f5f5;
		z-index: auto;
	}

	#header.transparent-header + #slider,
	#header.transparent-header + #page-title.page-title-parallax,
	#slider + #header.transparent-header,
	#header.transparent-header.floating-header + #slider,
	#header.transparent-header + #google-map {
		top: 0;
		margin-bottom: 0;
	}

	.slider-parallax .slider-parallax-inner {
		position: relative;
	}

	#logo {
		display: block;
		height: 100px;
		height: var(--header-height-device);
		float: none;
		max-width: none;
		border: 0 !important;
		padding: 0 !important;
	}

	#logo a.standard-logo {
		display: inline-block;
	}

	#primary-menu {
		display: block;
		float: none;
	}

	#primary-menu-trigger {
		opacity: 1;
		pointer-events: auto;
		top: 25px;
		top: calc((var(--header-height-device) - 50px) / 2);
		margin-top: 5px;
		right: 0;
		z-index: 1;
	}

	#primary-menu .container #primary-menu-trigger {
		top: 5px;
		right: 0;
	}

	#primary-menu > ul,
	#primary-menu > div > ul {
		display: none;
		float: none !important;
		border: 0 !important;
		padding: 0 !important;
		margin: 0 !important;
		-webkit-transition: none;
		-o-transition: none;
		transition: none;
	}

	#primary-menu > div > ul {
		padding-top: 60px !important;
	}

	body:not(.top-search-open) #primary-menu-trigger {
		opacity: 1;
		-webkit-transition: opacity 0.2s 0.2s ease, top 0.4s ease;
		-o-transition: opacity 0.2s 0.2s ease, top 0.4s ease;
		transition: opacity 0.2s 0.2s ease, top 0.4s ease;
	}

	body.top-search-open #primary-menu-trigger {
		opacity: 0;
	}

	body.side-push-panel #side-panel-trigger-close a {
		display: block;
		position: absolute;
		z-index: 12;
		top: 0;
		left: auto;
		right: 0;
		width: 40px;
		height: 40px;
		font-size: 18px;
		line-height: 40px;
		color: #444;
		text-align: center;
		background-color: rgba(0, 0, 0, 0.1);
		border-radius: 0 0 0 2px;
	}

	#primary-menu ul li {
		float: none;
		margin: 0 !important;
		text-align: left !important;
		border-top: 1px solid #eee;
	}

	#primary-menu ul li:first-child {
		border-top: 0;
	}

	#primary-menu ul > li > a,
	#primary-menu.style-2 > div > ul > li > a {
		padding: 14px 5px !important;
		border: none !important;
		margin: 0 !important;
	}

	#primary-menu
		ul:not(.windows-mobile-menu)
		li
		> a
		i.icon-angle-down:last-child {
		display: none;
	}

	#primary-menu > ul > li.sub-menu > a,
	#primary-menu > .container > ul > li.sub-menu > a {
		background-image: url('../images/icons/submenu.png');
		background-position: right center;
		background-repeat: no-repeat;
	}

	#primary-menu ul ul:not(.mega-menu-column) ul {
		top: 0 !important;
		left: 0;
	}

	#primary-menu ul ul li {
		float: none;
		margin: 0;
		border-top: 1px solid #eee;
	}

	#primary-menu ul ul li > a {
		padding: 11px 5px !important;
		font-size: 13px;
		text-transform: none;
		font-weight: 400;
	}

	#primary-menu ul ul li:hover > a {
		background-color: transparent !important;
		font-weight: 700;
		padding-left: 5px;
		color: var(--themecolor);
	}

	#side-panel-trigger{
		position: absolute;
		top: 0;
		left: auto;
		right: 15px;
		margin: 15px 0;
		margin: calc((var(--header-height-device) - 20px) / 2) 0;
		-webkit-transition: margin 0.4s ease;
		-o-transition: margin 0.4s ease;
		transition: margin 0.4s ease;
	}

	#primary-menu > div > #side-panel-trigger {
		margin: 20px 0 !important;
	}

	#side-panel-trigger {
		right: 71px;
	}


	/* Portfolio - Items
	-----------------------------------------------------------------*/

	.portfolio .portfolio-item {
		width: 33.33333333%;
	}



	/* Portfolio - Items - 1 Column - Full Width
	-----------------------------------------------------------------*/

	.device-touch .portfolio-parallax .portfolio-item .portfolio-desc,
	.device-touch .portfolio-parallax .portfolio-overlay {
		opacity: 1;
	}

	.small-thumbs .entry-title h2,
	.ievent .entry-title h2 {
		font-size: 18px;
	}

	/* Blog - Grid
	-----------------------------------------------------------------*/

	.post-grid {
		margin-right: -20px;
	}

	.post-grid .entry {
		width: 33.33333333%;
		padding-right: 20px;
	}

	/* Blog - Grid - 3 Columns
	-----------------------------------------------------------------*/

	.post-grid.grid-2,
	.post-grid.grid-3 {
		margin-right: -30px;
	}

	.post-grid.grid-2 .entry,
	.post-grid.grid-3 .entry {
		width: 50%;
		padding-right: 30px;
	}

	.post-masonry-full .entry {
		width: 33.3% !important;
	}

	.post-masonry-full.grid-3 .entry {
		width: 50% !important;
	}

	.button.button-full {
		font-size: 22px;
	}

	.button.button-full i {
		top: 3px !important;
	}

}

@media (min-width: 768px) and (max-width: 991.98px) {
	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid) .swiper-slide {
		height: var(--slider-height-md) !important;
	}

	#side-panel .aramaBox {
		width: 100%;
		top: inherit;
	}
}

@media (max-width: 767.98px) {
	body {
		padding: 0 !important;
	}

	#wrapper {
		width: 100% !important;
	}

	.content-wrap-2 {
		padding: 40px 0;
	}

	.container-fullwidth {
		margin: 0 auto;
		padding: 0 15px !important;
	}

	.one-page-arrow {
		display: none !important;
	}

	.flex-caption:not(.yasam .flex-caption){
		display: none !important;
	}

	.flex-caption h3 {
		font-size: 16px !important;
	}

	.flex-control-nav li {
		opacity: 1 !important;
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
		height: 60px;
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		display: block;
		width: 80px !important;
		height: 60px !important;
	}

	.postcontent,
	.postcontent.bothsidebar,
	.sidebar,
	.col_full,
	.col_half,
	.col_one_third,
	.col_two_third,
	.col_three_fourth,
	.col_one_fourth,
	.col_one_fifth,
	.col_two_fifth,
	.col_three_fifth,
	.col_four_fifth,
	.col_one_sixth,
	.col_five_sixth {
		width: 100%;
		margin-right: 0;
		float: none;
		margin-bottom: 50px !important;
	}

	.col_last {
		float: none;
	}


	/* Portfolio - Filter
	-----------------------------------------------------------------*/

	.portfolio-filter {
		border: none;
		border-radius: 0;
		margin-bottom: 20px;
	}

	.portfolio-filter li {
		width: 33.33%;
		margin: 0 0 20px 0 !important;
	}

	.portfolio-filter li a {
		text-align: center;
		border-left: none;
		padding: 12px 18px !important;
		border-radius: 2px !important;
	}

	.portfolio-filter li a:hover {
		color: var(--themecolor);
	}

	.portfolio-filter li.activeFilter a {
		color: #fff;
		margin: 0;
	}

	.portfolio-filter.style-2 li a,
	.portfolio-filter.style-3 li a {
		border-radius: 22px !important;
	}

	.portfolio-shuffle {
		display: none;
	}

	/* Blog
	-----------------------------------------------------------------*/

	.entry-title h2,
	.post-grid .entry-title h2 {
		font-size: 18px !important;
		font-weight: 600;
	}

	.post-grid {
		margin-right: 0 !important;
	}

	.post-grid .entry,
	.post-masonry-full.grid-3 .entry {
		float: none !important;
		width: 100% !important;
		margin-right: 0 !important;
		border-right: 0 !important;
	}

	.post-masonry-full .entry {
		padding: 40px !important;
	}

	.button.button-desc {
		padding: 20px 17px;
		font-size: 15px;
		max-width: 100%;
	}

	.button.button-desc span {
		font-size: 11px;
	}

	.tabs-responsive .tab-container {
		padding: 0 !important;
	}

	.tabs-responsive .tab-container:not(.accordion-border) {
		border: 0;
	}

	.heading-block h1 {
		font-size: 30px;
	}

	.heading-block h2 {
		font-size: 26px;
	}

	.heading-block h3 {
		font-size: 22px;
	}

	.heading-block h4 {
		font-size: 19px;
	}

	.heading-block h1 + span {
		font-size: 20px;
	}

	.heading-block h2 + span {
		font-size: 18px;
	}

	.heading-block h3 + span,
	.heading-block h4 + span {
		font-size: 17px;
	}

	.heading-block ~ p:not(.lead) {
		font-size: 15px;
	}

	/* Cookie Notifications
	-----------------------------------------------------------------*/

	#cookie-notification .container {
		padding-right: 15px;
	}

	#cookie-notification .cookie-noti-btn {
		position: relative;
		left: 0;
		display: block;
		margin-top: 20px;
	}

	/* Copyrights
	-----------------------------------------------------------------*/

	#copyrights .col_half {
		text-align: center;
	}

	#copyrights .col_half:last-child {
		display: none;
	}

	#copyrights .footer-logo {
		margin-left: auto;
		margin-right: auto;
	}

	/* ARAMA START */
	.search-box.notSidePanel {
		max-width: 340px;
	}
	.search-box.notSidePanel .arama {
		height: 46px !important;
		font-size: 15px;
	}
	.search-box.notSidePanel .arama + span {
		top: 5px;
	}

	/* ARAMA END */

	/* SIDEPANEL START */
	#side-panel .heading-block h3 {
		font-size: 16px;
	}

	#side-panel .feature-box.media-box.fbox-bg .fbox-desc {
		padding: 5px;
		font-size: 15px;
	}
	#side-panel .owl-carousel .owl-dots .owl-dot {
		margin-top: 5px;
	}
	#side-panel .search-box {
		top: 5px;
	}
	#side-panel #side-panel-trigger-close a {
		top: 0;
		right: 20px;
	}
	#side-panel .arama {
		height: 40px;
		font-size: 15px;
	}

	#side-panel .arama + span {
		top: 6px;
		font-size: 19px;
	}

	#side-panel .aramaBox {
		width: 100%;
		top: inherit;
	}
	/* SIDEPANEL END */
}

@media (min-width: 576px) and (max-width: 767.98px) {
	#header.full-header .container,
	.container-fullwidth {
		width: 540px !important;
	}

	.container.vertical-middle {
		width: 100% !important;
	}

	.full-screen:not(.force-full-screen) .container.vertical-middle {
		width: 540px !important;
	}

	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid)
		.swiper-slide {
		height: 300px !important;
		height: var(--slider-height-sm) !important;
	}

	.swiper_wrapper .slider-caption h2 {
		font-size: 2.25rem;
	}

	.swiper_wrapper .slider-caption p {
		font-size: 1.25rem;
	}

	/* Portfolio - Items
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) {
		margin: 0 -6px -6px 0;
	}

	.portfolio:not(.portfolio-1) .portfolio-item {
		padding: 0 6px 6px 0;
	}

	/* Portfolio - Items - 5 & 6 Columns
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) .portfolio-item {
		width: 50%;
	}

	/* Portfolio - Items - Descriptions
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1) .portfolio-desc {
		padding: 15px 5px 10px;
	}

	.portfolio:not(.portfolio-1) .portfolio-desc h3 {
		font-size: 16px;
	}

	.portfolio:not(.portfolio-1) .portfolio-desc span {
		font-size: 14px;
	}

	/* Portfolio - Items - Overlay
	-----------------------------------------------------------------*/

	.portfolio:not(.portfolio-1)
		.portfolio-item:hover
		.portfolio-overlay
		.portfolio-desc
		~ a {
		margin: 20px 0 0 !important;
	}

	.portfolio:not(.portfolio-1)
		.portfolio-item:hover
		.portfolio-overlay
		.portfolio-desc
		~ a.right-icon {
		margin-left: 5px !important;
		margin-right: 0 !important;
	}

	.portfolio.portfolio-nomargin,
	.portfolio.portfolio-full {
		margin: 0 !important;
	}

	.post-grid:not(.post-masonry) .entry-image iframe {
		height: 246px;
	}

	.button.button-full {
		font-size: 18px;
	}

	.button.button-full i {
		top: 2px !important;
		margin-left: 3px !important;
	}

}

@media (max-width: 575.98px) {
	.container,
	#header.full-header .container,
	.container-fullwidth {
		width: 100% !important;
	}

	#side-panel-trigger {
		right: 68px;
	}

	.swiper_wrapper:not(.force-full-screen),
	.swiper_wrapper:not(.force-full-screen):not(.canvas-slider-grid)
		.swiper-slide {
		height: 180px !important;
		height: var(--slider-height-xs) !important;
	}

	.swiper_wrapper .slider-caption h2 {
		font-size: 1.5rem;
	}

	.swiper_wrapper .slider-caption p {
		font-size: 1rem;
	}

	.portfolio-filter li {
		width: 50%;
	}

	.portfolio:not(.portfolio-1) {
		margin: 0;
	}

	.portfolio .portfolio-item {
		width: 100%;
		padding: 0;
	}

	.post-grid:not(.post-masonry) .entry-image iframe {
		height: 157px;
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs {
		height: 45px;
	}

	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li,
	.fslider:not(.flex-thumb-grid) .flex-control-nav.flex-control-thumbs li img {
		display: block;
		width: 60px !important;
		height: 45px !important;
	}

	.si-share span {
		display: none;
	}

	.button.button-full {
		font-size: 16px;
	}

	.button.button-full i {
		top: 2px !important;
		margin-left: 3px !important;
	}

	.button.button-desc {
		padding: 20px 17px;
		font-size: 15px;
		max-width: 100%;
	}

	.button.button-desc span {
		font-size: 11px;
	}
}

@media (max-width: 359.98px) {
	.search-box {
		max-width: 290px !important;
	}
	#side-panel .search-box {
		top: 25px;
	}
}

/* ----------------------------------------------------------------
	Retina CSS
-----------------------------------------------------------------*/

@media only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {
	#logo a.standard-logo,
	#header.split-menu #logo a.standard-logo {
		display: none;
	}

	#logo a.retina-logo {
		display: block;
	}

	.owl-carousel.owl-loading,
	.preloader,
	.preloader2,
	.form-process {
		background-image: url('../images/preloader@2x.gif');
		background-size: 24px 24px;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 991.98px),
	only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 991.98px),
	only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 991.98px),
	only screen and (min-device-pixel-ratio: 2) and (max-width: 991.98px),
	only screen and (min-resolution: 192dpi) and (max-width: 991.98px),
	only screen and (min-resolution: 2dppx) and (max-width: 991.98px) {
	#logo a.standard-logo {
		display: none;
	}
	#logo a.retina-logo {
		display: inline-block;
	}
}