@media only screen and (min-width:200px) and (max-width:760px) {
    .leftlogin img {
        max-width: 100%;
        margin-top: 20px;
        position: relative;
        bottom: 10%;
        width: 100%;
        left: 0;
        right: 0;
        margin: auto;
    }
    .headerpadding .rightbuttons.marginbottom select {
        width: 65% !important;
    }
    .headerheading {
      
        top:0;
    }
    .topheader {
        padding: 15px 10px;
        height: auto;
    }
    .col-sm-3.logoimage .iconmenu img {
        transform: rotate(180deg );
    }
    body.bg.menuToggle .col-sm-3.logoimage .iconmenu img {
        transform: rotate(0 );
    }
    .headerpadding .rightbuttons.marginbottom:nth-child(1), .headerpadding .rightbuttons.marginbottom:nth-child(2) {
        width: 100%;
        padding: 0;
    }

    .filtersearch {
        margin-bottom: 20px;
        display: inline-block;
        width: 100%;
    }

    .leftlogin {
        padding: 20px 50px;
        min-height: auto;
    }

    .col-sm-2.buttonswidths {
        padding: 0;
        width: 100%;
        float: left;
    }

    .headerpadding {
        padding: 0;
        margin-bottom: 10px;
    }

    .finance {
        font-size: 28px;
    }

    .rightlogin {
        padding: 0 20px;
        min-height: 100%;
        width: 100%;
        display: inline-block;
        float: left;
    }

    .loginpage {
        max-width: 100%;
    }

    .fullwidthsss {
        position: relative;
    }

    .col-sm-3.menuitemss.logoimage {
        display: block;
        position: relative;
        width: 100%;
    }

    .iconmenu {
        right: 10px;
        top: 26px;
    }

    .col-sm-3.menuitems {
        display: none;
    }

    .col-sm-9.rightitems, .col-sm-9.rightitemss {
        width: 100% !important;
    }

    .col-sm-7.rightbuttons.marginbottom {
        width: 100%;
        float: left;
        margin: 10px 0;
        padding: 0;
    }

    .col-sm-5.buttonswidths {
        width: 100%;
        float: left;
        margin: auto;
        padding: 0;
    }

    .col-sm-7.rightbuttons.marginbottom .witdhsselcet {
        width: 100%;
        float: right;
    }

    .col-sm-9.rightitems {
        padding-top: 10px;
    }

    .financehead {
        font-size: 22px;
    }

    body.menuToggle .col-sm-3.menuitems {
        display: block;
        position: fixed;
        padding: 50px 0;
        width: 100% !important;
        z-index: 99;
        top: 80px;
    }

    body.menuToggle li a.active, body.menuToggle .menuitems ul li a:hover, body.menuToggle .menuitems ul li a {
        border-radius: 0 !important;
        width: 100%;
        height: 100%;
        padding: 9px 6px;
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 20px !important;
    }

    .menuToggle span.menutext {
        display: inline-block;
    }

    .col-sm-5.rightbuttons.marginbottom {
        display: inline-block;
        width: 100%;
        float: left;
        margin: 10px 0;
        padding: 0;
    }

    .col-sm-2.buttons {
        padding: 0;
        display: inline-block;
        float: right;
        width: auto;
    }

    .option {
    }

    .righttexts .loginbtn {
        width: 100%;
        margin-bottom: 20px;
    }

    .tableresposnive {
        overflow: auto;
    }

    .col-sm-6.rightbuttons.marginbottom.widthauto {
        width: 100%;
        float: left;
    }

    .widthauto .witdhsselcet {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    table.borderclass.missingtable td:nth-child(1), table.borderclass.missingtable th:nth-child(1) {
        min-width: 280px;
        max-width: 280px;
    }

    table.borderclass.missingtable td:nth-child(2), table.borderclass.missingtable th:nth-child(2) {
        min-width: 140px;
        max-width: 140px;
    }

    table.borderclass.missingtable td:nth-child(4), table.borderclass.missingtable th:nth-child(4) {
        max-width: 130px;
        min-width: 130px;
    }

    .small .modal-dialog {
        width: 80%;
    }
}





@media only screen and (min-width:641px) and (max-width:760px) {
}


@media only screen and (min-width:767px) and (max-width:999px) {
    .leftlogin {
        width: 50%;
    }

        .leftlogin img {
            bottom: 40%;
        }

    .small .modal-dialog {
        width: 80%;
    }

    .rightlogin {
        width: 50%;
    }

    .finance {
        font-size: 41px;
    }

    .headerheading {
        font-size: 14px;
        top: 9px;
    }

    .option {
    }

    .col-sm-5.buttonswidths {
        padding: 0;
    }

    .col-sm-7.rightbuttons.marginbottom .witdhsselcet {
        width: 90%;
    }
    .notes {
        font-size: 13px;
  
    }
    .loginbtn {
        min-width: 86px;
        padding: 10px 4px;
        height: auto;
        font-size: 10px;
    }
    .financehead{font-size:18px;}
    .midllehead {
        font-size: 16px;
    }
    .col-sm-3.menuitems ul li a {
        font-size: 12px;
        padding-left: 0px;
        padding: 5px 0;
    }

    .menutext {
        top: 8px;
    }

    .borderclass th, .borderclass td {
        font-size: 10px;
        padding: 10px 6px;
    }

    .confirmation {
        font-size: 11px;
    }

    .dates {
        font-size: 17px;
    }
    select#cmbfldReconStatus {
        width: 55%;
        float: right;
    }
    .witdhsselcet label {
        left: -2px;
        top: 12px;
        font-size: 10px;
    }

    .widthauto .witdhsselcet {
        width: 63%;
        margin-right: 15px;
    }
    .col-sm-4.headerpadding {
        padding-right: 0;
        width: auto;
    }
    .col-sm-2.buttons .loginbtn {
        min-width: 100%;
        padding: 0;
    }
    .headerpadding .rightbuttons.marginbottom:nth-child(1) {
        width: 33%;
        padding-left: 0;
    }
    .option {
        font-size: 10px;
        line-height: normal;
    }
    .headerpadding .rightbuttons.marginbottom:nth-child(2) {
        width: 33%;
        padding-left: 0;
    }
    .righttexts button.loginbtn {
        height: auto;
        padding: 7px 14px;
        font-size: 14px;
        min-width: 100px;
    }

    .col-sm-3.menuitems {

        width: 18%;
 
    }
    .menuicon {
        margin-right: 3px;
    }
    .col-sm-9.rightitems, .col-sm-9.rightitemss {
        width: 82%;
    }


}

@media only screen and (min-width:1000px) and (max-width:1250px) {
    .witdhsselcet label {
        font-size: 9px;
    }

    .menutext {
        top: 5px;
    }

    .col-sm-3.menuitems ul li a {
        font-size: 12px;
    }

    .headerpadding .rightbuttons.marginbottom:nth-child(2) {
        width: 26%;
        padding-left: 0;
    }

    select#cmbfldMonth {
        width: 72%;
    }

    .headerpadding .rightbuttons.marginbottom:nth-child(1) {
        width: 26%;
        padding-left: 0;
    }

    .col-sm-3.menuitems, .col-sm-3.menuitemss.logoimage {
        width: 18%;
    }

    .col-sm-9.rightitems, .col-sm-9.rightitemss {
        width: 82%;
    }

    .loginbtn {
        min-width: 100px;
        padding: 10px 9px;
        font-size: 12px;
    }

    .righttexts.sizebtn .loginbtn {
        width: 260px;
    }

    .borderclass th, .borderclass td {
        font-size: 12px;
       
    }

    .widthauto .witdhsselcet {
        width: 68%;
        margin-right: 20px;
    }

    .col-sm-3.logoimage img {
        max-width: 90%;
        cursor: pointer;
    }

    body.menuToggle .col-sm-3.menuitems {
        width: 7%;
    }

    body.menuToggle .col-sm-9.rightitems {
        width: 93%;
    }

    .confirmation {
        font-size: 14px;
    }

    .dates {
        font-size: 24px;
    }

    .buttonswidths {
        margin-right: 0;
    }

    .headerpadding .rightbuttons.marginbottom {
        width: 26%;
    }

    .col-sm-2.buttonswidths button {
        padding: 7px 9px;
    }

    .smalltext.position {
        font-size: 10px;
        line-height: 14px;
    }

    .option {
        font-size: 10px;
        background-size: 12px;
    }

    .trNoRecord td {
        font-size: 14px !important;
    }

    .quarter {
        font-size: 12px;
    }

    .bgnews .financehead {
        font-size: 14px;
    }
    .smalltext{font-size:12px;}

    .financehead {
        font-size: 17px;
    }
    .blink.notes span {
        font-size: 14px;
   
    }
    .midllehead{font-size:17px;}

    .finance {
        font-size: 36px;
    }
    .otptext {
        font-size: 15px;
        margin-bottom: 23px;
    }
    .form-control{font-size:14px;}
    .joshimages img {
        max-width: 60%;
    }
    .dates.bgcolor {
        padding: 8px 10px;
    }
}