@media (max-width: 991px) {
    body,
    html {
        overflow-x: hidden;
    }
}
/* @media (max-width: 767px) {
    body,
    html {
        overflow-x: hidden;
    }
    .site-logo,
    .headerright {
        text-align: center;
    }
    #panel input {
        width: 100%;
    }
    .payment-system {
        margin-left: 0% !important;
    }
    .step {
        font-size: 24px;
        margin: -22% 0px 22% 56px;
        top: -3px;
    }
    .adjust {
        margin: -70px auto 90px auto;
    }
    .footer {
        margin: -82px auto 50px auto;
    }
    .moble {
        display: block;
    }
    .desktp {
        display: none;
    }
    .slider-header img {
        width: 100%;
        height: 368px !important;
    }
} */
.adjust {
    margin: -30px auto 50px auto;
}
.footer {
    margin: -42px auto 50px auto;
}
@media (min-width: 767px) {
    .step {
        font-size: 24px;
        margin: -16% 0px 22% 140px;
        top: 16px;
    }
    .adjust {
        margin: -70px auto 90px auto;
    }
    .footer {
        margin: -82px auto 50px auto;
    }
    .moble {
        display: block;
    }
    .desktp {
        display: none;
    }
    .slider-header img {
        width: 100%;
        height: 368px !important;
    }
}
@media only screen and (max-width: 600px) {
    .step {
        font-size: 18px;
        margin: -21% 0px 22% 120px;
        top: 30px;
    }
    .footer {
        margin: -43px auto 50px auto;
    }
    .moble {
        display: block;
    }
    .desktp {
        display: none;
    }
    .slider-header img {
        width: 100%;
        height: 318px !important;
    }
}
@media only screen and (max-width: 480px) {
    .step {
        font-size: 18px;
        margin: -21% 0px 22% 70px;
        top: -15px;
    }
}
@media only screen and (max-width: 320px) {
    .step {
        font-size: 18px;
        margin: -21% 0px 22% 70px;
        top: -20px;
    }
}
/* @media only screen and (min-width: 480px) {
    .step {
        font-size: 19px;
        margin: -21% 0px 22% 102px;
        top: 26px;
    }
    .footer {
        margin: -43px auto 50px auto;
    }
    .moble {
        display: block;
    }
    .desktp {
        display: none;
    }
    .slider-header img {
        width: 100%;
        height: 318px !important;
    }
} */
@media (min-width: 991px) {
    .step {
        /* font-size: 40px;
        margin: -21% 0px 22% 176px;
        top: 14px; */
        font-size: 28px;
        margin: -19% 0px 22% 92px;
        top: 54px;
    }

    .slider-header img {
        /* width: 60%; */
    }
    .adjust {
        margin: -70px auto 100px auto;
    }
    .footer {
        margin: -82px auto 50px auto;
    }
    .moble {
        display: none;
    }
    .desktp {
        display: block;
    }
}
@media (min-width: 1200px) {
    .container {
        /* max-width: 1140px !important; */
        max-width: 1024px !important;
    }
}