@media screen and (min-width:180px) and (max-width:1199px) {
	.wwo-content,
	.wwo-title {
		text-align: left
	}
	#header-wrapper {
		height: 500px
	}
	#wwd {height:750px;}
	#wwd-image {
		width: 100%;
		height: 300px;
		background-position: center center
	}
	#wwd-text,
	.wwo-image,
	.wwo-text {
		height: auto;
		padding: 20px;
		width: 100%
	}
	.wwo-image ul.tabs li {
		font-size: 14px
	}
	.wwo-content a,
	.wwo-title a {
		float: left
	}
	
	#gallery li {width:100%;float:left;margin:0px!important;padding:10px;box-sizing:border-box;}
	#gallery li img {width:100%;}
	
	#wweat,
	#wwpsy {
		width: 100%;
		padding: 0;
		height: 115px
	}
	#wweat h1,
	#wwpsy h2 {
		width: 100%;
		font-size: 24px;
		float: inherit;
		margin-left: 0;
		margin-top: 20px
	}
	#footer-center-full,
	#store {
		padding: 20px
	}
	#store h2 {
		font-size: 24px
	}
	#store p {
		margin-top: 10px;
		line-height: 18px
	}
	#footer-top-full>ul>li {
		width: 100%;
		height: 40px;
		line-height: 40px;
		float: inherit;
		display: block;
		font-size: 16px;
		border-bottom: 1px solid #252c32
	}
	#footer-top-full,
	nav {
		height: auto
	}
	#footer-info>li>ul>li>span,
	header .logo {
		display: none
	}
	#footer-top-full>ul {
		width: 100%;
		height: auto
	}
	#slider,
	#slider li {
		height: 402px!important
	}
	#footer-center,
	#footer-info,
	#footer-info>li>ul>li:last-child,
	#footer-logo {
		width: 100%
	}
	#footer-bottom {
		margin-bottom: 40px
	}
	#footer-links {
		width: 100%;
		margin: 30px 0
	}
	#footer-info>li>ul>li:first-child {
		width: 100%;
		border-bottom: 1px solid #2e373f
	}
	#footer-info>li:last-of-type,
	#footer-info>li>ul>li:last-of-type {
		border: none
	}
	#slider li {
		background-size: cover
	}
	.slider-text {
		width: 100%;
		left: 0;
		position: absolute;
		margin-left: 0
	}
	#slider-wrapper {
		height: 402px
	}
	.slider-text h4 {
		font-size: 24px
	}
	#header-container {
		width: 100%;
		left: -100%;
		height: 100vh;
		z-index: 9999;
		background: #2e373f;
		transition: all ease .8s;
		top: 0;
		overflow-y: scroll
	}
	.menu-close,
	.menu-open {
		position: absolute;
		right: 20px;
		font-size: 24px;
		z-index: 999;
		color: rgb(142 122 72);
	
	}
	.menu-th,
	.responsive-top {
		width: 100%;
		background: #fff
	}
	.m2,
	.menu-th {
		transition: all ease .7s
	}
	header .logo {
		width: 100%;
		padding: 20px 0
	}
	header {
		width: 100%
	}
	nav>ul>li {
		width: 100%;
		display: block;
		border-bottom: 1px solid #262d34
	}
	#tcontact-form,
	#tcontact-info {
		border: none
	}
	nav>ul>li>a {
		line-height: 40px;
		color:#fff;
	}
	nav {
		margin-top: 30px!important;
		width: 100%;
		float: left
	}
	header .logo img {
		margin-left: 32px
	}
	.menu-close {
		display: block;
		top: 16px
	}
	.menu-open {
		display: block;
		top: 36px
	}
	#duyuru li,
	#slider-wrapper,
	.menu-th,
	.responsive-top {
		position: relative
	}
	.m2 {
		left: 0!important
	}
	.responsive-top {
		display: block;
		padding: 10px;
		height: 90px
	}
	.profile-text {
		height: auto
	}
	.menu-th {
		top: 0
	}
	
	#wwo {height:1066px;}
	
	#duyuru li a,
	#duyuru time {
		position: absolute;
		top: 0;
		left: 0
	}
	nav>ul>li>ul>li {
		padding-left: 18px
	}
	#tcontact-form,
	#tcontact-info,
	#tcontact-map {
		padding: 0;
		float: inherit;
		width: 100%
	}
	#breadcumb-content {
		width: 100%;
		text-align: center
	}
	#breadcumb h1 {
		font-size: 18px;
		font-weight: 400;
		float: inherit
	}
	#breadcumb ul {
		display: none
	}
	#page-text {
		width: 100%;
		padding: 20px
	}
	#tcontact {
		width: 100%;
		display: block;
		padding: 20px
	}
	#tcontact-info li {
		padding: 10px 0
	}
	#tcontact-info li:first-child {
		padding: 20px 0 0
	}
	#tcontact-map {
		overflow: hidden;
		margin-top: 30px
	}
	#tcontact-map h3 {
		margin-bottom: 15px
	}
	#ggaleri {
		width: 100%
	}
	#ggaleri:after {
		clear: both;
		display: table;
		content: ""
	}
	#ggaleri>li {
		float: left;
		width: 100%;
		margin-bottom: 30px;
		margin-right: 0
	}
	#duyuru li,
	.profile-text {
		float: inherit;
		width: 100%
	}
	.news-galeri {
		width: 100%;
		padding: 20px;
		column-count: 2;
		column-gap: 1em
	}
	.news-galeri img {
		background-color: #eee;
		display: block;
		margin: 0 0 1em;
		width: 100%
	}
	.bsg {
		font-weight: 300!important;
		font-size: 22px;
		display: block;
		line-height: 26px;
	}
	.profile {
		width: 100%;
		height: auto;
		padding: 0px;
		margin-bottom: 20px;
	}
	.profile img {
		width: 100%;
	}
	#duyuru {
		width: 100%;
		padding: 20px
	}
	#duyuru figure {
		width: 100%;
		margin-bottom: 20px;
		height: auto
	}
	#duyuru figure img {
		width: 100%
	}
	#duyuru li {
		margin-right: 0;
		margin-bottom: 30px
	}
	#duyuru h2 {
		color: #4e524d;
		font-size: 16px;
		margin-bottom: 10px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		line-height: 22px;
		height: 45px
	}
	#duyuru time {
		font-size: 13px;
		font-weight: 700;
		background: #00918a;
		color: #fff;
		padding: 10px 20px
	}
	#duyuru li a {
		right: 0;
		bottom: 0
	}
	.responsive-top img {
		height: 70px
	}
	.photo-slide {
		position: relative!important;
		left: auto!important;
		top: auto!important
	}
	#biz-sizi {
		padding: 20px;
		font-size: 24px;
		font-weight: 300;
	}
	.news-galeri {
		height: auto!important
	}
	#colorbox {
		width: 100%!important
	}
	#colorbox img {
		width: 270px;
		height: 270px!important
	}
	#cboxContent {
		width: 270px;
		height: 290px!important
	}
	#cboxTitle label {
		position: relative;
		margin-left: -40px;
		font-size: 13px
	}
	#blog-video {
		display: inline-block;
	}
	#hastaliklar>div>a {
		display: none;
	}
	#blog {
		width: 100%;
		padding: 20px;
	}
	#blog>div {
		width: 100%;
		padding: 0;
	}
	.blog-video-baslik>ul {
		display: none;
	}
	#blog-liste {
		width: 100%;
		position: relative;
		margin-right: 0;
		top: 0;
	}
	#blog-liste>li {
		width: 100%;
		height: auto;
		margin-left: 0;
		margin-bottom: 20px;
		background: #fff;
	}
	#blog-liste>li>article {
		width: 100%;
		height: auto;
	}
	#blog-liste>li>article>figure {
		width: 100%;
		height: auto;
	}
	#blog-liste>li>article>figure>img {
		width: 100%;
	}
	#blog-liste>li>article>div {
		width: 100%;
		height: auto;
	}
	#blog>div {
		height: Auto;
	}
	#blog-liste>li>article>div>a {
		position: relative;
		margin-bottom: 20px;
		border-radius: 20px;
		display: block;
	}
	.bloglist {
		width: 100%!important;
	}
	.bloglist h3 {
		font-weight: 800;
		font-size: 18px;
		margin-bottom: 1px!important;
	}
	.bloglist p {
		color: #fff!important;
		font-size: 12px!important;
		line-height: 12px!important;
		margin-top: 10px;
	}
	.bloglist strong {
		margin-bottom: 16px;
		font-size: 12px!important;
	}
}