.logo_cover{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 99999;
	background-color: rgba(255,255,255,1);
}

.logo_cover img{
	width: 400px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 90;
}



.container{
    width: 100%;
    float: left;
    position: relative;
    margin: 0px;
}


.container_content{
    width: 1200px !important;
    float: left;
    position: relative;
	left:calc(50% - 600px)!important;
}


.content_title{
	width: 100%;
	line-height: 1.4;
	float: left;
	position: relative;
	color: #253064;
	letter-spacing: 2px;
	font-size: 35px;
	text-align: center;
	font-weight: 900;
}


.pt100{ padding-top: 100px; }
.pb100{ padding-bottom: 100px; }

.hm_hakkimizda{
	line-height: 1.8;
	font-size: 14px;
	letter-spacing: 2px;
	color: #3d3d3d;
	margin:200px 0px;
	text-align: center;
}





.tanitim_video_cont{
	width: 100%;
	padding-top: 40%;
	float: left;
	position: relative;
}

.tanitim_video_cont .video_cont{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
}

.tanitim_video_cont .video_cont:after{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	z-index: 4;
	top: 0px;
	left: 0px;
}


.tanitim_video_cont .video_cont .video_img{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	object-fit: cover;
}









.sayac_bar{
	width: 100%;
	float: left;
	position: relative;
	padding: 50px 0px;
	background-color: #253064;
}


.sayac_bar .container_content{
	display: flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	justify-content: space-between;
}

.sayac_bar .sayac{
	width:calc(25% - 40px);
	float: left;
	position: relative;
}

.sayac_bar .sayac .title{
	width:calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-size: 14px;
	letter-spacing: 1.8px;
	color: #fff;
	text-align: center;
	margin-bottom: 10px;
}

.sayac_bar .sayac .number{
	width:calc(100% - 0px);
	line-height: 1;
	float: left;
	position: relative;
	font-size: 35px;
	letter-spacing: 2px;
	font-weight: 900;
	color: #fff;
	text-align: center;
}








.bloglar{
	width: 100%;
	float: left;
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 100px 0px;
}

.bloglar .blog{
	width: calc(33.33% - 50px);
	float: left;
	position: relative;
	transition: all 250ms;
}

.bloglar .blog:hover{ transform: scale(1.05); }

.bloglar .blog .blog_img{
	width: calc(100% - 0px);
	padding-top: 60%;
	float: left;
	position: relative;
	margin-bottom: 20px;
}

.bloglar .blog .blog_img img{
	width: calc(100% - 0px);
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	object-fit: cover;
}

.bloglar .blog .blog_date_content{
	width: 50px;
	float: left;
	position: relative;
	border-right: 1px solid #7d7d7d;
	padding-right:20px;
}

.bloglar .blog .blog_date_content .gun{
	width: 100%;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 40px;
	letter-spacing: 1.5px;
	float: left;
	position: relative;
	color: #1d1d1d;
}

.bloglar .blog .blog_date_content .ay{
	width: 100%;
	line-height: 1;
	margin-bottom: 10px;
	font-weight: 900;
	font-size: 24px;
	letter-spacing: 2px;
	float: left;
	position: relative;
	text-transform: uppercase;
	color: #1d1d1d;
}

.bloglar .blog .blog_date_content .yil{
	width: 100%;
	line-height: 1;
	font-weight: 900;
	font-size: 19px;
	letter-spacing: 1.5px;
	float: left;
	position: relative;
	color: #1d1d1d;
}


.bloglar .blog .blog_content{
	width: calc(100% - 91px);
	float: left;
	position: relative;
	margin-left: 20px;
}

.bloglar .blog .blog_content .title{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-size: 18px;
	letter-spacing: 1.8px;
	font-weight: 900;
	margin-bottom: 20px;
	color: #1d1d1d;
}


.bloglar .blog .blog_content .des{
	width: calc(100% - 0px);
	line-height: 1.4;
	float: left;
	position: relative;
	font-size: 14px;
	letter-spacing: 1.8px;
	margin-bottom: 20px;
	color: #1d1d1d;
}



html#sag .bloglar .blog .blog_date_content{
	float: right;
	border-right: none;
	border-left: 1px solid #7d7d7d;
	padding-right:0px;
	padding-left:20px;
}

html#sag .bloglar .blog .blog_content{
	float: left;
	margin-left: 0px;
	margin-right: 20px;
}

html#sag .bloglar .blog .blog_content .title{ text-align: right;}
html#sag .bloglar .blog .blog_content .des{ text-align: right;}












.cozum_ortaklari{
	width: 100%;
	float: left;
	position: relative;
	background-color: #12171b;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.cozum_content{
	position: absolute;
}

.cozum_ortaklari img{
	width: 50%;
	float: right;
	position: relative;
}


.cozum_ortaklari .cozum_title{
	width: 52%;
	line-height: 1.4;
	float: left;
	position: relative;
	font-size: 40px;
	letter-spacing: 2px;
	color: #fff;
	font-weight: 900;
	margin-bottom: 30px;
}

.cozum_ortaklari .cozum_des{
	width: calc(52% - 0px);
	line-height: 1.8;
	float: left;
	position: relative;
	font-size: 14px;
	letter-spacing: 2px;
	color: #fff;
}

html#sag .cozum_ortaklari .cozum_title{ text-align: right;}
html#sag .cozum_ortaklari .cozum_des{ text-align: right;}


.cozum_ortaklari_logolar{
	width: 100%;
	float: left;
	position: relative;
	background-color: #12171b;
}

.cozum_ortaklari_logo{
	width: calc(16.66% - 1px);
	float: left;
	position: relative;
	border:1px solid #7d7d7d;
	margin-left: -1px;
}

.cozum_ortaklari_logo .col_con{
	width: 100%;
	padding-top: 70%;
	position: relative;
	top: 0px;
	left: 0px;
}

.cozum_ortaklari_logo .col_con:before{
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	background-color: #12171b;
	transition: all 250ms;
}

.cozum_ortaklari_logo .col_con:hover:before{ width: 0%; }

.cozum_ortaklari_logo .col_con .img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	object-fit: cover;
}

.cozum_ortaklari_logo .col_con .logo{
	width: 50%;
	height: 70%;
	position: absolute;
	top: 15%;
	left: 25%;
	z-index: 3;
	object-fit:contain;
}






.dunya_map_container{
	width: 100%;
	float: left;
	position: relative;
	margin: 100px 0px;
}

.dunya_map_content{
	width: 100%;
	float: left;
	position: relative;
}

.dunya_map_container .dunya_map{
	width: 80%;
	float: left;
	position: relative;
	left: 10%;
}

.dunya_map_container .dunya_map img{
	width: 100%;
	float: left;
	position: relative;
	z-index: 2;
}

.dunya_map_container .dunya_map .pin{
	width: 15px;
	height: 15px;
	position: absolute;
	background-image: url(../images/karinca_pin.png);
	z-index: 5;
	background-position: center;
    background-size: 15px 15px;
	transition: all 250ms;
	margin-top: -7px;
	margin-left: -7px;
}

.dunya_map_container .dunya_map .pin .title{
	line-height: 1;
	letter-spacing: 1.4px;
	font-size: 10px;
	text-transform: uppercase;
	background-color: #253064;
	color: #fff;
	padding: 10px;
	border-radius: 6px;
	top: -10px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: none;
}

.dunya_map_container .dunya_map .pin:hover{ z-index: 9; }
.dunya_map_container .dunya_map .pin:hover .title{ display: block; }















.video_popup{
    width: 100%;
    height: 100vh;
    position: fixed;
    background-color: rgba(0,0,0,0.5);
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 1000;
    display: none;
}

.video_popup .video_kapat{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
	background-color: rgba(0,0,0,0.2);
	z-index: 2;
}

.video_popup .side_buton{
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all 200ms;
    user-select: none;
}

.video_popup .side_buton:before{ content:''; width: 14px; height: 14px; float: left; position: relative; background-color: #3d3d3d; mask: url(../images/o5.svg) no-repeat center / contain; -webkit-mask: url(../images/o5.svg) no-repeat center / contain; }
.video_popup .side_buton:hover{ transform: scale(1.1); }
.video_popup .side_buton:active{ transform: scale(0.9); }

.video_popup .left_buton{ left: 20px; }
.video_popup .left_buton:before{ transform: rotate(180deg); }
.video_popup .right_buton{ right: 20px; }

.video_popup iframe{
    width: calc(100% - 200px);
    height: calc(100% - 200px);
    position: absolute;
    margin: 100px;
    border: none;
    outline: none;
	z-index: 4;
}












.urun{
	width: calc(25% - 20px);
	float: left;
	position: relative;
	margin:10px;
	background-color: #fff;
	box-shadow: 0 5px 6px 0 rgba(0,0,0,0.2),0 3px 10px 0 rgba(0,0,0,0.19);
	border-radius: 8px;
	transition: all 250ms;
}

.urun:hover{
	transform: scale(1.02);
	box-shadow: 0 12px 14px -10px rgba(0,0,0,0.7);
}

.urun .urun_resim{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	border-radius: 8px 8px 0px 0px;
	overflow: hidden;
	padding-top: 100%;
}

.urun .urun_resim img{ width: 100%; height: 100%; top:0px; left:0px; position: absolute; object-fit: cover; }

.urun .urun_isim{
	width: calc(100% - 20px);
	float: left;
	position: relative;
	padding: 10px;
	color:#3d3d3d;
}

.urun .urun_fiyat{
	width: calc(100% - 20px);
	float: left;
	position: relative;
	padding: 10px;
	color:#3d3d3d;
}



.duzen_m3_menu{
	float: left;
	position: relative;
	text-align: center;
}





.tanitim_tablar{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}


.tanitim_tab_ad{
	float: left;
	position: relative;
	text-align: center;
}

.tanitim_tab_pay_s{ padding: 7px; margin: 3px; }
.tanitim_tab_pay_m{ padding: 10px; margin: 5px; }
.tanitim_tab_pay_l{ padding: 12px; margin: 5px; }
.tanitim_tab_pay_xl{ padding: 14px; margin: 7px; }
.tanitim_tab_pay_xxl{ padding: 18px; margin: 8px; }

















.duzen_pt_0{ padding-top:0px; }
.duzen_pt_1{ padding-top:50px; }
.duzen_pt_2{ padding-top:100px; }
.duzen_pt_3{ padding-top:150px; }
.duzen_pt_4{ padding-top:200px; }
.duzen_pt_5{ padding-top:250px; }

.duzen_pb_0{ padding-bottom:0px; }
.duzen_pb_1{ padding-bottom:50px; }
.duzen_pb_2{ padding-bottom:100px; }
.duzen_pb_3{ padding-bottom:150px; }
.duzen_pb_4{ padding-bottom:200px; }
.duzen_pb_5{ padding-bottom:250px; }



.tanitim_content{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	left: 0px;
	margin-left: 0px;
	display: flex;
	justify-content: center;
	overflow: hidden;
}

.duzen_pddng{ padding: 150px 0px;}

.tanitim_ic_content{
    width: 1200px !important;
	float: left;
	position: relative;
}

.tanitim_zemin_resim{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}






.model_2_resim_content{
	width: 30%;
	float: left;
	position: relative;
}

.model_2_resim{
	float: left;
	position: relative;
}

.model_2_img{
	width: 100%;
	height: 100%;
	float: left;
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.model_2_content{
	width: calc(70% - 40px);
	float: left;
	position: relative;
	margin-left: 40px;
}

.model_2_text{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	z-index: 2;
}

.model_2_1_resim_content{ float:right; }
.model_2_1_content{ margin-right: 40px; float:left; margin-left: 0px; }





.model_1_resim{
	width: 100%;
	float: left;
	position: absolute;
}

.tanitim_ad_model_1{ position: absolute !important;}





.ara_bosluk{ display: flex; align-items: center; justify-content: center;}

.ara_bosluk_ic{
	width: 100%;
	height: 0;
	display:flex; align-items:center; justify-content:center;
}

.ara_bosluk_ic:before{ display: inline-block;}





















.duzen_slide_cl{
	width: calc(25% - 14px);
	float: left;
	position: relative;
	margin: 7px;
	box-shadow: 0 5px 6px 0 rgb(0 0 0 / 20%), 0 3px 10px 0 rgb(0 0 0 / 19%);
	padding-bottom:40px;
	background-color: #fff;
}

.duzen_slide_cl .slide_img{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	object-fit:cover;
}

.duzen_slide_cl .slide_text{
	width: calc(100% - 10px);
	max-height: 150px;
	float: left;
	position: relative;
	margin:10px 5px 0px 5px;
	overflow: hidden;
}

.duzen_slide_cl .slide_text:before{
	content: '';
	width: calc(100% - 0px);
	height: 25px;
	float: left;
	position: absolute;
	bottom:0px;
	background-image: linear-gradient(transparent,#fff);
}

.duzen_slide_cl .tab_butonlar{
	width: calc(100% - 0px);
	float: left;
	position: absolute;
	bottom:0px;
}




.slide_onizle{
    width: 100%;
    float: left;
    position: relative;
}

.slide_content{
    width: calc(100% - 0px);
    float: left;
    position: relative;
}

.slide_ic_content{
    width: calc(100% - 80px);
    float: left;
    position: relative;
    margin:0px 40px;
    overflow: hidden;
	padding: 15px 0px;
	z-index: 1;
}

.slide_onizle .sld_stun{
    float: left;
    position: absolute;
    z-index: 1;
    transition: all 250ms;
}

.true_sld{ z-index: 2!important;}
.aktif_sld{left: 0px!important;}

.cl1{ width: 100%; }
.cl2{ width: 50%; }
.cl3{ width: 33.33%; }
.cl4{ width: 25%; }
.cl5{ width: 20%; }
.cl6{ width: 16.66%; }
.cl7{ width: 14.28%; }
.cl8{ width: 12.5%; }


.nx_but{ right: -0px; }
.pv_but{ left: -0px; transform: rotateY(180deg); }

.slide_yon_buton{
    position: absolute;
    top:calc(50% - 13px);
    width: 50px;
    height: 50px;
	display: flex;	align-items: center;	justify-content: center;
	cursor: pointer;
	transition: all 100ms;
	z-index: 2;
	opacity:0.6;
}

.slide_yon_buton:before{ display: inline-block; position: relative; content:''; }

.slide_yon_buton:active{ transform: scale(1.05); }
.slide_yon_buton.pv_but:active{transform: rotateY(180deg) scale(1.05); }

.slide_content:hover .slide_yon_buton{ opacity:1; }

.slide_urun{
    float: left;
    position: relative;
}

.slide_urun.cl1{ width: calc(100% - 20px); margin:0px 10px; }
.slide_urun.cl2{ width: calc(50% - 40px); margin:0px 20px;  }
.slide_urun.cl3{ width: calc(33.33% - 30px); margin:0px 15px;  }
.slide_urun.cl4{ width: calc(25% - 20px); margin:0px 10px;  }
.slide_urun.cl5{ width: calc(20% - 20px); margin:0px 10px;  }
.slide_urun.cl6{ width: calc(16.66% - 20px); margin:0px 10px;  }
.slide_urun.cl7{ width: calc(14.28% - 20px); margin:0px 10px;  }
.slide_urun.cl8{ width: calc(12.5% - 20px); margin:0px 10px;  }


.slide_icerik{
	float: left;
	position: relative;
	overflow: hidden;
}

.slide_icerik_zemin{
	width: 100%;
	height: 100%;
	float: left;
	position: absolute;
	top:0px;
	right: 0px;
	bottom:0px;
	left: 0px;
	z-index: 0;
}


.slide_icerik_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	background-position-x:center;
	overflow:hidden;
	background-position:center;
}

.slide_icerik_zemin:after{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:absolute;
}

.slide_icerik .slide_icerik_img{
	width: 100%;
    float: left;
    position: relative;
	object-fit:cover;
	z-index: 2;
}

.slide_icerik .slide_icerik_img .hp_slide_ic_resim{
	width: 100%;
	float: left;
    position: relative;
}

.slide_icerik .slide_icerik_img .hp_slide_ic_resim img{
	width: 100%;
	height: 100%;
	top:0px;
	left:0px;
    position: absolute;
	object-fit:cover;
}

.slide_icerik .slide_icerik_text{
	width: 100%;
    float: left;
    position: relative;
	z-index: 2;
	margin-top:10px;
}


.margin_sv1{ margin:0px 1%; }
.margin_sv2{ margin:0px 2%; }
.margin_sv3{ margin:0px 3%; }
.margin_sv4{ margin:0px 4%; }
.margin_sv5{ margin:0px 5%; }
.margin_sv6{ margin:0px 6%; }








































.container_urunler{
	float: left;
	position: relative;
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	margin-top:20px;
}


.tanitim_ad_col{
	width: calc(100% - 0px);
	float: left;
	position: relative;
	margin-bottom:25px;
}


.tanitim_ad{
	line-height: 1.3;
	float: left;
	position: relative;
	z-index: 2;
}

.duzen_ad_zemin{
	width:100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top:0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}


.duzen_ad_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	overflow:hidden;
	background-position:center;
	background-repeat: no-repeat;
}

.duzen_ad_zemin:after{
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	position:absolute;
}





.tntm_font_s{ font-size:15px;}
.tntm_font_m{ font-size:19px;}
.tntm_font_l{ font-size:24px;}
.tntm_font_xl{ font-size:30px;}
.tntm_font_xxl{ font-size:35px;}

.tanitim_ad_orta{ display: flex; justify-content: center; }
.tanitim_ad_orta .tanitim_ad{ text-align: center; }

.tanitim_ad_sol{ display: flex; justify-content: flex-start; }
.tanitim_ad_sol .tanitim_ad{ text-align: left; }

.tanitim_ad_sag{ display: flex; justify-content: flex-end; }
.tanitim_ad_sag .tanitim_ad{ text-align: right; }


.tanitim_urun_100{ width:calc(100% - 0px); margin:0px; height: 100%;}

.tanitim_urun_s{ width:calc(16.66% - 20px);}
.tanitim_urun_m{ width:calc(20% - 20px);}
.tanitim_urun_l{ width:calc(25% - 20px);}
.tanitim_urun_xl{ width:calc(33.33% - 20px);}


.duzen_metin{
	width: 100%;
	float: left;
	position: relative;
	z-index: 1;
}

.duzen_metin_zemin{
	width:100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top:0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	overflow: hidden;
}

.duzen_metin_zemin:before{
	top:-15px;
	left:-15px;
	right:-15px;
	bottom:-15px;
	position:absolute;
	background-size: cover;
	background-attachment: fixed;
	background-position:center;
	overflow:hidden;
	background-repeat: no-repeat;
}

.duzen_metin_zemin:after{
	width:100%;
	height:100%;
	position:absolute;
}






@media screen and (max-width: 1280px), screen and (max-device-width: 1280px) { 

	.container_content{ width: 980px!important; left:calc(50% - 490px)!important;}
	.tanitim_ic_content{ width: 980px !important; }

	.cl7{ width: 16.66%; }
	.cl8{ width: 14.28%; }

	.slide_urun.cl7{ width: 16.66%; }
	.slide_urun.cl8{ width: 14.28%; }

	
	
	.dunya_map_container .dunya_map{
		width: 100%;
		left: 0%;
	}
		
	.dunya_map_container .dunya_map .pin{
		width: 12px;
		height: 12px;
		background-size: 12px 12px;
		margin-top: -6px;
		margin-left: -6px;
	}

}





@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {

	.container_content{ width:760px!important; left:calc(50% - 380px)!important;}
	.tanitim_ic_content{ width: 760px !important; }
	/*
		.slide_ic_content{
			width: calc(100% - 60px);
			margin:0px 30px;
		}
	*/

	.bloglar{
		flex-wrap: wrap;
		-ms-flex-wrap: wrap;
	}

	.bloglar .blog{
		width: calc(100% - 0px);
		margin-bottom: 70px;
	}

	.cozum_ortaklari{
		display: block;
		padding-top: 100px;
	}

	.cozum_ortaklari .cozum_title{ width: 80%; margin-bottom: 15px; }
	.cozum_ortaklari .cozum_des{ width: 80%; }
	.cozum_ortaklari img{ width: 70%; }
	.cozum_content{	position: relative; }

	.dunya_map_content{
		height: 550px;
		overflow-x: scroll;
	}

	.dunya_map_container .dunya_map{
		width: auto;
		height: 550px;
	}

	.dunya_map_container .dunya_map img{
		width: auto;
		height: 550px;
	}
		
	.dunya_map_container .dunya_map .pin{
		width: 10px;
		height: 10px;
		background-size: 10px 10px;
		margin-top: -5px;
		margin-left: -5px;
	}

}





@media screen and (max-width: 800px), screen and (max-device-width: 800px) {

	.container_content{ width: calc(100% - 20px)!important; left:calc(10px - 0px)!important; }
	.tanitim_ic_content{ width: calc(100% - 20px)!important;}

		
	.cozum_ortaklari_logo{
		width: calc(33.33% - 1px);
		margin-left: -1px;
		margin-top: -1px;
	}


	.tanitim_urun_s{ width:calc(25% - 20px);}
	.tanitim_urun_m{ width:calc(33.33% - 20px);}

}








@media screen and (max-width: 736px), screen and (max-device-width: 736px) { 

	.tntm_font_l{ font-size:19px;}
	.tntm_font_xl{ font-size:22px;}
	.tntm_font_xxl{ font-size:26px;}

	.cl5{ width: 33.33%; }
	.cl6{ width: 25%; }
	.cl8{ width: 20%; }

	.slide_urun.cl5{ width: calc(33.33% - 20px); }
	.slide_urun.cl6{ width: calc(25% - 20px); }
	.slide_urun.cl8{ width: calc(20% - 20px); }


	.tanitim_urun_l{ width:calc(50% - 20px);}

}








@media screen and (max-width: 640px), screen and (max-device-width: 640px) {

		


	.sayac_bar{
		padding: 30px 0px;
	}

	.sayac_bar .sayac{
		width:calc(50% - 30px);
		margin: 30px 0px;
	}

	.sayac_bar .sayac .title{
		line-height: 1.4;
		letter-spacing: 1.5px;
		margin-bottom: 10px;
	}

	.sayac_bar .sayac .number{
		font-size: 30px;
		letter-spacing: 2px;
	}



	.cl3{ width: 100%; }
	.cl4{ width: 50%; }
	.cl6{ width: 33.33%; }
	.cl7{ width: 25%; }
	.cl8{ width: 25%; }

	.slide_urun.cl3{ width: calc(100% - 30px); }
	.slide_urun.cl4{ width: calc(50% - 20px); }
	.slide_urun.cl6{ width: calc(33.33% - 20px); }
	.slide_urun.cl7{ width: calc(25% - 20px); }
	.slide_urun.cl8{ width: calc(25% - 20px); }


	.tanitim_urun_xl{ width:calc(100% - 20px);}


	.model_2_resim_content{ width: 70%; margin-left: 20px; margin-bottom:30px;	}
	.model_2_1_resim_content{ float: right; margin-right: 20px; 	}
		
	.model_2_content{
		width: calc(100% - 40px);
		margin-left: 20px;
	}

}






@media screen and (max-width: 533px), screen and (max-device-width: 533px) {

	.tntm_font_xl{ font-size:21px;}
	.tntm_font_xxl{ font-size:23px;}

	.cl5{ width: 50%; }
	.cl7{ width: 33.33%; }
	.cl8{ width: 33.33%; }

	.slide_urun.cl2{ width: calc(100% - 30px); margin:0px 15px;  }
	.slide_urun.cl5{ width: calc(50% - 20px); }
	.slide_urun.cl7{ width: calc(33.33% - 20px); }
	.slide_urun.cl8{ width: calc(33.33% - 20px); }



	.tanitim_urun_s{ width:calc(33.33% - 20px);}
	.tanitim_urun_m{ width:calc(50% - 20px);}
	
}











@media screen and (max-width: 460px), screen and (max-device-width: 460px) {

	.cl4{ width: 100%; }
	.cl5{ width: 100%; }
	.cl6{ width: 50%; }

	.slide_urun.cl4{ width: calc(100% - 20px); }
	.slide_urun.cl5{ width: calc(100% - 20px); }
	.slide_urun.cl6{ width: calc(50% - 20px); }



	.tanitim_urun_s{ width:calc(50% - 20px);}
	.tanitim_urun_m{ width:calc(50% - 20px);}
	.tanitim_urun_l{ width:calc(100% - 20px);}
}












@media screen and (max-width: 380px), screen and (max-device-width: 380px) {

	.cl6{ width: 100%; }
	.cl7{ width: 50%; }

	.slide_urun.cl6{ width: 100%; }
	.slide_urun.cl7{ width: 50%; }


	.tanitim_urun_m{ width:calc(100% - 20px);}


	
	.model_2_resim_content{ width: 85%;	}
		
}