@media (min-width:981px) and (max-width:5400px) {


    .headericon {
        width: 22px;
    }

    .icon-bar a {
        float: left;
        text-align: center;
        padding: 10px 0;
        transition: all 0.3s ease;
        font-size: 28px;
        text-decoration: none;
        border-right: 1px solid #ccc;
        width: 33.333%;
    }

        .icon-bar a:last-child {
            border-right: 0px solid #ccc;
        }



        .icon-bar a p {
            display: inline-block;
            padding-left: 10px;
            vertical-align: top;
            font-size: 14px;
            font-weight: 600;
            padding-top: 8px;
            margin-bottom: 5px;
            line-height: 16px;
        }

        .icon-bar a i {
            display: inline-block;
            font-size: 20px;
        }

    .icon-bar p, .icon-bar i, .icon-bar p:hover, .icon-bar p:hover {
        color: #fff;
        font-weight: 600;
    }



    .icon-bar .active p, .icon-bar .active i, .icon-bar .active p:hover, .icon-bar .active p:hover {
        color: #fff;
        font-weight: 600;
    }

    .form-group {
        margin-bottom: 5px !important;
    }
}


@media (min-width:721px) and (max-width:980px) {


    .headericon {
        width: 22px;
    }

    .icon-bar a {
        float: left;
        text-align: center;
        padding: 10px 0;
        transition: all 0.3s ease;
        font-size: 28px;
        text-decoration: none;
        border-right: 1px solid #ccc;
        width: 33.333%;
    }

        .icon-bar a:last-child {
            border-right: 0px solid #ccc;
        }



        .icon-bar a p {
            display: inline-block;
            padding-left: 10px;
            vertical-align: top;
            font-size: 14px;
            font-weight: 600;
            padding-top: 8px;
            margin-bottom: 5px;
            line-height: 16px;
        }

        .icon-bar a i {
            display: inline-block;
            font-size: 20px;
        }

    .icon-bar p, .icon-bar i, .icon-bar p:hover, .icon-bar p:hover {
        color: #662485;
        font-weight: 600;
    }



    .icon-bar .active p, .icon-bar .active i, .icon-bar .active p:hover, .icon-bar .active p:hover {
        color: #fff;
        font-weight: 600;
    }

    .form-group {
        margin-bottom: 10px !important;
    }
}

@media (min-width:320px) and (max-width:720px) {

    .headericon {
        width: 20px;
    }


    .icon-bar a {
        float: left;
        text-align: center;
        padding: 5px 0;
        transition: all 0.3s ease;
        font-size: 28px;
        text-decoration: none;
        border-right: 1px solid #ccc;
        width: 33.333%;
    }

        .icon-bar a:last-child {
            border-right: 0px solid #ccc;
        }



        .icon-bar a p {
            display: inline-block;
            padding-left: 1px;
            vertical-align: top;
            font-size: 12px;
            font-weight: 500;
            padding-top: 8px;
            margin-bottom: 5px;
            line-height: 16px;
        }

        .icon-bar a i {
            display: inline-block;
            font-size: 20px;
        }

    .icon-bar p, .icon-bar i, .icon-bar p:hover, .icon-bar p:hover {
        color: #fff;
        font-weight: 500;
    }



    .icon-bar .active p, .icon-bar .active i, .icon-bar .active p:hover, .icon-bar .active p:hover {
        color: #fff;
        font-weight: 500;
    }

    .form-group {
        margin-bottom: 10px !important;
    }
}

.forexdatalables .form-container .col-md-12 {
    padding: 0px;
}


.forexdatalables .form-container {
    padding: 0px 0px 0px !important;
}

.forexdatalables .carousel .carousel-content {
    margin-top: 20px !important;
}


.tabtable {
    float: right;
    width:50px;
}



.cssmenu {
    background: none;
    float: left;
    width: 100%;
}

.cssmenus {
    background: none;
    float: left;
    width: 100%;
}



.cssmenu > ul {
    margin-top: 6px !important;
}

.cssmenu ul {
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}




.cssmenu li {
    background: #939393 none repeat scroll 0 0;
    border-color: #939393;
    border-image: none;
    border-style: solid;
    color: #2b2a29;
    float: left;
    text-align: left;
}


.cssmenu .active > a:hover {
    color: white;
}


.cssmenus > ul {
    margin-top: 6px !important;
}

.cssmenus ul {
    height: 35px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.cssmenus li {
    background: #939393 none repeat scroll 0 0;
    border-color: #939393;
    border-image: none;
    border-style: solid;
    color: #2b2a29;
    float: left;
    text-align: left;
}

.cssmenus .active > a:hover {
    color: white;
}

.cssmenu li {
    width: 30%;
    margin-left: 10px;
    margin-right: 5px;
    padding: 0 8px;
    border-width: 1px 1px 1px 1px;
    border-radius: 3px;
}

.cssmenus li {
    width: 46%;
    margin-left: 10px;
    margin-right: 7px;
    padding: 0 8px;
    border-width: 1px 1px 1px 1px;
    border-radius: 3px;
}

.cssmenu li a, .cssmenu li a:hover, .cssmenu li a:focus {
    padding: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
}

.cssmenus li a, .cssmenus li a:hover, .cssmenus li a:focus {
    padding: 5px;
    line-height: 35px;
    color: #fff;
    font-size: 12px;
}

.cssmenu .active {
    background: #662485;
    border-color: #662485;
    color: #fff;
}

.cssmenus .active {
    background: #662485;
    border-color: #662485;
    color: #fff;
}

.cssmenu li.active a, .cssmenu li.active a:hover, .cssmenu li.active a:focus {
    color: #fff !important;
}

.cssmenus.active a, .cssmenus.active a:focus, .cssmenus.active a:hover {
    color: #fff !important;
}

.cssmenu ul li:last-child {
    margin-left: 10px !important;
}

.cssmenus ul li:last-child {
    margin-left: 10px !important;
}


.controlamount, .controlamount {
    background-color: transparent !important;
    width: 120px !important;
    border: none !important;
    color: #2b2a29;
    padding: 6px 0px;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: none;
    text-align: left !important;
    font-size: 12px;
}


.mycontent {
    float: left;
    width: 100%;
    min-height: 330px;
}

.tblcurrency {
    width: 100%;
}

.add-to-cart {
    color: #fff;
    font-size: 14px;
    padding: 8px 12px;
    background: #662485;
    line-height: 38px;
    border-radius: 50px;
    font-weight: 600;
}

.controlchild {
    font-weight: 600;
    font-size: 14px;
    color: #0E9BDF;
}


.headerblkaccpanel {
    border: 1px solid #d4d7d9;
    background: rgba(255, 255, 255, 0.79) !important;
    width: 100%;
    margin-bottom: 50px;
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 7px;
}

.headerblkaccpaneles {
    border: 1px solid #d4d7d9;
    padding: 20px;
    background: rgba(255, 255, 255, 0.9) !important;
    width: 100%;
    margin-top: 0px;
    float: left;
    margin-bottom: 50px;
    padding-top: 15px;
    border-radius: 7px;
}



.rs-search-courses::after {
    background-color: transparent !important;
}


.scrolldata {
    margin-top: 0px;
    padding: 0px;
    height: 400px;
}

.cartdetails .mytable td {
    font-size: 12px;
    padding: 2px;
}

.mytable td {
    border-bottom: 1px solid #ddd;
    color: #226f98;
    font-size: 12px;
    font-weight: 500;
    border-right: 1px solid #ddd;
    padding: 2px;
    text-align: center;
}



    .mytable td.tdfirst {
        width: 25%;
        text-align: left;
        padding-left: 10px;
    }

    .mytable td.tdsecond {
        width: 25%;
        text-align: left;
        padding-left: 10px;
    }



    .mytable td.tdthird {
        width: 17%;
        text-align: left;
        padding-left: 10px;
    }

    .mytable td.tdfive {
        width: 18%;
        text-align: left;
        padding-left: 10px;
    }

.cartdetails .mytable td.tdfirst {
    width: 27%;
    text-align: left;
    padding-left: 5px;
}

.cartdetails .mytable td.tdsecond {
    width: 21%;
    text-align: left;
    padding-left: 5px;
}

.cartdetails .mytable td.tdthird {
    width: 22%;
    text-align: left;
    padding-left: 5px;
}

.cartdetails .mytable td.tdfive {
    width: 22%;
    text-align: left;
    padding-left: 5px;
}

.cartdetails .mytable td.tdsix {
    display: none;
}

.cartdetails .mytable td.tdseven {
    display: none;
}

.mytable tr td:first-child {
    text-align: left;
    padding-left: 7px;
    width: 25%;
}


.mytable td .fa-trash, .mytable td .fa-trash:focus, .mytable td .fa-trash:hover {
    color: #1C99D9 !important;
    font-size: 20px;
    font-weight: 600;
}

.mytable td .fa-pencil, .mytable td .fa-pencil:focus, .mytable td .fa-pencil:hover {
    color: #662485 !important;
    font-size: 20px;
    font-weight: 600;
}


.flex-direction-nav a, .flex-direction-nav a:hover, .flex-direction-nav a:focus {
    color: #fff !important;
    border: 1px solid #fff;
    border-radius: 50%;
    font-size: 24px;
    padding: 9px;
    height: 35px;
    display: block;
    width: 35px;
}

.flex-direction-nav {
    position: absolute !important;
    width: 100%;
    top: 62% !important;
    margin-left: -25px;
}

.liveratetbl {
    width: 135px;
    margin-right: 5px;
}

    .liveratetbl:first-child tr:first-child td:first-child {
        width: 65px;
        text-align: left;
        display: inline-block;
        border-right: 2px solid #eee;
        line-height: 22px;
        height: 22px;
    }

    .liveratetbl td {
        width: 85px;
        padding: 3px;
        font-size: 12px;
        line-height: 22px;
        height: 22px;
        padding-left: 5px;
    }

.liveamount {
    text-align: left;
    color: #fff;
}

.currencyName {
    width: 100%;
    text-align: center;
    margin-top: -5px;
    font-size: 11px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 0px;
    line-height: 10px;
    letter-spacing: 0.6px;
    padding-top: 5px;
    display: inline;
    padding-left: 3px;
}


.currencyslider {
    margin-left: 0px;
    margin-right: 0px;
    background: #93C120;
    height: 45px;
    margin-top: 9px;
}

.liveamount .fa-arrow-down {
    color: red;
    padding-right: 5px;
}

.liveamount .fa-arrow-up {
    color: green;
    padding-right: 5px;
}


.liveratedata {
    width: 100%;
    z-index: 100;
    position: absolute;
    bottom: 0px;
    height: 48px;
    overflow: hidden;
}

    .liveratedata .flex-nav-prev {
        display: none;
    }

    .liveratedata .flex-nav-next {
        display: none;
    }



.top-bar .contact-details li {
    display: inline-block;
}

    .top-bar .contact-details li:first-child a::before {
        display: none;
    }

    .top-bar .contact-details li a::before {
        color: #666;
    }

    .top-bar .contact-details li a::before {
        position: relative;
        content: "|";
        font-size: 12px;
        margin: 0 3px;
        top: -1px;
        color: #ccc;
    }

.toplocation .select2-container--default .select2-selection--single, .toplocation .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 1px;
    height: 20px;
}

.toplocation {
    top: 0px;
    height: 30px;
}

    .toplocation .select2-container {
        width: 140px !important;
        font-weight: 600;
        letter-spacing: 0.4px;
    }

    .toplocation .select2-container--default .select2-selection--single {
        border: none !important;
    }


        .toplocation .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #662485 !important;
            line-height: 25px !important;
            padding-left: 0px;
            border-bottom: 1px solid #ddd;
        }

        .toplocation .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #662485 transparent transparent !important;
            margin-top: -5px;
        }

    .toplocation .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
        border-color: transparent transparent #662485 !important;
    }

.top-bar {
    border-bottom: 1px solid #eee;
    height: 30px;
    overflow: hidden;
}


.logindata {
    font-size: 20px;
    border-bottom: 1px solid #75971e !important;
    padding-bottom: 5px;
    color: #662485;
    font-weight: 800;
}


.btn.btn-flat {
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-width: 1px;
}

.btn-social {
    padding: 8px 10px;
    padding-left: 10px;
    padding-left: 10px;
    position: relative;
    padding-left: 50px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
    letter-spacing: 0.4px;
}

.btn-facebook, .btn-facebook:hover, .btn-facebook:focus {
    color: #ffffff !important;
    background-color: #3b5998;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-google, .btn-google:hover, .btn-google:focus {
    color: #ffffff !important;
    background-color: #dd4b39;
    border-color: rgba(0, 0, 0, 0.2);
}

.btn-social > :first-child {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    line-height: 34px;
    font-size: 1.6em;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}


.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    margin-bottom: 5px;
}


.rs-header .col-md-1, .rs-header .col-md-2, .rs-header .col-md-3, .rs-header .col-md-4, .rs-header .col-md-5, .rs-header .col-md-6,
.rs-header .col-md-7, .rs-header .col-md-8, .rs-header .col-md-9, .rs-header .col-md-10, .rs-header .col-md-11, .rs-header .col-md-12 {
    margin-bottom: 0px;
}


.menu-item-has-children ul a {
    line-height: 35px !important;
}


.pac-icon {
    display: none;
}

.pac-logo::after {
    content: "";
    padding: 1px 1px 1px 0;
    height: 16px;
    text-align: right;
    display: block;
    background-image: none !important;
    background-position: right;
    background-repeat: no-repeat;
    background-size: 120px 14px;
}



.pac-container {
    font-family: inherit !important;
    position: absolute !important;
    top: 55px !important;
    left: 15px !important;
}

.pac-item-query {
    font-size: 13px !important;
    padding-right: 5px !important;
    color: #deddd7 !important;
}

.pac-item {
    font-size: 12px !important;
}


.mycontentbook {
    padding: 2px;
    border: 1px solid #eee;
    /*float: left;*/
    width: 100%;
}

.linkbottom, .linkbottom:hover, .linkbottom:focus {
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    background: #662485;
    padding: 5px;
    margin-top: 4px;
    line-height: 15px;
    padding-top: 8px;
}


#lbltotalAmount table td {
    font-size: 12px;
    line-height: 20px;
}

.showtaboption, .showtaboption:hover, .showtaboption:focus {
    float: right;
    padding-right: 8px;
    padding-top: 5px;
    color: ;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.4px;
}


.btn.btn-file {
    position: relative;
    overflow: hidden;
}

.file-input, .file-input:focus, .file-input:hover {
    background-color: #deddd7 !important;
    border-color: #deddd7 !important;
    font-size: 12px !important;
    padding: 5px 10px !important;
}

.dldata .col-sm-12 {
    padding: 0px;
    border: 1px solid #132938;
}

.btn.btn-file > input[type="file"] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    font-size: 100px;
    text-align: right;
    opacity: 0;
    filter: alpha(opacity=0);
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
    font-size: 12px !important;
}

.mytable thead tr td {
    background: #226f98 none repeat scroll 0 0;
    border: 1px solid #ddd;
    color: #fff;
    text-align: center;
    padding: 3px;
}


#divOrderDetails table td {
    padding: 2px;
    border: 1px solid #eee;
    font-size: 12px;
}


#RBBuyProduct {
    width: 100%;
}

    #RBBuyProduct input {
        width: 45px;
    }




#RBSellProduct {
    width: 100%;
}

    #RBSellProduct input {
        width: 45px;
    }



#RBSendProduct {
    width: 100%;
}

    #RBSendProduct input {
        width: 45px;
    }


@media only screen and (min-width: 721px) and (max-width: 5400px) {
}

.dataTable th, .dataTable td, .table th, .table td {
    white-space: nowrap;
    border: 1px solid #ddd !important;
}

.table td, .table th {
    border: 1px solid #f4f4f4;
    line-height: 1.42857;
    padding: 5px;
    font-size: 12px;
}

.viewfiles, .viewfiles:hover, .viewfiles:focus, .table a {
  color: #132938;
  font-weight: 600;
  text-decoration: underline !important;
}

.deliverydata {
    background: #fff;
    padding: 10px;
    padding-top: 21px;
    text-align: center;
    /*width: 120px;*/
    border-radius: 7px;
    color: #deddd7;
    border: 1px solid #84bb5a;
    cursor: pointer;
    height: 90px;
    margin-bottom: 10px;
}

    .deliverydata i {
        font-size: 25px;
    }

    .deliverydata p {
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 1px;
        color: #84bb5a;
        font-weight: 600;
    }


.deliverydataactive {
    background: #fff;
    padding: 10px;
    padding-top: 21px;
    text-align: center;
    /*width: 120px;*/
    color: #deddd7;
    border-radius: 7px;
    border: 1px solid #84bb5a;
    cursor: pointer;
    height: 90px;
    margin-bottom: 10px;
}


    .deliverydataactive i {
        font-size: 25px;
        color: #84bb5a;
    }

    .deliverydataactive p {
        font-size: 13px;
        margin-bottom: 15px;
        margin-top: 1px;
        color: #deddd7;
        font-weight: 600;
    }



.deliverydatatactive {
    background: #fff;
    padding: 5px;
    text-align: center;
    width: 100%;
    min-height: 200px;
    border-radius: 1px;
    color: #fff;
    border: 1px solid #84bb5a;
    cursor: pointer;
}


    .deliverydatatactive i {
        font-size: 35px;
    }

    .deliverydatatactive p {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        color: #84bb5a;
        font-weight: 600;
    }


.deliverydatatype {
    background: #fff;
    padding: 5px;
    text-align: center;
    width: 100%;
    border-radius: 1px;
    color: #1C99D9;
    border: 1px solid #ddd;
    cursor: pointer;
    min-height: 200px;
}

    .deliverydatatype i {
        font-size: 35px;
    }

    .deliverydatatype p {
        font-size: 14px;
        margin-bottom: 5px;
        margin-top: 5px;
        color: #132938;
        font-weight: 600;
    }


.deliveryreloadmsg {
    text-align: center;
    font-size: 14px;
    margin-bottom: 25px;
    margin-top: 25px;
    color: #662485;
    font-weight: 600;
    letter-spacing: 0.8px;
}


.deliverydatatactive #standarddelivertimedata {
    font-weight: 600;
    color: #5EA709;
}

.deliverydatatactive #expressdelivertimedata {
    font-weight: 600;
    color: #5EA709;
}


.deliverydatatype #standarddelivertimedata {
    font-weight: 600;
}

.deliverydatatype #expressdelivertimedata {
    font-weight: 600;
}




.containerchk a, .containerchk a:hover, .containerchk a:focus {
    color: #000;
}



.containerchk {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 2px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


    .containerchk input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
        height: 0;
        width: 0;
    }


    .containerchk .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 25px;
        width: 25px;
        background-color: #ccc;
    }


    .containerchk:hover input ~ .checkmark {
        background-color: #ccc;
    }


    .containerchk input:checked ~ .checkmark {
        background-color: #deddd7;
    }


    .containerchk .checkmark:after {
        content: "";
        position: absolute;
        display: none;
    }


    .containerchk input:checked ~ .checkmark:after {
        display: block;
    }


    .containerchk .checkmark:after {
        left: 9px;
        top: 5px;
        width: 7px;
        height: 12px;
        border: solid white;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }



.forexdatalables .h2hmsrvtl {
    font-family: 'Manrope';
    font-size: 18px;
    text-align: center;
    background: #226f98;
    margin-top: 0px;
    line-height: 22px;
    font-weight: 600;
    color: #fff;
    padding: 10px;
    border-radius: 0px;
    border: 1px solid #fff;
    border-bottom: none;
}

.forexdatalables .nav > li > a {
    position: relative;
    display: block;
    padding: 5px 10px !important;
    border-radius: 0px;
    background: #def2fc;
    color: #fff;
    font-size: 12px;
}

.forexdatalables .tab-content {
    padding: 10px !important;
}

.forexdatalables .nav-pills > li.active > a, .forexdatalables .nav-pills > li.activeg > a, .forexdatalables .nav-pills > li.active > a:focus, .forexdatalables .nav-pills > li.active > a:hover, .forexdatalables .nav-pills > li > a:hover, .forexdatalables .nav-pills > li > a:focus {
    color: #132938;
    background-color: #deddd7 !important;
}

.forexdatalables .nav {
    margin-top: 10px;
    margin-bottom: 10px;
}



.cart-titles {
    padding: 8px !important;
    padding-top: 8px;
    font-size: 18px;
    color: #67b72a !important;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;
    background: #fff;
    padding-top: 7px !important;
}

/*.cart-titles {
    padding: 8px !important;
    padding-top: 8px;
    font-size: 14px;
    color: #132938 !important;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0px;
    font-weight: 600;
    background: #FFCB03;
    padding-top: 7px !important;
}*/

.feildsetdata {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    padding: 5px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.legenddata {
    color: #84bb5a;
    border: 0 !important;
    font-weight: 600;
    letter-spacing: 0.6px;
    font-size: 14px;
    width: auto !important;
    padding: 0px 5px;
    margin-bottom: 1px;
}

#DlData tbody > tr > td {
    border: 0px solid #ccc;
    padding: 4px;
    font-size: 12px;
    font-weight: 300;
    vertical-align: top;
    line-height: 22px;
}



@media only screen and (min-width: 320px) and (max-width: 720px) {

    .extranicons {
        width: 100%;
    }



        .extranicons i {
            color: #662485;
        }

        .extranicons .input-group-addon a {
            background: none !important;
            padding: 0px !important;
        }


        .extranicons .input-group-addon {
            font-size: 16px;
            background: #fff;
            line-height: 25px;
            padding: 7px 10px;
            border: 1px solid #ddd;
            color: #062E74;
        }

    .table {
        background: #fff;
    }


        .table td, .table th {
            border: 1px solid #f4f4f4;
            line-height: 1.42857;
            padding: 5px;
            font-size: 12px;
        }

        .dataTable th, .dataTable td, .table th, .table td {
            white-space: nowrap;
            border: 1px solid #ddd !important;
        }


    .RBProduct label {
        padding-left: 3px;
    }

    .callbackhref, .callbackhref:hover, .callbackhref:focus {
        text-decoration: underline !important;
        color: #662485;
    }

    .cardnodata {
        font-size: 11px;
        color: #662485;
        font-weight: 500;
        line-height: 15px;
    }

    #DlData tbody > tr > td {
        border: 0px solid #ccc;
        padding: 4px;
        font-size: 12px;
        font-weight: 500;
        vertical-align: top;
        line-height: 22px;
    }

    .panel-group {
        height: 530px;
        margin-bottom: 20px;
        overflow: auto;
    }

    #DlData > tbody > tr > td {
        border: 0px;
        border-bottom: 2px dashed #662485;
        width: 50%;
        padding-top: 30px;
    }

    .search-form > .col-md-12 {
        padding-left: 2px;
        padding-right: 2px;
    }



    .textaligncenter {
        text-align: right;
        padding: 20px;
    }


    .homebody #rs-slider .container {
        margin-bottom: 180px;
    }

    .rs-search-courses select,
    .rs-search-courses input[type=text] {
        width: 100%;
    }

    .offerdata {
        width: 100%;
        z-index: 100;
        position: relative;
        overflow: hidden;
        margin-top: 5px;
        font-size: 12px;
        text-align: center;
        font-weight: 600;
    }



    .rs-search-courses {
        min-height: 30px;
    }

    .countitems {
        color: #662485;
        font-weight: 600;
    }

    .cartdetails:hover .countitems, .cartdetails:focus .countitems {
        color: #1C99D9;
        color: #1C99D9 !important;
    }

    .cartdetails {
        background: #1C99D9;
        color: #fff !important;
    }

        .cartdetails:hover, .cartdetails:focus {
            background: #662485;
            color: #fff !important;
        }

    .aboutuspaddingbefore {
        padding-top: 50px;
        margin-top: 710px;
    }

    .aboutuspaddingafter {
        padding-top: 50px;
        margin-top: 710px;
    }


    .testi-img i {
        font-size: 40px;
        color: #1C99D9;
    }

    .knowdataview p {
        margin-bottom: 1px !important;
    }



    .ui-autocomplete {
        background: #F9F9F9;
        width: 220px !important;
        padding: 0px;
        position: absolute;
        border-radius: 5px;
        z-index: 1000;
    }


        .ui-autocomplete > li {
            display: block;
            list-style: none;
            padding: 6px;
            z-index: 1000;
            font-size: 12px;
            font-weight: 600;
            cursor: pointer;
            border-bottom: 1px solid #1C99D9;
            color: #2B2A29;
            background: #fff;
        }

            .ui-autocomplete > li a {
                color: #662485;
                font-size: 12px;
                font-weight: 600;
            }

            .ui-autocomplete > li:hover {
                background-color: #eee;
                color: #662485 !important;
            }

            .ui-autocomplete > li > a:hover, .ui-autocomplete > li > a:focus, .ui-autocomplete > li > a {
                font-size: 12px !important;
                font-weight: 600 !important;
                color: #662485 !important;
                border: 0px !important;
            }


    .offerimg {
        cursor: pointer;
    }



    .select2-container .select2-selection--single .select2-selection__rendered .aspNetDisabled {
        background: #fff !important;
    }

    .controldetailsborder .select2-container--default {
        border-bottom: 1px solid #ddd;
    }



    .arrow_box {
        position: fixed;
        background: #93C120;
        border: 2px solid #662485;
        height: 40px;
        width: 190px;
        right: 18px;
        bottom: 16px;
        z-index: 2000;
        font-size: 14px;
        padding: 6px;
        border-radius: 10px;
    }

        .arrow_box:after, .arrow_box:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .arrow_box:after {
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #93C120;
            border-width: 15px;
            margin-left: -15px;
        }

        .arrow_box:before {
            border-color: rgba(194, 225, 245, 0);
            border-top-color: #662485;
            border-width: 18px;
            margin-left: -18px;
        }








    .icon-bar .active {
        position: relative;
        background: #93C120;
    }


        .icon-bar .active:after, .icon-bar .active:before {
            top: 100%;
            left: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
        }

        .icon-bar .active:after {
            border-color: rgba(136, 183, 213, 0);
            border-top-color: #93C120;
            border-width: 10px;
            margin-left: -10px;
        }

        .icon-bar .active:before {
            border-color: rgba(194, 225, 245, 0);
            border-top-color: #93C120;
            border-width: 15px;
            margin-left: -15px;
        }

    .productnamelive {
        margin-bottom: 2px;
        width: auto;
        float: left;
        font-size: 12px;
        padding: 12px;
        color: #fff;
        margin-right: 10px;
    }


    .knowdataview {
        height: 380px;
        overflow-y: auto;
    }

    #branchdetails .tbldata td {
        padding: 0px;
    }

    .tdcmpname {
        color: #662485;
        font-size: 14px;
        font-weight: 600;
        border-right: 1px solid #ccc;
    }

    .tdcpname {
        padding-left: 10px !important;
        color: #662485;
        font-size: 14px;
        font-weight: 600;
    }

    .tdofficetime {
        color: #75971e;
    }

    .tdaddress {
        padding-top: 10px;
    }


        .tdaddress span {
            color: #662485;
            font-weight: 600;
        }

    .remittacedata {
        width: 100%;
    }

        .remittacedata tr td:nth-child(2n+2) {
            text-transform: uppercase !important;
        }


    .uppercasetxt .form-control, .uppercasetxt .form-control:focus, .uppercasetxt .form-control:hover {
        text-transform: uppercase !important;
    }

    .infokyc {
        width: 20px;
        margin-left: 2px;
        margin-right: 2px;
        cursor: pointer;
        margin-top: -3px;
    }



    /* The container */

    .paymentchk {
        margin-bottom: 2px;
        float: right;
        margin-right: -10px;
        margin-top: -28px;
    }

    .containerpurplechk {
        display: block;
        position: relative;
        padding-left: 30px;
        margin-bottom: 2px;
        cursor: pointer;
        font-size: 22px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /* Hide the browser's default checkbox */
        .containerpurplechk input {
            position: absolute;
            opacity: 0;
            cursor: pointer;
            height: 0;
            width: 0;
            left: -20px;
        }

        /* Create a custom checkbox */
        .containerpurplechk .checkmark {
            position: absolute;
            top: 0;
            left: 0;
            height: 20px;
            width: 20px;
            background-color: #ccc;
        }

        /* On mouse-over, add a grey background color */
        .containerpurplechk:hover input ~ .checkmark {
            background-color: #ccc;
        }

        /* When the checkbox is checked, add a blue background */
        .containerpurplechk input:checked ~ .checkmark {
            background-color: #662485;
        }

        /* Create the checkmark/indicator (hidden when not checked) */
        .containerpurplechk .checkmark:after {
            content: "";
            position: absolute;
            display: none;
        }

        /* Show the checkmark when checked */
        .containerpurplechk input:checked ~ .checkmark:after {
            display: block;
        }

        /* Style the checkmark/indicator */
        .containerpurplechk .checkmark:after {
            left: 7px;
            top: 4px;
            width: 6px;
            height: 10px;
            border: solid white;
            border-width: 0 3px 3px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }
}

@media (min-width:621px) and (max-width:6400px) {


    .appbuttons .desc {
        float: right;
        width: 60%;
    }

    .appbuttons p {
        margin-bottom: 2px;
    }


    .appbuttons {
        padding: 10px 15px 5px;
        max-width: 200px;
        margin-right: 10px;
        border-radius: 10px;
        border: 1px solid #dddddd;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background-color: #fff;
        color: #000 !important;
    }




        .appbuttons img {
            width: 60px;
            padding-right: 20px;
            color: #ccc;
            margin-top: -4px;
        }



        .appbuttons a {
            color: #000;
        }

        .appbuttons p {
            margin-bottom: 8px !important;
            font-size: 18px;
            line-height: 18px;
            font-weight: 600;
            text-align: left;
        }

            .appbuttons p span {
                font-size: 13px;
                font-weight: 500;
            }


        /*.buttons.dark:hover {
                background-color: #ebb429;
                border: 1px solid transparent;
            }*/

        .appbuttons.dark {
            background-color: #000;
            color: #fff !important;
            border: 1px solid #fff;
        }

            .appbuttons.dark p, .appbuttons.dark p span {
                color: #fff !important;
            }
}

@media (min-width:320px) and (max-width:620px) {



    .appbuttons .desc {
        float: right;
        width: 70%;
    }

    .appbuttons p {
        margin-bottom: 2px;
    }

    .appbuttons {
        padding: 10px 15px 5px;
        max-width: 160px;
        margin-right: 10px;
        border-radius: 10px;
        border: 1px solid #dddddd;
        -webkit-transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -o-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        background-color: #fff;
        color: #000 !important;
    }



        .appbuttons img {
            width: 35px;
            padding-right: 2px;
            color: #ccc;
            margin-top: 0px;
        }



        .appbuttons a {
            color: #000;
        }

        .appbuttons p {
            margin-bottom: 8px !important;
            font-size: 18px;
            line-height: 18px;
            text-align: left;
            font-weight: 600;
        }

            .appbuttons p span {
                font-size: 12px;
                font-weight: 500;
            }




        .appbuttons.dark {
            background-color: #000;
            color: #fff !important;
            border: 1px solid #fff;
        }

            .appbuttons.dark p, .appbuttons.dark p span {
                color: #fff !important;
            }
}

.cntbox {
    margin-right: 55%;
    margin-left: -45%
}


@media (min-width:320px) and (max-width:620px) {
    .cntbox {
        margin-right: 45%;
        margin-left: -55%
    }
}


.unorder-list{
    list-style:none;
}

.item-div{
    display:flex;
    align-items:center;
    justify-content:left;
}
    .item-div .item-list ul li {
        margin-top: 20%;
        background-color: #deddd7;
        color: #1a2229 !important;
        padding: 10px;
        border-radius: 5px;
    }
        .item-div .item-list ul li a {
            font-size: 12px;
            font-weight:400;
            color: #1a2229 !important;
        }
    .item-div .item-list .active, .item-div .item-list .activeg {
        color: #132938;
        background-color: #a5d184 !important;
    }


@media (max-width:721px) {
    .item-div .item-list ul li {
        margin-top: 5%;
        background-color: #deddd7;
        color: #1a2229 !important;
        padding: 10px;
        border-radius: 5px;
    }
}