#iletisimdiv {
    width: 98%;
    margin: 0 auto 0 auto;
    border: 0 solid black;

}
#iletisimdiv table {
    margin: 3vmin auto 10vmin auto;
    width: 80vmin;
    text-align: left;
    line-height: 3vmin;
    border:0;
}
#iletisimdiv table tr:first-child th{
        text-align: center;
        font-size:calc(var(--font-size)*1.2);
        background-color:lightgray;
        border-radius: 1vmin 1vmin 0 0;
        
    }
#iletisimdiv table tr th {
        width: 20vmin;
        height: 5vmin;

    }
#iletisimdiv table tr td {
        width: 60vmin;
        height: 5vmin;

    }
#iletisimdiv table tr select {
        border: 0.1vmin solid lightgrey;
        width: 20vmin !important;
        height: 3vmin !important;
        padding: 0.5vmin 0 0.5vmin 0.5vmin;
        font-size: calc(var(--font-size));
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
  
    }
#iletisimdiv table tr input {
        border: 0.1vmin solid lightgrey;
        width: 50vmin !important;
        height: 2vmin !important;
        padding: 0.5vmin 0 0.5vmin 0.5vmin;
        font-size: calc(var(--font-size));
      
    
    }
#iletisimdiv table tr textarea {
        border: 0.1vmin solid lightgrey;
        width: 50vmin !important;
        height: 20vmin !important;
        padding: 0.5vmin 0 0.5vmin 0.5vmin;
        font-size: calc(var(--font-size));

        resize: none;
        
    }
#iletisimdiv table tr .td_item_item {
        /*harita cerceve*/
        width: 80vmin;
        height: auto;
        border: 0.1vmin solid lightgray;
        padding:1vmin 0 0 0;
    }
#iletisimdiv table tr .td_item_item .haritagoster {
        width: 100%;
        height: 50vmin;
        
    }
#iletisimdiv table tr td .guvenlik_sifre {
    float:left;
        border: 0 solid red;
        margin: 0 auto 0 auto;
        height: 4vmin;
        width:51vmin;
   
    }
#iletisimdiv table tr td .guvenlik_sifre .code {
        margin: 0 auto 0 auto;
        border: 0vmin solid red;
        text-align: left;
        position: static;
        width: 25vmin;
        height: auto;
        float: left;
  
    }
#iletisimdiv table tr td .guvenlik_sifre .code .captcha {
        width: 15vmin;
        height: 3vmin;
        border: 0px solid lightgray;
        margin: 0 0 0 0;
        float: left;
    }
#iletisimdiv table tr td .guvenlik_sifre .code .btnrepeat {
            width: 4vmin;
            height: 3.5vmin;
            float: left;
            margin: 0vmin 0 0 0 !important;
            padding: 0.5vmin 0 0 0.5vmin;
            font-size: calc(var(--font-size)*2.5);
            background-color: transparent;
            border: 0px solid lightgray;
        }
#iletisimdiv table tr td .guvenlik_sifre .text {
        margin: 0 auto 0 auto;
        border: 0vmin solid red;
        text-align: center;
        position: static;
        width: 23vmin;
        height: 2vmin;
        float: left;
        margin:0;
        padding:0;

      
    }
#iletisimdiv table tr td .guvenlik_sifre .text .txtbox {
        width: 25.5vmin !important;
        height: 3vmin !important;
        margin:0;
        padding:0;

        
    }
#iletisimdiv table tr td .guvenlik_sifre .btnre {
        border: 0vmin solid lightgrey;
        width: 50vmin;
        height: auto;
        margin: 1vmin auto 0 auto;
        text-align:center;
        float:left;
    
    }
#iletisimdiv table tr td .guvenlik_sifre .btnre .btn {
            width: 40% !important;
            height: 100% !important;

        }

@media (min-width: 320px) and (max-width: 767px) {
#iletisimdiv {
        width: 100%;
        font-size: calc(var(--font-size) /1.2);
    }
#iletisimdiv table {
            margin: 3vmin auto 100px auto;
            width: 90%;
            text-align: left;
        }
#iletisimdiv table tr select {
                height: 3vmax !important;
            }
#iletisimdiv table tr input {
                height: 3vmax !important;
            }
#iletisimdiv table tr th {
                width: 20vmin;
                height: 4.5vmax;
            }
#iletisimdiv table tr td .guvenlik_sifre {

                height: 13vmax;
                
            }
#iletisimdiv table tr td .guvenlik_sifre .code {

                    width: 28.5vmax;
                    height: 4vmax;
         
                }
#iletisimdiv table tr td .guvenlik_sifre .code .captcha {
                    width: 15vmax;
                    height: 3.5vmax;
                    border: 0px solid lightgray;
                    margin: 0 0 0 6.8vmax;
      
                }
#iletisimdiv table tr td .guvenlik_sifre .code .btnrepeat {
                        width: 4vmax;
                        height: 4vmax;
                        padding: 0.5vmax 0 0 0.5vmax;
                        font-size: calc(var(--font-size)*1.5);

                    }
#iletisimdiv table tr td .guvenlik_sifre .text {
 
                    width: 28.5vmax;
                    height: 4vmax;

                }
#iletisimdiv table tr td .guvenlik_sifre .text .txtbox {
                        width: 25.5vmin !important;
                        height: 3.5vmax !important;
          
                        
                    }
#iletisimdiv table tr td .guvenlik_sifre .btnre {
                    border: 0vmin solid lightgrey;
                    width: 28.5vmax;
                    height: 4vmax;
                    margin: 0.5vmax auto 0 auto;
                 
                }            
}