@media only screen and (min-width: 320px) and (max-width: 479px) {
    .page-mobile-main-menu {
        box-shadow: none;
        background-color: rgb(67, 158, 201);
    }
    .page-mobile-menu-header {
        background: transparent;
    }
    .page-mobile-menu-logo img {
        width: 185px;
    }
    .page-mobile-main-menu .mobile-menu {
        padding: 0px 30px 30px;
    }
    .page-close-mobile-menu i:after, .page-close-mobile-menu i:before {
        background: #fff;
    }
    .page-mobile-main-menu .mobile-menu>li>a {
        padding: 7px 0 7px 0;
    }
    .imgSlider {
        width: 210px!important;
        height: auto!important;
    }
    .kcl {
        position: absolute;
        margin: -63px 0 0 60%;
        font-size: 30px;
    }
    section#counter-stats {
        margin-top: 15%;
    }
    .kcl-2 {
        position: absolute;
        margin: -70px 0 0 60%;
    }
    p {
        font-size: 13px;
        padding: 0 8px;
    }
    .modal {
        right: 10px;
        left: 10px;
    }
    .bg-logo-client {
        padding: 20px;
        margin: 0px 15px;
    }
    h5.font16 {
        font-size: 16px;
    }
    .fz-40 {
        font-size: 25px !important;
    }
    .text-centerMob {
        text-align: center;
    }
    blockquote {
        padding: 0px 20px;
    }
    #quote-carousel img {
        width: 26%;
    }
    .ulsosMed { 
        display: block;
        margin-left: 0%;
    }
    .ulsosMed li{ 
        display: inline-block;
    }
    .ulsosMed a{

    }
    .ulsosMed a .fa {
        background-color: #fff;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
        text-align: center;
        display: block;
        color: rgb(9, 134, 211);
        font-size: 1.25rem;
        }

    .bg-detail {
        width: 80%;
    }
    .breadcrumb {
        font-size: 12px;
    }
    .heli-button-white {
        right: 18%;
        top: 30px;
    }
    .bg-judul-testi {
        height: 33px;
        margin-bottom: 10px;
    }
    .testim {
        width: 100%;
        position: absolute;
        top: 80%;
    }
    .card-content {
        height: auto;
    }
    .mtn-7cen {
        margin-top: -30px!important;
    }
    .img-img {
        width: 55px;
        height: 55px !important;
        margin-top: 35px;
    }

    .zopim {
        width: 42px !important;
        left: 80vw !important;
        border-radius: 0px 6px 6px 0px;
        /* padding: 10px!important; */
        }
    .meshim_widget_components_mobileChatButton_ButtonBar .button_text {
        display: none !important;
    }
    .meshim_widget_components_mobileChatButton_Button .button_bar {
        height: 30px !important;
        width: 30px !important;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .ulsosMed { 
        display: block;
        margin-left: 0%;
    }
    .ulsosMed li{ 
        display: inline-block;
    }
    .ulsosMed a{

    }
    .ulsosMed a .fa {
        background-color: #fff;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
        text-align: center;
        display: block;
        color: #4969a8;
        font-size: 1.25rem;
    }

}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .ulsosMed { 
        display: block;
        margin-left: 0%;
    }
    .ulsosMed li{ 
        display: inline-block;
    }
    .ulsosMed a{

    }
    .ulsosMed a .fa {
        background-color: #fff;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        line-height: 45px;
        margin-right: 10px;
        text-align: center;
        display: block;
        color: #4969a8;
        font-size: 1.25rem;
    }
}

@media only screen and (min-width:1024px) and (max-width:1200px) {
    .kcl {
        margin: -70px 0 0 62%;
        font-size: 2.3rem;
    }
    .kcl-2 {
        margin: -75px 0 0 65%;
        font-size: 2.9rem;
    }
    .tparrows.tp-leftarrow {
        left: 4% !important;
    }
    .tparrows.tp-rightarrow {
        left: 98% !important;
    }
    p {
        font-size: 18px;
        line-height: 22px;
    }
    section#counter-stats {
        margin-top: 5%;
    }
    .img-img {
        margin-top: -10px;
        width: 60px;
        height: 60px;
    }
    .mtn-7cen {
        margin-top: -30%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 1023px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {}

@media only screen and (min-width:1365px) and (max-width:1440px) {
    blockquote {
        padding: 5px 20px 5px 20px;
    }
    p {
        font-size: 14px;
    }
    .heli-button-white {
        right: -48%;
        top: 30px;
    }
}

@media only screen and (min-width: 1441px){

    .kol-clientlist .card-img {
        position: relative;
        overflow: hidden;
        border-radius: 0;
        z-index: 1;
        margin-bottom: 20px;
        padding: 0;
        width: 100%;
        vertical-align: text-top;
        text-align: center;
    }
    .kecil {
        font-weight: 800;
        font-size: 18px;
    }
    .kcl {
        margin: -80px 0 0 63%;
    }
    .kcl-2 {
        margin: -80px 0 0 70%;
    }
    p {
        font-size: 24px;
    }
    .accordion .accordion-heading a {
        padding: 20px;
        font-size: 25px;
    }

    .h5-xl {
        font-size: 2rem;
        line-height: 2.3rem;
    }
    .btn.btn-bg-biru {
        font-size: 18px;
    }
    .fz-16 {
        font-size: 28px!important;
    }
    .fz-14 {
        font-size: 22px!important;
    }
    .testim .cont div p {
        font-size: 18px!important;
        line-height: 30px;
    }
    .testim {
        top: -15%;
    }
    .testim .cont div h2 {
        font-size: 20px;
    }
    .paddingTop2048 {
        padding-top: 4.5%;
    }
    .testim .wrap {
        width: 100%;
        max-width: 650px;
        padding: 0;
    }
    .card-desc h3 {
        font-size: 27px;
    }
    span {
        font-size: 22px!important;
    }
    .card-desc p {
        font-size: 20px;
    }
    .btn.btn-bg-dark {
        font-size: 18px;
    }
    .mt-2-xl {
        margin-top: 4%!important;
    }
    input, select, textarea {
        font-size: 20px;
    }
    #quote-carousel .carousel-control.left {
        top: 1.2%;
    }
    #quote-carousel .carousel-control.right {
        right: 4.7% !important;
        top: 1.2%;
    }
    .modal.show .modal-dialog {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        z-index: 9999!important;
    }
}

@media only screen and (min-width: 1920px){
.modal.show .modal-dialog {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        z-index: 9999!important;
    }
}