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


/* Normal desktop :992px. */
@media (min-width: 992px) and (max-width: 1200px) {
    a.need-help-btn {
        width: 410px;
    }

    .right-content-title h2 {
        font-size: 30px;
        line-height: normal;
    }

    .welcome-box-content-single span {
        font-size: 24px;
        line-height: normal;
    }

    .right-content {
        padding-left: 30px;
    }

    .mainmenu ul li a {
        font-size: 14px;
        margin-left: 15px;
    }

    .mainmenu {
        padding-top: 15px;
    }

}


/* Tablet desktop :768px. */
@media (max-width: 991px) {
    .right-content {
        padding-left: 0px;
        padding-top: 20px;
    }

    a.need-help-btn {
        bottom: 0;
        top: auto;
        width: 100%;
        padding-left: 40px;
    }

    .right-content-title h2 {
        font-size: 24px;
        line-height: 29px;
    }

    .main-content-area-2 .right-content-title h2 {
        font-weight: 500;
    }

    .right-content-title-2 h2 b {
        display: none;
    }

    .welcome-box-content-single span {
        font-size: 24px;
        line-height: 30px;
    }

    .mainmenu {
        display: none;
    }

    .header-logo a img {
        height: 70px;
    }


    .welcome-box-content {
        flex-direction: column;
        gap: 15px;
    }

    .welcome-box-content-single {
        width: 100%;
        height: auto;
        padding: 20px 35px;
        flex-direction: row;
    }

    .left-sidebar {
        display: none;
    }

    .main-content {
        display: block;
    }

    .language {
        display: none;
    }

    .cient:after {
        display: none;
    }

    .header-logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .right-content-title {
        width: 100%;
        display: flex;
        gap: 20px;
        margin-bottom: 60px;
        position: relative;
        z-index: 9;
    }

    a.mobile-user-profile-img img {
        display: block;
    }

    a.menu-trigger {
        display: block;
    }

    section.main-content-area {
        padding-bottom: 100px;
    }

    a.title-user {
        display: none;
    }

    .msingle-form-group-btn-control a {
        width: 100%;
    }

    .msingle-form-group-btn-control {
        flex-direction: column-reverse;
        gap: 0;
    }

    .msingle-form-group.msingle-form-group-2 {
        flex-direction: column;
        gap: 30px;
    }

    .msingle-form-group.msingle-form-group-passport {
        flex-direction: column;
        margin-top: 50px;
    }

    .msingle-form-group-passport div,
    .msingle-form-group-nid div {
        margin-bottom: 30px;
    }

    .styled-input-single {
        width: 50%;
    }

    .msingle-form-group-check-items {
        gap: 0;
    }

    .msingle-form-group-inst {
        gap: 8px !important;
    }

    .travel-catalog {
        display: none;
    }

    .mobile-travel-catalog {
        display: block;
    }

    .mm-select {
        display: block;
    }

    .mm-select-2 {
        display: block;
    }


    .right-content-title.right-content-title-2.mm-right-content-title .custom-select {
        top: 65px;
    }

    label.terms-check {
        position: unset;
    }

    .register-terms-check {
        margin-top: 30px;
        display: block;
        margin-bottom: 50px;
    }
    .chosen-container-multi .chosen-choices li.search-field input[type=text], .chosen-container-multi .chosen-choices li.search-choice span{
        font-size: 12px;
    }
    a.need-help-btn b, a.need-help-btn span{
        font-size: 12px;
    }
    .mobile-mm-select-menu{
        display: block;
    }

    .active_shade.active {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: var(--color-fff);
        z-index: 1;
    }

}


/* small mobile :767px. */
@media (max-width: 767px) {
    .container {
        width: 92%;
    }
}

/* small mobile : 480px */
@media (max-width:480px){
    .mobile-mm-select-menu .nice-select, .mm-select-2 input::placeholder, .mobile-mm-select-menu-2 .nice-select span.current, .mm-select-2 input, .mobile-mm-select-menu-2 .nice-select{
        font-size: 12px !important;
    }

}

/* custom */
  @media (max-width: 991px){
.right-content-title {
  margin-bottom: 0px;

}
  }