﻿@media (min-width: 100px) and (max-width: 767.98px) {
    .AdminTp {
        background: #fff;
        padding: 10px 0;
        z-index: 99999;
    }

    .cstLftBg {
        left: -100%;
    }

    .cstMnuBtn, .AdminTpData ul {
        display: none;
    }

    .ResponsiveUsr, .RspcvIcn1, .RspsvTm, .Rspsv_Out {
        display: block;
    }

    .RspcvIcn1Lft {
        float: left;
    }

        .RspcvIcn1Lft a img {
            float: left;
            width: 190px;
        }

    .RspcvIcn1Rt {
        float: right;
    }

        .RspcvIcn1Rt a {
            color: #4eba6e;
            font-size: 26px;
            margin-bottom: -5px;
            float: right;
            margin-top: 5px;
        }

    .Rspsv_Mnu .cstLftBg {
        left: 0;
    }

    .SidebarLogo img {
        width: 170px;
    }

    .RspsvTm {
        float: right;
        font-size: 26px;
        color: #51b26e;
        cursor: pointer;
        margin: -20px -2px 0 0px;
        background: #fff;
        border-radius: 50%;
        padding: 0px 10px 0px 10px;
        position: absolute;
        z-index: 10;
        top: 8px;
        right: -20px;
    }

    .Rspsv_Mnu .UsrNameData {
        top: 135px;
        left: 14px;
    }

    .ResponsiveUsr {
        float: left;
        width: 100%;
        border-bottom: 1px solid #4eba6e;
        padding-bottom: 8px;
    }

    .Rspsv_Mnu nav {
        float: left;
        width: 100%;
        margin-top: 20px;
    }

    .Rspsv_Mnu:after {
        content: "";
        background: rgba(0,0,0,0.8);
        display: flex;
        z-index: 200000;
        top: 0;
        overflow: hidden;
        width: 100%;
        position: fixed;
        height: 100%;
        flex-direction: column;
        cursor: no-drop;
    }

    .AdminRtBr {
        padding-left: 0px;
    }

    .BdrImg img {
        width: 100%;
    }

    .SdntHdr .RspcvIcn1Lft {
        margin: 0 0 0 -58px;
    }

    .SdntHdr .AdminTp {
        padding: 10px 0 0 0;
    }

    .cstNotification {
        left: 75%;
        top: 6px;
    }

    .LgnRt {
        display: none;
    }

        .LgnRt.LgnRt2 {
            display: inline-block !important;
        }

    .cstLftBg::after {
        left: -100%;
    }

    .Rspsv_Mnu .cstLftBg::after {
        left: 0%;
    }

    .UsrName h4 {
        color: #fff;
    }

    .scrollMnUl {
        max-height: 466px !important;
    }
}

@media (min-width: 100px) and (max-width: 575.98px) {
    .AdminDshbrd_Ppp .modal-header h4 {
        letter-spacing: 1px;
        font-size: 20px;
    }

    .AdminDshbrd_Ppp .MdlBdy p {
        font-size: 18px;
    }

    .TblBtn1 {
        font-size: 14px;
    }

    .RspLgnLgo {
        display: block;
        text-align: center;
    }

    .login_Rt {
        display: none;
    }

    .RspLgnLgo img {
        width: 120px;
        margin-bottom: 20px;
    }

    .LoginTtl h1 {
        font-size: 30px;
    }

    .Login_Bg {
        padding-top: 20px;
        background: #fff;
    }

    .LoginTtl img {
        width: 160px;
    }

    .login_frm {
        margin-top: 20px;
        position: relative;
    }

        .login_frm .form-group label {
            font-size: 20px;
            margin: 0 0 -16px 20px;
        }

        .login_frm .form-group input[type="text"], .login_frm .form-group input[type="password"] {
            height: 70px;
            font-size: 25px;
        }

    .LoginButton input[type="submit"] {
        width: 226px;
        height: 67px;
        font-size: 30px;
        padding: 0 0 36px 0;
    }

    .LbLgn, .CstPntImg {
        display: none;
    }

    .Login_Bg .login_Lft .LoginButton {
        margin: 40px 0 60px 0;
    }

    .AdmnSclLst {
        margin-bottom: 15px;
    }

    .AdminBtm p {
        font-size: 12px;
        padding-left: 0;
    }

    .TcrDsbrd {
        width: 100%;
        margin-bottom: 15px;
    }

    .IcnNfyBtm {
        left: -230px;
        top: 100%;
        width: 280px;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            width: 261px;
            height: 88%;
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

    .cstNotification.Active .IcnNfyBtm ul {
        display: block;
    }

    .IcnNfyBtm ul li {
        font-size: 13px;
    }

    .cstCaptcha h3 {
        font-size: 16px;
    }

        .cstCaptcha h3 .btn.btn-dark {
            margin: -6px 0 0 0;
            font-size: 10px;
            padding: 4px 6px;
        }

    .cstCaptcha {
        padding: 5px 0 20px 0;
    }

    .sclFrm .LoginButton input[type="submit"] {
        font-size: 13px;
        width: 100px;
    }

    .ErrorMsg {
        font-size: 14px;
        margin: 5px 0 0 0;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
    }

    .alctTst .srchBx .LoginButton input[type="submit"], .alctTst .srchBx .LoginButton1 {
        width: 100%;
        margin: 0px;
        font-size: 16px !important;
        padding: 10px 0 13px;
    }

    .cstMrks1 {
        margin: 0px 0;
    }

    .cstA_B .login_frm {
        width: 33%;
    }

    .AddSclFrm.cstABBtns input {
        width: 100px !important;
    }

    .AddSclFrm.cstABBtns:nth-child(2) input {
        width: 80px !important;
        padding: 10px 5px 4px !important;
    }

    .AddSclFrm.cstABBtns:nth-child(3) input {
        width: 70px !important;
        padding: 10px 5px 4px !important;
    }

    .cstClsRt {
        margin: 0px 0 0 0;
    }

    .cstBkBtns .backBtn img {
        width: 40px;
    }

    .cstCaptcha h3 {
        margin: 0px !important;
    }

    .backBtn {
        margin: -10px 0 -17px 0 !important;
    }

    .cstBkBtns .btn.btn-info.float-right {
        font-size: 10px;
    }

    .Bt4Tbl table tbody tr td {
        font-size: 13px;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton {
        margin: 0px !important;
    }

        body .CSTBtn .srchBx .LoginButton input[type="submit"] {
            width: 100% !important;
            font-size: 15px !important;
            padding: 0px 0;
            margin: 0px !important;
        }

    .LgnMn .container {
        margin-top: 0px !important;
        padding: 0px 20px !important;
        height: 580px !important;
    }

    .LgnRt {
        box-shadow: none;
        height: auto;
        text-align: center;
        width: 280px;
        margin: 0px;
        float: none;
    }

    .Lgn_Dctn {
        display: none;
    }

    .Lgn_logo {
        float: none;
        width: auto;
        display: inline-block;
    }

    .LgnLft {
        margin: -80px 0 0 0;
        z-index: 1111;
        position: relative;
        background: #fff;
        padding: 20px 15px;
        float: none;
        display: inline-block;
        width: 280px;
    }

    .LgnMn::after {
        top: -100px;
    }

    .LgnMn::before {
        top: -270px;
    }

    .cstBp_3.active {
        margin: -1144px 0 0 0;
    }

    .cstBp_2.active {
        margin: -440px 0 0 0;
    }

    .DvRpt h3 {
        font-size: 22px;
    }

    .LgnMn .col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 {
        text-align: center;
    }

    .RtLgnnn {
        float: none;
        width: 100%;
        text-align: center;
    }

    .CaptchaTxt span {
        font-size: 14px;
    }

        .CaptchaTxt span, .CaptchaTxt span::after {
            padding: 0 0 8px 0;
        }

    body .dddd {
        width: 130px !important;
        height: 45px !important;
        margin-bottom: 30px;
    }

    .dxt .LoginButton.LoginButton1 {
        margin-top: 0px !important;
    }

        .dxt .LoginButton.LoginButton1 .dddd {
            font-size: 18px !important;
            height: 50px !important;
            padding: 0px !important;
        }

    .CaptchaTxt h3 {
        line-height: 20px;
    }

    .Msgesss .success, .Msgesss .failure, .Msgesss .warning {
        width: 70%;
        left: 15%;
        display: block;
    }

    .cstSleLognMn {
        padding: 12% 5% 0 5%;
    }

        .cstSleLognMn #upd1 {
            width: 100%;
        }

        .cstSleLognMn .navbar img {
            width: 220px;
        }

        .cstSleLognMn .sclFrm .login_frm .form-group input[type="text"],
        .cstSleLognMn .sclFrm .login_frm .form-group input[type="password"],
        .cstSleLognMn .sclFrm .login_frm .form-group input[type="number"] {
            height: 60px;
            font-size: 16px;
        }

        .cstSleLognMn .LoginButton input[type="submit"] {
            width: 156px;
            height: auto;
            font-size: 18px;
            padding: 8px 8px 12px 8px;
        }

    .AdminMdNygwyw {
        padding: 0px !important;
    }

    .cstNoPdng {
        padding: 0px !important;
    }

    .nwbdrrds .product-item a {
        font-size: 14px;
    }

    .cstCnterCntnt {
        float: left;
        width: 100%;
        text-align: center;
    }

    body .cstCnterCntnt .dddd {
        width: 130px !important;
        height: 45px !important;
        margin-bottom: 10px;
        float: none;
        display: inline-block !important;
    }

    body .GniMhiii {
        float: left;
        width: 100%;
        text-align: center;
    }

        body .GniMhiii .dddd {
            width: 160px !important;
            height: 50px !important;
            margin-bottom: 10px;
            float: none;
            display: inline-block !important;
        }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .AdmnSclLst {
        min-height: 200px;
        padding: 40px 20px;
    }

    .SclIcn i {
        font-size: 36px;
    }

    .SclBtn a {
        padding: 6px 6px 4px;
        font-size: 14px;
    }

    .SclIcn {
        margin-top: 15px;
    }

    .RspLgnLgo {
        display: block;
        text-align: center;
    }

    .login_Rt {
        display: none;
    }

    .RspLgnLgo img {
        width: 120px;
        margin-bottom: 20px;
    }

    .LoginTtl h1 {
        font-size: 30px;
    }

    .Login_Bg {
        padding-top: 20px;
        background: #fff;
    }

    .LoginTtl img {
        width: 160px;
    }

    .login_frm {
        margin-top: 20px;
        position: relative;
    }

        .login_frm .form-group label {
            font-size: 20px;
            margin: 0 0 -16px 20px;
        }

        .login_frm .form-group input[type="text"], .login_frm .form-group input[type="password"] {
            height: 70px;
            font-size: 25px;
        }

    .LoginButton input[type="submit"] {
        width: 226px;
        height: 67px;
        font-size: 30px;
        padding: 0 0 36px 0;
    }

    .LbLgn, .CstPntImg {
        display: none;
    }

    .Login_Bg .login_Lft .LoginButton {
        margin: 40px 0 60px 0;
    }

    .cstNotification {
        left: 86%;
        top: 6px;
    }

    .TcrDsbrd {
        width: 100%;
        margin-bottom: 30px;
    }

    .IcnNfyBtm {
        left: -230px;
        top: 100%;
        width: 280px;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            width: 261px;
            height: 92%;
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

    .cstNotification.Active .IcnNfyBtm ul {
        display: block;
    }

    .IcnNfyBtm ul li {
        font-size: 13px;
    }

    .ErrorMsg {
        font-size: 14px;
        margin: 5px 0 0 0;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 120px;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
    }

    .alctTst .srchBx .LoginButton input[type="submit"], .alctTst .srchBx .LoginButton1 {
        width: 100%;
        margin: 0px;
        font-size: 16px !important;
        padding: 15px 0 13px;
    }

    .cstA_B .login_frm {
        width: 33%;
    }

    .cstCaptcha {
        padding: 0px 0;
    }

    .cstBkBtns .backBtn img {
        width: 40px;
    }

    .cstClsRt {
        margin: 0px 0 0 0;
    }

    .cstBkBtns .btn.btn-info.float-right {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .Bt4Tbl table tbody tr td {
        font-size: 15px;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton {
        margin: 0px !important;
    }

        body .CSTBtn .srchBx .LoginButton input[type="submit"] {
            width: 100% !important;
            font-size: 15px !important;
            padding: 0px 0;
            margin: 0px !important;
        }

    .LgnMn .container {
        margin-top: 0px !important;
        padding: 0px 20px !important;
        height: 580px !important;
    }

    .LgnRt {
        box-shadow: none;
        height: auto;
        text-align: center;
        width: 280px;
        margin: 0px;
        float: none;
    }

    .Lgn_Dctn {
        display: none;
    }

    .Lgn_logo {
        float: none;
        width: auto;
        display: inline-block;
    }

    .LgnLft {
        margin: -80px 0 0 0;
        z-index: 1111;
        position: relative;
        background: #fff;
        padding: 20px 15px;
        float: none;
        display: inline-block;
        width: 280px;
    }

    .LgnMn::after {
        top: -100px;
    }

    .LgnMn::before {
        top: -270px;
    }

    .cstBp_3.active {
        margin: -1144px 0 0 0;
    }

    .cstBp_2.active {
        margin: -440px 0 0 0;
    }

    .DvRpt h3 {
        font-size: 22px;
    }

    .LgnMn .col-xl-5.col-lg-5.col-md-5.col-sm-5.col-12 {
        text-align: center;
    }

    .RtLgnnn {
        float: none;
        width: 100%;
        text-align: center;
    }

    .CaptchaTxt span {
        font-size: 24px;
        padding-bottom: 6px;
    }

    .dxt .LoginButton.LoginButton1 {
        margin-top: 0px !important;
    }

        .dxt .LoginButton.LoginButton1 .dddd {
            font-size: 18px !important;
            height: 50px !important;
            padding: 0px !important;
        }

    .Msgesss .success, .Msgesss .failure, .Msgesss .warning {
        width: 70%;
        left: 15%;
        display: block;
    }

    .cstSleLognMn {
        padding: 12% 20% 0 20%;
    }

        .cstSleLognMn #upd1 {
            width: 100%;
        }

        .cstSleLognMn .navbar img {
            width: 220px;
        }

        .cstSleLognMn .sclFrm .login_frm .form-group input[type="text"],
        .cstSleLognMn .sclFrm .login_frm .form-group input[type="password"],
        .cstSleLognMn .sclFrm .login_frm .form-group input[type="number"] {
            height: 60px;
            font-size: 16px;
        }

        .cstSleLognMn .LoginButton input[type="submit"] {
            width: 156px;
            height: auto;
            font-size: 18px;
            padding: 8px 8px 12px 8px;
        }

    .AdminMdNygwyw {
        padding: 0px !important;
    }

    .GniMhiii {
        margin-top: 30px;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .cstLftBg {
        width: 220px;
    }

    .SidebarLogo img {
        width: 170px;
    }

    .AdminRtBr {
        padding-left: 30%;
    }

    .AdminTpData ul {
        width: 66%;
        margin: 0 -3% 0 0 !important;
    }

    .cstTablesMn .responsive-table {
        overflow-x: auto;
        display: block;
    }

    .AdminTpData ul li:first-child {
        width: 42%;
    }

    .AdmnSclLst {
        min-height: 200px;
        padding: 40px 10px;
    }

    .SclIcn i {
        font-size: 36px;
    }

    .SclBtn a {
        padding: 6px 6px 4px;
        font-size: 14px;
    }

    .SclIcn {
        margin-top: 15px;
    }

    .LoginTtl h1 {
        font-size: 45px;
    }

    .login_Rt img {
        width: 350px;
        margin: 70px -56px 0 0;
    }

    .Login_Bg {
        min-height: 750px;
    }

    .LoginTtl img {
        width: 240px;
    }

    .AdminTpData ul li:last-child {
        margin-left: 15px;
        width: 19%;
        margin-right: 54px;
    }

    .cstNotification {
        left: 81%;
    }

        .cstNotification ul {
            width: 100%;
        }

    .TcrDsbrd {
        width: 100%;
        margin-bottom: 30px;
    }

    .IcnNfyBtm {
        left: -230px;
        top: 100%;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

        .IcnNfyBtm ul li {
            font-size: 15px;
        }

    .AdminBtm p {
        padding-left: 25%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 120px;
    }

    .BdrImg img {
        width: 100%;
    }

    .sclFrm .dropdown-select::after {
        right: 30px;
        top: 50%;
    }

    .SidebarContent nav ul li a {
        font-size: 13px;
    }

    .SidebarContent nav ul li ul li a {
        font-size: 13px;
    }

    .SidebarContent nav ul li .fa.right.fa-caret-down, .SidebarContent nav ul li .fa.right.fa-caret-up {
        margin-top: 4px;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
    }

    .alctTst .srchBx .LoginButton input[type="submit"], .alctTst .srchBx .LoginButton1 {
        width: 100%;
        margin: 0px;
        font-size: 16px !important;
        padding: 15px 0 13px;
    }

    .cstA_B .login_frm {
        width: 33%;
    }

    .cstCaptcha {
        padding: 0px 0;
    }

    .cstBkBtns .backBtn img {
        width: 40px;
    }

    .cstClsRt {
        margin: 0px 0 0 0;
    }

    .cstBkBtns .btn.btn-info.float-right {
        font-size: 15px;
        margin-bottom: 10px;
    }

    .Bt4Tbl table tbody tr td {
        font-size: 15px;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton {
        margin: 0px !important;
    }

        body .CSTBtn .srchBx .LoginButton input[type="submit"] {
            width: 100% !important;
            font-size: 15px !important;
            padding: 18px 0;
            margin: 0px !important;
        }

    .LgnMn .container {
        margin-top: 3%;
    }

    .LgnMn::after {
        top: 160px;
    }

    .LgnMn::before {
        top: -130px;
    }

    .DvRpt h3 {
        font-size: 22px;
    }

    .cstBp_2.active {
        margin: -410px 0 0 0;
    }

    .cstBp_3.active {
        margin: -1234px 0 0 0;
    }

    .cstLftBg::after {
        width: 220px;
    }

    .Lgo1 {
        width: 140px !important;
    }

    .SidebarLogo::after {
        width: 94%;
        height: 41px;
    }

    .CaptchaTxt span {
        font-size: 24px;
        padding-bottom: 6px;
    }

    .UsrName h4 {
        color: #4bb76b;
    }

    body .dddd {
        height: 60px !important;
    }

    .Msgesss .success, .Msgesss .failure, .Msgesss .warning {
        width: 70%;
        left: 15%;
        display: block;
    }

    .AdminMdNygwyw {
        padding: 0px !important;
    }

    .GniMhiii {
        margin-top: 30px;
    }

    .cstMnuBtn {
        margin-left: 202px;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }

    body.TpMnu .AdminTpData ul {
        width: 96%;
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 468px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
        }

    .AdminRtBr {
        padding-left: 29%;
    }

    .AdmnSclLst {
        min-height: 200px;
        padding: 40px 20px;
    }

    .SclIcn i {
        font-size: 36px;
    }

    .SclBtn a {
        padding: 6px 6px 4px;
        font-size: 14px;
    }

    .SclIcn {
        margin-top: 15px;
    }

    .login_frm {
        position: relative;
    }

    .login_Rt img {
        width: 450px;
        margin: 110px -40px 0 0;
    }

    .AdminTpData ul {
        width: 78%;
        margin: 0 -14% 0 0 !important;
    }

    .cstNotification {
        left: 86%;
    }

        .cstNotification ul {
            width: 100%;
        }

    .TcrDsbrd {
        width: 100%;
        margin-bottom: 30px;
    }

    .IcnNfyBtm {
        left: -230px;
        top: 100%;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

        .IcnNfyBtm ul li {
            font-size: 15px;
        }

    .AdminBtm p {
        padding-left: 30%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 200px;
    }

    .BdrImg img {
        width: 100%;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
    }

    .alctTst .srchBx .LoginButton input[type="submit"], .alctTst .srchBx .LoginButton1 {
        width: 100%;
        margin: 0px;
        font-size: 16px !important;
        padding: 15px 0 13px;
    }

    .cstA_B .login_frm {
        width: 33%;
    }

    .cstClsRt {
        margin: 0px 0 0 0;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton {
        margin: 0px !important;
    }

        body .CSTBtn .srchBx .LoginButton input[type="submit"] {
            width: 100% !important;
            font-size: 15px !important;
            padding: 18px 0;
            margin: 0px !important;
        }

    .LgnMn .container {
        margin-top: 3%;
    }

    .LgnMn::after {
        top: 70px;
        right: -72%;
    }

    .LgnMn::before {
        top: -330px;
        right: -35%;
    }

    .DvRpt h3 {
        font-size: 22px;
    }

    .cstBp_2.active {
        margin: -410px 0 0 0;
    }

    .cstBp_3.active {
        margin: -1374px 0 0 0;
    }

    .UsrName h4 {
        color: #4bb76b;
    }

    .CaptchaTxt span {
        font-size: 26px;
    }

    body .dddd {
        height: 60px !important;
    }

    .Msgesss .success, .Msgesss .failure, .Msgesss .warning {
        width: 30%;
        left: 45%;
        display: block;
    }

    .AdminMdNygwyw {
        padding: 0px !important;
    }

    .GniMhiii {
        margin-top: 30px;
    }

    .cstMnuBtn {
        margin-left: 260px;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }

    body.TpMnu .AdminTpData ul {
        width: 107%;
    }

    .AdminTpData ul li:last-child {
        margin-right: 60px;
    }

    .AdminMd .AdminRtBr .product-item a {
        font-size: 12px;
    }

    .scrollMnUl {
        max-height: 420px;
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 358px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
        }

    .AdminRtBr {
        padding-left: 24%;
    }

    .AdmnSclLst {
        min-height: 200px;
        padding: 40px 20px;
    }

    .SclIcn i {
        font-size: 36px;
    }

    .SclBtn a {
        padding: 6px 6px 4px;
        font-size: 14px;
    }

    .SclIcn {
        margin-top: 15px;
    }

    .cstMnuBtn {
        margin-left: 260px;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: 22px;
    }

    body.TpMnu .cstLftBg {
        width: 3.6%;
        padding-left: 2px;
    }

    body.TpMnu .Lgo2 {
        margin: 3px 0px 3px 2px;
    }

    .login_frm {
        position: relative;
    }

    .login_Rt img {
        width: 500px;
        margin: 50px -40px 0 0;
    }

    .TcrDsbrd {
        width: 100%;
        min-height: 140px;
    }

    .TcrDsbrdRtTp h4 {
        font-size: 36px;
    }

    .TcrDsbrdRtBtm p {
        font-size: 12px;
    }

    .TcrDsbrdLft img {
        width: 40px;
        margin-top: 50px;
    }

    .TcrDsbrdLft {
        min-height: 140px;
    }

    .TcrDsbrdRtBtm {
        min-height: 60px;
        padding: 18px 0 0 18px;
    }

    .cstNotification {
        left: 88%;
    }

    .SdntHdr .AdminTpData ul {
        width: 43%;
        margin: 0 -4% 0 0 !important;
    }

        .SdntHdr .AdminTpData ul li:first-child {
            width: 205px;
            margin: 0 0 0 19%;
        }

    .IcnNfyBtm {
        left: -310px;
        top: 100%;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

    .cstNotification ul {
        width: 100% !important;
    }

    .IcnNfyBtm ul li {
        font-size: 15px;
    }

    .AdminBtm p {
        padding-left: 25%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 200px;
    }

    .BdrImg img {
        width: 100%;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .cstA_B .login_frm {
        width: 20%;
    }

    .cstClsLft {
        width: 80%;
    }

    .cstClsRt {
        width: 160%;
        margin: -60px 0 0 -90px;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton input[type="submit"] {
        width: 100% !important;
        font-size: 15px !important;
    }

    .LgnMn .container {
        margin-top: 3%;
    }

    .UsrName h4 {
        color: #4db96d;
    }

    .CaptchaTxt span {
        font-size: 30px;
        padding-bottom: 4px;
    }

    .AdminLftBr {
        padding: 15px 0 15px 8px;
    }

    .Msgesss .success, .Msgesss .failure, .Msgesss .warning {
        width: 30%;
        left: 45%;
        display: block;
    }

    .AdminMdNygwyw {
        padding: 0px !important;
    }
    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

        body.TpMnu .cstLftBg::after {
            width: 0;
        }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 1300px) and (max-width: 1499.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 368px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
        }

    .AdminRtBr {
        padding-left: 22%;
    }

    .AdmnSclLst {
        min-height: 200px;
        padding: 40px 20px;
    }

    .SclIcn i {
        font-size: 36px;
    }

    .SclBtn a {
        padding: 6px 6px 4px;
        font-size: 14px;
    }

    .SclIcn {
        margin-top: 15px;
    }

    .cstMnuBtn {
        margin-left: 260px;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: 28px !important;
    }

    body.TpMnu .cstLftBg {
        width: 3.6%;
        padding-left: 7px;
    }

    body.TpMnu .Lgo2 {
        margin: 4px 0 3px 4px;
    }

    .login_frm {
        position: relative;
    }

    .login_Rt img {
        width: 500px;
        margin: 50px -40px 0 0;
    }

    .AdminBtm p {
        padding-left: 20%;
    }

    .BdrImg img {
        width: 100%;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .cstClsLft {
        width: 80%;
    }

    .cstClsRt {
        width: 160%;
        margin: -60px 0 0 -90px;
    }

    .LgnMn .container {
        margin-top: 3%;
    }

    body.TpMnu .SidebarLogo {
        width: 22px;
    }
    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 368px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
        }

    .AdminRtBr {
        padding-left: 21%;
    }

    .cstMnuBtn {
        margin-left: 260px;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: 32px !important;
    }

    body.TpMnu .cstLftBg {
        width: 3.6%;
        padding-left: 7px;
    }

    body.TpMnu .Lgo2 {
        margin: 4px 0 4px 4px;
    }

    .TcrDsbrd {
        width: 100%;
        min-height: 140px;
    }

    .TcrDsbrdRtTp h4 {
        font-size: 36px;
    }

    .TcrDsbrdRtBtm p {
        font-size: 12px;
    }

    .TcrDsbrdLft img {
        width: 40px;
        margin-top: 50px;
    }

    .TcrDsbrdLft {
        min-height: 140px;
    }

    .TcrDsbrdRtBtm {
        min-height: 60px;
        padding: 18px 0 0 18px;
    }

    .cstNotification {
        left: 88%;
    }

    .SdntHdr .AdminTpData ul {
        width: 43%;
        margin: 0 -4% 0 0 !important;
    }

        .SdntHdr .AdminTpData ul li:first-child {
            width: 205px;
            margin: 0 0 0 25%;
        }

    .IcnNfyBtm {
        left: -310px;
        top: 100%;
        -webkit-border-radius: 50px 0px 50px 50px;
        -moz-border-radius: 50px 0px 50px 50px;
        -ms-border-radius: 50px 0px 50px 50px;
        -o-border-radius: 50px 0px 50px 50px;
        border-radius: 50px 0px 50px 50px;
    }

        .IcnNfyBtm::after {
            -webkit-border-radius: 50px 0px 50px 50px;
            -moz-border-radius: 50px 0px 50px 50px;
            -ms-border-radius: 50px 0px 50px 50px;
            -o-border-radius: 50px 0px 50px 50px;
            border-radius: 50px 0px 50px 50px;
        }

    .cstNotification ul {
        width: 100% !important;
    }

    .IcnNfyBtm ul li {
        font-size: 15px;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 200px;
    }

    .BdrImg img {
        width: 100%;
    }

    .cstClsLft {
        width: 80%;
    }

    .cstClsRt {
        width: 160%;
        margin: -60px 0 0 -110px;
    }

    .CSTBtn .LoginButton1 {
        width: 100%;
    }

    body .CSTBtn .srchBx .LoginButton input[type="submit"] {
        width: 100% !important;
        font-size: 18px !important;
    }

    .LgnMn .container {
        margin-top: 3%;
    }

    .UsrName h4 {
        color: #4bb76b;
    }
    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 1500px) and (max-width: 1699.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 368px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
        }

    .AdminRtBr {
        padding-left: 20%;
    }

    .cstMnuBtn {
        margin-left: 260px;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: 36px !important;
    }

    body.TpMnu .cstLftBg {
        width: 3.6%;
        padding-left: 7px;
    }

    body.TpMnu .Lgo2 {
        margin: 5px 0 4px 5px;
    }

    .login_frm {
        position: relative;
    }

    .login_Rt img {
        width: 600px;
        margin: 10px -120px 0 0;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 160px;
    }

    .sclFrm .dropdown-select::after {
        right: 10px;
        top: 60%;
    }

    .LgnMn .container {
        margin-top: 3%;
    }

    .UsrName h4 {
        color: #4bb76b;
    }

    .col-xl-3.cstLftBg.cstLftBg_2 .AdminLftBr {
        padding: 15px 0 15px 8px;
    }

    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 1600px) and (max-width: 1799.98px) {
    .UsrName {
        width: 145px;
    }

    .AdminTpData ul {
        width: 468px;
    }

        .AdminTpData ul li:first-child {
            width: 205px;
            margin: 0 0 0 12%;
        }

    .AdminRtBr {
        padding-left: 17%;
    }

    body.TpMnu .cstLftBg {
        width: 3.6%;
        padding-left: 7px;
    }

    body.TpMnu .Lgo2 {
        margin: 5px 0 4px 6px;
    }

    .login_frm {
        position: relative;
    }

    .login_Rt img {
        width: 600px;
        margin: 10px -120px 0 0;
    }

    .TcrDsbrd {
        width: 100%;
    }

    .cstNotification {
        left: 88%;
    }

    .srchBx .LoginButton input[type="submit"] {
        font-size: 21px !important;
        width: 210px;
    }

    .sclFrm .dropdown-select::after {
        right: 20px;
        top: 60%;
    }

    .LgnMn .container {
        margin-top: 3%;
    }

    .col-xl-3.cstLftBg.cstLftBg_2 .AdminLftBr {
        padding: 15px 0 15px 10px;
    }
    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 1800px) and (max-width: 2099.98px) {
    .Login_Bg {
        padding-top: 10%;
    }
    /*****SIDEBAR START HERE*****/
    body.TpMnu .cstLftBg {
        width: 0 !important;
        padding-left: 0 !important;
        left: -20px !important;
    }

    body.TpMnu .cstLftBg::after {
        width: 0;
    }

    body.TpMnu .cstMnuBtn {
        margin-left: -18px !important;
    }
    /*****SIDEBAR END HERE*****/
}

@media (min-width: 2100px) and (max-width: 2299.98px) {
    .Login_Bg {
        padding-top: 10%;
    }
}

@media (min-width: 2200px) and (max-width: 2399.98px) {
    .Login_Bg {
        padding-top: 10%;
    }
}

@media (min-width: 2300px) and (max-width: 2499.98px) {
    .Login_Bg {
        padding-top: 10%;
    }
}
