@charset "utf-8";

body, html {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    color: #000;
    font-weight: 400;
    background-color: #ebf3f5;
}

.clear {
    clear: both;
}

.site-container {
    width: 100%;
    height: 100%;
    position: relative;
    margin: 0;
    padding: 0;
}

header {
    position: relative;
    height: 90px;
    background-color: #fff;
}

    header.fixed {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1;
        height: 70px;
        box-shadow: 0 0px 10px 0 #bfbfbf;
        -webkit-transition: position 1s;
        -moz-transition: position 1s;
        -ms-transition: position 1s;
        -o-transition: position 1s;
        transition: position 1s;
    }

        header.fixed nav .brand-logo {
            padding: 5px 0 0 20px;
        }

        header.fixed .nav-wrapper ul li a {
            padding: 1px 15px;
        }

.center-container {
    max-width: 1000px;
    width: 95%;
    margin: 0 auto;
}

nav {
    background-color: transparent;
    height: inherit;
    box-shadow: none;
    max-width: 1400px;
    margin: 0 auto;
}

    nav .brand-logo {
        padding: 20px 0 0 20px;
        height: auto;
        line-height: 35px;
        margin-right: 40px;
        position: relative;
        display: inline-block;
        vertical-align: text-bottom;
    }

.nav-wrapper ul:not(.side-nav) {
    display: inline-block;
    height: 90px;
    float: right;
    /*padding-right: 20px;*/
}

.nav-wrapper ul li a.dropdown-button {
    min-width: 180px;
    text-align: center;
}

.nav-wrapper ul li a:not(.logout) {
    color: #888;
    font-size: 14px;
    padding: 11px 15px;
    line-height: 56px;
    height: auto;
    border-bottom: 4px solid transparent;
    margin: 0 10px;
    font-weight: 600;
}

.nav-wrapper ul li a i {
    display: inline-block;
    margin-right: 15px;
    vertical-align: middle;
}

.nav-wrapper ul li a:hover, .nav-wrapper ul li a.active {
    background-color: transparent;
    border-bottom: 4px solid #dd2f22;
    color: #000;
}

.nav-wrapper ul li a.noborder:hover {
    border-bottom: 4px solid transparent;
}

.pay-online-icon {
    background: url(../images/pay-online.png) no-repeat center transparent;
    width: 31px;
    height: 21px;
}

.nav-wrapper ul li a:hover .pay-online-icon, .nav-wrapper ul li a.active .pay-online-icon {
    background: url(../images/pay-online-active.png) no-repeat center transparent;
}

.payment-history-icon {
    width: 17px;
    height: 20px;
    background: url(../images/payment-history.png) no-repeat center transparent;
}

#payment_history_inside, #pay_online_inside {
    display: none;
}

.nav-wrapper ul li a:hover .payment-history-icon,
.nav-wrapper ul li a.active .payment-history-icon {
    background: url(../images/payment-history-active.png) no-repeat center transparent;
}

.menu-name-icon {
    width: 17px;
    height: 12px;
    background: url(../images/menu-name.png) no-repeat center transparent;
}

.nav-wrapper ul li a:hover .menu-name-icon,
.nav-wrapper ul li a.active .menu-name-icon {
    background: url(../images/menu-name-active.png) no-repeat center transparent;
}

.cart-icon {
    width: 28px;
    height: 21px;
    background: url(../images/cart.png) no-repeat center transparent;
}

.nav-wrapper ul li a:hover .cart-icon,
.nav-wrapper ul li a.active .cart-icon {
    background: url(../images/cart-active.png) no-repeat center transparent;
}

.cart-icon + .badge {
    border-radius: 15px;
    color: #fff;
    padding: 1px 9px;
}

.dp {
}

    .dp img {
        vertical-align: sub;
        margin: 0 20px 0 10px;
    }

.login-name {
    display: inline-block;
    line-height: 30px;
    color: #000;
    margin-top: 5px;
}

    .login-name b {
        color: #888;
        line-height: 16px;
        display: block;
    }

.dropdown-icon {
    display: inline-block !important;
    vertical-align: top !important;
    background: url(../images/down-arrow.png) no-repeat center transparent;
    width: 43px;
    height: 60px !important;
    margin: 0px !important;
    padding-right: 60px;
    border-right: #ececec solid 1px;
}

#submenu.dropdown-content {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    height: 100%;
    top: -4px !important;
}

    #submenu.dropdown-content li {
        min-height: min-content;
        height: auto;
        line-height: 20px;
        width: 110%;
    }

        #submenu.dropdown-content li a {
            height: auto;
            line-height: 20px;
            width: 100%;
            margin-left: 0;
        }

            #submenu.dropdown-content li a:hover {
                border-bottom-color: transparent;
            }

            #submenu.dropdown-content li a.active {
                border-bottom-color: transparent;
                background-color: #dd2f22;
                color: #fff;
            }

.logout {
    background: url(../images/logout.png) no-repeat center transparent;
    width: 30px;
    height: 30px;
    margin-top: 25px;
}

    .logout:hover {
        border: none !important;
    }

    .logout span {
        margin-left: 30px;
        font-size: 16px;
    }

footer {
    margin: 100px 140px 40px;
    color: #000;
    font-size: 12px;
}

    footer span {
        color: #666;
    }

.post-button {
    height: 50px;
    background-color: #dd2f22;
    text-align: center;
    padding: 15px 30px;
    color: #fff;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
    font-weight: 500;
    margin-top: 10px;
    border-style: none;
    display: inline-block;
}

.no-border {
    border: none !important;
}

.site-red {
    color: #dd2f22;
}

.site-red-bg {
    background-color: #dd2f22;
}
/* inner page*/
.site-h1 {
    margin: 60px 0 40px;
    font-size: 24px;
    font-weight: 500;
}
/* inner page*/

/* payent history */
.record {
    margin-bottom: 10px;
    border: #ccc solid 1px;
}

    .record .box-one {
        background-color: #fff;
        padding: 20px 30px 5px;
    }

    .record .box-two {
        background-color: #f6f9fa;
        padding: 15px 30px 0;
        border-top: #ccc dashed 1px;
    }

    .record .element {
        display: inline-block;
        vertical-align: top;
    }

    .record .head {
        color: #c2c2c2;
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
        font-weight: 500;
    }

    .record .box-one .value {
        color: #333;
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
        margin-bottom: 15px;
    }

    .record .box-two .value {
        color: #333;
        font-size: 12px;
        line-height: 18px;
        font-weight: 500;
        margin-bottom: 15px;
    }

.w240 {
    width: 240px;
}

.w135 {
    width: 135px;
}

/* payent history */

/* cart */
.remove-cart-item {
    /*background: url(../images/remove-button.png) no-repeat center right transparent;*/
    width: 77px;
    height: 25px;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    border: #A8A8A8 solid 1px;
    border-radius: 25px;
    color: #A8A8A8;
    text-align: center;
    font-weight: 500;
    padding-top: 3px;
}

    .remove-cart-item:hover {
        background-color: #DD3022;
        color: #fff;
        border: #DD3022 solid 1px;
    }

.record .value.big {
    font-size: 22px;
    line-height: 26px;
}

.w160 {
    width: 160px;
}

.w140 {
    width: 140px;
}

.w520 {
    width: 520px;
}

.total-amount-box .value {
    font-size: 16px;
    font-weight: 500;
    color: #333;
}

    .total-amount-box .value.big {
        font-size: 24px;
        font-weight: 500;
        color: #333;
        padding: 20px 30px 5px;
    }

.total-amount {
    color: #dd2f22 !important;
}

.tax-box .box-one {
    background-color: transparent;
}

    .tax-box .box-one > div {
        /*width: 410px;float: right;display: block;margin:10px 0 30px;*/
    }

    .tax-box .box-one .t1 {
        font-size: 18px;
        margin-bottom: 20px;
        display: block;
    }

    .tax-box .box-one .t2 {
        font-size: 18px;
    }

    .tax-box .box-one .v1 {
        font-size: 18px;
        margin-bottom: 20px;
        display: block;
        text-align: right;
        padding-right: 50px;
    }

    .tax-box .box-one .v2 {
        font-size: 18px;
        text-align: right;
        padding-right: 50px;
    }
/* cart */

/*add to cart */
.add-to-cart-container {
    background-color: #fff;
    padding: 0;
}

    .add-to-cart-container .left-box, .add-to-cart-container .right-box {
        max-width: 500px;
        display: inline-block;
        vertical-align: top;
    }

    .add-to-cart-container .left-box {
        background-color: #f8f8f8;
        margin: 4px;
        padding: 40px 15px;
        width: 51%;
        height: 660px;
    }

    .add-to-cart-container .right-box {
        width: 48%;
        padding: 40px 15px;
        background-color: #fff;
    }

    .add-to-cart-container .left-box .box-one,
    .add-to-cart-container .left-box .box-two {
        display: inline-block;
        vertical-align: top;
        ;
    }

    .add-to-cart-container .left-box .box-one {
        width: 55%;
        padding: 0 10px 0 20px;
    }

    .add-to-cart-container .left-box .box-two {
        padding: 0 0 0 30px;
        border-left: #e1e1e1 dashed 1px;
        width: 44%;
    }

    .add-to-cart-container .element {
        margin-bottom: 20px;
        font-weight: 600;
        word-break: break-all;
    }

    .add-to-cart-container .left-box .element .head {
        color: #999;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .add-to-cart-container .left-box .element .value {
        color: #333;
        font-size: 13px;
    }

    .add-to-cart-container .right-box .element {
        display: inline-block;
        margin: 0 25px;
    }

        .add-to-cart-container .right-box .element .head {
            color: #888;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .add-to-cart-container .right-box .element .value {
            color: #dd2f22;
            font-size: 22px;
        }

.form-section-head {
    margin-bottom: 30px;
}

.form-section {
    margin-top: 30px;
    padding: 15px 25px;
    width: 80%;
}
    /*.form-section form{
    display: inline-block;
    width: 80%;
}*/
    .form-section .input-field label,
    .form-section .input-field input:focus + label,
    .form-section .input-field label.active {
        color: #666 !important;
        font-size: 1.2rem !important;
        font-weight: 500;
        top: -5px;
    }

    .form-section .input-field input {
        border-bottom: 2px solid #a5a5a5 !important;
        box-shadow: none !important;
        color: #000;
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 30px;
    }

        .form-section .input-field input[type=text]:focus {
            border-bottom: 1px solid #666;
            box-shadow: 0 1px 0 0 #666;
        }

    .form-section .post-button {
        width: 100%;
        font-size: 16px;
    }
/*add to cart */

/* Login */
.login-container {
    max-width: 1440px;
    width: 100%;
    margin: 0 auto;
}

    .login-container .left-container {
        height: 100vh;
        width: 50%;
        display: inline-block;
        vertical-align: top;
    }

        .login-container .left-container a.carousel-item {
            min-height: 100vh;
        }

        .login-container .left-container a.banner-one {
            /*background: url(../Banner/one.png) no-repeat right top transparent;*/
            background-size: cover;
            /*height:640px;
            width:100%;*/
        }

        .login-container .left-container a.banner-two {
            /*background: url(../Banner/two.png) no-repeat right top transparent;*/
            background-size: cover;
            /*height:640px;
            width:100%;*/
        }

        .login-container .left-container a.banner-three {
            /*background: url(../Banner/three.png) no-repeat right top transparent;*/
            background-size: cover;
            /*height:640px;
            width:100%;*/
        }

    .login-container .right-container {
        background-color: #fff;
        padding-left: 100px;
        width: 49.7%;
        display: inline-block;
        vertical-align: middle;
        /*height: 100vh;*/
    }
    /*.login-container .right-container > div{
    display: inline-block;
    vertical-align: middle;
}*/
    .login-container .brand-logo {
        margin-bottom: 35px;
        display: inline-block;
    }

    .login-container .right-container h2 {
        margin: 0 0 20px;
        font-size: 24px;
        color: #000;
        font-weight: 500;
    }

    .login-container .right-container .form {
        display: inline-block;
        width: 50%;
        margin-bottom: 20px;
    }

        .login-container .right-container .form .input-field label,
        .login-container .right-container .form .input-field label.active,
        .login-container .right-container .form .input-field input[type=text]:focus + label {
            font-size: 14px !important;
            color: #666 !important;
            font-weight: 500;
        }

        .login-container .right-container .form .input-field input {
            border-bottom: 2px solid #a5a5a5 !important;
            box-shadow: none !important;
        }

        .login-container .right-container .form .post-button {
            width: 100%;
            font-size: 16px;
            font-weight: 500;
        }

.forgot-password {
    font-size: 12px;
    color: #999;
    font-weight: 500;
}

.address-block {
    color: #000;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 15px;
    line-height: 20px;
    max-width: 85%;
}

    .address-block:first-of-type {
        margin-top: 60px;
    }

    .address-block span {
        color: #666;
        display: inline-block;
    }
/* Login */

/* Profile */
.edit-profile-link.img {
    background: url(../images/edit.png) no-repeat left top transparent;
    float: right;
    width: 57px;
    height: 25px;
}

.edit-profile-link {
    background-color: #DD2F22;
    color: #fff;
    font-size: 12px;
    border-radius: 25px;
    padding: 0 15px;
    float: right;
    cursor: pointer;
}

    .edit-profile-link.update {
        display: none;
    }

.profile-box {
    padding: 70px 53px;
    background-color: #fff;
}

.update-pic-button {
    display: block;
    background: url(../images/update-pic.png) no-repeat left top transparent;
    margin-top: 10px;
    width: 97px;
    height: 25px;
    cursor: pointer;
}

.profile-box > div {
    display: inline-block;
    vertical-align: top;
}

.cont-two {
    padding: 0 30px 0 60px;
    border-right: #ccc solid 1px;
    width: 380px;
}

.data-cont .element {
    margin-bottom: 25px;
    font-weight: 500;
}

    .data-cont .element .head {
        font-size: 14px;
        color: #999;
        /*margin-bottom: 10px;*/
    }

    .data-cont .element .value {
        font-size: 18px;
        color: #333;
    }

        .data-cont .element .value .profile-input, .data-cont .element .value .profile-input:focus {
            margin-bottom: 0;
            border-bottom: none;
            font-size: 17px;
            color: #333;
            box-shadow: none;
            /*overflow: visible;*/
            height: 100%;
        }

#change_password_form .post-button {
    height: 40px;
    padding: 8px 30px;
}

.data-cont .element .value #address {
    font-size: 14px;
}

.data-cont .element .value .profile-input.active, .data-cont .element .value .profile-input.active:focus {
    border-bottom: #a5a5a5 solid 1px;
    font-size: 14px;
    padding-bottom: 8px;
}

.cont-three {
    padding: 0 0 0 30px;
    width: 270px;
}

.change-password-block .collapsible {
    margin: 0;
    box-shadow: none;
    border: none;
}

.change-password-block .collapsible-header {
    background-color: #f5f9fa;
    padding: 30px 60px 30px 30px;
    font-size: 18px;
    color: #dd2f22;
    font-weight: 500;
    position: relative;
}

    .change-password-block .collapsible-header .arrow {
        background: url(../images/right-arrow.png) no-repeat center transparent;
        width: 36px;
        height: 36px;
        position: absolute;
        vertical-align: middle;
        right: 30px;
        top: 25px;
        cursor: pointer;
    }

    .change-password-block .collapsible-header.active .arrow {
        transform: rotate(-90deg);
    }

.change-password-block .collapsible-body {
    background-color: #fff;
    padding: 15px 30px;
}
/* Profile */

/* scheme selection */
.todays-rates-box {
    padding: 15px 0;
    border-bottom: #dbdcdc dotted 2px;
}

    .todays-rates-box p {
        font-size: 13px;
        margin: 10px 0 0;
        color: #000;
        font-weight: 500;
    }

.gold-color {
    color: #cd9e2c;
    display: inline-block;
}

.silver-color {
    color: #788186;
    display: inline-block;
}

.diamond-color {
    color: #232526;
    display: inline-block;
}

.items-types {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    display: inline-block;
    border-right: #e6ebed solid 2px;
    margin-right: 10px;
    padding: 10px 0;
}

    .items-types:last-of-type {
        border: none;
        margin: 0;
    }

        .items-types:last-of-type .f20:last-of-type {
            margin: 0;
        }

    .items-types .head {
        margin-right: 13px;
        display: inline-block;
    }

.f20 {
    font-size: 20px;
    margin-right: 10px;
}

.secheme-badge {
    float: right;
    border-radius: 20px;
    padding: 0 15px !important;
    color: #fff !important;
    background-color: #000;
}

.scheme-grid {
    position: relative;
    text-align: center;
}

.scheme-box {
    padding: 20px 15px 15px;
    margin: 15px 0;
    max-width: 315px;
    width: 95%;
    /*height: 427px;*/
    background-color: #fff;
    display: inline-block;
    font-weight: 500;
    vertical-align: top;
    text-align: left;
}

    .scheme-box:nth-child(3n-1) {
        margin: 15px 20px;
    }

    .scheme-box:hover {
        box-shadow: 0 0 30px 1px #d2d8da;
    }

.int-box-one {
    padding: 15px 15px 10px;
    border-bottom: #dadada dashed 1px;
}

    .int-box-one .element {
        display: inline-block;
        margin-right: 50px;
        font-weight: 500;
        padding: 10px 0;
    }

        .int-box-one .element:last-of-type {
            margin: 0;
        }

        .int-box-one .element .head {
            color: #666;
            font-size: 12px;
            margin-bottom: 5px;
        }

        .int-box-one .element .value {
            color: #333;
            font-size: 14px;
        }

.scheme-box .scheme-name {
    font-size: 12px;
    color: #666;
    margin-bottom: 5px;
}

.scheme-box .scheme-value {
    font-size: 22px;
    color: #dd2f22;
}

.person-details-box {
    padding: 20px 0 0;
    position: relative;
}

    .person-details-box .dp {
        margin-top: 10px;
        height: 100%;
        display: inline-block;
        vertical-align: top;
        height: 100px;
        padding: 5px 10px;
    }

        .person-details-box .dp img {
            margin: 0;
        }

    .person-details-box .data {
        padding: 10px;
        display: inline-block;
        vertical-align: top;
        /*width: 245px;*/
        width: 222px;
    }

        .person-details-box .data .element {
            margin-bottom: 20px;
            margin-right: 30px;
            display: inline-block;
            vertical-align: top;
        }

            .person-details-box .data .element:first-of-type {
                width: 100%;
            }

            .person-details-box .data .element:last-of-type {
                margin-right: 0;
            }

            .person-details-box .data .element .head {
                color: #999;
                font-size: 12px;
            }

            .person-details-box .data .element .value {
                color: #333;
                font-size: 13px;
            }

.scheme-box .post-button {
    width: 100%;
}

    .scheme-box .post-button.disabled {
        width: 100%;
        background-color: #ccc;
    }
/* scheme selection */

/* counter */
.filter-box {
    padding: 30px 0;
    border-bottom: #bac2c4 dashed 2px;
    margin-bottom: 50px;
    background-color: #ebf3f5;
}

    .filter-box .row-one .input-field {
        width: 165px;
        margin: 0 40px 25px 0;
        display: inline-block;
        vertical-align: top;
    }

        .filter-box .row-one .input-field:last-of-type {
            margin-right: 0;
        }

        .filter-box .row-one .input-field .select-dropdown {
            font-size: 18px !important;
            font-weight: 500 !important;
            border-bottom: #A1A3A2 solid 2px;
            box-shadow: none;
        }

        .filter-box .row-one .input-field label {
            font-size: 12px !important;
            color: #666 !important;
            top: -35px;
            font-weight: 500 !important;
        }

        .filter-box .row-one .input-field input {
            font-size: 18px !important;
            font-weight: 500 !important;
            border-bottom: #A1A3A2 solid 2px;
            box-shadow: none;
        }

            .filter-box .row-one .input-field input + label {
                font-size: 15px !important;
                color: #666 !important;
                top: -7px;
                font-weight: 500 !important;
            }

    .filter-box .save-button {
        background-color: #dd2f22;
        text-align: center;
        padding: 10px 0;
        color: #fff;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
        font-weight: 500;
        display: inline-block;
        width: 100%;
        text-align: center;
        /*border-style:none;*/
    }

    .filter-box .search-button {
        background-color: #000;
        text-align: center;
        padding: 10px 0;
        color: #fff;
        font-size: 20px;
        line-height: 24px;
        cursor: pointer;
        font-weight: 500;
        display: inline-block;
        width: 100%;
        text-align: center;
    }

    .filter-box .clear-button {
        text-decoration: underline;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
        line-height: 22px;
        display: inline-block;
        color: #000;
        vertical-align: middle;
        width: 100%;
        margin-top: 10px;
    }

    .filter-box .dropdown-content li > a, .filter-box .dropdown-content li > span {
        color: #333;
    }

.counter_result_grid_container table {
    border: #E1E1E1 solid 1px;
    margin: 30px 0 50px;
}

    .counter_result_grid_container table thead tr {
        background-color: #E0E0E0;
    }

    .counter_result_grid_container table tr th {
        font-size: 12px;
        font-weight: 500;
        padding: 15px 20px;
    }

    .counter_result_grid_container table tr td {
        font-size: 13px;
        font-weight: 500;
        padding: 12px 20px;
    }

    .counter_result_grid_container table tr th,
    .counter_result_grid_container table tr td {
        color: #333;
    }

        .counter_result_grid_container table tr th.floor_name,
        .counter_result_grid_container table tr th.short_name,
        .counter_result_grid_container table tr th.counter_name {
            width: 200px;
        }

        .counter_result_grid_container table tr th.edit,
        .counter_result_grid_container table tr th.delete {
            width: 50px;
            padding: 15px 10px;
        }

        .counter_result_grid_container table tr td.edit,
        .counter_result_grid_container table tr td.delete {
            padding: 12px 10px;
            text-align: center;
        }

    .counter_result_grid_container table .edit_icon {
        background: url(../images/edit-icon.png) no-repeat center center transparent;
        width: 31px;
        height: 31px;
        display: inline-block;
        cursor: pointer;
    }

        .counter_result_grid_container table .edit_icon:hover {
            background: url(../images/edit-icon-hover.png) no-repeat center center transparent;
            width: 31px;
            height: 31px;
        }

    .counter_result_grid_container table .delete_icon {
        background: url(../images/delete-icon.png) no-repeat center center transparent;
        width: 31px;
        height: 31px;
        display: inline-block;
        cursor: pointer;
    }

        .counter_result_grid_container table .delete_icon:hover {
            background: url(../images/delete-icon-hover.png) no-repeat center center transparent;
            width: 31px;
            height: 31px;
        }

    .counter_result_grid_container table tr th:first-of-type,
    .counter_result_grid_container table tr td:first-of-type {
        padding-left: 35px;
    }

    .counter_result_grid_container table tr th:last-of-type,
    .counter_result_grid_container table tr td:last-of-type {
        padding-right: 35px;
    }

    .counter_result_grid_container table tbody tr:nth-child(odd) {
        background-color: #fff;
    }

    .counter_result_grid_container table tbody tr:nth-child(even) {
        background-color: #EFF4F7;
    }

    .counter_result_grid_container table tr td .head {
        display: none;
        width: 100%;
        clear: both;
        color: #999;
        font-weight: 400;
        font-size: 12px;
    }

.page-numbers {
    color: #666;
    padding: 10px 0 0 30px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
}

.pagination {
    text-align: right;
    padding-right: 10px;
}

    .pagination a {
        color: #666;
        padding: 0 15px;
        font-size: 12px;
        line-height: 18px;
        text-decoration: none;
        display: inline-block;
        vertical-align: middle;
        font-weight: 500;
    }

        .pagination a.border {
            border-right: #ccc solid 2px;
        }

        .pagination a:hover {
            color: #DD3022;
        }

    .pagination select {
        display: inline-block;
        vertical-align: middle;
        width: 60px;
        padding: 0 15px;
        font-weight: 500;
    }

.number_of_rows {
    text-align: right;
}

    .number_of_rows span, .number_of_rows select {
        display: inline-block;
        vertical-align: middle;
    }

    .number_of_rows span {
        margin-right: 15px;
    }

    .number_of_rows select {
        width: 70px;
        padding: 0 15px;
        font-weight: 500;
    }

.total_records {
    color: #DB2F21;
    font-size: 24px;
    font-weight: 500;
}

.show-filters {
    display: none;
    color: #333;
    text-align: left;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
}
/* counter */

@media (max-width:600px) {
    footer {
        margin: 100px 0 40px;
        text-align: center;
    }

    .site-h1 {
        text-align: center;
    }

    .secheme-badge {
        float: none !important;
        display: inline-block;
    }

    .person-details-box .dp {
        height: auto;
        position: absolute;
        right: 10px;
        top: 15px;
    }

    .person-details-box .data {
        width: 100%;
    }

    .scheme-box {
        margin: 15px auto !important;
        display: block;
        /*max-width: 100%;*/
    }

    #sidenav-overlay {
        margin-left: 300px;
    }

    .int-box-one {
        padding: 0 10px 10px;
    }

    .items-types {
        display: block;
        border-right: none;
    }

    .element:last-of-type {
        margin-bottom: 10px;
        width: auto;
    }

    .profile-box {
        padding: 30px 25px;
    }

    .change-password-block .collapsible-header {
        padding: 30px 20px;
        font-size: 16px;
    }

    .change-password-block .collapsible-body {
        padding: 15px 10px;
    }

    .change-password-block .collapsible-header .arrow {
        right: 15px;
    }

    .profile-box > div {
        width: 100%;
        text-align: left;
        padding: 0;
    }

    .cont-one {
        margin-bottom: 30px;
    }

    .cont-two {
        border: none;
    }

    .update-pic-button {
        background-position: center center;
        display: inline-block;
        width: 100%;
    }

    .login-container .left-container {
        width: 100%;
        position: fixed;
        background-size: cover;
        height: 100vh;
        z-index: 0;
        background-attachment: fixed;
        right: 0;
    }

    .login-container .right-container {
        width: 90%;
        display: block;
        background-color: rgba(255, 255, 255, 0.97);
        position: absolute;
        left: 0;
        right: 0;
        min-height: 100vh;
        margin: 60px auto 30px;
        z-index: 2;
        padding: 30px 10px 10px;
        text-align: center;
        /*height: auto;*/
    }

        .login-container .right-container .form {
            width: 90%;
        }

            .login-container .right-container .form .input-field label, .login-container .right-container .form .input-field label.active, .login-container .right-container .form .input-field input[type=text]:focus + label {
                font-size: 12px !important;
            }

        .login-container .right-container h2 {
            margin-bottom: 20px;
        }

    .address-block {
        max-width: 100%;
    }

    .nav-wrapper ul li a:not(.logout) {
        line-height: 36px;
        margin: 0;
    }

    .nav-wrapper ul#submenu_mobile li a:not(.logout) {
        line-height: 110%;
    }

    .nav-wrapper ul li a.dropdown-button {
        text-align: left;
    }

    .nav-wrapper ul:not(.side-nav) {
        padding-right: 30px;
    }

    #mobile-demo #submenu_mobile.dropdown-content {
        background-color: #f6f6f6;
        display: none;
        margin-bottom: 25px;
        overflow: hidden;
        position: relative !important;
        top: 0 !important;
        float: none;
        width: 100% !important;
        height: 100%;
        padding-right: 0 !important;
    }

        #mobile-demo #submenu_mobile.dropdown-content li:hover {
            background-color: transparent;
        }

    #submenu_mobile li a:hover, #submenu_mobile li a.active {
        background-color: #dd2f22;
        color: #fff;
        border-bottom-color: transparent;
    }

    .logout {
        margin-left: 10px;
    }

    .dropdown-icon {
        border: none;
    }

    a.button-collapse {
        position: absolute;
        left: 20px;
        top: 15px;
    }

    header.fixed a.button-collapse {
        top: 5px;
    }

    a.button-collapse i {
        font-size: 30px;
    }

    .side-nav li a i:not(.drop-arrow) {
        display: none !important;
    }

    .nav-wrapper ul li a i.drop-arrow {
        height: 28px;
        line-height: 38px;
    }

    .side-nav .divider {
        display: none;
    }

    .add-to-cart-container .left-box {
        width: 97.8% !important;
        padding: 20px 10px 0 !important;
    }

        .add-to-cart-container .left-box .element {
            margin: 0 0 20px;
            width: auto !important;
            display: inline-block;
            padding: 0 10px;
            min-width: 47%;
        }

    .form-section {
        padding: 15px 5px;
        width: 100%;
    }

    .add-to-cart-container .form-section form {
        width: 100%;
    }

    .record .element {
        width: 49%;
    }

    .record .box-one .value {
        padding-right: 10px;
    }

    .tax-box .box-one .t1, .tax-box .box-one .t2 {
        font-size: 16px;
    }

    .record .value.big.total-amount {
        text-align: right;
    }

    .tax-box .element.w240 {
        width: 60%;
    }

    .tax-box .element.w140 {
        width: 36%;
    }

    .remove-cart-item {
        float: left;
        margin: 10px 0;
    }

    .filter-box .row-one .input-field.empty-div {
        display: none;
    }

    .add-to-cart-container .right-box .element {
        width: auto !important;
        margin: 0 10px 15px;
    }

    .center-container {
        padding: 0 10px;
    }

    .record .box-two, .record .box-one {
        padding: 20px 20px 5px;
    }

    .todays-rates-box p, .items-types {
        text-align: center;
        width: 100%;
    }

    .item-block {
        display: block;
    }

    .items-types .head, .f20 {
        margin-right: 0;
    }

    .filter-box .row-one .input-field {
        width: calc(50% - 45px);
    }

    .total_records, .number_of_rows, .page-numbers, .pagination {
        text-align: left;
    }

    .total_records {
        margin-bottom: 10px;
    }

    .page-numbers {
        margin-bottom: 20px;
        width: 100%;
        display: block;
        padding: 0;
    }

    .add-to-cart-container .box-one, .add-to-cart-container .box-two {
        padding: 20px 0 !important;
    }

    .counter_result_grid_container table tr td {
        width: 49%;
    }

        .counter_result_grid_container table tr td:first-of-type {
            width: auto;
            padding-left: 20px;
        }

        .counter_result_grid_container table tr td:nth-child(2) {
            width: auto;
        }

        .counter_result_grid_container table tr td.edit, .counter_result_grid_container table tr td.delete {
            float: none;
            padding: 0;
            display: inline-block;
            width: auto;
            margin: 15px;
        }

        .counter_result_grid_container table tr td .head {
            display: block;
            font-weight: 500;
            font-size: 12px;
        }

    .counter_result_grid_container table {
        display: inline-block;
    }

        .counter_result_grid_container table thead {
            display: none;
            white-space: initial;
        }

        .counter_result_grid_container table tbody {
            white-space: initial;
        }

        .counter_result_grid_container table tr {
            display: inline-block;
            width: 100%;
            padding: 15px 0;
        }

            .counter_result_grid_container table tr td {
                display: inline-block;
            }

                .counter_result_grid_container table tr td .head {
                    display: block;
                }
    /*    .show-filters{
            display: block;
        }
        .filter-box{
            display: none;
        }*/
    .pagination a:first-of-type {
        padding-left: 0;
    }
}

@media (max-width:480px) {
    .filter-box .row-one .input-field {
        width: calc(100% - 45px);
    }

    .counter_result_grid_container table tr td {
        width: 100%;
    }

        .counter_result_grid_container table tr td:first-of-type {
            width: auto;
            padding-left: 20px;
        }

    .pagination {
        padding-right: 0;
    }

        .pagination a {
            padding: 0 8px;
        }

    .int-box-one .element {
        margin-right: 25px;
    }
}

@media (min-width:601px) and (max-width:767px) {
    .scheme-box {
        margin: 15px auto !important;
        display: block;
    }

    .login-container .right-container {
        width: 80%;
    }

    .payment-history-grid-container .w240 {
        width: 100%;
    }

    .add-to-cart-container .left-box .element {
        margin: 0 20px 30px;
        width: 39% !important;
    }

    .filter-box .row-one .input-field {
        width: calc(50% - 50px);
    }

    .filter-box .clear-button {
        text-align: left;
    }

    .filter-box {
        padding: 30px;
    }

    .change-password-block .collapsible-body {
        padding: 15px 0;
    }

    #change_password_form .post-button {
        padding: 8px 30px;
    }

    .form-section .input-field label,
    .form-section .input-field input:focus + label,
    .form-section .input-field label.active {
        font-size: 1rem;
    }

    .add-to-cart-container .left-box {
        width: 98.8% !important;
    }

    .counter_result_grid_container table tr td {
        width: 200px;
    }

        .counter_result_grid_container table tr td:nth-child(2) {
            width: 130px;
        }

        .counter_result_grid_container table tr td:nth-child(3) {
            width: 180px;
        }

        .counter_result_grid_container table tr td:first-of-type {
            width: 200px;
            padding-left: 20px;
        }

        .counter_result_grid_container table tr td.edit, .counter_result_grid_container table tr td.delete {
            float: right;
            width: 40px;
        }

        .counter_result_grid_container table tr td .head {
            display: block;
            font-weight: 500;
            font-size: 10px;
        }
}

@media (min-width:768px) and (max-width:992px) {
    .scheme-box, .scheme-box:nth-child(3n-1) {
        margin: 15px 10px;
    }

    .login-container .right-container {
        width: 60%;
    }

    .add-to-cart-container .element {
        /*margin: 0 20px 30px;*/
        width: 160px;
    }

    .filter-box .row-one .input-field {
        width: calc(30% - 20px);
    }

    .add-to-cart-container .right-box .element {
        width: auto !important;
    }

    .counter_result_grid_container table tr td {
        width: 170px;
    }

        .counter_result_grid_container table tr td:first-of-type {
            width: 240px;
            padding-left: 20px;
        }

        .counter_result_grid_container table tr td.edit, .counter_result_grid_container table tr td.delete {
            float: right;
            width: 50px;
        }
}

@media (min-width:601px) and (max-width:992px) {
    #sidenav-overlay {
        margin-left: 300px;
    }

    .center-container {
        padding: 0 30px;
        width: 100%;
    }

    .items-types {
        display: block;
        border-right: none;
    }

    .element:last-of-type {
        margin-bottom: 10px;
        width: auto;
    }

    .profile-box {
        padding: 40px 30px;
    }

    .cont-one {
        margin-bottom: 50px;
        width: 100%;
        text-align: center;
    }

    .update-pic-button {
        background-position: center center;
        display: inline-block;
        width: 100%;
    }

    .cont-two {
        padding: 0 30px 0 0;
        width: 50%;
    }

    .cont-three {
        width: 49%;
    }

    .data-cont .element {
        word-break: break-all;
    }

    .login-container .left-container {
        width: 100%;
        position: fixed;
        background-size: cover;
        height: 100vh;
        z-index: 0;
        background-attachment: fixed;
        right: 0;
    }

    .login-container .right-container {
        display: block;
        background-color: rgba(255, 255, 255, 0.97);
        position: absolute;
        left: 0;
        right: 0;
        min-height: 100vh;
        margin: 60px auto 30px;
        z-index: 2;
        padding: 45px 0 20px 60px;
        /*height: auto;*/
    }

    .nav-wrapper ul li a.dropdown-button {
        text-align: left;
    }

    #mobile-demo #submenu_mobile.dropdown-content {
        background-color: #f6f6f6;
        display: none;
        margin-bottom: 25px;
        overflow: hidden;
        position: relative !important;
        top: 0 !important;
        float: none;
        width: 100% !important;
        height: 100%;
        padding-right: 0 !important;
    }

        #mobile-demo #submenu_mobile.dropdown-content li:hover {
            background-color: transparent;
        }

    #submenu_mobile li a:hover, #submenu_mobile li a.active {
        background-color: #dd2f22;
        color: #fff;
        border-bottom-color: transparent;
    }

    .login-container .right-container .form {
        width: 80%;
    }

    .nav-wrapper ul li a:not(.logout) {
        line-height: 36px;
    }

    .logout {
        margin-left: 10px;
    }

    .dropdown-icon {
        border: none;
    }

    a.button-collapse {
        position: absolute;
        left: 20px;
        top: 15px;
    }

        a.button-collapse i {
            font-size: 30px;
        }

    header.fixed a.button-collapse {
        top: 5px;
    }

    .side-nav li a i {
        display: none !important;
    }

    .side-nav .divider {
        display: none;
    }

    .tax-box .box-one .v1 {
        padding-right: 0;
    }

    .tax-box .box-one .v2 {
        padding-right: 0;
    }

    .final-total.record .box-one {
        padding: 40px 30px 30px;
    }


    .add-to-cart-container .right-box {
        max-width: 100%;
    }

        .add-to-cart-container .right-box .form-section {
            width: 100%;
            max-width: 500px;
        }

    .record .box-one, .record .box-two {
        padding: 20px 50px 5px;
    }

    .filter-box .row-one .input-field.empty-div {
        display: none;
    }

    .counter_result_grid_container table {
        display: inline-block;
    }

        .counter_result_grid_container table thead {
            display: none;
            white-space: initial;
        }

        .counter_result_grid_container table tbody {
            white-space: initial;
        }

        .counter_result_grid_container table tr {
            display: inline-block;
            width: 100%;
        }

            .counter_result_grid_container table tr td {
                display: inline-block;
            }

                .counter_result_grid_container table tr td .head {
                    display: block;
                }
}

@media (min-width:993px) and (max-width:1048px) {
    .cont-one {
        margin-bottom: 50px;
        width: 100%;
        text-align: center;
    }

    .cont-two {
        padding: 0 30px 0 0;
        width: 50%;
    }

    .cont-three {
        width: 49%;
    }

    .update-pic-button {
        background-position: center center;
        display: inline-block;
        width: 100%;
    }

    .items-types {
        display: block;
    }
}

@media (min-width:993px) and (max-width:1050px) {
    .filter-box .row-one .input-field {
        width: 215px;
    }

        .filter-box .row-one .input-field.empty-div {
            display: none;
        }
}

@media (min-width:993px) and (max-width:1200px) {

    .scheme-box {
        margin: 5px 0 0 !important;
    }

    .element:last-of-type {
        margin-bottom: 10px;
        /*width: auto;*/
    }

    .remove-cart-item {
        float: left;
    }

    #payment_history_outside, #pay_online_outside {
        display: block;
    }

    #payment_history_inside, #pay_online_inside {
        display: block;
    }

    .nav-wrapper ul {
        float: right;
        padding-right: 15px;
    }

    .login-container .left-container {
        /*width: 100%;*/
        position: fixed;
        background-size: contain;
        height: 100%;
        z-index: 0;
        background-attachment: fixed;
        right: 0;
    }

    .login-container .right-container {
        width: 50%;
        display: block;
        background-color: rgba(255, 255, 255, 0.97);
        position: absolute;
        left: 0;
        right: 0;
        /*height: 100vh;*/
        z-index: 2;
        padding: 85px 0 0 50px;
    }

        .login-container .right-container .form {
            width: 80%;
        }

    .record .box-one, .record .box-two {
        padding: 20px 20px 5px;
    }

    .filter-box .row-one .input-field {
        width: 30%;
    }
}

@media (min-width:1201px) and (max-width:1315px) {
    #payment_history_outside {
        display: block;
    }

    #payment_history_inside {
        display: block;
    }
}

@media (min-width:1200px) {
    footer {
        margin: 100px auto 40px;
        max-width: 1400px;
        padding: 0 20px;
    }

    .login-container {
        max-width: 100%;
    }

        .login-container .left-container {
            min-height: 100vh;
        }

            .login-container .left-container a {
                min-height: 100vh;
            }

        .login-container .right-container {
            /*min-height: 100vh;*/
            padding: 3% 0 0 100px;
        }
}

@media (max-width:1200px) {

    .add-to-cart-container .left-box {
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 30px 15px 0;
    }

        .add-to-cart-container .left-box .box-one {
            width: 100%;
            padding: 20px;
        }

    .add-to-cart-container .element {
        display: inline-block;
        vertical-align: top;
        margin-right: 30px;
        margin-bottom: 30px;
    }

    .add-to-cart-container .left-box .box-two {
        width: 100%;
        border: none;
        border-top: #e1e1e1 dashed 1px;
        padding: 20px;
    }

    .add-to-cart-container .right-box {
        width: 100%;
    }
}

@media (min-width:1600px) {
    .login-container .right-container {
        padding-top: 7%;
    }

        .login-container .right-container > div {
            display: inline-block;
            vertical-align: middle;
        }
}

@media (width:1920px) and (height:1080px) {
    .address-block:first-of-type {
        margin-top: 250px;
    }

    .login-container .right-container {
        padding-top: 10%;
    }
}

@media (width:768px) and (height:1024px) {
    .login-container .right-container {
        padding-top: 10%;
        min-height: auto;
    }
}