@media (min-width: 1260px) and (max-width: 1366px) {
     .footer-top-area::before {
         background: #171717 url(../images/bg/2.png) no-repeat center center/80%;
     }
}

 @media (min-width:1200px) {
     .container {
         max-width: 1200px;
     }
 }

 @media (min-width: 992px) and (max-width: 1169px) {
     #wizard-picture-error {
         position: absolute;
         top: 135px;
         left: 27px;
     }
 }

 @media (max-width:992px) {
     .breadcrumb-display {
         margin-top: 51px;
     }
     .modal {
         margin-top: 50px;
     }
 }

 @media screen and (max-width: 991px) {
    .grid-block {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
    }
    .product-title {
        font-size: 1.4em;
    }
    .deposit-grid {
        grid-template-rows: auto auto auto auto;
        grid-template-columns: 1fr 1fr;
        grid-auto-flow: row;
    }
    .deposit-title {
        font-size: 1.4em;
    }
}

@media screen and (min-width: 991px) {
    .min-vh {
        min-height: 622px;
    }
    .min-vh-305 {
        min-height: 305px;
    }
    .min-vh-466 {
        min-height: 466px;
    }
    .min-vh-505 {
        min-height: 505px;
    }
    .min-vh-558 {
        min-height: 558px;
    }
}

 @media (min-width: 768px) and (max-width: 991px) {
     .action-heading h3 {
         font-size: 24px;
     }
     #wizard-picture-error {
         left: -4px;
     }
     .footer-top-area::before {
         background: #171717 url(../images/bg/2.png) no-repeat center center/140%;
     }
     .footer-top-content {
         min-height: 280px;
     }
     .footer-social-menu.list-inline>li {
         padding-left: 0;
         padding-right: 2px;
     }
     .footer-social-menu.list-inline>li:last-child {
         padding-right: 0;
     }
     .footer-top-area .col-sm-6:nth-child(3) .footer-top-content,
     .footer-top-area .col-sm-6:nth-child(4) .footer-top-content {
         margin-bottom: 0;
     }
     .footer-copyright-info {
         margin-bottom: 20px;
         text-align: center;
     }
     .footer-main-menu {
         float: none;
         text-align: center;
     }
     .footer-main-menu li {
         display: inline-block;
         float: none;
         margin-right: 22px;
     }
     .display-4 {
         font-size: 2.5rem !important;
     }
     .hero {
         margin-top: 65px !important;
     }
     .breadcrumb-area {
         padding: 120px 0 50px;
     }
 }

@media(min-width:768px) {
    .bsb-timeline .timeline>.timeline-item .timeline-content {
        padding-bottom: 3rem
    }
}

@media only screen and (max-width: 767px) {
     #wizard-picture-error {
         position: absolute;
         top: 130px;
         left: 92px;
     }
     .area-heading,
     .action-content {
         width: 100%;
     }
     .action-heading {
         text-align: center;
     }
     .action-heading h3 {
         font-size: 24px;
         line-height: 30px;
         letter-spacing: 0px;
     }
     .action-button {
         text-align: center;
         margin-top: 20px;
     }
     .footer-main-menu li a {
         color: #bdbdbd;
         display: block;
         font-size: 14px;
         letter-spacing: 0px;
         text-transform: capitalize;
         font-weight: 500;
     }
     .footer-top-area .col-md-3.col-sm-6 {
         margin-bottom: 30px;
     }
     .footer-top-area .col-md-3.col-sm-6:last-child {
         margin-bottom: 0;
     }
     .footer-copyright-info {
         margin-bottom: 20px;
         text-align: center;
     }
    .footer-main-menu {
        float: none;
        text-align: center;
    }
    .footer-main-menu li {
        display: inline-block;
        float: none;
        margin-right: 22px;
    }
    .breadcrumb-title {
        padding-top: 40px;
    }
    .breadcrumb-list li {
        font-size: 13px;
    }
    .breadcrumb-list li span {
        font-size: 10px;
    }
    .app-download-button {
        width: 100%;
        text-align: center;
    }
    .balance-title {
        font-size: 14px;
    }
    .h-70 {
        height: 90px;
    }
    .order-card h6 {
        font-size: 16px;
    }
 }

 @media only screen and (max-width: 768px) {
    .display-4 {
        font-size: 1.8rem !important;
        font-weight: 700;
    }
    .hero {
        margin-top: 65px !important;
    }
    .btn {
        font-size: 0.9rem;
    }
    .mobile-image {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .md-collapse {
        display: block !important;
    }
}

@media(max-width:600px){
    .wizard>.steps>ul>li{
        width:50%
    }
    .wizard>.steps a,.wizard>.steps a:hover,.wizard>.steps a:active{
        margin-top:.5em
    }
    .wizard.vertical>.steps,.wizard.vertical>.actions{
        display:block;
        float:none;
        width:100%
    }
    .wizard.vertical>.content{
        display:block;
        float:none;
        margin:0 .5em .5em;
        width:auto
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    #wizard-picture-error {
        left: 183px;
    }
     .service-card {
        min-height: 15em;
        max-height: 15em;
    }
    .product-card {
        min-height: 15em;
        max-height: 15em;
        padding: 1.3em;
    }
    .service-logo {
        height: 6em;
    }
    .service-title {
        font-size: 1.1em;
    }
    .service-body .badge {
        font-size: 11px;
    }
    .service-pricing {
        font-size: 1.1em;
    }
    .deposit-card {
        padding: 1.3em;
    }
}

@media only screen and (max-width: 576px) {
    .service-card {
        min-height: 14em;
        max-height: 14em;
    }
    .product-card {
        min-height: 14em;
        max-height: 14em;
        padding: 1.1em;
    }
    .service-logo {
        height: 5em;
    }
    .service-title {
        font-size: 1.1em;
    }
    .product-title {
        font-size: 1.2em;
    }
    .service-body .badge {
        font-size: 11px;
    }
    .service-pricing {
        font-size: 1.1em;
    }
    .product-card i {
        font-size: 2em;
    }
    .deposit-card {
        padding: 1.1em;
    }
    .deposit-title {
        font-size: 1.2em;
    }
    .deposit-card i {
        font-size: 2em;
    }
}

@media only screen and (max-width: 575px) {
    .faq-item .faq-content {
        padding: 20px 15px;
    }
    .feature-heading h2 {
        font-size: 25px;
    }
    .service-inner-logo img {
        width: 5em;
    }
    .service-inner-title {
        font-size: 17px;
    }
    .custom-padding {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .pagination {
        --bs-pagination-padding-x: 0.5rem;
        --bs-pagination-padding-y: 0.25rem;
        --bs-pagination-font-size: 0.875rem;
        --bs-pagination-border-radius: var(--bs-border-radius-sm);
    }
}

@media only screen and (max-width: 479px) {
    .grid-block {
        grid-column-gap: 0.5em;
        grid-row-gap: 0.5em;
    }
    .service-card {
        min-height: 11em;
        max-height: 11em;
        padding: 0.5em;
    }
    .product-card {
        min-height: 11em;
        max-height: 11em;
        padding: 0.8em;
    }
    .service-logo {
        height: 4em;
    }
    .service-title {
        font-size: 0.9em;
    }
    .product-title {
        font-size: 1em;
    }
    .service-body .badge {
        font-size: 10px;
    }
    .service-pricing {
        font-size: 1em;
    }
    .product-card i {
        font-size: 1.8em;
    }
    .deposit-grid {
        grid-column-gap: 0.5em;
        grid-row-gap: 0.5em;
    }
    .deposit-card {
        min-height: 14em;
        max-height: 14em;
        padding: 0.8em;
    }
    .deposit-content .small {
        font-size: 0.8em;
    }
    .deposit-title {
        font-size: 1em;
    }
    .deposit-card i {
        font-size: 1.8em;
    }
}

@media only screen and (min-width: 230px) and (max-width: 991px) {
    .headtoppart {
        display: none;
    }
}