
	@media only screen and (min-width: 1026px) {

		.Menum {
			width: 100%;
			background-color: #5EA022;
			height: 65px;
			line-height: 65px;
		}

		.HomeHikaye1 {
			width: 60%;
			float: left;
		}

		.HomeHikaye2 {
			width: 40%;
			float: right;
			text-align: left;
		}


		.HomeAltSlayt1 {
			width: 45%;
			float: left;
		}

		.HomeAltSlayt2 {
			width: 52%;
			float: right;
			text-align: left;
		}
 

		.HomeHikayeleft1 {
			margin-left: 40px;
		}

		.Hesabim25 {
			width: 25%;
			float: left;
		}
		.Hesabim75 {
			width: 75%;
			float: left;
		}




		.BlogContainer {
			width: 33%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px

		}
		.BlogContainer2 {
			width: 24%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px;

		}


		.BlogBoxx {
			margin-right: 30px;
			margin-bottom: 40px;
			background-color: #fff;
			border-radius: 10px;

			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;

		}
		.BlogBoxx2 {
			margin-right: 30px;
			margin-bottom: 40px;
			background-color: #fff;
			border-radius: 10px;
			background-color: #eee;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			height: 400px;
		}
		
		.BlogOzet{
			padding-left:10px;
			padding-right:10px;
			padding-bottom:10px;
			margin-top:5px;
		}

		.headerDuyuru {
			line-height: 30px;
			background-color: #ff0000;
			justify-content: center;
			align-items: center;
			z-index: 9999999;
			top: 0;
			width: 100%;
			display: block
		}
	 

		.logom {
			width: 100%;
		}

		.GizleMin {
			display: none
		}

		.fontSize11 {
			font-size: 11px;
		}

		.fontSize12 {
			font-size: 12px;
		}

		.fontSize13 {
			font-size: 13px;
		}

		.fontSize14 {
			font-size: 14px;
		}

		.fontSize16 {
			font-size: 16px;
		}

		.fontSize18 {
			font-size: 18px;
		}

		.fontSize20 {
			font-size: 20px;
		}

		.fontSize22 {
			font-size: 22px;
		}

		.fontSize24 {
			font-size: 24px;
		}

		.fontSize35 {
			font-size: 30px;
		}
		.fontSize60 {
			font-size: 60px
		}


		.col25 {
			width: 21%;
			float: left;
			margin-top: 10px;
			margin-right: 25px;
			margin-bottom: 20px
		}
 
		.col50 {
			width: 45%;
			float: left;
			margin-top: 10px;
			margin-right: 25px;
			margin-bottom: 20px
		}
		.col75 {
			width: 75%;
			background-color: #FFF;
			float: left;
			margin-top: 10px
		}

		.col100 {
			width: 100%;
			background-color: #FFF;
			float: left;
			margin-top: 10px
		}



		.footersection2 {
			float: right;
		}

		.tasarimAlanKucult {
			width: 100%
		}

		.logoImg {
			width: 100%;
		}

		.UrunContainer {
			float: left;
			width: 19%;
			background-color: #FFF;
			margin-bottom: 50px;
			margin-left: 25px;
			margin-right: 25px;
			border-radius: 10px;
			padding-top:10px;
			padding-bottom:20px;
			padding-left:5px;
			padding-right:10px;
		}



		.UrunBoxBaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 15px;
			font-weight: 500;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunSepetEkleBtn {
			width: 70%;
			text-align: center;
			border-radius: 4px;
			text-decoration: none;
			background-color: rgb(197, 143, 0);
			cursor: pointer;
			line-height: 33px;
			border: 0px;
			margin-top: 10px;
			margin-left:auto;
			margin-right:auto;
 		}


		.SepetEkleText {
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			font-family: 'Nunito Sans', sans-serif;
			color: #fff;
		}

		.UrunFiyati {
			width: 100%;
			font-size: 18px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.BaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 16px;
			font-weight: 600;
			text-align: center;
			width: 100%;
			color: #000;
		}
		.footer1 {
			float: left;
			width: 40%;
			color: #eee;
		}

		.footer2 {
			float: left;
			width: 25%;
			color: #eee;
		}

		.footer3 {
			float: right;
			width: 35%;
			color: #eee;
		}


		.FotoGalerisiResimler {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding: 3px;
			margin: 10px;
			height: 150px;
		}


		.VideoGalerisi {
			float: left;
			max-width: 300px;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 14px;
			margin-bottom: 20px;
			padding: 10px;
			height: 200px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 95%;
			height: 150px;
		}

	}

@media screen and (min-width: 1026px) and (max-width: 1250px) {
	.UrunContainer {
		float: left;
		width: 25%;
		background-color: #FFF;
		margin-bottom: 50px;
		margin-left: 25px;
		margin-right: 25px;
		border-radius: 10px;
		padding: 10px;
	}
	.logom {
		width: 100%;
	}


}

@media screen and (min-width: 769px) and (max-width: 1025px) {


	.HomeHikaye1 {
		width: 100%;
	}

	.HomeHikaye2 {
		width: 100%;
	}

	.HomeAltSlayt1 {
		width: 100%;
	}

	.HomeAltSlayt2 {
		width: 100%;
	}

	.Hesabim25 {
		width: 25%;
		float: left;
	}

	.Hesabim75 {
		width: 75%;
		float: left;
	}

	.BlogContainer {
		width: 50%;
		float: left;
	}

	.BlogContainer2 {
		width: 24%;
		float: left;
		margin-top: 15px;
		margin-bottom: 15px
	}

	.BlogBoxx {
		margin-right: 30px;
		margin-bottom: 40px;
		background-color: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 3px 2px 7px #eee;
		box-shadow: 1px 2px 4px #eee;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}

	.BlogBoxx2 {
		margin-right: 30px;
		margin-bottom: 40px;
		background-color: #fff;
		border-radius: 10px;
		-webkit-box-shadow: 3px 2px 7px #eee;
		box-shadow: 1px 2px 4px #eee;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-ms-transition: 0.5s ease-in-out;
		-o-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
		height: 400px;
	}

	.BlogOzet {
		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		margin-top: 5px;
	}

	.fontSize10 {
		font-size: 95%
	}

	.fontSize11 {
		font-size: 95%
	}

	.fontSize12 {
		font-size: 95%
	}

	.fontSize13 {
		font-size: 95%
	}

	.fontSize14 {
		font-size: 14px;
	}

	.fontSize16 {
		font-size: 16px;
	}

	.fontSize18 {
		font-size: 16px;
	}

	.fontSize20 {
		font-size: 18px;
	}

	.fontSize22 {
		font-size: 20px;
	}

	.fontSize24 {
		font-size: 22px;
	}

	.fontSize35 {
		font-size: 28px
	}

	.fontSize60 {
		font-size: 50px
	}

	.logom {
		width: 70%;
	}

	.col25 {
		width: 21%;
		float: left;
		margin-top: 10px;
		margin-right: 25px;
		margin-bottom: 20px
	}

	.col50 {
		width: 45%;
		float: left;
		margin-top: 10px;
		margin-right: 25px;
		margin-bottom: 20px
	}

	.col75 {
		width: 75%;
		background-color: #FFF;
		float: left;
		margin-top: 10px
	}

	.col100 {
		width: 100%;
		background-color: #FFF;
		float: left;
		margin-top: 10px
	}

	.slayt {
		margin-top: 10px
	}

	.logoImg {
		width: 100%;
	}

	.BaslikText {
		font-family: 'Nunito Sans', sans-serif;
		font-size: 16px;
		font-weight: 600;
		text-align: center;
		width: 100%;
		color: #000;
	}

	.UrunContainer {
		float: left;
		width: 28%;
		background-color: #FFF;
		margin-bottom: 50px;
		margin-left: 10px;
		margin-right: 10px;
		border-radius: 10px;
		padding: 10px;
	}

	.UrunBoxBaslikText {
		font-family: 'Nunito Sans', sans-serif;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		width: 100%;
		color: #000;
	}

	.UrunSepetEkleBtn {
		width: 70%;
		text-align: center;
		border-radius: 4px;
		text-decoration: none;
		background-color: rgb(197, 143, 0);
		cursor: pointer;
		line-height: 33px;
		border: 0px;
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
	}


	.SepetEkleText {
		font-size: 14px;
		font-weight: 400;
		text-align: center;
		font-family: 'Nunito Sans', sans-serif;
		color: #fff;
	}


	.UrunFiyati {
		width: 100%;
		font-size: 18px;
		font-family: 'Nunito Sans', sans-serif;
		font-weight: 400;
		text-align: center;
		line-height: 30px;
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.footer1 {
		width: calc((100% / 3) - 1px);
		float: left;
		color: #bdbdbd;
	}

	.footer2 {
		width: calc((100% / 3) - 1px);
		float: left;
		color: #bdbdbd;
	}

	.footer3 {
		width: calc((100% / 3) - 1px);
		float: left;
		color: #bdbdbd;
	}


	.FotoGalerisiResimler {
		border: 1px solid #ccc;
		margin-top: 5px;
		padding: 3px;
		margin-right: 10px;
		width: calc((100% / 4) - 30px);
	}


		.VideoGalerisi {
			float: left;
			width: 45%;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 14px;
			margin-bottom: 20px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 75%;
			height: 200px;
		}

	}

	@media screen and (min-width: 600px) and (max-width: 768px) {

	 
		.HomeHikaye1 {
			width: 100%;
		}

		.HomeHikaye2 {
			width: 100%;
		}

		.HomeAltSlayt1 {
			width: 100%;
		}

		.HomeAltSlayt2 {
			width: 100%;
		}
		.Hesabim25 {
			width: 100%;
		}
		.Hesabim75 {
			width: 100%;
		}

		.BlogContainer {
			width: 100%;
		}
		.BlogContainer2 {
			width:50%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px
		}
		.logom {
			width: 70%;
		}

		.BlogBoxx {
			margin-right: 30px;
			margin-bottom: 40px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		.BlogBoxx2 {
			margin-right: 30px;
			margin-bottom: 40px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			height: 400px;
		}
		.BlogOzet {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			margin-top: 5px;
		}

		.fontSize10 {
			font-size: 95%
		}

		.fontSize11 {
			font-size: 95% !important
		}

		.fontSize12 {
			font-size: 12px;
		}

		.fontSize13 {
			font-size: 95%
		}

		.fontSize14 {
			font-size: 14px;
		}

		.fontSize16 {
			font-size: 16px;
		}

		.fontSize18 {
			font-size: 16px;
		}

		.fontSize20 {
			font-size: 18px;
		}

		.fontSize22 {
			font-size: 20px;
		}

		.fontSize24 {
			font-size: 22px;
		}

		.fontSize35 {
			font-size: 25px
		}
		.fontSize60 {
			font-size: 40px
		}

		.col25 {
			width: 100%;
			float: none;
		}
		.col50 {
			width: 100%;
			float: none;
		}
		.col75 {
			width: 100%;
			float: none;
			background-color: #FFF
		}

		.slayt {
			margin-top: 70px
		}

		.wa {
			font-size: 12px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'Montserrat',sans-serif
		}

		.wa2 {
			font-size: 18px;
			font-weight: 500;
			color: #fff;
			margin: 0;
			display: block;
			font-family: 'Montserrat',sans-serif;
			line-height: 30px;
			float: left;
			transition: all .2s linear
		}

		.logoImg {
			width:70%;
		}

		.BaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 16px;
			font-weight: 600;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunContainer {
			float: left;
			width: 40%;
			min-width: 150px;
			background-color: #FFF;
			margin-bottom: 30px;
			margin-left: 10px;
			margin-right: 20px;
			border-radius: 10px;
			padding: 10px
		}

		.UrunBoxBaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunSepetEkleBtn {
			width: 70%;
			text-align: center;
			border-radius: 4px;
			text-decoration: none;
			background-color: rgb(197, 143, 0);
			cursor: pointer;
			line-height: 33px;
			border: 0px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}


		.SepetEkleText {
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			font-family: 'Nunito Sans', sans-serif;
			color: #fff;
		}


		.UrunFiyati {
			width: 100%;
			font-size: 18px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.footer1 {
			width: calc((100% / 2) - 30px);
			float: left;
			color: #bdbdbd;
			margin-left: 30px;
		}

		.footer2 {
			width: calc((100% / 2) - 30px);
			float: left;
			color: #bdbdbd;
			margin-left: 30px;
		}

		.footer3 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 30px;
			clear:both;
		}


		.FotoGalerisiResimler {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding: 3px;
			margin-right: 10px;
			width: calc((100% / 4) - 30px);
		}



		.VideoGalerisi {
			float: left;
			width: 45%;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 14px;
			margin-bottom: 20px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 75%;
			height: 150px;
		}
	}

	@media screen and (min-width:480px) and (max-width: 599px) {
		

		.HomeHikaye1 {
			width: 100%;
		}

		.HomeHikaye2 {
			width: 100%;
		}
		.HomeAltSlayt1 {
			width: 100%;
		}

		.HomeAltSlayt2 {
			width: 100%;
		}
		.Hesabim25 {
			width: 100%;
		}
		.Hesabim75 {
			width: 100%;
		}

		.BlogContainer {
			width: 100%
		}
		.BlogContainer2 {
			width: 50%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px
		}

		.logom {
			width: 70%;
		}
		.BlogBoxx {
			margin-bottom: 30px;

			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		.BlogBoxx2 {
			margin-bottom: 30px;
			margin-left:10px;
			margin-right:10px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
			height: 400px;
		}

		.BlogOzet {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			margin-top: 5px;
		}


		.fontSize10 {
			font-size: 95%
		}

		.fontSize11 {
			font-size: 95% !important
		}

		.fontSize12 {
			font-size: 12px;
		}

		.fontSize13 {
			font-size: 95%
		}

		.fontSize14 {
			font-size: 14px;
		}

		.fontSize16 {
			font-size: 16px;
		}

		.fontSize18 {
			font-size: 16px;
		}

		.fontSize20 {
			font-size: 16px;
		}

		.fontSize22 {
			font-size: 18px;
		}

		.fontSize24 {
			font-size: 20px;
		}

		.fontSize35 {
			font-size: 25px
		}
		.fontSize60 {
			font-size: 35px
		}

		.col25 {
			width: 100%;
			float: none;
		}
		.col50 {
			width: 100%;
			float: none;
		}
		.col75 {
			width: 100%;
			float: none;
			background-color: #FFF
		}

		.slayt {
			margin-top: 70px
		}

		.wa {
			font-size: 12px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'Montserrat',sans-serif
		}

		.wa2 {
			font-size: 18px;
			font-weight: 500;
			color: #fff;
			margin: 0;
			display: block;
			font-family: 'Montserrat',sans-serif;
			line-height: 30px;
			float: left;
			transition: all .2s linear
		}

		.logoImg {
			width: 70%;
		}

		.UrunContainer {
			width: calc((100% / 2) - 18px);
			margin: 1px 15px 15px 2px !important;
			max-width: inherit;
			float: left;
			background-color: #FFF;
		}

		.BaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunBoxBaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunSepetEkleBtn {
			width: 80%;
			text-align: center;
			border-radius: 4px;
			text-decoration: none;
			background-color: rgb(197, 143, 0);
			cursor: pointer;
			line-height: 33px;
			border: 0px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}


		.SepetEkleText {
			font-size: 14px;
			font-weight: 400;
			text-align: center;
			font-family: 'Nunito Sans', sans-serif;
			color: #fff;
		}


		.UrunFiyati {
			width: 100%;
			font-size: 18px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}

		.footer1 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 20px;
		}

		.footer2 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 20px;
		}

		.footer3 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 20px;
			margin-top: 30px;
		}


		.FotoGalerisiResimler {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding: 3px;
			margin-right: 10px;
			width: calc((100% / 2) - 20px);
		}



		.VideoGalerisi {
			float: left;
			width: 45%;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 14px;
			margin-bottom: 20px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 95%;
			height: 180px;
		}

	}

	@media screen and (min-width:400px) and (max-width: 479px) {
 
		.HomeHikaye1 {
			width: 100%;
		}

		.HomeHikaye2 {
			width: 100%;
		}
		.HomeAltSlayt1 {
			width: 100%;
		}

		.HomeAltSlayt2 {
			width: 100%;
		}
		.Hesabim25 {
			width: 100%;
		}
		.Hesabim75 {
			width: 100%;
		}
		.BlogContainer {
			width: 100%
		}
		.BlogContainer2 {
			width: 100%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px
		}
		.logom {
			width: 70%;
		}
		.BlogBoxx {
			margin-bottom: 30px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		.BlogBoxx2 {
			height: 400px;
			margin-bottom: 30px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}

		.BlogOzet {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			margin-top: 5px;
		}


		.fontSize10 {
			font-size: 90%
		}

		.fontSize11 {
			font-size: 90% !important
		}

		.fontSize12 {
			font-size: 12px;
		}

		.fontSize13 {
			font-size: 90%
		}

		.fontSize14 {
			font-size: 14px;
		}

		.fontSize16 {
			font-size: 16px;
		}

		.fontSize18 {
			font-size: 14px;
		}

		.fontSize20 {
			font-size: 14px;
		}

		.fontSize22 {
			font-size: 18px
		}

		.fontSize24 {
			font-size: 18px;
		}

		.fontSize35 {
			font-size: 20px
		}
		.fontSize60 {
			font-size: 35px
		}

		.col25 {
			width: 100%;
			float: none;
		}
		.col50 {
			width: 100%;
			float: none;
		}
		.col75 {
			width: 100%;
			float: none;
			background-color: #FFF
		}

		.slayt {
			margin-top: 90px
		}

		.gizlebanner1 {
			display: none
		}

		.wa {
			font-size: 12px;
			font-weight: 400;
			color: #fff;
			margin: 0;
			font-family: 'Montserrat',sans-serif
		}

		.wa2 {
			font-size: 18px;
			font-weight: 500;
			color: #fff;
			margin: 0;
			display: block;
			font-family: 'Montserrat',sans-serif;
			line-height: 30px;
			float: left;
			transition: all .2s linear
		}

		.UrunContainer {
			width: calc((100% / 2) - 18px);
			margin: 1px 15px 15px 2px !important;
			max-width: inherit;
			float: left;
			background-color: #FFF;
		}

		.BaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunBoxBaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunSepetEkleBtn {
			width: 100%;
			text-align: center;
			border-radius: 4px;
			text-decoration: none;
			background-color: rgb(197, 143, 0);
			cursor: pointer;
			line-height: 33px;
			border: 0px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}


		.SepetEkleText {
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			font-family: 'Nunito Sans', sans-serif;
			color: #fff;
		}


		.UrunFiyati {
			width: 100%;
			font-size: 14px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.footer1 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 5px;
		}

		.footer2 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 20px;
		}

		.footer3 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 5px;
			margin-top: 30px;
		}
		.logoImg {
			width: 70%;
		}


		.FotoGalerisiResimler {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding: 3px;
			margin-right: 10px;
			width: calc((100% / 2) - 20px);
		}


		.VideoGalerisi {
			width: 100%;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 14px;
			margin-bottom: 20px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 95%;
			height: 200px;
		}

	}

	@media only screen and (max-width: 399px) {

		.logom {
			width: 70%;
		}

		.logoImg {
			width: 100%;
		}

		.HomeHikaye1 {
			width: 100%;
		}

		.HomeHikaye2 {
			width: 100%;
		}
		.HomeAltSlayt1 {
			width: 100%;
		}

		.HomeAltSlayt2 {
			width: 100%;
		}
		.Hesabim25 {
			width: 100%;
		}

		.Hesabim75 {
			width: 100%;
		}
		.BlogContainer {
			width: 100%
		}
		.BlogContainer2 {
			width: 100%;
			float: left;
			margin-top: 15px;
			margin-bottom: 15px
		}

		.BlogBoxx {

			margin-bottom: 30px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		.BlogBoxx2 {
			height: 400px;
			margin-bottom: 30px;
			background-color: #fff;
			border-radius: 10px;
			-webkit-box-shadow: 3px 2px 7px #eee;
			box-shadow: 1px 2px 4px #eee;
			-webkit-transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-ms-transition: 0.5s ease-in-out;
			-o-transition: 0.5s ease-in-out;
			transition: 0.5s ease-in-out;
		}
		.BlogOzet {
			padding-left: 10px;
			padding-right: 10px;
			padding-bottom: 10px;
			margin-top: 5px;
		}


		.col25 {
			width: 100%;
			float: none;
		}
		.col50 {
			width: 100%;
			float: none;
		}
		.col75 {
			width: 100%;
			float: none;
			background-color: #FFF
		}

		.slayt {
			margin-top: 90px
		}

		.wa {
			font-size: 12px;
			font-weight: 400;
			margin: 0;
			font-family: 'Montserrat',sans-serif
		}

		.wa2 {
			font-size: 14px;
			font-weight: 500;
			margin: 0;
			display: block;
			font-family: 'Montserrat',sans-serif;
			line-height: 30px;
			float: left;
			transition: all .2s linear
		}

		.UrunContainer {
			width: calc((100% / 2) - 18px);
			margin: 1px 15px 15px 2px !important;
			max-width: inherit;
			float: left;
			background-color: #FFF;
		}

		.BaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 600;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunBoxBaslikText {
			font-family: 'Nunito Sans', sans-serif;
			font-size: 14px;
			font-weight: 500;
			text-align: center;
			width: 100%;
			color: #000;
		}

		.UrunSepetEkleBtn {
			width: 100%;
			text-align: center;
			border-radius: 4px;
			text-decoration: none;
			background-color: rgb(197, 143, 0);
			cursor: pointer;
			line-height: 33px;
			border: 0px;
			margin-top: 10px;
			margin-left: auto;
			margin-right: auto;
		}


		.SepetEkleText {
			font-size: 12px;
			font-weight: 400;
			text-align: center;
			font-family: 'Nunito Sans', sans-serif;
			color: #fff;
		}


		.UrunFiyati {
			width: 100%;
			font-size: 14px;
			font-family: 'Nunito Sans', sans-serif;
			font-weight: 400;
			text-align: center;
			line-height: 30px;
			margin-top: 10px;
			margin-bottom: 10px;
		}



		.fontSize10 {
			font-size: 90%
		}

		.fontSize11 {
			font-size: 90% !important
		}

		.fontSize12 {
			font-size: 12px;
		}

		.fontSize13 {
			font-size: 90%
		}

		.fontSize14 {
			font-size: 14px;
		}

		.fontSize16 {
			font-size: 16px;
		}

		.fontSize18 {
			font-size: 14px;
		}

		.fontSize20 {
			font-size: 12px;
		}

		.fontSize22 {
			font-size: 16px;
		}

		.fontSize24 {
			font-size: 16px;
		}

		.fontSize35 {
			font-size: 18px
		}
		.fontSize60 {
			font-size: 30px
		}

		.footer1 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 5px;
		}

		.footer2 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 20px;
		}

		.footer3 {
			width: 100%;
			color: #bdbdbd;
			margin-left: 30px;
			margin-top: 5px;
		}



		.FotoGalerisiResimler {
			border: 1px solid #ccc;
			margin-top: 5px;
			padding:3px;
			margin-right:10px;
			width: calc((100% / 2) - 20px);
		}

		.VideoGalerisi {
			width: 100%;
			background-color: #fff;
			list-style-image: url(~/images/ok.png);
			list-style-position: outside;
			text-align: left;
			text-decoration: none;
			font-size: 12px;
			margin-bottom: 20px;
		}

			.VideoGalerisi:hover {
				background-color: #eee;
			}

		.VideoResimler {
			border: 2px solid #ccc;
			margin-top: 5px;
			width: 90%;
			height: 200px;
		}


	}