/* Normal desktop :1200px. */
@media (min-width: 1200px) and (max-width: 1500px) {


}


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .transparentOne {
        max-width: 290px;
    }
    .transparentTwo {
        max-width: 190px;
        top: -68px;
    }
    
    
    .main-menu li {
	display: inline-block;
	margin-left: 19px;
}
.card-body {
	padding: 0;
	height: 160px;
}
}

 
/* Tablet desktop :768px. */
@media (min-width: 768px) and (max-width: 991.98px) {
    
    .card {
	
	padding: 15px;
}
    
    
    .card-body h4 {
	font-size: 18px;
}
    .card-body p {
	text-align: left;
	font-size: 13px;
	line-height: 20px;
}
    
    
    
    .transparentOne {
        max-width: 290px;
    }
    .transparentTwo {
        max-width: 190px;
        top: -68px;
    }
    .section-title h1 {
        font-size: 3.5rem;
    }
    .single-pay {
        border-radius: 1rem;
        padding: 1rem 1.5rem;
    }
   .fingerPrint-thumb img {
	max-width: 97px;
}
    .collected-area .card {
	
	padding: 15px;
	
}
    .single-pay h4 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .single-collected {
        text-align: center;
        background: #fff;
        -webkit-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
        border-radius: 1rem;
        padding: 2rem 1rem;
    }
    .transparent-3 {
        display: none;
    }
    .form-grid-wrap {
        grid-template-columns: 1fr 1fr;
    }
    .t-in-put .nice-select {
        max-width: 74%;
    }

}

 
/* small mobile :320px. */
@media (min-width: 320px) and (max-width: 767.98px) {
    
    
    .loging-wrp {
	height: auto;
	
}
    
    
    .card-body {
	padding: 0;
	height: auto;
}
   .card {
	margin-bottom: 25px;
} 
    
    .logo img {
        max-width: 175px;
    }
    .mobile-bar {
        display:block;
    }
    .transparentOne {
        max-width: 195px;
    }
    .transparentTwo {
        max-width: 190px;
        top: -68px;
    }
    .section-title h1 {
        font-size: 2.5rem;
    }
    .single-pay {
        border-radius: 1rem;
        padding: 1rem 1.5rem;
    }
    .fingerPrint-thumb img {
        max-width: 110px;
    }
    .single-pay h4 {
        font-size: 1.6rem;
        margin-bottom: 1rem;
    }
    .single-collected {
        text-align: center;
        background: #fff;
        -webkit-box-shadow: 0 0 5px #ddd;
        box-shadow: 0 0 5px #ddd;
        border-radius: 1rem;
        padding: 2rem 1rem;
    }
    .transparent-3 {
        display: none;
    }
    .statement h2 img {
        max-width: 100%;
    }
    .statement h2 {
        font-size: 1.5rem;
        line-height: 30px;
    }
    .form-grid-wrap {
        grid-template-columns: 1fr;
        grid-gap: 2rem;
    }
    .input-inside label {
        font-size: 1.4rem;
        margin-bottom: 2px;
    }
    .pay-bg {
        -o-object-fit: cover;
        object-fit: cover;
    }
    .pay-area {
        position: relative;
        padding: 10rem 0;
        padding-bottom: 20rem;
    }
    .pay-grid-wrap {
        grid-template-columns: 1fr;
    }
    .single-pay p {
        text-align: center;
    }
    .collected-grid {
        grid-template-columns: 1fr;
    }
    .box-btn.style-2 {
        padding: 12px 35px;
    }
    .expert-content h2 {
        color: #fff;
        font-size: 2.8rem;
    }
    .expert-content {
        padding: 6rem 0;
    }
    .ft-menu li a {
        margin: 0 7px;
    }
    .footer-area {
        padding: 5rem 0;
    }
    .side-menu-wrap .box-btn {
        margin-left: 0;
        margin-top: 8px;
        margin-bottom: 9px;
    }
    .expert-content p {
        font-size: 1.5rem;
    }
    #content_wrapper li {
        font-size: 15px;
        margin-left: 24px;
    }
    #content_wrapper p {
        font-size: 15px;
    }
    .contact-fm-outer-wrap {
        padding: 30px 12px;
    }
    .login-form-inner h1 {
        font-size: 19px;
        margin-bottom: 17px;
    }
    .form-single-blk {
        display: flow-root;
    }
    .form-inner {
        border: 5px solid #e3e3e3;
        padding: 10px;
    }
    .form-single-blk label {
        font-size: 14px;
        max-width: 100%;
        width:100%;
        margin-bottom: 4px;
        text-align:left;
    }
    .form-single-blk input {
        width: 100%;
        max-width: 100%;
    }
    .fm-inner-2.add-money .form-single-blk input {
        max-width: 100%;
    }
    .fm-inner-2.add-money .form-single-blk label {
        max-width: 100%;
    }
    .sb-btn.charge button {
        font-size: 16px;
    }
    .form-single-blk.wd-half input {
        max-width: 100% !important;
    }
    .t-in-put .nice-select {
        max-width: 45%;
    }
    .form-single-blk.optional-wrap input {
        max-width: 72% !important;
        margin-right: 5px;
    }
 
}
 
/* Large Mobile :480px. */
@media (min-width: 576px) and (max-width: 767.98px) {
    .t-in-put .nice-select {
        max-width: 47.5%;
    }

 
}