.box1 {width: 100%;float:left;background: #f5f5f5;;border-radius:6px;border: 1px solid #e9e9e9;box-shadow:0 0 20px #2b374114;padding:5px;font-size:11pt;line-height: 1.1em;margin:10px 0px;}
.widgetler {float:left;line-height: 1.1em;}
.widgetler2 {float:left;width:100%;line-height: 1.1em;}
.box3 {float:right;line-height: 1.1em;color:#ff0000;width:90px;font-size:9pt;padding-top:4px;margin-left:3px;}
.box4 {float:left;line-height: 1em;color:#333333;width:90px;font-size:1em;padding:3px;}
.widget {font-family: arial;line-height: 2em;color:#ff0000; text-align: left;font-size:15pt;}
.ustpanel {width: 100%;float:left;background: #f4f4f4;border-radius:4px;border: 1px solid #cccccc;padding:5px;font-size:11pt;line-height: 1.1em;margin-bottom:10px;clear:both;}
.ustpanel input[type="text"] {margin-left:5px; border: 1px solid #cccccc; margin-top:8px; margin-bottom:5px; width:100px;padding:5px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ustpanel input[type="submit"] {border: 0px; margin-top:8px;cursor: pointer;padding:6px;width:147px; background: #3D8FC6; color:#ffffff;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;margin-left:8px;border: 2px solid #ffffff;}
.ustpanel select{margin-left:5px; border: 1px solid #cccccc; margin-top:8px; margin-bottom:5px; width:100px;padding:5px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; background: #ffffff;}

.kutulist2{background:#ffffff;float:left;width:79px;height:180px;margin-right:5px;text-align:left;font-size:1em;border-radius:4px;line-height:1.1em;box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;}
.weather-icon2{float:left;height:60px;width:60px;margin-top:-10px;margin-left:-5px;-webkit-filter:drop-shadow(1px 1px 1px #333)}
.gunbaslik2{float:left;width:80px;color:#333;margin:5px;font-size:14pt}
.gunbaslik22{float:left;width:80px;color:#333;margin-top:3px;font-size:10pt}
.derece2{float:left;width:80px;color:red;font-size:12pt;margin:0px 5px 5px 5px;}
.gundurum2{float:left;width:80px;color:#828282;font-size:10pt;line-height:1em;margin:5px;}

.havaana1 {font-family: arial;padding:3px;min-height:80px;min-width:270px;line-height: 1em;text-align: left;font-size:11pt;margin-top:10px;clear:both;}
.kutulist1 {float:left;width:96%;text-align:left;padding:5px;font-size:1.1em;border-top:1px solid #E3E2E1;line-height:1.2em}
.havaana2 {font-family: arial;padding:3px;min-height:80px;min-width:270px;line-height: 1em;text-align: left;font-size:11pt;margin-top:10px;}
.gunbaslik1{float:left;min-width:65px;font-size:10pt}.derece1{float:left;min-width:65px;font-size:12pt;font-weight:400;margin-left:3px}.gundurum1{float:left;width:70px;font-size:10pt;margin-left:3px}.weather-icon1{float:left;height:40px;min-width:40px;margin-left:0px;margin-right:10px;-webkit-filter:drop-shadow(1px 1px 1px #333)}.widicon{float:left;height:100px;min-width:100px;margin-left:5px;margin-top:-15px;margin-right:5px;-webkit-filter:drop-shadow(1px 1px 1px #333); }
.widicon2{float:left;height:120px;width:120px;margin-bottom:-25px;margin-top:3px;margin-top:-15px;margin-right:5px;margin-left:-10px;-webkit-filter:drop-shadow(1px 1px 1px #333)}.widdurum{width:260px;line-height:1.3em;font-size:1.3em;margin-top:5px;margin-left:3px;text-shadow: 0.2px 0.2px 0px #fff, 2px 1px 1px rgba(0,0,0,0.11);}
.widdurum2 {float:left; min-width:100px; line-height:1.1em; font-size:1em;margin:5px;}
.block3{width:100%;height:160px;border-top:1px solid #FF3030;padding:5px 0px 0px 3px;line-height:1em;margin-top:5px;margin-bottom:10px;
	  display: flex;
    align-items:center;
    overflow-x: scroll;
	}
.saatlikkutu {
	float:left;
	height:125px;
    min-width: 55px;
    padding: 2px;
    text-align: left;
    font-size: 13px;
    margin: 2px;
	line-height:1.2em;
	background:rgba(242, 242, 242, 0.5);
	border:1px solid #E6E0C9;
	border-radius: 2px;
}

.saat {float:left;
width:50px; height:15px;
    font-size: 15px;
    font-weight: bold;
	margin:3px;
}

.gun {float:left;
width:50px; height:15px;
    font-size: 14px;
	margin:3px;
}

.temp {
	width:50px;
	float:left;
    font-size: 16px;
    font-weight: bold;
		margin:3px;
}

.iconweather {
	float:left;
    width: 50px;
	height:50px;
	margin:0 0 0 -10px;
}
.iconweather img{
    width: 50px;
	height:50px;
	-webkit-filter: drop-shadow(1px 1px 1px #333);
}

.kucuk {
	float:left;
    width: 98%;
	height:25px;
	margin:3px;
	font-size:12px;
	margin-left:5px;
	
}

.ozellestir {float:right;
 height:20px;
    font-size: 15px;
    font-weight: bold;
	margin:5px;
}
.ozellestir a:link { color:#333333;text-decoration:none}
.ozellestir a:visited {color:#666666;text-decoration:none}
.ozellestir a:hover {color:#999999;text-decoration:none}

textarea {
  width: 100%;
  height: 65px;
  padding: 5px 8px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #ffffff;
  font-size: 13px;
  resize: none;
}


@media ( max-width : 289px )
{
.havaana1 {font-family: arial;padding:3px;min-height:80px;min-width:200px;line-height: 1em;text-align: left;font-size:10pt;margin-top:8px;clear:both;}
.havaana2 {font-family: arial;padding:3px;min-height:80px;min-width:200px;line-height: 1em;text-align: left;font-size:10pt;margin-top:8px;clear:both;}
.kutulist1 {float:left;width:96%;text-align:left;padding:3px;font-size:1.1em;border-top:1px solid #E3E2E1;line-height:1em}

.gunbaslik1{text-shadow: 1px 1px white; float:left;width:45px;font-size:9pt}.derece1{margin-top:3px;float:left;width:40px;font-size:12pt;font-weight:400;margin-left:3px}.gundurum1{float:left;width:40px;font-size:10pt;margin-left:3px}.weather-icon1{float:left;height:35px;min-width:35px;margin-left:2px;margin-right:7px;-webkit-filter:drop-shadow(1px 1px 1px #333)}

}
@media ( max-width : 700px )
{
.box1 {width:100%;}
.box2 {width:100%;}
.box4 {width:140px;padding-top:6px;}

.ustpanel select{width:150px;margin-bottom:10px;}
.ustpanel input[type="submit"] {width:170px;}
.ustpanel input[type="submit"] {width:98%;margin-top:10px;margin-left:5px;}
.ozellestir {float:left;}
textarea {
  height: 80px;
  font-size: 11px;
}
}
}