@media(max-width: 1199px) {
    body {
        font-size:1rem;
        line-height: normal
    }

    .d-desktop {
        display: none
    }

    .d-mobile {
        display: block
    }

    .navbar-toggler .material-icons {
        font-size: 40px
    }

    .navbar-nav .nav-link {
        padding-right: 27px
    }

    .navbar-brand img {
        max-width: 120px;
    }

    .grecaptcha-badge {
        display: none
    }

    .slider-section {
        height: calc(100vh - 115px);
        overflow-y: hidden;
        margin-bottom: 15px
    }

    .slider-right-button,.slider-left-button {
        margin: 0
    }

    .slider-right-button img,.slider-left-button img {
        width: 40px
    }

    .d-column-mobile {
        flex-direction: column
    }

    .self-picture-wrapper {
        width: 200px;
        height: 200px;
        margin: auto
    }

    .self-picture {
        width: 100%;
        height: auto
    }

    .m-0-mobile {
        margin: 0!important
    }

    .small-text {
        font-size: 16px
    }

    .text {
        font-size: 1rem;
        line-height: normal
    }

    .about--text.text {
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: justify
    }

    .text h4 {
        font-size: 1.4rem!important
    }

    .title {
        margin-bottom: 0
    }

    h4 {
        font-size: 25px!important;
        line-height: normal
    }

    .title {
        font-size: 35px!important;
        line-height: normal
    }

    .text-40px {
        font-size: 1.2rem;
        min-height: 20px!important
    }

    .btn-arrow {
        width: 40px
    }

    .column-reverse-mobile {
        flex-direction: column-reverse
    }

    .slider-head-shape {
        padding: 10px 20px
    }

    .btn-arrow-center {
        padding-top: 5px
    }

    .head-slider-text {
        font-size: 18px
    }

    .card-action-container {
        position: relative
    }

    .s-box-shape {
        margin-left: 0!important;
        width: 100px;
        height: 100px
    }

    .box-shape p.text {
        min-height: 0;
        height: auto!important
    }

    .s-box-shape img {
        width: 20px
    }

    .align-items-start-mobile {
        align-items: flex-start!important
    }

    .s-box-shape .text {
        font-size: 16px;
        line-height: 16px
    }

    .download-container {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 25px
    }

    .card-title {
        font-size: 35px;
        line-height: 50px
    }

    .side-menu {
        max-width: 100%!important
    }

    .side-menu,.pos-menu {
        position: relative
    }

    .form-control {
        font-size: 20px
    }

    .page-name {
        font-size: 35px
    }

    .title-big {
        font-size: 35px;
        margin: auto;
        text-align: center
    }

    .small-checkbox {
        font-size: 16px;
        margin-left: 0
    }

    .checkmark {
        top: 0
    }

    .w-107px {
        width: auto
    }

    .h-89pxp {
        height: 50px
    }

    .d-50 {
        width: auto;
        height: auto;
        float: none
    }

    .page-buttons-container {
        position: relative;
        bottom: auto;
        right: auto
    }

    .page-buttons-container .buttun-wrapper-38px-rad {
        margin-left: 0!important;
        margin-top: 10px!important;
        margin-bottom: 10px!important
    }

    .page9-card h3 {
        font-size: 28px
    }

    .page9-card {
        display: flex;
        flex-direction: column-reverse
    }

    .page13-padding,.page11-padding,.wide-box-shape {
        width: auto
    }

    .staff-container-mobile {
        margin-left: 15px;
        margin-right: 15px
    }

    .staff-card .dark-button-shape {
        width: 100%
    }

    .footer-shape {
        border: 0
    }

    footer {
        margin-top: 50px;
        margin-bottom: 50px
    }

    footer a.footer-text,footer a.footer-title {
        padding: 13px;
        display: block;
        margin: 0!important
    }

    .sub-menu-wrapper {
        flex-direction: column;
        margin-top: 0
    }

    .sub-menu-wrapper .w-40,.sub-menu-wrapper .w-30,.sub-menu-wrapper .w-20 {
        width: 100%
    }

    .sub-menu-wrapper .divider-right,.sub-menu-wrapper .divider-left {
        border: 0;
        padding: 0
    }

    .sub-menu-wrapper .text-left {
        text-align: center!important
    }

    .sub-menu-wrapper .sub-menu-item {
        padding: 0;
        margin-bottom: 25px
    }

    select {
        background-position-y: 50%;
        background-position-x: 5%
    }

    .s89,.select-wrapper {
        background-position-y: 50%;
        background-position-x: 5%
    }

    .pos-menu {
        display: none
    }

    .card-margin-new {
        margin-bottom: 0
    }

    iframe {
        width: 100%;
        height: 250px
    }

    .dashed-board {
        width: calc(100% - 15px)
    }

    .start-mobile {
        align-items: flex-start!important
    }

    .h-89px {
        width: 100%;
        height: auto
    }

    nav {
        padding: 0!important
    }

    .nav-search-lang-wrapper {
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 35px
    }

    .search-text-btn {
        display: inline-block!important
    }

    .nav-link {
        margin-left: 0
    }

    .navbar-nav-scroll {
        flex-direction: column
    }

    .home {
        position: relative
    }

    .abs-container-center {
        padding-top: 25px!important
    }

    .abs-container2,.abs-container-center,.abs-container22 {
        position: relative;
        right: 0;
        bottom: 0;
        top: 0;
        width: auto;
        padding: 0 15px
    }

    .head-title {
        font-size: 35px;
        line-height: normal;
        text-align: center;
        margin-top: 15px;
        margin-bottom: 5px
    }

    .img-slider .opacity-layer {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255,255,255,.8)
    }

    .font-weight-bold-mobile {
        font-weight: 700
    }

    .head-slider-actions-btns {
        width: calc(100% - 30px);
        left: 15px;
        right: 15px;
        bottom: 15px
    }

    .head-slider-container .slider-head-shape {
        padding: 5px 10px!important
    }

    .select-option-slider {
        width: 100%;
        background-position-x: 0
    }

    .page-buttons-container button {
        width: 190px
    }

    #otp-modal #prefix {
        direction: ltr!important;
        text-align: right!important;
        padding-right: 15px;
        padding-left: 15px!important;
        width: 90px!important
    }

    .action-button-shape {
        height: 40px;
        width: 100%
    }

    .clear-float {
        clear: both
    }

    .video_placeholder {
        float: none!important
    }

    .font-12-300 {
        font-size: 1rem!important;
        font-weight: 300!important;
        color: #272a33
    }

    .m-box-shape {
        padding: 15px
    }

    .img-about {
        min-height: 60vh;
        height: auto;
        padding-bottom: 50px
    }

    .abs-container22 {
        top: 0!important
    }

    .dropdown-menu {
        background-color: transparent!important;
        padding-right: 25px;
        line-height: 1.8rem
    }

    .square-img {
        max-width: 100%;
        margin-bottom: 15px!important
    }
    #otp-modal .row.page11-padding select#prefix {
        width: 100% !important;
        min-width: inherit !important;
        background-size: 12px;
        background-position: left 10px center
    }
    #otp-modal .row.page11-padding { flex-wrap: nowrap; gap: 10px; margin: 0 -20px 0 -10px; }
    #otp-modal .row.page11-padding div {
        width: auto !important;
        padding: 0 !important;
    }
    #otp-modal .row.page11-padding div:last-child {
        width: 50px !important;
    }

    .searchorandtext {
        position: absolute;
        margin-right: 15px;
        margin-top: -26px;
        width: calc(100% - 60px);
        text-align: center
    }
}