@media only screen and (max-width:1366px) {
.genel { width:98%; }
.divfirst { width:25%; height:956px; float:left; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.welcomebaslik { height:170px; }
.divsecond { width:75%; overflow:auto;  float:left; background-color:#2f2e2a;}
.welcome { height:500px; width:100%; margin:30px;}
}
@media only screen and (min-width : 1080px) and (max-width:1270px) {

.genel { width:100%; }
.divfirst { width:25%; height:956px; float:left; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.divsecond { width:75%; overflow:auto;  float:left; background-color:#2f2e2a;}
.welcomebaslik { height:170px; }
.welcome { height:500px; width:90%; margin:0 auto;}
}

@media only screen and (max-width : 1024px) {
.genel { width:980px;  }
.divfirst { width:27%; height:986px; float:left; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.divsecond { width:73%; overflow:auto;  float:left; background-color:#2f2e2a;}
.browseright { float:right; width:43%; margin-top:10px;}
.welcomebaslik { height:180px; }
.welcome { height:580px; width:90%; margin:10px; }
.welcomealt strong { display:block;}

}




@media only screen and (max-width:767px){
.genel { width:700px;   }
.divfirst { width:100%; height:986px; float:none; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.divsecond { width:100%; overflow:auto;  float:none; background-color:#2f2e2a;}
.browseright { float:right; width:45%; margin-top:10px;}
.browse { height:200px; width:90%; margin:15px;}
.welcomebaslik { height:170px; }
.welcome { height:650px; width:90%; margin:15px;}
.welcomealt strong { display:block;}
.browseright { float:none; width:100%; margin-top:10px;}
}


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

.genel { width:400%;  }
.divfirst { width:100%; height:986px; float:none; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.divsecond { width:100%; overflow:auto;  float:left; background-color:#2f2e2a;}
.browseright { float:none; width:100%; margin-top:10px;}
.browse { height:200px; width:90%; margin:10px;}
.welcomebaslik { height:230px;  }
.welcome { height:700px;width:90%; margin:10px;}
.welcomealt strong { display:block;}
}


@media only screen and (max-width : 320px) {
.genel { width:100%;  }
.divfirst { width:100%; height:986px; float:none; background-image:url(images/leftbg.png); background-repeat:repeat;  }
.divsecond { width:100%; overflow:auto;  float:none; background-color:#2f2e2a;}
.browseright { float:none; width:100%; margin-top:10px;}
.browse { height:300px; width:100%; margin:0px;}
.welcomebaslik { height:300px;  }
.welcome { height:1100px;width:100%; margin:0px;}
.welcomealt strong { display:block;}
}