/******************************************************************************Max Width "1300x"*******************************************************************************/
@media (max-width: 1366px) {
}
/******************************************************************************Min Width "1200x"*******************************************************************************/
@media (min-width: 1200px) {
}
/******************************************************************************Min Width "992px"*******************************************************************************/
@media (min-width: 992px) {
}
/******************************************************************************Max Width "1270px" - Min Width "1200px"*******************************************************************************/
@media (min-width: 1200px) and (max-width: 1270px) {
}
/******************************************************************************Max Width "1199px"*******************************************************************************/
@media (max-width: 1199px) {
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
}
/* Landscape */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
}
/******************************************************************************Max Width "1199px" - Min Width "992px" IPAD YATAY*******************************************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
}
/******************************************************************************Max Width "991px"*******************************************************************************/
@media (max-width: 991px) {
}
/******************************************************************************Max Width "800px"*******************************************************************************/
@media (max-width: 800px) {
}
/* Portrait pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) {
}
/* Landspace pro */
@media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) {
}
/******************************************************************************Max Width "991px" - Min Width "768px" IPAD DIKEY*******************************************************************************/
@media (min-width: 768px) and (max-width: 991px) {
}
/******************************************************************************Min Width "768px"*******************************************************************************/
@media (min-width: 768px) {
}
/******************************************************************************Max Width "767px"*******************************************************************************/
@media (max-width: 767px) {
}
/******************************************************************************Max Width "600px" TELEFON YATAY*******************************************************************************/
@media (max-width: 812px) and (orientation: landscape) {
}
@media (max-width: 640px) {
}
/******************************************************************************Max Width "480px" TELEFON DIKEY*******************************************************************************/
@media (max-width: 480px) {
}
@media (max-width: 380px) {
}
@media (max-width: 348px) {


	.detayLinkBox .BtnBox {
		padding: 1% !important;
		margin: 5px !important;
	}

	.mobilDetayLinkBox {
		text-align: left !important;
	}
}
@media (max-width: 320px) {
}
@media (max-width: 321px) {

}
/******************************************************************************Max Width "1048px" - Min Width "768px"*******************************************************************************/
@media (min-width: 768px) and (max-width: 1048px) {
}
@media (min-width: 768px) and (max-width: 1200px) {
}
@media (max-width: 922px) {
}
@media (min-width: 768px) {
	#web-book-image {
		display: block;
	}
	#mobil-book-image {
		display: none;
	}
	.categoryName{
		display:none;
	}
	.mobilDetayLinkBox{
		display:none;
	}
	.webDetayLinkBox{
		display:block;
	}
}
@media (max-height: 612px) {
}
@media (min-width: 1430px) and (max-width: 1650px) {
}
@media (min-width: 768px) and (max-width: 1024.99px) {
}
/* Mobil Boyut */
@media (max-width: 767px) {
	.swipeDetay{
		padding:3% 8%;
	}
	.swipeBox .swiper-slide a img{
		height:100px;
	}
	.swipeBox .swiper-slide a.aktif img{
		height:120px;
	}
	.swipeBox .swiper-slide a:hover img {
		height: 120px;
	}
	.swipeBox .swiper-slide {
		margin: 0 3% !important;
	}
	.swipe-detail-mobil {
		background: #FFFFFF 0% 0% no-repeat padding-box;
		box-shadow: 1px 1px 3px #00000063;
		border-radius: 5px;
		opacity: 1;
		padding: 2% 1%;
	}

	.swipe-detail-mobil .col-md-8{
		margin-bottom:5%;
	}

	#web-book-image {
		display: none;
	}

	#mobil-book-image {
		display: block;
		margin-bottom: -30%;
	}
	.swipeDetay .dipNot{
		display:none;
	}
	.categoryName {
		display: block;
		background: transparent linear-gradient(90deg, #00A4B7 0%, #00A4B700 100%) 0% 0% no-repeat padding-box;
		border-radius: 16px 0px 0px 16px;
		opacity: 1;
		text-align: left;
		font: normal normal normal 27px/31px atrament-web;
		letter-spacing: 1.03px;
		color: #FFFFFF;
		opacity: 1;
		border-radius: 20px;
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	.categoryName .menuIcon {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		background-color: #00a4b7;
		display: inline-block;
		/*line-height: 12px;*/
		text-align: center;
		box-shadow: 3px 2px 5px #000000AD;
		border: 1px solid #FFFFFF;
		margin-left: 2px;
		margin-top: 2px;
	}

	.categoryName .menuIcon span {
		width: 18px;
		height: 18px;
		border-radius: 50%;
		background-color: #fff;
		display: inline-block;
		border: 1px solid #ffffff;
		margin-bottom: 3px;
	}

	.mobilDetayLinkBox{
		display:block;
		text-align:center;
		margin-top:10%;
	}
	.webDetayLinkBox{
		display:none;
	}

	.swipeDetay {
		padding-bottom: 50%!important;
	}

	.ebook-content{
		font-size:12px;
	}
	.detayLinkBox .BtnBox a {
		font: normal normal 600 15px/19px 'Montserrat';
		letter-spacing: 0px;
		color: #FFFFFF;
	}
	.detayLinkBox .BtnBox {
		font-weight: 500;
		font-size: 10px;
		color: #fff;
		font-family: 'Montserrat', sans-serif;
		margin: 0%;
	}
	.swipeDetay h3 {
		font: normal normal 900 18px/24px 'Montserrat Extra Bold';
		letter-spacing: 0px;
		color: #434343;
		text-align:center;
	}

	.lightLanguage {
		font: normal normal 800 18px/20px 'Montserrat Light' !important;
		color: #434343;
	}

}


