/* Large devices (large desktops, 1200px and up) */
@media only screen and (max-width:1320px) {
    select {
        /* styling */
        background-color: white;
        border: thin solid blue;
        border-radius: 4px;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        padding: 0.5em 3.5em 0.5em 1em;
        /* reset */
        margin: 0;      
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .ui-datepicker .ui-datepicker-title select {
        /* styling */
        border-radius: 0px;
        display: inline-block;
        font: inherit;
        line-height: 1.5em;
        padding: 0px 5px;
        margin: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-appearance: none;
    }
    .ui-datepicker .ui-datepicker-next {
        right: 2px;
        background:url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
        border: 1px solid #b1a7a7;
    }

    .ui-datepicker .ui-datepicker-prev {border: 1px solid #999999;
                                        background: url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
                                        font-weight: normal;
                                        color: #212121; border: 1px solid #b1a7a7;}

    .ui-widget-header {
        border: 1px solid #aaaaaa !important;
        background:#822625 url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x !important;
        color: #fff;
        font-weight: bold;
    }

    .ui-corner-all, .ui-corner-bottom, .ui-corner-right,
    .ui-corner-br,.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl,.ui-corner-all,
    .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,.ui-corner-all, .ui-corner-top, .ui-corner-left, 
    .ui-corner-tl,.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br
    .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl,.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr,
    .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl
    { border-bottom-right-radius:0px !important;    border: 1px solid #bfa15f;}

    .ui-datepicker {
        width: 17em;
        padding:0px !important;
        display: none;
    }

    select.form-control {
        background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #fff, #fff);
        background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
        background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
        background-repeat: no-repeat;
    }

    select.form-control:focus {
        background-image:
            linear-gradient(45deg, maroon 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, maroon 50%),
            linear-gradient(to left, #fff, #fff);
        background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
        background-size:
            5px 5px,
            5px 5px,
            1px 1.5em;
        background-repeat: no-repeat;
        border-color: maroon;
        outline: 0;}

    select:-moz-focusring,input:-moz-focusring {  color: transparent;  text-shadow: 0 0 0 #000;}

    input.form-control {
        background-image:
            linear-gradient(45deg, transparent 50%, gray 50%),
            linear-gradient(135deg, gray 50%, transparent 50%),
            linear-gradient(to right, #fff, #fff);
        background-position:
            calc(100% - 20px) calc(1em + 2px),
            calc(100% - 15px) calc(1em + 2px),
            calc(100% - 2.5em) 0.5em;
        background-size:
            0px 0px,
            0px 0px,
            0px 0em;
        background-repeat: no-repeat;
    }
    input.form-control:focus {
        background-image:
            linear-gradient(45deg, maroon 50%, transparent 50%),
            linear-gradient(135deg, transparent 50%, maroon 50%),
            linear-gradient(to left, #fff, #fff);
        background-position:
            calc(100% - 15px) 1em,
            calc(100% - 20px) 1em,
            calc(100% - 2.5em) 0.5em;
        background-size:
            0px 0px,
            0px 0px,
            0px 0em;
        background-repeat: no-repeat;
        border-color: maroon;
        outline: 0;
    }

    .login-div .col-sm-4 {margin-left: 0px; width: 30.5%;}
    .login-div .col-sm-8 {margin-left:7px; width:68%;}
    #mrchant-Div .col-sm-5 { width:39.666667%;}
    .form-horizontal .control-label{padding-top:9px;}
    .page-wrapper{padding: 20px 30px 30px;}
    .form-wizard-steps{margin: 0px 0px 0px 33px;}
    .login-tab .tab-content{margin-top:0px; padding:5px;}
    .login-tab .register{display:inline-block; margin-top:10px;}
    .mrgTOP100p {margin-top: 90px;}
    footer .top{ padding: 20px 20px;}
    footer .container{width:94%;}
    footer .col-md-3{width:18%;}

    footer .last {width:28%;}
    .challan-modle .modal-dialog {width: 90%;}
    div#customer-DIV,div#mrchant-Div {min-height:310px;}
    .info:after {border-color: rgba(255, 239, 203, 0); border-right-color: #737373; border-width: 12px; margin-top: -38px;}
}

@media only screen and (max-width:1024px) {
    tr.filters td input{padding-right:24px;}
    .invoice .heading-icon img {width:auto; height:auto;}	
    .reference div#testDiv { min-height: 450px; padding-bottom: 30px;}
}


@media only screen and (max-width:1257px) {
    .login-div .col-sm-4 {margin-left: 0px;width: 100%;}	
    .login-div .col-sm-8 {margin-left: 0px; width:100%;}
    #mrchant-Div .col-sm-5 {width: 66.666667%;}
    div#customer-DIV, div#mrchant-Div {min-height:385px;}	
    div#customer-DIV.login-div .btn-center, div#mrchant-Div.login-div .btn-center {position: absolute; bottom: 25px;}
    .login-register{display:block;}
}


@media only screen and (max-width:1108px) {
    div#customer-DIV, div#mrchant-Div {min-height:395px;}	
    div#customer-DIV.login-div .btn-center, div#mrchant-Div.login-div .btn-center { position: relative; bottom: 8px;}
    #mrchant-Div .col-sm-5 {width:96%;}
    .mrgTOP100p {margin-top: 148px !important;}
}


@media only screen and (max-width:992px) {
    #login .col-md-6 {width: 48%; float: left;}
    div#customer-DIV {min-height: 309px;}
    .form-horizontal .form-group .controls {position: relative; margin-left: 200px;}
    .payment-graph,.dashbord .payment-list{width:100%;}
    .biller .logo-carousal h3{float:left;}
    tr.filters td span.search{display:none;}
    tr.filters td input {padding-right: 1px; width:100% !important;}

}

@media only screen and (max-width:800px) {
    .reference {margin-top:45px;}
    .form-wizard-steps {margin: 0px 0px 20px 33px;}
    .page-wrapper {width:92%;} 
    .container{width:100%;}
    footer .container {width:100%; text-align:center; padding-top:0px; padding-bottom:10px;}
    footer .follow{ padding-left:15px;}
    footer .pull-right{float:none !important;}
    .payment-graph,.payment-list,.biller {width:100%;padding-top:10px;}
    .payment-graph img{width:100%;}
    .top-biller .col-md-3{ width:100%; margin-bottom:20px;}
    .top-biller .btn { margin-left: 20px;}
    .biller .bx-wrapper{width:100%;}
    .payment-list{margin-top:20px;}
    .payment-list h3{padding-right: 15px;}
    .listing .col-sm-4{width:100%; border-right: 0px dotted #ccc;}
    .logo-image {/* width: 10%; height:80px; */}
    .text{font-size:16px; padding-left:25px;}
    .mob-none{display:none;}
    .mob-select{display:block;}
    .alphsort {width: 94%;}
    .alphsort .form-control {width:20%;}
    .category .input-group{width:100%;}
    .listing-div{border-top:0px dotted #ccc;}
    .detail-view ul li  .field-text{font-size:13px;}
    .detail-view ul li .first,.detail-view ul li .second,.detail-view ul li .third,.detail-view ul li .fourth,.detail-view ul li .five{width:42%; margin-left:20px; margin-bottom:20px;}
    .detail-view ul li{margin-top:0px;}
    .eye-view{margin-bottom:20px;}
    .responsive-tabs__list__item{padding: 10px 9px; font-size:14px;}
    .payment-option  .col-md-6{width:100%;}
    .payment-option .last{margin-left:0px; padding-left:0px; padding-right:25px;}
    .yello-bg ul li .third{padding: 0px 5px 20px;}
    .yello-bg{padding-top:40px;}
    .yello-bg ul li .second{background:none;}
    .payment-detail .note {width:98%; float:none !important; margin-top: 30px;}
    .challan .detail-view ul li .first{width: 30%;}
    .challan .detail-view ul li .second{width: 30%;}
    .challan .detail-view ul li .third{width: 23%;}
    .challan .detail-view ul li .fourth{width: 30%;}
    .challan .detail-view ul li .five{width: 35%;}
    .challan .detail-view ul li .six{width: 27%;}
    .payment-detail .note h4 {font-size:24px;}
    .navbar-default .navbar-brand{display:none;}
    .navbar-default{padding-top:10px; padding-bottom:10px;}
    .payment-page .modal-dialog {width:95%;}
    .detail-view ul li .first, .detail-view ul li .second, .detail-view ul li .third, .detail-view ul li .fourth, .detail-view ul li .five {width:90%;}
    .base-amount {width: 71%;}
    .payment-tab{width:92%; margin:20px auto;}
    .responsive-tabs__panel{border:1px solid #ccc;}
    .sign-up .login-tab .btn-center{margin-top:20px;}
    .category .top-biller h4{display: table-cell; vertical-align: middle; height:65px;}
    header .search-btn{width:100%; float:left; margin-left: 10px; margin-bottom: 15px;}
    #serch-area1 .form-control {    width: 98% !important;}
    .close-search {font-size: 21px;font-weight: 700; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); position: absolute;
                   top: 17px;z-index: 2; right: 0px;}
    .category .btn-center {padding-bottom:0px;}
    .category .maroon-bg {padding-bottom:20px !important;}
    .search {position: relative;left:0px;top:0px; z-index: 3;}
    .search .input-group, .search .form-group{margin-bottom:0px;}
    .search-btn .btn.btn-primary{float:left; padding-bottom: 12px;margin-top:0px;}
    .navbar-header,.navbar-nav,.navbar-nav > li {float:none;}
    .navbar-right{margin-top:10px;}
    .navbar-toggle {    display: block;}
    .navbar-collapse.collapse {display:none !important;}
    .collapse.in{display:block !important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {border-top:1px solid #e7e7e7; background: #98272b; padding-left:20px; margin-top: 15px; box-shadow: 0 4px 8px rgba(0,0,0,0.19), 0 2px 6px rgba(0,0,0,0.23);}
    .navbar-default .navbar-nav > li > a,.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {background:none;}
    header a.logo img {width:60%;}
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{background:#bfa15f;    border-color: #fff;}
    .navbar-default .navbar-toggle .icon-bar {background-color: #fff;}
    .navbar-default .navbar-nav .open .dropdown-menu > li > a{color:#822625;}
    .navbar-nav {margin:0px 0px;}
    .navbar-right  li {float:left; display:block; margin-right:10px;}
    .navbar-right  li .open .dropdown-menu  li {float:none;} 
    .open > .dropdown-menu  li {float:none;} .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 15px;}
    .form-horizontal .col-sm-2 {width:25.666667%;}
    .category .form-detail .form-control {width: 70%;}
    .payment-tab { margin:0px auto;}
    .navbar-right{margin-top:10px;}
    .navbar-nav{margin-bottom:10px;}
    .navbar-right{float:left !important;}
    .headclear{overflow:hidden; margin-bottom: 15px; padding-left: 0px;}
    .top-invoice h4{display: table-cell; vertical-align: middle; height:50px;}
    header .search .form-control {height:40px;}
    header .circle{margin-left:12px;}
    header .search .form-control{width:100%;}
    .mail-box{width:100%;}
    .mail-box .col-md-9{width:75%; float:left;}
    .mail-box .col-md-3{float:left;}
    #login .col-md-6 { width: 100%;}
    .login-tab .register{display: inline-block;}
    #login .col-md-6:last-child{margin-top:20px;}
    .navbar-default {float:left !important; width:100%;position: absolute; top:0; right:0; z-index: 999;}
    .logo-section .first { padding-left:10px;}
    a.logo {padding-right:80px;}
    h1 {font-size: 30px;}
    .dropdown-menu {left:0; right:auto;}
    footer .col-md-3,footer ul li,footer .col-md-4,footer .last {width: 100%; text-align:left; }
    footer .col-md-3,footer .col-md-4,footer .last {float: left;}
    footer .col-md-4 { margin-top:20px;}
    .logo-section {width: 94%; margin: 0 auto;}
    .captcha-code .form-control{width:45% !important;}
    .category .form-horizontal .form-group .control-label { width: 100%;}
    .category .form-horizontal .form-group .controls,.category .form-horizontal .form-group .controls input {width:100%;}
    .edit-profile .form-horizontal .control-label { padding-top: 9px; width:100%;}
    .edit-profile .form-horizontal .form-group .controls {position: relative; margin-left:0px; width:100%;}
    .row.form-detail.edit-profile input.form-control.col-sm-5 { width:97%;}
    .form-horizontal .form-group .controls{margin-left:0px;}
    #info{ position: absolute; top:15px; right: 0;}
    .info {position: absolute; background: #737373; border: 0px solid #737373; display: inline-block; padding: 10px; width: 100%; z-index:4;
           top: 51px; right: -1px;}
    .info:after {right:0%; top: 50%; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(255, 239, 203, 0); border-bottom-color: #737373; border-width: 12px; margin-top: -58px;}
    .btn-div {width: 48%; margin: 0 auto;}
    .navbar-toggle{margin-right:35px;}
    .invoice .btn-center {text-align:center; margin-top:20px;}
    .top-biller h4 {display:table-cell; vertical-align: middle; height:43px;}
    .breadcrumb{padding-top:0px; margin-top:0px; padding-bottom:0px;}
    .payment-option{width:100%; margin-top:20px;}
    footer {height:auto;}
    .reference .slimScrollDiv,.reference div#testDiv {min-height:314px;}
    .card2 ul.nav.nav-tabs{margin-left:0px;}
    .term-dialog {width: 97%;}
    .detail-view .field-text { font-size: 12px;}
    .detail-view .lable-text { font-size: 13px;}
    .success-chalan { min-height:280px; padding-top: 60px;}
    .login-tab-outer{width:80%;}
    a.back-btn {display:none;}
    .heading-icon img{width:100%; height:auto;}
    .top-biller h4 {height:60px;}
    .heading-text{height:40px; font-size:16px; }
    .payment-option .heading-text{height:65px; font-size:16px; }
    .yello-bg ul li .second{ padding: 0px -0px 20px;}
    .yello-bg  ul li .fourth{ padding: 0px 15px 20px 8px;}
    .yello-bg .line{background:none; min-height:auto;}
    .detail-view ul li .first, .detail-view ul li .second, .detail-view ul li .third, .detail-view ul li .fourth, .detail-view ul li .five {margin-left:0px;}
    .yello-bg{padding:20px;}
    .dashbord .table-responsive {margin-left:0px; margin-right:0px;}
    #testDiv {height: 325px;}
    #trnsctnDetails .table > tbody > tr > td {font-size: 15px !important;}
    .info:after, .info:before { right:0%; left:auto; bottom: 100%;top:auto;border-width:12px; margin-left: -34px; position: absolute;pointer-events: none;} 
    .font12p{padding:10px;}
    .category .form-horizontal .form-group .controls select {width: 100%;}
    .ui-datepicker-trigger{position:absolute; right:-20px}
    .mrgTOP100p { margin-top: 49px !important;}
    .login-register { display:inline-block;}
    #mob-mer{display:inline-block;}
    #merchant-Mob{display:none;}
    .sign-up .control-label{width:100%;}
    .login-tab-area {padding: 30px 30px 30px;}
    .sign-up .col-sm-10{width:100%;}
    .form-group.gender label.col-sm-2.control-label {width: 15%;}

}

@media only screen and (max-width:767px) {
    .bx-wrapper {margin-top:40px;}
    .bx-wrapper .bx-controls-direction a {top: 0; margin-top: -65px;}
    .dashbord .logo-carousal{margin-top:-9px;}  
    .login .logo-carousal {width:75%;margin-top:25px;}
    .category .form-control { width: 98%;} 
    .category .form-detail .form-control {width:98%;}
    .datepicker .ui-datepicker-trigger {position: relative; right: 20px; top: -27px; float: right;} 
    .error{border-bottom-color: red;}
    .error:after, .error:before { left:15%; right:auto; bottom: 100%;top:auto; border-bottom-color: #ffefcb; border-right-color:transparent;
                                  border-width:12px; margin-left: -46px; position: absolute; pointer-events: none;}
    .info {position:relative;top:14px; right:0px; width:100%;border-bottom-color: #737373;margin-bottom: 10px;}
    .info:after, .info:before { right:0%; left:auto; bottom: 100%;top:auto;border-width:12px; margin-left: -34px; position: absolute;pointer-events: none;} 
    .responsive-tabs-wrapper h2{margin-bottom:0px; margin-top: 15px;} 
    .form-horizontal .control-label,.category .form-control{padding-left:5px;}
    .responsive-tabs__heading,.responsive-tabs__heading:hover, .responsive-tabs__heading--active:hover{ background: #fff; color: #822625; border: 1px solid #bfa15f !important; border-radius:0px;box-shadow: 0px 0px 0px rgba(0,0,0,0.4);}
    .responsive-tabs__heading:after{    border-left: 8px solid transparent; border-right: 8px solid transparent;}
    .responsive-tabs__heading--active:after { border-bottom: 10px solid #822625; border-top: 0;}
    .responsive-tabs__heading{font-size:20px; color:#822625;}
    .payment-option .form-group {margin-top: 10px;}
    .challan .detail-view ul li .first{width:100%; padding-bottom:0px;}
    .challan .detail-view ul li .second{width: 100%;}
    .challan .detail-view ul li .third{width: 100%;}
    .challan .detail-view ul li .fourth{width: 100%;}
    .challan .detail-view ul li .five{width: 100%;}
    .challan .detail-view ul li .six{width: 100%; margin-left:15px;}
    .detail-view ul li .first, .detail-view ul li .second, .detail-view ul li .third, .detail-view ul li .fourth, .detail-view ul li .five {padding-bottom:10px;} 
    .yello-bg ul li .second,.yello-bg  ul li .fourth{padding-left:0px;}
    .yello-bg ul li .lable-text{font-size:18px;}
    .payment-detail .left {padding-right:0px;}
    .payment-detail .note {width: 99%;}
    .text-center{text-align:left; padding-left:20px;}
    h2{font-size: 24px;}
    .reference .slimScrollDiv,.reference div#testDiv {min-height:250px;}
    .pay-request p.text-center {padding-left:7px;}
    .card2{padding-left:15px; padding-right: 20px;}
    .reference .panel-head strong {font-size: 15px;}
    .navbar-nav .open .dropdown-menu{background-color: #fff;width: 94%; margin: 0px 0px 0px 16px;}
    header a.logo img { width: 70%;margin-top:8px;}
    .capcha-img{margin-top:10px;}
    .responsive-tabs__panel .btn-center{margin-top:0px; margin-bottom:20px;}
    .payment-option{padding-top:0px;}
    .forgot h3{padding:20px 34px; font-size: 22px;}
    /*.login-header{min-height:168px;}*/
    .forgot .login-tab .tab-content {margin-top:10px;}
    .login .width50p{width:99% !important;}
    .login-div .col-sm-8 {width: 100%; padding-right:0px;}
    .login-tab .form-control{width:98%;}
    input.search-merchant {width:100% !important;}
    .login-div .col-sm-4 { width: 100.333333%;}
    .captcha-code .form-control {width:98% !important;}
    .form-group {margin-bottom:5px;}
    .marginBtm5p{margin-bottom:0px;}
    .col-md-12{padding-left: 0px; padding-right:0px;}
    .form-horizontal .col-sm-2 { width: 98.666667%;}
    .btn-div {width: 99%;}
    .challan-view  ul li .first{width: 50%;padding-bottom:15px;}
    .challan-view  ul li .fourth{padding: 0px 15px 20px 0px; width: 50%;}
    .challan-modle .modal-dialog .detail-view ul li .first {width:45%;}
    .amount p{font-size:18px;}
    .row.form-detail.edit-profile input.form-control.col-sm-5 {width: 100%;}
    .category .btn-center{padding-bottom:0px; padding-top:10px; margin-top:20px; padding-bottom:10px !important;}
    span.circle.edit-profile {width:55px}
    span.circle.edit-profile img{width:80%;}
    .top-biller h4 {text-transform: uppercase; font-size:16px;}
    .top-biller{margin-bottom: 0px;}
    .tab-pane {padding: 15px 0px;}
    .light-grey-bg{padding:0px 30px !important;}
    .light-grey-bg .first{padding-left:2px;}
    .reference .detail-view .lable-text,.reference .detail-view .field-text{font-size:13px;}
    #testDiv {height: 265px;}
    .reference .slimScrollDiv, .reference div#testDiv {min-height: 228px;}
    .no-graph-txt{width:90%;}
    .logo-image img {width: 100%; height:auto;}
    .text {font-size:16px;}
    .logo-image {width:25%;height: 65px;}
    .category h4{font-size:16px; height:57px;}
    .category .form-horizontal .form-group .controls select {width: 100%;}
    .ui-datepicker-trigger{position:absolute; right:-20px;}
    .form-group.gender label.col-sm-2.control-label {width: 20%; float: left;}
    .sign-up .capcha-img { margin-top: 10px; margin-left:5px;}

}

@media only screen and (max-width:667px) {
    .biller .bx-wrapper { width: 100%;}
    .login .logo-carousal {width: 83%; margin-top: 25px;}
    h1 {font-size: 25px;}
    .mrgTOP100p { margin-top:20px;}
    .login-tab .register{margin-top:0px;}
    .top-biller h4 {text-transform: uppercase; font-size:13px;}
    .panel-title > a{font-size:15px;}
    .tab-pane {padding: 15px 0px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-top:4px;}
    .font30p { font-size: 24px;}
    .font12p{padding:10px 10px;}
    .dashbord .payment-list {padding-bottom: 7px;}
    .login-register{display:block; margin-top:10px; margin-left:7px;}
    div#customer-DIV.login-div .btn-center, div#mrchant-Div.login-div .btn-center {position:relative; bottom:0px;}
    div#customer-DIV {min-height: 285px;}
    .logo-carousal {padding-top: 35px;}

}

@media only screen and (max-width:600px) {
    .login-tab-area {width:100%;}
    .login-outer{width:100%;}
    .login-tab-area h1 {font-size: 30px;}
    .bx-wrapper{width:98%; margin:40px auto 0px;}
    .bx-wrapper .bx-controls-direction a{margin-top: -65px;}
    .bx-wrapper .bx-next {right: -33px;}
    .bx-wrapper .bx-prev { right: 6px; left: auto;}
    .btn-default{/* margin-bottom:20px; */}
    .invoice .btn-center .btn-default{margin-bottom:0px;}
    .btn-secondary{/* margin-bottom:20px; */}
    .login-tab-area h6{margin-top:10px;}
    .login-page{min-height:630px;}
    .form-control{font-size:12px;}
    .alphsort .form-control { width: 50%; margin-left:5px;}
    .forgot {width:100%;}
    .login-tab-outer{top:105px;}
    .brn-center a{display:block;}
    a.back-btn{margin-top:0px;}
    .payment-option h4 {padding: 0px 15px;}
    input.search-merchant {width:94% !important;}
    a.logo {padding-right:85px; padding-bottom: 10px;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{margin-top:7px;}
    .navbar-collapse.in{overflow:inherit;}
    .navbar-nav .open .dropdown-menu{width:88%;}
    .mail-box{padding:15px 0px 0px 10px;}
    .challan-modle .modal-dialog .detail-view ul li .first {width: 44%;}
    h3{font-size:16px;}
    .category .top-biller {padding-bottom: 6px; margin-bottom:0px;} 
    #trnsctnDetails .table > tbody > tr > td {font-size: 12px !important;}

}


@media only screen and (max-width:500px) {
    .biller .bx-wrapper {width:93%;}
    .login .logo-carousal {width:100%;margin-top:75px;} 
    .login  .btn-center {margin-top:20px;}  
    .login  .btn-center a{display:block;} 
    .emailer .logo img ,.emailer{width:100%;}
    .emailer-area {padding: 15px 0px 50px;}
    .emailer-area p{font-size:13px;}  
    .base-amount {width: 100%;}
    .login-tab-outer h3{font-size:20px;}
    .total{display:inline-block; padding-right:15px;}
    .mail-box .col-md-9 {width: 70%;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {margin-top: 0px;}
    body{font-size:13px;}
    .login-tab .nav-tabs > li { margin-bottom: 0px; width: 149px; text-align: center;}
    .login-tab .nav-tabs > li > a{padding: 9px 9px; font-size:13px;}
    .payment-list h3, .payment-graph h3{font-size: 16px;}
    .table-responsive{border-bottom:0px;}
    ul.yiiPager a:link, ul.yiiPager a:visited {padding: 3px 5px;}
    .edit-profile .form-horizontal .errorMessage {width:94%;}
    .edit-profile .form-horizontal .error, .edit-profile  .errorMessage{font-size:11px;}
    .text {font-size: 13px;}
    .listing-div .text{font-size:12px;}
    p.F14p {position: relative;top: -5px;}
    .logo-carousal span {margin-bottom:0px; font-size: 18px;}
    .logo-carousal {padding-top: 48px;}

}


@media only screen and (max-width:480px) {
    .login .logo-carousal {width: 88%; margin-top:66px;}
    .login-tab-area h1 {font-size: 27px;}
    a.logo img{width:100%;}
    h4.panel-title a {padding-left: 35px;}  
    .search{right:3px;} 
    .form-group.gender label.col-sm-2.control-label {width: 34%;}
    h1 {font-size: 22px;}
    .form-wizard-steps {margin: 0px 0px 0px 10px;}
    .bx-wrapper {width:58%;}
    .page-wrapper {padding: 20px 20px 30px;}
    footer .follow ul li{padding: 0px 10px 10px 0px;}
    .navbar-toggle {margin-right: 18px;}
    a.logo{ padding-right: 65px;}
    h4{font-size:16px;}
    .panel-title > a{font-size:13px;}
    .challan-modle .modal-dialog .detail-view ul li .first {width:100%; padding-bottom: 0px;}
    .tab-pane { padding: 10px 0px;}
    .mrgTOP100p { margin-top:35px !important;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{padding-left: 15px;}
    .total { display: inline-block; padding-right: 2px;}
    .login-tab .nav-tabs > li {width: 140px;}
    div#customer-DIV, div#mrchant-Div {min-height: 270px;}
    .login-tab .nav-tabs > li {width: 121px;}
    .login-tab .nav-tabs > li > a {font-size:11px;}
} 

@media only screen and (max-width:375px){
    li.two .nav-tabs > li.active > a, .nav-tabs > li{margin-right: 6px;}
    .login .logo-carousal {margin-top: 140px;}
    .mail-box .col-md-9 {width:71%;}
    .mail-box .col-md-3 .btn{padding: 6px 12px;}
    .mail-box .form-control{border-right: 1px solid #ccc; margin-bottom:10px; margin-top:10px;}
    .mail-box input{width:91%; }
    .send,.mail-box .btn-default:hover, .mail-box .btn-default:active, .mail-box .btn-default:active:focus, .mail-box .btn-default:focus, .mail-box .btn-default.focus{border-left: 1px solid #ccc;}
    .challan-note h4 {padding-bottom:10px;}
    h4 {font-size: 13px;}
}