emre hocam olmadı. yada ben doğru yere ekliyemedim. css dosyamdaki responsive ile ilgili bölümü aşağı yapiştiriyorum baya farkli telefonlara göre ölçüler ayrı ayrı yazılmış bilemedim hangisi.

/* Responsive
/*---------------------------------------------*/
@media screen and (max-width:960px) {
#page, .container { max-width: 100% }
img, embed {
max-width: 100%;
height: auto!important;
}
.ad-300 img { max-width: 100% }
.ad-125 li { max-width: 40% }
.footer-widgets #s, #sidebars #s { width: 68% }
.ad-125 img {
padding: 0;
background: #FAFAFA;
border: 0;
}
.footer-widgets #s, #sidebars #s { width: 81% }
.reply { margin-top: 0 }
}
@media screen and (max-width:900px) {
.widget-header { max-width: 70% }
nav #searchform { display: none }
}
@media screen and (max-width:865px) {
.secondary-navigation { width: 100% }
.main-navigation #navigation {
text-align: center;
border: none;
}
#navigation ul {
float: none;
display: inline-block;
}
.secondary-navigation {
padding: 5px 0;
background: none;
border-bottom: 0!important;
}
.js #navigation > ul { display: none }
.js #navigation select {
display: inline-block !important;
max-width: none;
padding: 7px 15px;
width: 98%;
color: #fff;
background: #303030;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
font-size: 12px;
border: 1px solid #000000;
margin: 0 1%;
}
}
@media screen and (max-width:760px) {
#header { margin: 0; border-left: 0; }
}
@media screen and (max-width:720px) {
.secondary-navigation a {
padding-top: 10px!important;
padding-bottom: 10px!important;
}
.article {
width: 100%;
border: none;
padding: 0;
}
.post.excerpt { margin-right: 4% }
#content_box {
padding-right: 0px;
padding-left: 0px!important;
border-right: none;
}
.sidebar.c-4-12 {
float: left;
width: 100%;
}
.f-widget { width: 44% }
.f-widget-2 { margin-right: 0 }
.ad-125 li { max-width: 45% }
.footer-widgets #s { width: 70% }
#comments { margin-right: 0 }
.flex-caption { display: none }
}
@media screen and (max-width:600px) {
.widget-header {
max-width: 94%;
float: none;
margin: 0 auto;
}
.featured-thumbnail img { width: 100% }
}
@media screen and (max-width:550px) {
.main-navigation { width: 100% }
.main-header #s { width: 85% }
.sbutton { float: right }
.f-widget { width: 95% }
footer #s { width: 65% }
.post.excerpt {
margin-right: 2.2%;
width: 48.8%;
}
#header h1, #header h2 { margin: 10px 0 10px 20px !important }
}
@media screen and (max-width:480px) {
#navigation {
margin-top: 0;
margin-bottom: 0;
}
.secondary-navigation {
width: 102%;
height: 35px;
}
.js #navigation select {
width: 96%;
margin-right: 0;
}
.related-posts li { width: 100% }
.post.excerpt { width: 98.8% }
}
@media screen and (max-width:400px) {
.main-header #s { width: 78% }
#commentform textarea { width: 90% }
}
@media screen and (max-width:300px) {
nav fieldset, .js #navigation select {
width: 100%;
float: left;
}
.main-header #s { width: 70% }
}