/* tamamı */

body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
            padding: 30px;
            padding-left:0;
            margin-left:0;
            
        }

#genel{
    width:100%;
    height:100%;
    padding:0.5em;
}

#header{
    height:1em;
    background-color: rgb(174, 171, 171);
    border-radius: 5px;
}
#tdfooter{
    background-color: rgb(174, 171, 171);
    border-radius: 5px;
}
#siteismi{
    float:left;
    width:5em;
    color:rgb(0, 0, 0);
    font-weight: bolder;
    font-size:3em;
    margin-top:0.7em;
    
}
#header #sikayet{
    float:right;
    margin-right:1em;
    margin-top:1.5em; 
    font-size:1.5em;
    font-weight: bolder;
    text-decoration: none;
    border:4px solid black;
    color:black;
    padding:5px;
    background-color: rgb(217, 215, 215);
}
#header #sikayet:hover{
    box-shadow: 0 0px 100px rgba(255, 0, 0, 0.8);
}

#bannerreklam{
    height:100px;
    margin-bottom:8em;
    width:15em;
    
    
}
#w320{
        display: none;
    }
#w468{
        display: none;
    }
#w728{
    display:block;
}
#main{
    display:block;
    max-width: 78em;
    border : 5px dotted black;
}
#main #baslik{
    font-size:2em;
    font-weight: bolder;
    margin:30px 0 10px 30px;
    float:left;
}
#main #altbutton{
    float:right;
    padding:5em 1em 10px 0;
}
#indirbuton{
    font-size:1em;
    font-weight: bolder;
    border:4px solid black;
    color:black;
    padding:5px;
    background-color: rgb(217, 215, 215);
    margin-right:20px;
}
#sikayetbuton{
    font-size:1em;
    font-weight: bolder;
    border:4px solid black;
    color:black;
    padding:5px;
    background-color: rgb(217, 215, 215);
    margin-right:20px;
    text-decoration: none;
}
#tdsagreklam{
    width:220px;
    height:600px;
}
#sagreklam{
    width:220px;
    height:600px;
    float:right;
}
#videolar{
    margin-top:30px;
}
.videokutusu{
    border:5px solid rgb(147, 144, 144);
    margin: 10px;
    margin-left:24em;
    background-color: black;

    
}
.videokutusu:hover{
    border:10px solid rgb(147, 144, 144);
}

#iletisim{
    float:right;
    clear:both;
    font-size:1em;
    font-weight: bolder;
    border:4px solid black;
    color:black;
    padding:5px;
    background-color: rgb(217, 215, 215);
    margin-right:5em;
    width:8em;
    text-decoration: none;
    text-align: center;
}
#fmetin{
    font-weight: bolder;
    font-size:2em;
}
#sikayetform{
    margin-left:0em;
    font-size: 2em;
    text-align: center;
}
#sikayetform input{
    width:30em;
    border-radius: 5em;
}

#izledivi{
    position: fixed;
    top:0;
    right:0em;
    z-index: 9999;
    background-color: rgba(128, 128, 128, 0.379);
    width:100%;
    height:100%;
}

#kapatBtn {
    position: absolute;
    top: 25px;
    right: 6em;
    font-size: 60px;
    color: white;
    cursor: pointer;
    z-index: 10000;
    border: 3px solid white;
    padding:10px;
    width:35px;
    

}


#anasyfmain h2{
    text-align: center;
}






@media (min-width:320px) and (max-width:440px){
    #siteismi{
        font-size: 2em;
    }
    #header #sikayet{
        margin-top: 2.5em;
        font-size: 10px;
    }

    #bannerreklam{
        height:8em;
        max-width:320px !important;
        width:19em;
        margin-bottom:9em;
    }
    
    #w728{
        display: none !important;
    }
    #w468{
        display: none;
    }
    #w320{
        display:block;
}
    

    #sagreklam{
        width:140px;
        background-color: black;
    }
    #main #baslik{
        font-size:20px;
        margin:10px 0 0 0 ;
    }
    #indirbuton{
       
       
        margin-left:30px;
        
        
    }
    #sikayetbuton{
        
        display:inline-block;
        margin:10px 0 0 35px;
    }
    #fmetin{
        font-size:15px;
    }
    #iletisim{
        margin-right:0;
    }

    #izledivi{
        top:0;
        left:0;
        right:0;
        padding:20px;
    }
    #izledivi .videokutusu{
        margin:0 0 0 20px;
        width: 350px!important;
        height: 700!important;
    }
    #izledivi #kapatBtn{
        left:5.5em;
        top:0.5em;
        
        
    }

}






/* ----------------------------------------------------------- */

@media (min-width:440px) and (max-width:600px){
    #siteismi{
        font-size: 2em;
    }
    #header #sikayet{
        margin-top: 2.5em;
        font-size: 10px;
    }
    #bannerreklam{
        height:8em;
        width:300px;
    }
    #w320{
        display: none;
    }
    #w728{
        display: none;

    }
    #w468{
    display:block;
}
    #sagreklam{
        width:150px;
        background-color: black;
    }
    #main #baslik{
        font-size:20px;
        margin:10px 0 0 0 ;
    }
    #indirbuton{
       
       
        margin-left:30px;
        
        
    }
    #sikayetbuton{
        
        display:inline-block;
        margin:10px 0 0 35px;
    }
    #fmetin{
        font-size:15px;
    }
    #iletisim{
        margin-right:0;
    }

    #izledivi{
        top:0;
        left:0;
        right:0;
        padding:20px;
    }
    #izledivi .videokutusu{
        margin:0 0 0 100px;
        width:350;
        height: 750;
    }
    #izledivi #kapatBtn{
        left:6.9em;
        top:0.5em;
        
        
    }

}

/* ----------------------------------------------------k */


@media (min-width:1250px) and (max-width:1400px){

    #izledivi .videokutusu{
        margin:0 100px 0 0px;
        float:right;
    
    }
    #izledivi #kapatBtn{
        
        left:17.8em;
        top:0.2em;
        
        
    }
    #w320{
        display: none;
    }
    #w468{
        display: none;
    }
    #w728{
    display:block;
}
}

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

    #izledivi .videokutusu{
        margin:0 100px 0 0px;
        float:right;
    
    }
    #izledivi #kapatBtn{
        
        left:16em;
        top:0.2em;
        
        
    }
    #w320{
        display: none;
    }
    #w468{
        display: none;
    }
    #w728{
    display:block;
}
}