/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/

@media (max-width: 1199px) {
	.navbar {
		margin: -28px 0 0 0;
	}

	.navbar-nav>li>a {
		padding: 18px 5px 11px 5px;
		font-size: 13px;
	}

}

@media (min-width: 992px) and (max-width: 1199px) {

}


@media (max-width: 991px) {
	.navbar {
		margin: -28px 0 0 0;
	}

	.navbar-nav>li>a {
		padding: 18px 5px 11px 5px;
		font-size: 13px;
	}

	.nav>li:last-child {
		padding: 0px;
		position: absolute;
		right: 0px;
		bottom: -57px;
	}

	.bagis-box {
		font-size: 20px;
	}

	.page_bg {
		margin-bottom: 20px;
	}

	footer {
		background-repeat-y: repeat;
	}

	.circle-list {
		min-height: 180px;
	}

	.mt-mb-0 {
		margin-top: 20px;
	}

	.yedek-uye li {
		width: 33%;
	}


}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}

	.nav>li {
		padding-left: 40px;
	}

	.navbar-nav>li:first-child {
		padding-left: 40px;
	}

	.nav>li:last-child {
		width: 100%;
		padding-left: 20px;
	}

	.adress_box {
		margin: 0;
	}

	.logo {
		text-align: center;
	}

	.shadow-box {
		margin-bottom: 40px;
	}

	.list-three-box li {
		padding: 0 15px;
	}

	.content-image img {
		width: 100%;
	}
	
	.yedek-uye li {
		width: 50%;
	}


}

@media (min-width: 480px) and (max-width: 767px) {

}

@media (max-width: 479px) {
	.footer-line { text-align: center; }
	.footer-line span {
		float: none;
		margin-bottom: 10px;
		display: block;
	}
	.footer-line p {
		float: none;
	}

	.yedek-uye li {
		width: 100%;
	}
}