@charset "utf-8";
table[name="Tablo"]{
    border:1px solid #000;
    border-collapse: collapse;
    margin:0 auto;
    font-family:"Poppins", sans-serif;
    font-weight:600;
    width:100%;
    min-width:100%;
    max-width:100%;
    height:auto;
    min-height:auto;
    max-height:auto;
}
table[name="Tablo"] th{
    border:1px solid #000;
    background-color: #fff;
    color:darkblue;
    text-align:center;
    font-weight: 800;
    line-height: 2;
	vertical-align:baseline;
    padding:0 2px 2px 2px;
}

table[name="Tablo"] td{
    border:1px solid #000;
    color:#000;
    text-align:center;
}
table[name="Tablo"] tr{
    color:#000;
    text-align:center;
}

[name="birim"]{
    color: red;
}


    @media only screen and (min-width:1200px){ /*XL*/ 
        
        table[name="Tablo"]{
            font-size:14px;
        }

        th[name="baslik"]{
            font-size:15px;
        }
        #Tablo2{
        margin-top:45px;
        }

    }

    @media only screen and (min-width:992px) and (max-width:1200px){  
        
        table[name="Tablo"]{
            font-size:13px;
        }

        th[name="baslik"]{
            font-size:14px;
        }
        #Tablo2{
        margin-top:40px;
        }

    }

    @media only screen and (min-width:768px) and (max-width:992px){ 
        
        table[name="Tablo"]{
            font-size:12px;
        }

        th[name="baslik"]{
            font-size:13px;
        }
        #Tablo2{
        margin-top:40px;
        }
    }

    @media only screen and (min-width:670px) and (max-width:768px){ 
        
        table[name="Tablo"]{
            font-size:12px;
        }

        th[name="baslik"]{
            font-size:13px;
        }
        #Tablo2{
        margin-top:40px;
        }
    }

    @media only screen and (min-width:615px) and (max-width:670px){ 
        
        table[name="Tablo"]{
            font-size:11px;
        }

        th[name="baslik"]{
            font-size:12px;
        }
        #Tablo2{
        margin-top:30px;
        }
    }


    @media only screen and (min-width:550px) and (max-width:615px){ 
        
        table[name="Tablo"]{
            font-size:10px;
        }

        th[name="baslik"]{
            font-size:11px;
        }
        #Tablo2{
        margin-top:25px;
        }
    }


    @media only screen and (min-width:505px) and (max-width:550px){ 
        
        table[name="Tablo"]{
            font-size:9px;
        }

        th[name="baslik"]{
            font-size:10px;
        }
        #Tablo2{
        margin-top:20px;
        }
    }


    @media only screen and (min-width:460px) and (max-width:505px){ 
        
        table[name="Tablo"]{
            font-size:8px;
        }

        th[name="baslik"]{
            font-size:9px;
        }
        #Tablo2{
        margin-top:15px;
        }
    }

    @media only screen and (min-width:415px) and (max-width:460px){ 
        
        table[name="Tablo"]{
            font-size:7px;
        }

        th[name="baslik"]{
            font-size:7px;
        }
        #Tablo2{
        margin-top:10px;
        }
    }

    @media only screen and (min-width:366px) and (max-width:415px){ 
        
        table[name="Tablo"]{
            font-size:6px;
        }

        th[name="baslik"]{
            font-size:6px;
        }
        #Tablo2{
        margin-top:10px;
        }
    }

    @media only screen and (min-width:320px) and (max-width:366px){ 
        
        table[name="Tablo"]{
            font-size:5px;
        }

        th[name="baslik"]{
            font-size:5px;
        }
        #Tablo2{
        margin-top:5px;
        }
    }

    @media only screen and (min-width:300px) and (max-width:320px){ 
        
        table[name="Tablo"]{
            font-size:4px;
        }

        th[name="baslik"]{
            font-size:4px;
        }
        #Tablo2{
        margin-top:5px;
        }
    }

    @media only screen and (max-width:300px){ 
        
        table[name="Tablo"]{
            font-size:4px;
        }

        th[name="baslik"]{
            font-size:4px;
        }
        #Tablo2{
        margin-top:5px;
        }
    }