@media only screen and (max-width: 1199px) {
	header a img { margin: 20px 20px 20px 0;}
	header ul li a{padding: 0 10px;  font-size: 16px;}
	footer a.footerLogo{margin-right: 30px;}
	footer ul.footerMenu li{padding: 0 10px;}
	.security-area {margin-top: 10px; float: none;  margin: auto; text-align: center;}
	button.refresh{float: none; margin: auto; margin-top: 10px;}
	button.send{float: none; margin-top: 38px;}
}

@media only screen and (max-width: 1024px) {
	header ul.menu{display: none;}
	span.navMenu{display: block;}
	.content-area .news-content h3{margin-top: 0;}
	.content-area{margin-top: 0pc;}
	.event-calendar .upcoming-events{margin-bottom: 20px;}
}

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

	.event-calendar .upcoming-events p{text-align: left;}
	.news-area{padding: 35px 0; margin-top: 40px;}
	#shiva{float: none;margin: auto; margin-bottom: 40px;}
	footer a.footerLogo{float: none;}
	footer a.footerLogo img{display: block;margin: auto;}
	footer ul.footerMenu{float: none;}
	footer ul.footerMenu li{float: none;}
	footer ul.footerMenu li a{text-align: center;  display: block;  font-size: 16px;  border-bottom: 1px solid#ffc97b;  padding: 20px 0;}	
	footer ul.footerMenu li:last-child a{border-bottom: none;}
	footer .adress{border: none;}
	.slider-Area .item img.mobile{display: block;}
	.slider-Area .item img.desktop{display: none;}
	.banner-Area img.mobile{display: block; width: 100%;}
	.banner-Area img.desktop{display: none;}
	img.hakkimizda{display: none;}
	.gallery a img{margin: auto; margin-bottom: 10px;}
	.content-area .news-content img{float: none; margin: auto; display: block; width: 100%; margin-bottom: 20px;}
	.content-area .news-content h3 {margin-top: 20px; text-align: center;}
	.content-area h2{text-align: center;}
	.content-area p{text-align: justify;}
	.content-area .news-content a{float: none; display: block; text-align: center;}
	.form-area p{text-align: left;}
	footer ul.footerMenu{padding: 0;}
}

@media only screen and (max-width: 460px) {
	footer .adress .adress-content{width: 100%;}
	footer .adress .adress-content p{text-align: center;}
	footer .adress .adress-content p img{float: none; margin: auto; display: block;}
	/*#demo{overflow: scroll;}*/
	#one{width: 100%!important;}
	.calendar-inner{width: 100%!important;}
	.view.view-date{width: 100%!important;}
	.calendar-ct{width: 100%!important;}/*-----------------------*/
	ol.week li{width: 50px!important;}
	.calendar ul.date-items{width: 100%!important;  margin-left: 0!important;}
	ol.days{width: 90%!important;}
	.view.view-month{width: 100%!important;}
	.calendar-display{text-indent: initial!important;}
}
@media only screen and (max-width: 380px) {
	button.refresh:hover{padding: 15px 120px;}
	button.send:hover{padding: 15px 120px;}

	ol.week li{width: 42px!important;}
	ol.days{width: 80%!important;}
	.calendar-ct{height: 450px!important;}
	#one{height: 500px!important;}
}

@media only screen and (max-width: 340px) {
	ol.week li{width: 37px!important; font-weight: 600!important;}
	ol.days{width: 75%!important;}
	.calendar-ct{height: 450px!important;}
	#one{height: 500px!important;}
	.calendar-display{font-size: 40px!important;}
	.calendar ul.date-items { width: 100%!important; margin-left: 0!important; position: relative; left: -12px;}
}