@media only screen and (max-width: 1024px) 
{
.top-nav ul.navbar-nav li a {padding: 8px 5px;}
.dashboard .top-nav ul.navbar-nav li a {padding: 8px 0;}
.dashboard .top-nav ul.navbar-nav li {padding: 8px 5px;}
.list-cust input#userfile {    width: 27%;}
.list-cust input#importfile-id, .list-cust a.btn.btn-default {    padding: 5px 3%;}
.top-nav ul.navbar-right li a {font-size: 11px;}
.table>thead>tr>th { vertical-align: middle !important;}
td.cust-list-td-center {text-align:center}
td.cust-list-td-center a {float:none !important;}
}

@media only screen and (max-width: 980px) 
{
.header h2{font-size: 22px;}
.alert {width:100%;}
.sales-earned-tab {margin-bottom:2%;}
.table-responsive.sales-earned-tab {overflow-x: scroll;}
}
@media only screen and (max-width: 768px) 
{
.dashboard .top-nav ul.navbar-nav li {padding: 0px 5px;}
.dashboard .top-nav ul.navbar-nav li a {    margin: 0% 0 7% 0;}
.list-cust input#userfile {    width: 37%;}
.top-nav ul.navbar-right li a {font-size: 14px;}
.table-responsive {overflow-x: scroll;}
.cust-list-btn {    padding: 5px 10% !important;}
.sales-center-btn .btn {float:right;    font-size: 12px;}
}
@media only screen and (max-width: 766px) 
{
.dashboard .top-nav ul.navbar-nav li a {margin:0; padding:2px 0;}
.dashboard .top-nav ul.navbar-nav li a:hover {text-decoration:underline} 
.header-logo img {    float: none !important;}
.header hr {    text-align: center;}
}
@media only screen and (max-width: 734px) 
{
div#example_length {margin-top: 2%;}
}
@media only screen and (max-width: 736px)
{
.header-desktop {display:none;}
.header-mobile {display:block;}
.header div:nth-child(2) {text-align:center;}
.header div:nth-child(2)  img {float:right;}
.header.header-mobile h1  {font-size:35px;}
.header.header-mobile h2 {font-size: 18px;}
.header.header-mobile h3 {font-size: 16px;}
.no-space-left, .no-space-right {padding:0;}
.login-section {  margin: 2% auto;     display: initial; justify-content: initial;}
.register-form {margin-bottom: 10px; margin-right:0;}
.login-form {margin-top: 10px; margin-left: 0;}
.arrow-button {left: 48%;    bottom: -45px;    top: initial;background: #d8e3e5;    border: 5px solid #d8e3e5;    padding: 12px 0;}
.login-form .btn-default {    margin-bottom: 5%;}
body{background-image: url("../images/Bg-mob.jpg");background-repeat:no-repeat;     background-size: cover;  background-position:right;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
::i-block-chrome, .login-section  {    display: initial;-webkit-box-pack: initial;}}
.mob-navbar .navbar-right {display:block;    float: right;}
/*.navbar-right {display:none;}*/
.dashboard-header .navbar-right li:first-child{display:block;}
.sales-report-tab .navbar-right li:first-child{display:block;}
.sales-report-tab  .navbar-right{    margin: 4px 0px 0px 0px;}
.sales-report-tab .container-fluid {    padding: 0 !important;}
.navbar-right li:first-child {display:none;}
nav.navbar.top-nav div#myNavbar {border-top:1px solid #0084C8;border-bottom:1px solid #0084C8;}
 .mob-navbar .navbar-right li{float:left;}
.mob-navbar ul.navbar-nav li a {padding: 8px 14px;}
.top-nav ul.navbar-nav  li.active a {border-bottom:none;} 
.top-nav ul.navbar-nav  li:first-child {padding-left:5px;}
.top-nav ul.navbar-nav  li {padding:5px 10px;}
.top-nav ul.navbar-nav li a {padding: 0;}
.top-nav ul.navbar-nav li:first-child a {padding-left: 10px;}
.dashboard .top-nav.navbar {border:none !important;}
.navbar {border:none;}
.navbar-toggle .icon-bar {    background-color: #fff !important;}
.navbar-toggle {background-color: #0084C8;}
.top-nav .navbar-nav { margin: 0;}
.top-nav ul.navbar-nav li:first-child a { padding-left: 5px;}
.pt-border-right {border-right: none; border-bottom: 1px solid #000;}
.pt-border-right span.points {margin-bottom: 1%; float:none;    text-align: center;  padding-bottom: 1%;}
.dashboard .top-nav ul.navbar-nav li:first-child a {padding-left: 0;}
.form-height {height:auto;}
.setting-btn .navbar-right {display: -webkit-box; float: right;  clear: both;}
div#example_length { margin-top: 2%;text-align: left;  padding-left: 3%;}
.sales-report-upload label { margin-top: 5%;}
.btn-upload {    padding: 2% 10% !important;}
.cust-list-tab-search div#example_filter {    margin-top: 2%; float:right; margin-right:2%;}
.cust-list-tab-search div#example_length {width: 50%; float: left;}
.rdm-gift-tab-search  div#example_filter {    margin-top: 2%; float:right; margin-right:2%;}
.rdm-gift-tab-search  div#example_length {width: 50%; float: left;}
.forgot-pass .col-xs-12 {padding-left:0;}
.forgot-pass .btn-default{margin-top:5%}
.upload-top{    margin: 5% auto !important;} 
}

@media only screen and (max-width: 667px)
{
.terms-section {    margin: 5% auto 2%;    padding: 3% 4%;}
.msg-sales {margin-top:3%}

}
@media only screen and (max-width: 480px)
{
.header-mobile {    margin-top: 5%;}
.header-mobile .img-small img{width:65% !important;}
.header-mobile .img-large img{width:85%;}
.header.header-mobile h1 {margin-top: 4%;}
.arrow-button {left: 43%;}
.step-section hr {margin-bottom: 15px;}
.step-section hr {    width: 20%;}
.register-form .btn-default {    margin-bottom: 8% !important;}
.terms-section {margin: 7% auto 2%; padding: 6% 4%;}
.sales-report-upload label{margin-top:5%;}
.sales-report-upload .btn-default{margin-top:10% !important; margin-bottom:10% !important;}
.dashboard-header h2 {    font-size: 18px;}
.list-cust input#userfile {    width: 100%;}
.list-cust .btn-default {margin-top:2% !important;    font-size: 12px;}
.table>thead>tr>th {vertical-align:middle !important}
.header-logo img {margin: 4% auto 2%;}
.dropdown-graph {padding-right:5%;}
.term-img img {width:100%;} 
.sales-report-upload .btn-default{font-size: 12px;  padding: 2% 12% !important;}
.btn-upload {    padding: 3% 12% !important;}
.reward-dashboard {padding: 3% 1%;  margin-top: 4%;}
div#chart tspan {font-size: 10px;}
.cust-list-tab-search div#example_filter {    float: left; margin-left: 3%;}
.rdm-gift-btn {padding:3% 10% !important}
.rdm-gift-tab-search div#example_length { width: 100%;    padding-left: 15px;}
.cust-list-tab-search div#example_length { width: 100%; }
.rdm-gift-tab-search div#example_filter {    float: left; margin-left: 0%;}
.list-cust-upload .btn-default {margin-bottom: 2% !important;}
.sales-report-cust-list {padding: 4% 0;    margin: 1% auto 7%;}
.sales-report-cust-list  input#importfile-id{    margin-top: 3% !important;}
.sales-report-section .alert{    margin: 1% auto 7%;}
.msg-sales .alert { margin: 0 auto 2% !important;}
.cust-name-dashboard {font-size:18px;}
.rdm-filter-btn {margin-top:2%;margin-right: 0;}
}
@media only screen and (max-width: 414px)
{
.mob-navbar ul.navbar-nav li a {padding: 8px 5px;}
table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after {bottom: 18px !important;}
}
@media only screen and (max-width: 375px)
{
.header.header-mobile h1  {margin-top: 8%;}
.header.header-mobile h2 {    margin-bottom: 5px;}
.header hr {margin-bottom: 15px;}
.mob-navbar ul.navbar-nav li a {padding: 0px 2px;}

}