/* Large desktop & notebooks */
@media (min-width: 980px) {
    /* sidebar */
    #sidebar {
        position: absolute;
        width: 260px;
    }

        #sidebar ul {
            width: 260px;
        }

    /* body container */
    /*#main-content {
        margin-top: 0px !important;
    }
*/
    .fixed-top #main-content {
        margin-top: 20px;
    }
}


/* dashboard date range button for all device size */

/* General styles for phones and tablets */
@media (max-width:979px) {
    /* header bar */
    #header .navbar-inner li.dropdown i {
        display: inline-block;
        position: relative;
        top: 1px;
        right: -2px;
    }

    #header.navbar {
           margin-bottom: 0px !important;
    background-image: url(http://rechargevalues.com/img/appimge.png)!important;
    /* background-size: contain!important; */
    
    }

    #header .navbar-search {
        margin-left: 80px !important;
    }

    /* page title*/
    .page-title {
        margin: 4px 0px 7px 0px !important;
          font-size: 18px;
            padding: 0px 12px;
    }
  

    /* body */
    .fixed-top #main-content {    box-shadow: none !important;
        margin-top: 1em!important;
    }

    /* container */
    #container {
        margin-top: 0px !important;
    }

    .fixed-top #container {
        margin-top: 0px !important;
    }

    #sidebar .sidebar-toggler {
        display: none;
    }

    #sidebar.in {
        margin-top: 9px !important;
    }

    #sidebar ul {
        margin-top: 0px !important;
        width: 100%;
    }

    .top-nav .text {
        display: none;
    }

    /* sidebar menu */
    #sidebar .triangle {
        display: none;
    }

    #sidebar {
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

        #sidebar > ul > li:first-child > a {
            border-top: 0px !important;
        }

        #sidebar > ul > li:last-child > a {
            border-bottom: 0px !important;
        }

        #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
            -webkit-border-radius: 4px 4px 0 0 !important;
            -moz-border-radius: 4px 4px 0 0 !important;
            border-radius: 4px 4px 0 0 !important;
            border-top: 0px !important;
        }

        #sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
            -webkit-border-radius: 0 0 4px 4px !important;
            -moz-border-radius: 0 0 4px 4px !important;
            border-radius: 0 0 4px 4px !important;
            border-bottom: 0px !important;
        }

    /* stat overview containers */
    .stats-overview-cont {
        margin: 0px;
    }

    .stats-overview {
        margin: 0px;
        padding: 10px 10px 0px 10px;
        margin-bottom: 20px;
    }

        .stats-overview .details .title {
            font-size: 13px;
        }

    /* cirlce stats */
    .circle-stat .details {
        margin-top: 0px !important;
    }

        .circle-stat .details .title {
            margin: 0px !important;
        }

    /* style switcher */
    #theme-change {
        top: 55px;
        right: 28px;
    }
}

@media (min-width: 768px) and (max-width: 1280px) {
    .titltre h2 {
        color: #000 !important;
    }
    /***
	Form wizard
	***/
    .form-wizard .step .desc {
        margin-top: 10px;
        display: inline;
    }

    /***
	Pricing tables
	***/

    .pricing-table .rate .price,
    .pricing-table2 .rate .price {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .titltre h2 {
        color: #000;
    }

    .col-md-6.adsd {
        width: 95% !important;
    }
    /* body */
    body {
        padding-top: 0px;
    }





    /* body container */
    #main-content {
        margin: 7px !important;
        position: none !important;
    }

    /* sidebar */
    #sidebar {
        margin: 0px 7px 10px 7px !important;
    }

        /* sidebar collabler */
        #sidebar .btn-navbar.collapsed .arrow {
            display: none;
        }

        #sidebar .btn-navbar .arrow {
            position: absolute;
            right: 35px;
            width: 0;
            height: 0;
            top: 48px;
            border-bottom: 15px solid #282e36;
            border-left: 15px solid transparent;
            border-right: 15px solid transparent;
        }

    #theme-change {
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        top: 80px !important;
    }
}

/* Landscape phones and down */
@media (max-width: 767px) {


    #header .brand {
    margin-top: 0px !important;
    padding: 0px 15px;
}
    #header .brand img {
    width: 60% !important;
    /*max-width: 55px !important;
    height: 55px;*/
}
    body {
    background: #ffffff !important;
}
    #footer {
    padding: 8px 20px 5px 20px;
    font-size: 15px;
    color: #e0703f;
    text-align: center;
}
    #mobileshow {
    display: none !important;
}
   .row.mrSlot {
    margin: 0px;
}
   .box {
    background-color: #fff;
    padding: 0px;
    margin-top: 0px !important; 
}
   .span4.packeviti {
    margin-bottom: 30px;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}
    section.productfeature {
        background-size: cover;
    }
    #ctl00_ContentPlaceHolder1_ddlFRN
    {
        width: 100%;
    }
    div#ctl00_ContentPlaceHolder1_selPayMode_chzn
    {
        width: 100%;
    }

    .titltre h2 {
        color: #000;
    }

    section.productfeature {
        /* padding: 7em 0em!important; */
        background: rgb(233, 247, 254) !important;
    }

    .titltre h2 {
        color: #000;
    }

    .col-md-6.adsd {
        width: 95% !important;
    }

    img.join {
        top: 8.9em !important;
    }

    .leftdestop span {
        position: absolute;
        font-size: 51px;
        color: #fff;
        font-weight: 700;
        /* top: 4em; */
        right: 2em !important;
        top: 1em;
    }
    /* body */
    body {
        padding: 0px 5px 5px 5px !important;
    }

    input.search-query {
    width: 85%;
    height: 30px;
    font-size: 15px !important;
    color: #333 !important;
    border-radius: 5px !important;
}
    a#main_menu_trigger {
    background: none !important;
}
    .top-nav li.dropdown {
    margin: -7px 0px !important;
}
    #header.navbar-inverse .navbar-inner {
        height: 68px !important;
    }

    .navbar-inverse .brand, .navbar-inverse .nav > li > a {
        color: #000 !important;
    }

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-bottom-color: #FFF !important;
        border-top-color: #FFF !important;
    }

    #theme-change {
        border-radius: 5px !important;
        -webkit-border-radius: 5px !important;
        -moz-border-radius: 5px !important;
        top: 80px !important;
    }

    /* header */
    #header {
        padding-left: 0px;
        padding-right: 0px;
        margin: 0px;
        margin-left: -5px;
        margin-right: -5px;
    }

    #footer {
        padding-left: 0px;
        padding-right: 0px;
    }

    #header .navbar-inner {
        padding-top: 0px !important;
        margin-top: 0px !important;
        height: 50px !important;
    }

    /* sidebar */
    #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
        -webkit-border-radius: 0px !important;
        -moz-border-radius: 0px !important;
        border-radius: 0px !important;
    }

    /* sidebar */
    #sidebar .btn-navbar .arrow {
        display: none;
    }

    #sidebar {
        margin: 0px 0px 8px 0px !important;
    }

        #sidebar .navbar-search {
            width: 100% !important;
        }


        #sidebar.in {
            /* margin-top: 7px !important; */
            /* position: absolute; */
            z-index: 999;
            background: #0e2b5c !important;
            /* position: fixed; */
            top: -8px;
            /* overflow: auto; */
            /* height: 100vh !important; */
        }

    /* header */
    #header .top-nav .nav {
    margin-top: 9px;
    margin-right: 5px;
    padding: 0px;
}

    #header .navbar-inner {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .container-fluid {
        margin: 0px;
        padding: 5px;
    }

    /* main container */
    #container {
        margin-top: 0px !important;
    }

    /* body container */
    #main-content {
        margin: 8px 0 !important;
    }

    /* style switcher */
    #theme-change {
        top: 58px;
        right: 12px;
    }

    .breadcrumb {
        padding-left: 10px;
        padding-right: 10px;
        margin-left: -5px;
        margin-right: -5px;
    }

    #header.navbar .nav > li > .dropdown-menu.notification::after {
        margin-right: 110px;
    }

    #header.navbar .nav > li > .dropdown-menu.notification {
        margin-right: -105px;
    }

    #header.navbar .nav > li > .dropdown-menu.inbox::after {
        margin-right: 85px;
    }

    #header.navbar .nav > li > .dropdown-menu.inbox {
        margin-right: -80px;
    }

    /* main container  */
    #container {
        margin-top: 1px !important;
    }

    .fixed-top #container {
        margin-top: 1px !important;
    }

    .widget-body.form .form-actions {
        padding-left: 15px;
    }

    /* gritter notification fix */
    #gritter-notice-wrapper {
        right: 1px !important;
    }

    .circle-stats {
        margin: 0px 0px !important;
    }
    /* cirlce stats */
    .circle-stat .details .title {
        margin: 10px 0px !important;
    }

    /*input error states*/
    .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
        top: -25px;
        float: right;
        right: 10px !important;
    }

    /*table advance*/
    .table-advance tr td.highlight:first-child a {
        margin-left: 8px;
    }

    /* full calendar fix */
    .fc-header-right {
        left: 25px;
        position: absolute;
    }

    .fc-header-left .fc-button {
        margin: 0px !important;
        top: 5px !important;
    }

    .fc-header-right .fc-button {
        margin: 0px !important;
        top: 50px !important;
    }

    .fc-button {
        border: none !important;
        margin-right: 2px;
    }

    .fc-view {
        top: 0px !important;
    }

    .fc-button .fc-button-inner {
        padding: 2px !important;
        border: none !important;
        margin-right: 2px !important;
        background-color: #fafafa !important;
        -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
        -webkit-border-radius: 3px !important;
        -moz-border-radius: 3px !important;
        border-radius: 3px !important;
        color: #646464 !important;
        border: 1px solid #ddd !important;
        text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
        text-align: center;
        background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
        margin-left: 0px !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .fc-button.fc-state-disabled .fc-button-inner {
        color: #bcbbbb !important;
    }

    .fc-button.fc-state-active .fc-button-inner {
        background-color: #e5e4e4 !important;
        background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
    }

    .fc-content {
        margin-top: 50px;
    }

    .fc-header-title h2 {
        line-height: 40px !important;
        font-size: 12px !important;
    }

    .fc-header {
        margin-bottom: 0px !important;
    }

    /* footer */
    #footer .go-top {
        float: right;
        display: block;
        margin-top: -22px;
        margin-right: 0px;
        margin-bottom: 5px !important;
    }

    #counter {
        width: 300px !important;
    }

    .points {
        display: none;
    }

    .countDays, .countHours, .countMinutes, .countSeconds {
        margin: 10px;
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {



    


    .productfeaturenews {
        background-position: 0;
    }

    ul.socialiconbar {
        float: right;
        margin: 5px 0px;
    }

    .descriptiontiitle {
        margin: 0em 0em;
    }

    section.productfeature {
        /* padding: 7em 0em!important; */
        background: rgb(233, 247, 254) !important;
    }

    .titltre h2 {
        color: #000;
    }

    .innerText ol li {
        width: 100% !important;
    }

    .loginleft {
        border: 1px solid #FFF;
    }

    img.join {
        top: 5.9em !important;
    }

    .col-md-6.adsd {
        width: 95%;
    }
}

@media(max-width:433px){
        .top-nav li.dropdown {
    position: relative;
    top: -98px;
    left: -45px;
}
}
@media (max-width: 430px) {
    .top-nav li.dropdown {
    position: relative;
    top: 0px !important;
    left: -39px !important;
}

    .user-icon {
    right: 156px;
}
        #header .navbar-inner li.dropdown .dropdown-toggle i {
   
    color: #ef9b08 ;
    background: none!important;
    padding: 0px;
    border-radius: none !important;
}


        #mobileshow {
    display: none !important;
}

    .widget-body {
        padding: 15px 6px;
    }
    .span4.packeviti {
        margin-top: 0em;
        float: left;
    }
    .widget-title > h4 i {
    font-size: 17px;
    margin-right: 7px;
}

    .small-box {
        margin-bottom: 2em;
    }

    .productfeaturenews {
        background-position: 0;
    }

    ul.socialiconbar {
        float: right;
        margin: 5px 0px;
    }

    .descriptiontiitle {
        margin: 0em 0em !important;
    }

    section.productfeature {
        /* padding: 7em 0em!important; */
        background: rgb(233, 247, 254) !important;
    }

    .titltre h2 {
        color: #000;
    }

    #one {
        width: 100%;
    }

    ul.socialiconbar {
        float: left;
        margin: 10px 0px;
        float: right;
    }



    .loginleft {
        border: 1px solid #FFF !important;
    }

    .innerText ol li {
        width: 100% !important;
    }

    .col-md-6.adsd {
        width: 95% !important;
    }

    img.join {
        top: 4.9em !important;
    }

    .leftdestop span {
        position: absolute;
        font-size: 28px !important;
        color: #fff;
        font-weight: 700;
        /* top: 4em; */
        right: 3em !important;
        top: 1em;
    }

    #login .lock {
        display: none !important;
    }

    #login, #lock {
    width: 90% !important;
    margin: 0px auto 0 !important;
    border-radius: 10px;
}

    #counter {
        width: 300px !important;
    }

    .points {
        display: none;
    }

    .countDays, .countHours, .countMinutes, .countSeconds {
        margin: 10px;
    }




    .dashboard-report-li {
        float: left;
        width: 100%;
        padding: 0px !important;
    }

    #header.navbar-inverse .navbar-inner {
        height: 66px !important;
    }

    .navbar-inverse .brand, .navbar-inverse .nav > li > a {
        color: #000 !important;
    }

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-bottom-color: #FFF !important;
        border-top-color: #FFF !important;
    }
}

/* Landscape phones and down */
@media (max-width: 385px) {

    .user-icon {
    right: 125px;
}
    .modal-content {
     
        box-shadow: 0 0px 0px rgba(0,0,0,0)!important;
     
    }
    .table th, .table td {

    font-size: 12px !important;
}
    #mobileshow {
        display: none!important;
    }
    .navbar-inverse .brand, .navbar-inverse .nav > li > a {
        color: #000 !important;
    }

     .table th, .table td {
    padding: 3px;
    font-size: 12px;
}
    .span4.packeviti {
        margin-top: 0em;
        float: left;
    }


    .small-box {
        margin-bottom: 2em;
    }

    .new-sm-sprite.sm-login {
        width: 134px;
        height: 48px;
        margin-top: 0px;
        float: left;
        background-position: -385px -13px;
        /* display: inline-block; */
    }

    .new-sm-spritea.sm-login {
        width: 138px;
        height: 48px;
        margin-top: 0px;
        float: left;
        background-position: -247px -13px;
    }

    .productfeaturenews {
        background-position: 0;
    }

    ul.socialiconbar {
        float: right;
        margin: 5px 0px;
    }

    .descriptiontiitle {
        margin: 0em 0em !important;
    }

    .titltre h2 {
        color: #000;
    }

    .loginleft {
        border: 1px solid #FFF !important;
    }

    .innerText ol li {
        width: 100% !important;
    }


    .col-md-6.adsd {
        width: 95% !important;
    }

    img.join {
        top: 53px !important;
    }

    .leftdestop span {
        position: absolute;
        font-size: 51px;
        color: #fff;
        font-weight: 700;
        /* top: 4em; */
        right: 2em !important;
        top: 1em;
    }

    button.video {
        background: #e72611;
        border: 3px solid #ffffffe6;
        padding: 8px 7px;
        position: absolute;
        top: 0 !important;
        /* left: 10em; */
        color: #fff;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        margin: 3em !important;
        box-shadow: 1px 4px 5px #0000002e;
    }



    .titltre h2 {
        color: #931b21;
    }

    .banner {
        height: auto;
    }


    strong.heaingproducts {
        font-size: 2em;
    }
    /*end today*/



    #theme-change {
        top: 92px !important;
        right: 12px !important;
    }

    #login .lock {
        display: none !important;
    }

    #login, #lock {
    width: 100%!important;
    margin: 0px auto  !important;
}

    .m-wrap {
        width: 175px !important;
    }

    #counter {
        width: 300px !important;
    }

    .points {
        display: none;
    }

    .countDays, .countHours, .countMinutes, .countSeconds {
        margin: 10px;
    }

    #forgotform #input-email {
        width: 203px;
    }
    /* page title*/
    .page-title small {
        display: block;
        margin: 0px 0px 18px 0px;
    }

    /* sidebar */
    #sidebar.in {
        margin-top: 7px !important;
    }

    #header .navbar-inner {
        padding-top: 0px !important;
        margin-top: 0px !important;
        height: 84px !important;
    }

    .page-title small {
    font-size: 12px;
    float: right;
    padding: 0px;
    position: relative;
    top: 12px;
}


    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-bottom-color: #FFF !important;
        border-top-color: #FFF !important;
    }








    .leftdestop span {
        position: absolute;
        font-size: 28px !important;
        color: #fff;
        font-weight: 700;
        /* top: 4em; */
        right: 3em !important;
        top: 1em;
    }

    .loginleft {
        WIDTH: 100% !important;
    }

    section.bannerbg {
        background-position: 0;
    }

    strong.heaingproducts {
        font-size: 2em !important;
    }
}





/* Landscape phones and down 
*/
@media (max-width: 320px) {

      .navbar-inverse .brand, .navbar-inverse .nav > li > a {
        color: #000 !important;
    }
    .widget-body {
  overflow:unset;

}
    .table th, .table td {
    padding: 3px;

}
    small-box {
        margin-bottom: 2em;
    }

    .span4.packeviti {
        margin-top: 0em;
        float: left;
    }

    .productfeaturenews {
        background-position: 0;
    }

    .loginleft {
        border: 1px solid #FFF !important;
    }

    .col-md-6.adsd {
        width: 95% !important;
    }

    .titltre h2 {
        color: #931b21;
    }

    .banner {
        height: auto;
    }


    #login .lock {
        display: none !important;
    }

    #login, #lock {
    width: 315px !important;
    margin: 0px auto 0 !important;
}

    .m-wrap {
        width: 175px !important;
    }

    #counter {
        width: 300px !important;
    }

    .points {
        display: none;
    }

    #forgotform #input-email {
        width: 203px;
    }

   

    .navbar-inverse .brand, .navbar-inverse .nav > li > a {
        color: #fff !important;
    }

    .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
        border-bottom-color: #FFF !important;
        border-top-color: #FFF !important;
    }
    .top-nav li.dropdown {
    margin: -4px 0px 0px 0px !important;
    position: relative;
    top: -85px !important;
    left: -50px !important;
}
    .scroll-bar-wrap {
    display: none;
}
}













button.video a {
    color: #fff;
}

button.video {
    background: #2b4a93;
    border: 3px solid #ffffffe6;
    padding: 8px 7px;
    position: absolute;
    top: 187px;
    /* left: 10em; */
    color: #fff;
    font-size: 19px;
    font-weight: 600;
    text-align: center;
    margin: 3px 10em auto;
    box-shadow: 1px 4px 5px #0000002e;
}


strong.heaingproducts {
    font-size: 23px;
    color: #ffffff;
    background: #1f4a81;
    padding: 6px 20px;
}


.broserimg {
    width: 85%;
    margin: 0 auto;
    margin-top: 3em;
}

.broser {
    background-image: url(../images/paln.jpg);
    background-attachment: fixed;
}

.heda h2 {
    font-size: 36px;
    color: #d00e0e;
}

.heda p {
    FONT-SIZE: 21PX;
    COLOR: #d00e0e;
}

img.join {
    position: absolute;
    top: 7.2em;
    width: 49%;
    left: 3em
}

.leftdestop span {
    position: absolute;
    font-size: 51px;
    color: #fff;
    font-weight: 700;
    /* top: 4em; */
    right: 4em;
    top: 1em;
}

.leftpanel p {
    color: #001c52;
    font-size: 17px;
}

.leftpanel h2 {
    font-size: 36px;
    color: #d00e0e;
}

.leftpanel {
    margin: 1em 0em;
}

    .leftpanel h2 {
        margin-bottom: 15px;
    }

.heda.new p {
    color: #001746;
    font-size: 16px;
    padding-top: 19px;
}

.heda.new ul li {
    font-size: 22px;
    color: #fff;
    margin-bottom: 3px;
    background: #003a69;
    padding: 12px;
}

.heda.new {
    margin-top: 7em;
}



@media(max-width:320px){
    .top-nav li.dropdown {
    position: relative;
    top: -30px;
    left: -35px;
}
}