* {
	box-sizing: border-box;
}

body {
	margin: 0;
	font-family: Arial;
}

.icon-up {
	position: fixed;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.icon-up a {
	display: block;
	text-align: center;
	padding: 16px;
	transition: all 0.3s ease;
	color: blue;
	font-size: 20px;
}

.icon-up a:hover {
	background-color: red;
}

.logo-container {
	width: 150px;
	padding: 0;
	margin: auto;
}

.logo01 {
	width: 150px;
	padding: 0;
	margin: auto;
}

.policy-box {
	color: dimgrey;
	padding-top: 5px;
	font-size: 12px;
}

.follow {
	font-size: 18px;
}

hr {
	color: red;
	font-size: 30px;
}

.lines {
	color: dimgray;
}

.lines2 {
	color: dimgray;
	width: 50%;
	height: 30px;
}

.container-fcslide {
	max-width: 1100px;
	min-width: 400px;
	margin: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.carousel-indicators {
	padding-top: 0px;
}

.cimg01 {
	width: 100%;
}

.address-detail {
	padding: 20px;
}

.note01 {
	padding-left: 30px;
}

.boniMap {
	width: 100%;
}

input[type="text"],
select,
textarea {
	width: 100%;
	padding: 12px;
	border: 1px solid #ccc;
	border-radius: 4px;
	resize: vertical;
}

label {
	padding: 15px;
	display: inline-block;
}

input[type="submit"] {
	background-color: red;
	color: white;
	padding: 15px;
	border: none;
	border-radius: 4px;
	cursor: pointer;
	float: right;
}

input[type="submit"]:hover {
	background-color: black;
}

.container-frm {
	border-radius: 5px;
	background-color: lightgrey;
	padding: 10px;
	max-width: 1100px;
}

.col-15 {
	float: left;
	width: 15%;
	margin-top: 5px;
}

.col-25 {
	float: left;
	width: 25%;
	margin-top: 5px;
}

.col-40 {
	float: left;
	width: 40%;
	margin-top: 5px;
}

.col-50 {
	float: left;
	width: 50%;
	margin-top: 15px;
}

.col-75 {
	float: left;
	width: 70%;
	margin-top: 15px;
}

#subject {
	height: 300px;
}

.row-sub {
	float: left;
	width: 55%;
	padding: 10px;
}

.pg-title {
	padding-left: 40px;
}

.video-content {
	margin: auto;
	max-width: 1070px;
	padding: 10px;
	width: 70%;
}

.videotitle {
	font-size: 25px;
}

.video-container {
	max-width: 1100px;
	margin: auto;
	padding: 15px;
	background-color: black;
	width: 100%;
	height: auto;
}

.video-content-about {
	margin: auto;
	max-width: 1070px;
	padding: 10px;
	width: 85%;
}

.imgnewscont {
	padding: 20px;
	width: 25%;
	float: left;
}

.cont01 {
	padding: 50px;
}

.imgnews {
	padding-left: 10px;
	width: 250px;
}

.newscont2 {
	padding: 20px;
	width: 75%;
	float: right;
}

.gMapIframe {
	width: 100%;
	height: 400px;
}

/* Clear floats after the columns */
/**.row:after {
  content: "";
  display: table;
  clear: both; 
}*/

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {

	.col-25,
	.col-75,
	.container-frm,
	input[type="submit"] {
		width: 100%;
		margin-top: 0;
		padding-left: 20px;
		padding-right: 20px;
	}

	.row-sub {
		padding-left: 30px;
		padding-right: 30px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
}

@media screen and (max-width: 834px) {
	.cont01 {
		width: 100%;
	}

	.cimg01 {
		width: 90%;
		margin: auto;

		padding: 0;
	}
}

@media screen and (max-width: 960px) {
	.imgnews {
		padding: 10px 0px 10px 20px;
		max-width: 500px;
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.imgnewscont {
		padding: 10px 0px 10px 10px;
		width: 100%;
		float: none;
		margin: auto;
	}

	.newscont2 {
		padding: 20px;
		width: 100%;
		float: none;
		margin: auto;
	}

	.newscont {
		padding: 0;
		margin: auto;
		width: 100%;
	}
}

@media screen and (max-width: 575px) {
	body {
		width: 100%;
		padding: 10px;
	}

	.imgnews {
		padding: 15px;
		max-width: 500px;
		width: 90%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.container-fcslide {
		width: 100%;
		padding-right: 20px;
	}

	#myCarousel {
		width: 100%;
		padding-right: 0px;
		margin: auto;
	}
}

--------------------------------------------------- @media screen and (max-width: 960px) {
	.imgnews {
		padding: 10px 0px 10px 20px;
		max-width: 500px;
		width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

	.imgnewscont {
		padding: 10px 0px 10px 10px;
		width: 100%;
		float: none;
		margin: auto;
	}

	.newscont2 {
		padding: 20px;
		width: 100%;
		float: none;
		margin: auto;
	}

	.newscont {
		padding: 0;
		margin: auto;
		width: 100%;
	}
}

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


	.container-fcslide {
		min-width: 340px;
	}


}

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


	.container-fcslide {
		min-width: 80%;
	}


}


#myvideo2 {
	padding: 0;
	margin: auto;
	bottom: 0;
	width: 100%;
	height: 100%;
}

#modalNesne {
	width: 1200;
}

.video-container .modal {
	padding: 0;
	margin: auto;
	width: 190px;
	height: 100%;
}

.video-content {
	width: 95%;
	height: auto;
}

.card-footer {
	color: aliceblue;
	height: 100%;
}

.card-footer a {
	float: right;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px;
	text-decoration: none;
	font-size: 15px;
}

.card-footer a:hover {
	color: red;
}

.pagination a {
	margin-left: auto;
	margin-right: auto;
	color: black;
	float: none;
	padding: 10px;
	font-size: 17px;
	text-decoration: none;
	transition: background-color 0.3s;
}

.pagination a.active {
	background-color: red;
	color: white;
}

.pagination a:hover:not(.active) {
	background-color: #ddd;

}