/*  Responsive Start Here
---------------------------------------- */

@media only screen and (max-width: 1279px) {}
@media only screen and (max-width: 1199px) {}
@media only screen and (max-width: 991px) {}
@media only screen and (max-width: 767px) {
    .banner-bg .slider-sec .col-lg-7.col-md-7.col-sm-12 {
        order: 2;
    }
    .banner-bg .slider-sec .col-lg-5.col-md-5.col-sm-12 {
        order: 1;
    }
    .banner-bg .fix-text {
        top: 0;
        position: relative;
        text-align: center;
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .fix-text a {
        font-size: 14px;
    }
    .fix-text i {
        font-size: 12px;
        margin: 10px 4px;
    }
    /* header .h-logo img,
    header.sticky .h-logo img {
        max-width: 86px;
    } */
    .banner-bg .box_transparent {
        padding-top: 30px;
        text-align: center;
    }
    .banner-bg .box_transparent .h-slider {
        font-size: 26px;
        width: auto;
        line-height: 34px;
    }
    .banner-bg .box_transparent p {
        width: auto;
        font-size: 13px;
        line-height: 22px;
    }
    .banner-bg .box_transparent .slide_btn .btn.cs-btn {
        font-size: 14px;
        padding: 6px 14px;
        border-radius: 6px;
    }
    .banner-bg .slider-sec {
        height: auto;
        top: 0;
        position: relative;
    }
    .iti {
        display: block;
    }
}
@media only screen and (max-width: 575px) {
    .modal-dialog.modal-dialog-centered {
        margin: 25px;
    }
    .ds-sign-up h2 {
        font-size: 24px;
    }
    .ds-sign-up .modal-body .nav .nav-item .nav-link {
        padding: 6px 14px;
        border-radius: 6px;
        font-size: 14px;
    }
    .ds-sign-up .tab-content .form-control {
        font-size: 14px;
        padding: 6px 15px;
    }
    .ds-sign-up .tab-content .iti .form-control {
        padding: 6px 15px 6px 50px;
    }
    .actions ul li a, .btn.cs-btn {
        font-size: 14px;
        padding: 6px 15px;
        border-radius: 6px;
    }
    label.form-check-label {
        font-size: 12px;
    }
}
@media only screen and (max-width: 479px) {}
@media only screen and (max-width: 428px) {}
@media only screen and (max-width: 414px) {}
@media only screen and (max-width: 390px) {}
@media only screen and (max-width: 375px) {}
@media only screen and (max-width: 360px) {}
@media only screen and (max-width: 320px) {}

/*  Responsive End Here
---------------------------------------- */