#sotoonVasat
{
    float: left;
    width: calc(75% - 50px);
    margin: 15px 20px 25px 30px;
}

#kadrTamasSV
{
    width: 100%;
}

address
{
    font-style: normal;
}

#kadrTamasSV>div,address>div
{
    font-size: 0.875rem;
}

#titrTMS
{
    padding: 10px 0px;
}

#titrTMS>h2
{
    width: 100%;
    padding: 0;
    margin: 0 0 10px 0;
    font-size: 1.25rem;
    color: var(--cl-asl);
}

#matnEbtedaTMS
{
    width: calc(100% - 40px);
    margin: 10px 20px;
    text-align: justify;
}

.kadrTelTMS
{
    width: calc(100% - 60px);
    margin: 10px 30px;
}

span.iconTelTMS
{
    display: inline-block;
    height: 14px;
    width: 14px;
    margin-left: 5px;
    font-family: myIcon;
    font-size: 0.875rem;
    line-height: 1;
    color: var(--cl-asl3);
    vertical-align: middle;
}

#kadrTamasSV #matnEbtedaTMS+.kadrTelTMS span.iconTelTMS
{
    transform: rotateY(180deg);
    font-family: myIcon4;
}
span.matnTelTMS,span.telTMS
{
    display: inline-block;
    height: 20px;
    width: 175px;
    text-align: right;
}

#matnBalaFormTMS
{
    width: calc(100% - 40px);
    margin: 20px 20px;
}

#kadrNamTMS,#kadrMatnTMS
{
    width: calc(100% - 60px);
    margin: 10px 30px;
}

span.titrVoroodi
{
    display: inline-block;
    width: 140px;
    padding: 5px 0px;
    margin-left: 10px;
    text-align: left;
    vertical-align: top;
}

#kadrNamTMS input
{
    height: 26px;
    width: calc(100% - 164px);
    padding: 5px;
    border: 1px solid hsl(0, 0%, 80%);
    outline-style: none;
    border-radius: 8px;
    background-color: hsl(0, 0%, 100%);
    transition: 0.3s;
    font-size: 1rem;
    color: hsl(120, 21%, 0%);
}

#kadrMatnTMS textarea
{
    display: inline-block;
    height: 92px;
    width:calc(100% - 164px);
    padding: 5px;
    box-sizing: content-box;
    border: 1px solid hsl(0, 0%, 80%);
    outline-style: none;
    border-radius: 8px;
    background-color: hsl(0, 0%, 100%);
    transition: 0.3s;
    overflow-y:auto;
    font-size:1rem;
    color: hsl(270, 13%, 0%);
    resize: none;
}

span#matnErrTMS
{
    visibility: hidden;
    float: right;
    display: inline-block;
    height: 16px;
    margin:4px 30px 0px 0px;
    font-size: 0.8125rem;
    line-height: 1;
    color: red;
}

a#btnErsalTMS
{
    float: left;
    padding: 5px 12px;
    margin: 0 30px;
    border-radius: 8px;
    font-size: 0.875rem;
    color: var(--cl-tit);
    background-color: var(--cl-asl3);
    transition: color 0.2s,background-color 0.2s;

}

a#btnErsalTMS:hover
{
    background-color: var(--cl-4-1);
    color: var(--cl-2);
}

a#btnErsalTMS:active
{
    transition: none;
    background-color: var(--cl-4-2);
    color: var(--cl-2);
}

#kadrEzafatSV
{
    background-color: hsl(130, 8%, 15%);
}


@media only screen and (max-width:767px)
{
    #navarRast
    {
        display: none;
    }

    #sotoonVasat
    {
        width: calc(100% - 30px);
        margin: 0 15px 15px;
        min-height: auto;
        padding-top: 20px;
    }

    #titrTMS
    {
        width: calc(100% - 20px);
        margin: 0 10px;
    }

    #kadrTamasSV>div, address>div
    {
        width: calc(100% - 20px);
        margin: 10px;
    }

    #kadrTamasSV br
    {
        display: none;
    }

    span.titrVoroodi
    {
        display: block;
        width: calc(100% - 10px);
        padding: 5px 5px;
        text-align: right;
    }

    #kadrNamTMS input
    {
        width: calc(100% - 10px);
    }

    #kadrMatnTMS textarea
    {
        width: calc(100% - 10px);
    }

    span.telTMS
    {
        width: 100px;
        text-align: left;
    }
    a#btnErsalTMS
    {
        margin: 0px 0px 0px 10px;
    }
}