@charset "utf-8";
/* CSS Document */

.select-imsakiye{width: 200px; height: 36px;}

.bar{ font-family: 'Epilogue-Light';
background:#064b39;
color:#fff;
display:flex; justify-content: center;
align-items:center;
gap:8px;
padding:6px 8px;
flex-wrap:wrap;
 
}

.logo-imsakiye{font-weight:bold;font-size:13px}

.tarih{
font-size:10px;
opacity:.9;
margin-left:4px;
}

select{padding:4px;border-radius:4px;border:none;font-size:12px}

.vakit{
width:60px;
height:36px;
border-radius:4px;
background:#2f6f7e;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
font-weight:bold;
line-height:1;
}

.vakit small{
font-size:9px;
opacity:.9;
font-weight:normal;
}

.vakit.pasif{
background:#9aa7ad;
opacity:.55;
}

.iftar{
  color: #064b39;
background:#fff;
padding:5px 10px;
border-radius:4px;
text-align:center;
font-size:12px;
font-weight:bold;
}

 @media (min-width:1441px)
{
	 
}

 @media (min-width:1367px) and (max-width:1440px)
 {
	 
}


@media (min-width:1281px) and (max-width:1366px)
{}

 @media (min-resolution:160dpi) and (min-width:1367px)
 {}

 @media (min-width:1025px) and (max-width:1280px) 
 {}

@media (min-width:801px) and (max-width:1024px) {}

@media (min-width:481px) and (max-width:800px){}


 @media (min-width:0px) and (max-width:480px)
 {
	 
	 .logo-imsakiye{width: calc(50% - 5px);}
	 .select-imsakiye{width: calc(50% - 5px);}
	 .iftar{width: 100%;}	 
	 .vakit{width:calc(100% / 7);}
		 
}