@media only screen and (max-width: 767px) {
	.top {
		overflow: hidden;
		text-align: center;
	}

	.slide-text{
		padding: 0px 20px;
	}
}

@media only screen and (max-width: 991px) {
	.menu-kapat {
		display: block;
	}

	.menu-kapat-a{
		position: absolute;
		top: -15px;
		left: 205px;
	}

	.header .inner {display: block;}
	.header .logo {width: 100%;text-align: center;}
	.header .navbar-left {text-align: center;margin-bottom: 20px;}
	.navbar-form .form-group {display: inline-block;}
	.navbar-form button {display: inline-block;}
	.header .right {float: none;text-align: center;}
	.top .right ul{display: flex; justify-content: center;}
	.header .right ul li {float: none;display: inline-block;}
	.header form {
		margin-left: 0;
		margin-right: 0;
	}
	.sepetyazisi{
		display: none;
	}
	.top{
		background: #003863 !important;
	}

	.top .right {
		float: none;
		position: initial;
		right: 0;
		color: #6d7e87 !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 215px!important;}
}

@media only screen and (min-width: 501px) and (max-width: 700px) {
	ul.bxslider li, ul.bxslider li .text {height: 300px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 36px;}
	ul.bxslider li .text .inner h2 {font-size: 30px;}
	ul.bxslider li .text .inner h3 {font-size: 20px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 120px!important;}
}

@media only screen and (min-width: 0px) and (max-width: 500px) {
	ul.bxslider li, ul.bxslider li .text {height: 250px;}
	.bx-controls a.bx-prev,
	.bx-controls a.bx-next {font-size: 30px;}
	ul.bxslider li .text .inner h2 {font-size: 24px;}
	ul.bxslider li .text .inner h3 {font-size: 16px;}
	.bx-controls a.bx-prev, .bx-controls a.bx-next {padding-top: 100px!important;}
}
@media only screen and (min-width: 992px) {
	.product .text {
		height: 175px;
	}
	.header .inner {
		width: 100%;
	}
	.header .search-area {
		padding-right: 0;
	}
	.header .search-area form {
		padding-right: 0;
	}
	.header .container {
		padding-right: 0;
	}
}


@media only screen and (max-width: 600px) {
	.blog .image-holder {
		float: none;
		width: 100%;
	}
	.blog .text {
		float: none;
		width: 100%;
		margin-top: 15px;
	}
}