@media only screen and (min-width: 2201px) and (max-width: 2560px){
    .h-68v {
    height: 78vh;
    }
    .h-54v {
        height: 71vh;
    }
    .payarahm.mg-t-20 {
        margin-top: 125px;
    }
    h4.card-title.mb-4, h1.card-title.paymnt_iconamt.mb-4{
        margin-bottom: 3rem!important;
    }
    .card-body.paymentheight{
            height: 60vh;
    }
}
@media only screen and (min-width: 1851px) and (max-width: 2200px){
    .h-68v {
    height: 74vh;
    }
    .h-54v {
        height: 64vh;
    }
    .payarahm.mg-t-20 {
        margin-top: 55px;
    }
}

@media only screen and (min-width: 1600px) and (max-width: 1850px){
    .h-68v {
    height: 70vh;
    }
    .h-54v {
    height: 58vh;
    }
    .payarahm.mg-t-20{
        margin-top: 30px;
    }
    .h-61v {
    height: 68.5vh;
    }
    
}

@media only screen and (min-width: 1400px) and (max-width: 1600px){
   .h-61v {
        height:  68.5vh;
    } 
    .h-52v {
    height: 59.5vh;
}
}

@media only screen and (min-width: 1024px) and (max-width: 1440px){
    .modal-dialog-left {
        margin: 70px auto;
        max-width: 75%;
        min-height: 35%;
        max-height: 79%;
    }
    
    .main-header-center .form-control {
        padding: 1rem 1rem;
    }
    
    button#seruser{
	    right: 85px;
        top: 45px;
    }
    
    .tab-content.tm_servic {
        overflow: hidden;
        margin-top: -12%; 
        padding: 10px 20px;
}

}

@media only screen and (min-width: 1200px) and (max-width: 1440px){
    .card-bx {
        width: 250px;
    }
    .card.sales-card {
        height: 162px;
        width: 266px;
        margin-left: 0px;   
    }
    .gallery__item {
        width: 300px;
    }

}

@media screen and (max-width: 1199px){ 
   .card-login {
        background-size: cover;
        background-position: center; 
    }
      .card-header.card-report.d-flex.align-items-center.justify-content-between.pb-0 {
        flex-wrap: wrap-reverse !important;
    }
    .search_mob{
        display: flex !important;
        flex-wrap: wrap;
    }
    .tabs-style-3{ 
       padding:0;
   }

}


@media screen and (max-width: 1226px){ 
   
   
   .col-md-6.card_bg.col-lg-auto.mt-5.mr-auto {
        width: 314px;
    }
.fancy-heading::before {
    content: none;
    background: black;
    height: 1px;
    position: absolute;
    width: 100%;
    max-width: 800px;
    left: 0%;
    top: 50%;
    z-index: -1;
}
.fancy-heading::after {
    content: none;
    background: linear-gradient(45deg, #e8eff7, #becfe9);
    position: absolute;
    width: 50%;
    height: 100%;
    max-width: 800px;
    left: 24.5%;
    z-index: -1;
}
}


@media only screen and (min-width: 1024px) and (max-width: 1199px){
    .modal-dialog-left {
        margin: 70px auto;
        max-width: 90%;
        min-height: 35%;
        max-height: 79%;
    }
    .card.sales-card {
        height: 175px;
        width: 311px;
        margin-left: 36px;
    }
    
    .slideimg-height {
        height: 250px;
        width: 63% !important;
        float: left;
    }   
    .modal-dialog.modal-dialog-centered.paumentmodal, .modal-dialog.centrvn {
        max-width: 385px !important;
    }
    .mr-auto{
         margin:0 auto;
     }
	.tabs-style-2 .main-nav-line .nav-link.active{
	    padding: 12px 20px;
	}
	
	.carousel-item.active{
	height:350px;
}

.slideimg-height {
    height: 328px;
 }
}

@media only screen and (min-width: 992px) and (max-width: 1199px){
    .fetch_billimg{
        display:none;
    }
    .tab-content.tm_servic {
        margin-top: -18%;
        
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px){
    .tab-content.tm_servic {
    	margin-top: -24%;
    
     }
     
     .card.sales-card {
        height: 135px !important;
        width: 400px;
        margin: 0 auto !important;
    }
    .slideimg-height {
    height: 330px !important;
}
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .modal-dialog-left {
        margin: 90px auto;
        max-width: 85%;
        min-height: 30%;
        max-height: 74%;
    }
    .modal_img {
        width: 350px;
    }
    .modal-dialog.paumentmodal, .modal-dialog.centrvn{
        max-width: 385px !important;
    }
    
    .login-form-control2 {
        width: 45%;
    }
    .form-select-sm{
        width:35%;
    }
    .card-bx {
        width: 225px;
        margin-top: -40px !important;
        
    }
   
    .card.sales-card {
        height: 138px;
        margin-bottom: 50px;
        margin-left: 15px;
            width: 240px;
    }
    .login-submit {
        width: 35%;
    }
     .mr-auto{
         margin:0 auto;
     } 
     .slideimg-height {
        height: 240px;
    }
    .main-header-left .form-control {
        width: 220px;
    }
    .main-header-center{
        margin:0;
    }

    .key-font{
        font-size: 1.7rem;
    }
    .padding-5 {
    padding: 0rem !important;
}
}

@media screen and (max-width: 767px){
   .modal_img {
        display:none;
    }
    .card-login{
        padding: 1rem !important;
        width: 100%;
        display: block !important;
        /*background: url("../img/svg.png");*/
        /*margin-left: 5%;*/
    }
    .main-card-signin, .main-signup-header {
        border: 1px solid #ffffff00;
        border-radius: 6px;
        padding: 1rem;
        margin-bottom:2px !important;
    }
    .para-font::before {
        position: absolute;
        content: "";
        width: 35px;
        height: 2px;
        background: #507eee;
        left: 110px;
        top: 33px;
    }
    .form-select-sm {
        width: 35%;
    }
    img.sign-favicon-a, img.sign-favicon-b{
        width:110px;
    }
    .padding-5 {
    padding: 0rem !important;
}
}

@media only screen and (min-width: 576px) and (max-width: 767px){
	.tab-content.tm_servic {
    	    margin-top: -25%;
    	}
  
}

@media screen and (max-width: 575px){
    .card_datefind{
        display: flex !important;
        flex-wrap: wrap;
    }
    .fetch_billimg{
        display:none;
    }
    .card-body{ 
        padding:0.9rem;
    }
 .headinfo {
        display: block !important;
        
    }
    .example{
        padding: 0px!important;
    }
    	.search-bar {
    		width: 80% !important;
    		margin: auto;
   	}
    ul.nav.nav-tabs_service{
    		flex-wrap:wrap !important;
    	}
       	.d-flex.align-items-center.card_datefind {
            display: flex !important;
            flex-wrap: wrap;
    }
    .col-sm-4.salecall{
	flex: 0 0 50%;
   	max-width: 50%;
    }
    .receipt-header.px-0.d-flex.align-items-end {
        display: block !important;
    }
}

@media only screen and (min-width: 320px) and (max-width: 767px){
   .card-sigin.d-flex.card-login.p-5 {
        display: flex;
        flex-direction: column-reverse ;
    } 
    .modal_logbuto {
        display: flex;
        direction:inherit !important;
        justify-content: space-between;
    }
    .login-submit {
        width: 36%;
    }
    .scroller-btn.inactive{
		display:none !important;
    	}
	
    .limitamount {
        font-size: 22px;
        text-transform: capitalize;
        padding: 10px;
        margin-bottom: 0;
        text-align: center;
    }
    .card.sales-card {
        height: 160px;
    	width: 270px;
        margin: 0 auto;
        margin-bottom: 40px; 
    } 
    .card-bx {
    	width: 250px;
    }
    .gallery__item {
        width: 310px;
        margin: 0 auto;
    }
    .carousel-inner.bg-dark {
        height: 250px;
    }
    
    img.d-block.w-100 {
        height: 250px !important;
        width: 100% !important;
        float: revert;
    }
    
    .carousel-inner {
        margin-bottom: 50px;
    }
    
    .carousel-caption {
        bottom: 0px;
        color: #000;
        left: 3%;
        padding-bottom: 20px;
        padding-top: 20px;
        right: 0; 
        text-align: center;
        z-index: 10;
        /*background: #bccbd7;*/
        height: 50%;
        width: 94%; 
        border-radius: 10px;
        position: sticky;
        margin-top: -25px;
    } 
       
     .mobile-display-open .card.sales-card {
        height: 0;
        width: 0;
        margin: 0;
        margin-bottom: 100px;
        display: inline-block;
    }
    
    .mobile-display-open .card-bx {
        width: 120px;
        
    }
    
    
    .col-md-3.mt-5 {
        display: inline;
        margin-left: 110px;
    }
    
    .tabs-wrapper{
    	margin:0px;
    }
    
    .userfindbtn{
        width:25%;
    }
    
     .card-body.pd-xl-l-15.pd-lg-l-15.pd-md-l-50.pd-xl-b-0.pd-md-b-20.pd-xl-r-15.pd-lg-r-15.pd-md-r-35 {
        padding: 15px !important;
    }
    
    .side-logo{
        display:block;
        width: 180px;
    }
    
    .siderbar-logo {
        margin-left: 20px;
    }
    
    button.button-301.text-black{
        padding:0px;
    }
    a.close-toggle {
       position: absolute;
        z-index: 99999999999 !important;
        left: 230px;
        width: 40px;
        background: #16324c;
        height: 40px;
        top: -9px;
    }
    .main-header.nav.nav-item {
        background: NONE;
        DISPLAY: BLOCK;
        background: white;
    }
    
    .nav-tabs_service li{
            border-radius: 4vw;
    }
    
    button.btn.btn-main-primary.btn-block.login-form-control2.btn-primary {
      
        padding: 7px 18px;
    }
    
    .breadcrumb-header {
        margin-bottom: 24px!important;
        margin-top: -30px;
    }
    .alert.alert-success {
    width: 55%;
    
}

.main-header.nav.nav-item.mt-2 {
    height: 130px;
}
.add-member {
    /*width: 100%;*/
    /*position: absolute;*/
    /*top: 65%;*/
    /*left: 0%;*/
    display: none;
}
.nav {
        display: flex;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
        flex-direction: row;
        flex-wrap: nowrap;
    }


.carousel-inner {
    padding: 20px 20px;
    height: 560px;
}

.carousel-caption{
    top:100%;
}
.main-header.nav.nav-item{
    margin-bottom: -100px;
    height:65px;
}
.main-header-right {
    margin-top: 10px;
}
.main-header.nav{
    top:-8px;
}
.dataTables_wrapper .dataTables_paginate{
    float:left;
}
.control-group.col-xl-12.col-lg-6.col-md-12.col-sm-12.form-group.form-group {
    display: block !important;
}

.fancy-heading::before{
    display:none;
}
.fancy-heading::after{
    display:none;
}
div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 20px;
}
.ui-datepicker{
    margin: 1px -40px 0px;
}
.main-signup-header.mb-3.mb-sm-1 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px !important;
}
.card-sigin1 {
    margin-top: -2rem !important;
}
.sign-login {
   
    width: 275px;
}
.card-login {
    height: 100vh;
    padding: 0rem 0.5rem !important;
}
.padding-5 {
    padding: 3rem 0rem !important;
}
.flip-container {
        perspective: 1000px;
        padding-left: 3vh;
    }
    
    .d-flex.mx-auto.col-lg-6.carddbutton {
    margin-left: 20% !important;
}
.cardbalancee{
    display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
}
.app .app-sidebar {
        left: -264px;
    }
    .cddetail{
        text-align:center;
    }
    .navs {
        display: flex;
        list-style: none;
        margin-bottom: 0;
        padding-left: 0;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .pd-l-55 {
    padding-left: 0px;
}
.receipt-header.d-flex.justify-content-end {
    font-size: 11px;
}
.card.w-90.mg-l-10.bg-primary-gradien {
    margin-left: 15%;
}
.pd-l-110 {
    padding-left: 10px;
}
}

@media only screen and (min-width: 1442px) and (max-width: 1920px){
    .tab-content.tm_servic {
    overflow: hidden;
    margin-top: -5%;
    padding: 10px 20px;
}
#ticker {
    width: 100%;
    margin: auto;
    /*margin-top: -5%;*/
    margin-left: 0px;
}
.fancy-heading::before {
    content: '';
    background: black;
    height: 1px;
    position: absolute;
    width: 100%;
    max-width: 800px;
    left: 24%;
    top: 50%;
    z-index: -1;
}
.fancy-heading::after {
   
    content: '';
    background: white;
    position: absolute;
    width: 28%;
    height: 100%;
    max-width: 800px;
    left: 36%;
    top: 0;
    z-index: -1;

}

}

@media only screen and (min-width: 1442px) and (max-width: 1600px){
    .tab-content.tm_servic {
    overflow: hidden;
    margin-top: -10% !important; 
    padding: 10px 20px;
}
.fancy-heading {
      margin-top: 50px;
      display: block;
      text-transform: uppercase;
      font-family: Unica one;
      padding: 0 20px;
      position: relative;
      z-index: 3;
      height: 100%;
      width: 100%;
      padding: 10px;
      text-align: center;
}
.fancy-heading::before {
      content: '';
      background: black;
      height: 1px;
      position: absolute;
      width: 100%;
      max-width: 800px;
      left: 10% !important;
      top: 50%;
      z-index: -1;
}
.fancy-heading::after {
      content: '';
      background: white;
      position: absolute;
      width: 40% !important;
      height: 100%;
      max-width: 800px !important;
      left: 30% !important;
      top: 0;
      z-index: -1;
}
.card.sales-card {
    height: 175px;
    width: auto !important;
    margin: 0 auto !important;
} 
}

@media only screen and (min-width: 1601px) and (max-width: 2560px){
    .tab-content.tm_servic {
        overflow: hidden;
        margin-top: -4%;
        padding: 10px 20px;
}
    .card.sales-card {
        height: 175px;
        width: 400px;
        margin: 0 auto !important;
    }
    .fancy-heading::after {
        content: '';
        background: linear-gradient(45deg, #e0e8f4, #b4c8e5);
        position: absolute;
        width: 22%;
        height: 100%;
        max-width: 800px;
        left: 38.5%;
        top: 0;
        z-index: -1;
}
    .fancy-heading::before {
        content: '';
        background: black;
        height: 1px;
        position: absolute;
        width: 100%;
        max-width: 800px;
        left: 31%;
        top: 50%;
        z-index: -1;
    }
    .page-icons {
        position: absolute;
        top: 34%;
        left: 3% !important;
        z-index: 3;
}
    .modal-dialog {
        
        max-width: 750px !important;
    }
    .modal-dialog.paumentmodal{
         max-width: 450px !important;
    }
}
@media only screen and (min-width: 1601px) and (max-width: 2560px){
            .modal-dialog.payoutmoduledialog {
                max-width: 425px !important;
            }
        }