@media (max-width: 768px) {
    .brand-text {
        font-size: 1.3rem !important
    }
}

@media (max-width: 767.98px) {
    .navbar-brand {
        margin-top: 5px;
    }
}

.signContainer {
    margin: 10px;
    position: relative;
    cursor: pointer
}

.signCanvas {
    left: 0;
    top: 0;
    position: absolute;
}

.signToolbar {
    display: block;
    height: 20px;
    left: 10px;
    position: relative;
    background-color: transparent;
}

.signStatus {
    color: blue;
    font-family: verdana;
    font-size: 12px;
    float: right;
    margin-right: 5px;
}

.signReset {
    float: right;
    cursor: pointer;
  
}


.input-validation-error {
    border: 1px solid #ff0000 !important;
    border-color: #CC5200;
    background-color: #FFFFCC;
}

.brand-text {
    font-size: 1.91rem;
}


/*@media (max-width: 486px) {
    .header-navbar .navbar-header .navbar-brand {
        padding: 0px 0;
    }
}*/

@media screen and (min-width: 1200px)  {
    .topmargin  {
        margin-top: 2%
    }
    .topmarginpat {
        margin-top: 1.5%
    }
}


@media screen and (min-width: 768px)and (max-width: 1199px) {
    .topmargin {
        margin-top: 5%;
    }
    .topmarginpat {
        margin-top: 3.3%;
    }
}

@media screen and (min-width: 360px)and (max-width: 767px) {
    .topmargin {
        margin-top: 6%
    }
}

/*@media screen and (min-width: 500px)and (max-width: 700px) {
   .header-navbar .navbar-header .navbar-brand
    {
        padding:0 !important;
    }

}*/

/*@media (max-width: 767.98px) {
    .header-navbar .navbar-header .navbar-brand {
        position: absolute;
        top: -34px !important;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -moz-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        -o-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
    }
}




@media (max-width: 486px) {
    .header-navbar .navbar-header .navbar-brand {
        margin-top: 12px !important;
        padding: 0px 0;
    }
}*/


@media only screen and (max-width: 768px) {
    .translatediv-8 {
        max-width: 66.66667% !important;
        /*padding-right: 0;*/
        padding-top: 7px;
    }

    .translatediv-4 {
        max-width: 33.33333% !important;
        /*padding-right: 0;*/
       
    }
}


@media only screen and (max-width: 500px) {
    .translatediv-8 {
        max-width: 54.66667% !important;
        padding-top: 25px;
    }

    .translatediv-4 {
        max-width: 44.33333% !important;
        /*padding-left: 40px;*/
    }

    .tabalign {
        display: inline-grid !important; 
    }
}