@media (max-width: 1366px) {
    .container-login100 {
        min-height: 90vh;
    }
    .printers {
        padding-right: 23px;
    }
}

@media (max-width: 992px) {
    .alert-validate::before {
        visibility: visible;
        opacity: 1;
    }
    .printers {
        padding-right: 1px;
    }
}

@media (max-width: 768px) {
    .limiter:after {
        background: #1b2036 url(../images/bg-shape.svg) no-repeat 186% 92%;
        background-size: 64%;
    }
    .printers{
        padding-right:1px;
    }
}

@media (max-width: 767px) {
    .wrap-login100 {
        width: 100%;
    }
    .container-login100 {
        min-height: auto;
    }
}
@media (max-width:667px){
    .amountrightalign {
        left:142px;
    }
}


@media (max-width: 736px) {
    .container-login100 {
        width: 70%;
        margin: auto;
    }
    header h1 {
        margin-top: 4px;
    }
    .container1 {
        display: inline-block;
        cursor: pointer;
        padding-top: 3px;
        position: absolute;
       right:95%;
    }
    .bar1, .bar2, .bar3 {
        width: 30px;
        height: 5px;
        background-color: #333;
        margin:4px 0;
        transition: 0.4s;
    }
}

@media (max-width: 667px) {
    footer {
        /* Commented for footer height adjusment in mobile version
            height: 86px;
        */
    }
    footer .copyrights {
        font-size: 14px;
        top: 54px;
    }
    /* commented to hide the zen invoice logo
        
        footer .float-left {
        display:none;
        } */
}

@media (max-width: 568px) {
    .nav-link {
        padding: .5rem;
        font-size: 12px;
    }
        .btnlrg

{
    width: 197px;
}
    
}

@media (max-width: 480px) {
    nav {
        display: inline-block;
        width: 100%;
    }
    header h1 {
        font-size: 20px;
    }
    .alert-validate::before {
        font-size: 12px;
    }
    .alert-validate::after {
        font-size: 16px;
    }
    .footer-text {
        margin-top: 0 !important;
    }
    .container-login100 {
        width: 90%;
        margin: auto;
    }
    .header-height-top {
        height: 115px;
    }
    .titile {
        padding: 1rem !important;
    }
/*    .previewpagebuttons {
            width: 108%;
            position: relative;
            left: -5%;
        
    }*/
    .limiter:after {
        background: #1b2036 url(../images/bg-shape.svg) no-repeat 385% 38%;
        background-size: 83%;
    }
    .logout span {
        display: none;
    }
    .nav .nav-item:not(:last-child):after {
        top: 5px;
    }


    
    footer .copyrights {
        font-size: 12px;
        display:none;
    }
    .menu-button {
        right: 104px;
    }
     .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid black;
        position: relative;
        right:
    }

    .line3 {
        width: 92%;
        height: 1px;
        border-bottom: 1px solid #b81996;
        position: relative;
        left: 4%;
    }

    .line2 {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b81996;
    }
        .addprodbox {
    }
}

@media (max-width: 320px) {
    .footer-text {
        font-size: 14px;
    }

    .wrap-login100 {
        padding: 20px;
    }

    .login100-form-title {
        margin-bottom: .5rem !important;
    }

    .main-logo {
        margin-bottom: 1rem !important;
        margin-top: 1rem !important;
    }

    .header-height-top {
        height: 83px;
    }

    header {
        height: 43px;
    }

    .logout {
        margin-top: -10px;
    }

    .jumplinks-menu-wrapper {
        top: 92px;
    }

    .printbtn{ 
        position: absolute;
    left: 234px;
    top: 346px;
    }
    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid black;
        position: relative;
    }

    .line2 {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b81996;
    }


    .addprodbox {
    }
}

@media (max-width: 480px) {
    .Checkbox {
        position: absolute;
        left: -8px;
        bottom: 14px;
    }

    .mail1 {
        padding-left: 0px;
    }

    .MailBox1 {
        width: 291px;
        height: 241px;
        border-color: #838F96;
        border-radius: 15px;
        border-width: 3px;
        border-style: solid;
        padding-top: 32px;
        padding-right: 43px;
    }

    .help {
        position: absolute;
        left: 31px;
    }

    .textarea {
        width: 317px;
        height: 150px;
    }

    .fgbutton1 {
        width: 83px;
        background: #B81996;
    }

    .textboxwidth {
        width: 235.66px;
    }

/*    .printbtn {
        position: absolute;
        left: 234px;
        top: 346px;
    }*/

/*    .sendmail {
        position: absolute;
        left: 242px;
        top: 454px;
    }*/

    .printmobile {
        left: 20px;
        padding: 9px;
    }

    .Remotelabel {
        position: absolute;
        left: 131px;
    }

    .invnumberlabel {
        left: 0px;
    }

    .Goback {
        position: absolute;
        left: 30%;
    }

    .padoff {
        padding: 0px;
        padding-left: 11px;
    }

    .dropdown-content {
        display: none;
        position: absolute;
        /*background-color: #1C2036; */
        background-color: #838F96;
        min-width: 129px;
        overflow: auto;
        z-index: 1;
        position: absolute;
        left: 0px;
        text-align: left;
    }

    .desktopshow {
        display: none;
    }

    .mobileshow {
        display: block;
    }

    .space {
        display: block;
    }

    .column {
        float: left;
        width: 33.33%;
        padding-left: 4%;
    }
    .row::before {
        content: "";
        clear: both;
        display: table;
    } 
    .column1 {
        width: 33.33%;
    }
    .column2 {
        width: 36.7%;
    }


    .block {
        padding-right: 20px;
        content: "";
        clear: both;
        display: table;
    }

    .linew {
       
    }
    .btnlrg {
        width: 197px;
    }

    .dashboardbox {
        width: 100%;
        height: 20%;
        padding-top:5%;
        }

    .post {
    }

    figcaption {
        padding: 2px;
        text-align: center;
        position: relative;
        left: -9px;
    }


    .mailerror {
        position: absolute;
        left: 232px;
        top: 474px;
    }
    .version {
        font-family: "Arial Narrow", Arial, sans-serif;
        font-size: 14px;
        color: #259AC6;
        line-height: 1.2;
        text-align: right;
        position: absolute;
        top: 197px;
        right: 45px;
    }
    .addprodButton {
        position: absolute;
        top: 360px;
        left: 4%
    }
    .delprodButton{
        position:relative;
        left:32%;
    }
    .mobilehide{
        display:none;
    }
    .line {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid black;
        position: relative;
        left:0%;
        
    }
    .line2 {
        width: 100%;
        height: 1px;
        border-bottom: 1px solid #b81996;
    }

    .hidelabel{
        display:none;
    }

    .showlabel{
        display:block;
    }

    .addprodbox {
        
    }
}


@media screen and (min-width:992px) and (max-width:1200px){
    .amountrightalign {
        position: absolute;
        left: 52.25%;
        max-width:20%;
        width: 19%;
    }
    .gsttexttox {
        position: absolute;
        left: 33.25%;
        max-width: 20%;
        width: 19%;
    }
    .cgsttexbox1 {
        position: absolute;
        left: 33.25%;
        max-width: 20%;
        width: 19%;
    }
    .cgsttexbox2 {
        position: absolute;
        left: 52.25%;
        max-width: 20%;
        width: 19%;
    }
    .sgsttextbox1 {
        position: absolute;
        left: 33.25%;
        max-width: 20%;
        width: 19%;
    }
    .sgsttextbox2 {
        position: absolute;
        left: 52.25%;
        max-width: 20%;
        width: 19%
    }
    .tcstextbox1 {
        position: absolute;
        left: 33.25%;
        max-width: 20%;
        width: 19%;
    }
    .tcstextbox2 {
        position: absolute;
        left: 52.25%;
        max-width: 20%;
        width: 19%;
    }
    .btnlrg {
        width: 253px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .amountrightalign {
        position: absolute;
        left: 58.25%;
    }
    .btnlrg {
        width: 212px;
    }
}

@media screen and (min-width:576px) and (max-width:768px) {
    .amountrightalign {
        position: relative;
        display:block;
        left:0%;
        max-width: 33%;
    }
    .gsttexttox {
        max-width: 79%;
    }
    .cgsttexbox1 {
        max-width: 33%;
    }
    .cgsttexbox2 {
        max-width: 33%;
    }
    .sgsttextbox1 {
        max-width: 33%;
    }
    .sgsttextbox2 {
        max-width: 33%;
    }
    .tcstextbox1 {
        max-width: 33%;
    }
    .tcstextbox2 {
        max-width: 33%;
    }
    .btnlrg {
        width: 253px;
    }
}

@media screen and (min-width:500px) and (max-width:575px) {
    .amountrightalign {
        position: relative;
        display: block;
        left: 0%;
        max-width: 33%;
    }
    .gsttexttox {
        max-width: 79%;
    }
    .cgsttexbox1 {
        max-width: 33%;
    }
    .cgsttexbox2 {
        max-width: 33%;
    }
    .sgsttextbox1 {
        max-width: 33%;
    }
    .sgsttextbox2 {
        max-width: 33%;
    }
    .tcstextbox1 {
        max-width: 33%;
    }
    .tcstextbox2 {
        max-width: 33%;
    }
    .btnlrg {
        width: 253px;
    }
}

@media screen and (min-width:450px) and (max-width:499px) {
    .amountrightalign {
        position: relative;
        display: block;
        left: 0%;
        max-width: 35%;
    }
    .gsttexttox {
        max-width: 84%;
    }
    .cgsttexbox1 {
        max-width: 35%;
    }
    .cgsttexbox2 {
        max-width: 35%;
    }
    .sgsttextbox1 {
        max-width: 35%;
    }
    .sgsttextbox2 {
        max-width: 35%;
    }
    .tcstextbox1 {
        max-width: 35%;
    }
    .tcstextbox2 {
        max-width: 35%;
    }

    .btnlrg {
        width: 253px;
    }
}

@media screen and (max-width:449px) {
    .amountrightalign {
        position: relative;
        display: block;
        left: 0%;
    }
}

/*delete cancel button*/
@media screen and (min-width:992px) and (max-width:1200px){
    .deletecancelbutton{
        position:relative;
        left:3.5%;
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .deletecancelbutton {
        position: relative;
        left: 11%;
    }
}

@media screen and (min-width:576px) and (max-width:767px) {
    .deletecancelbutton {
        position: relative;
        right: 8%;
    }
}

@media screen and (min-width:560px) and (max-width:575px) {
    .deletecancelbutton {
        position: relative;
        right: 9%;
    }
}

@media screen and (min-width:530px) and (max-width:559px) {
    .deletecancelbutton {
        position: relative;
        right: 8%;
    }
}

@media screen and (min-width:500px) and (max-width:529px) {
    .deletecancelbutton {
        position: relative;
        right: 6%;
    }
}

@media screen and (min-width:475px) and (max-width:499px) {
    .deletecancelbutton {
        position: relative;
        right: 4%;
    }
}

@media screen and (min-width:450px) and (max-width:474px) {
    .deletecancelbutton {
        position: relative;
        right: 2%;
    }
}

@media screen and (min-width:420px) and (max-width:449px) {
    .deletecancelbutton {
        position: relative;
        right: 0%;
    }
}

@media screen and (min-width:400px) and (max-width:419px) {
    .deletecancelbutton {
        position: relative;
        left: 2%;
    }
}

@media screen and (min-width:380px) and (max-width:399px) {
    .deletecancelbutton {
        position: relative;
        left: 4%;
    }
}

@media screen and (min-width:360px) and (max-width:379px) {
    .deletecancelbutton {
        position: relative;
        left: 6%;
    }
}

@media screen and (min-width:340px) and (max-width:359px) {
    .deletecancelbutton {
        position: relative;
        left: 9%;
    }
}

@media screen and (min-width:320px) and (max-width:339px) {
    .deletecancelbutton {
        position: relative;
        left: 12%;
    }
}

@media screen and (min-width:300px) and (max-width:319px) {
    .deletecancelbutton {
        position: relative;
        left: 16%;
    }
}

@media screen and (min-width:280px) and (max-width:299px) {
    .deletecancelbutton {
        position: relative;
        left: 20%;
    }
}

@media screen and (min-width:260px) and (max-width:279px) {
    .deletecancelbutton {
        position: relative;
        left: 27%;
    }
}



/*print button and sendmail button queries*/
@media screen and (min-width:768px){
    .printbtn{
        position: relative;
        left: 60%;
        bottom: 58px;
    }
    .sendmail{
        position:relative;
        left:60%;
        bottom: 88px;
    }
}
@media screen and (min-width:768px) and (max-width:991px){
    .printbtn {
        position: relative;
        left: 61%;
        bottom: 58px;
    }
    .sendmail {
        position: relative;
        left: 61%;
        bottom: 88px;
    }
    .previewpagebuttons {
        position: relative;
        left: 1%;
    }
}
@media screen and (min-width:992px) and (max-width:1200px){
    .previewpagebuttons {
        position: relative;
        right: 3.5%;
    }
}
@media screen and (min-width:1200px){
    .previewpagebuttons {
        position: relative;
        right: 5.5%;
    }
}
@media screen and (min-width:576px) and (max-width:768px){
    .printbtn {
        position: relative;
        left: 78.2%;
        bottom: 7px;
    }
    .sendmail {
        position: relative;
        left: 78.2%;
        bottom: 45px;
    }
    .previewpagebuttons{
        position: relative;
        left: 28%;
    }
    .emailrow{
        padding-top: 5px;
    }
}

@media screen and (min-width:480px) and (max-width:575px) {
    .printbtn {
        position: relative;
        left: 78.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 78.2%;
        bottom: 45px;
    }
    .previewpagebuttons {
        position: relative;
        left: 27.5%;
    }
    .emailrow{
        padding-top:4px;
    }
    .noclabel{
        text-align: end;
    }
    .emaillabel{
        text-align: end;
    }
}
@media screen and (max-width:479px){
    .printbtn {
        position: relative;
        left: 73%;
        bottom: 8px;
    }
    .emailrow {
        position: relative;
        bottom:23px;
    }
    .sendmail {
        position: relative;
        left: 73%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        bottom: 62px;
    }
    .noclabel {
        text-align: end;
    }
    .emaillabel {
        text-align: end;
    }
/*left right alignment of print and sendmail buttons*/
}@media screen and (min-width:520px) and (max-width:555px){
    .printbtn {
        position: relative;
        left: 76.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 76.2%;
        bottom: 45px;
    }
    .previewpagebuttons {
        position: relative;
        left: 26.5%;
    }
 }
@media screen and (min-width:480px) and (max-width:519px) {
    .printbtn {
        position: relative;
        left: 74.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 74.2%;
        bottom: 45px;
    }
    .previewpagebuttons {
        position: relative;
        left: 23.5%;
    }
}
@media screen and (min-width:440px) and (max-width:479px) {
    .printbtn {
        position: relative;
        left: 72.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 72.2%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 21.5%;
    }
}
@media screen and (min-width:420px) and (max-width:439px) {
    .printbtn {
        position: relative;
        left: 70.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 70.2%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 19.5%;
    }
}
@media screen and (min-width:400px) and (max-width:419px) {
    .printbtn {
        position: relative;
        left: 68.2%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 68.2%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 17.5%;
    }
}
@media screen and (min-width:380px) and (max-width:399px) {
    .printbtn {
        position: relative;
        left: 67%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 67%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 16%;
    }
}
@media screen and (min-width:360px) and (max-width:379px) {
    .printbtn {
        position: relative;
        left: 64%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 64%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 14%;
    }
}
@media screen and (min-width:340px) and (max-width:359px) {
    .printbtn {
        position: relative;
        left: 62%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 62%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 12%;
    }
}
@media screen and (min-width:320px) and (max-width:339px) {
    .printbtn {
        position: relative;
        left: 59%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 59%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 10%;
    }
}
@media screen and (min-width:300px) and (max-width:319px) {
    .printbtn {
        position: relative;
        left: 56%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 56%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 8%;
    }
}
@media screen and (min-width:280px) and (max-width:299px) {
    .printbtn {
        position: relative;
        left: 53%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 53%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 6%;
    }
}
@media screen and (min-width:260px) and (max-width:279px) {
    .printbtn {
        position: relative;
        left: 50%;
        bottom: 8px;
    }
    .sendmail {
        position: relative;
        left: 50%;
        bottom: 95px;
    }
    .previewpagebuttons {
        position: relative;
        left: 4%;
    }
}