/* ====== Mobile Styles ====== */
@media (max-width: 768px) {
    body, p, span, ul li, .btn, .accordion-button, a, button {
        font-size: 15px;
        line-height: 1.7;
    }

    .only-desktop {
        display: none;
    }

    .col, .col-md-4, .col-md-3, .col-md-6, .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
        padding: 0;
    }

    .col-sm-6 {
        width: 50%;
    }

    .sm-mb-3 {
        margin-bottom: 1rem !important;
    }

    .breadcrumb {
        width: 300%;
    }

    .breadcrumb-div .container .col-md-12 {
        overflow-x: scroll;
        width: calc(100% - 10px);
    }

    .breadcrumb ol > li > span, .breadcrumb ol > li > a > span {
        font-size: 13px !important;
    }

    section, .section {
        width: 100vw;
        margin: 0;
        padding: 0;
    }

    .text-image {
        float: left;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .mobile-section-block {
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px !important;
        overflow: hidden;
    }

    .triple-hightlight .container, .triple-hightlight .col-md-4 {
        padding: 0;
    }

    .triple-hightlight .box-div {
        border-radius: 10px;
        text-align: center;
        padding: 20px;
        margin-bottom: 20px;
    }

    .triple-hightlight .box-div span {
        font-weight: 700;
        display: block;
        font-size: 20px;
    }

    .color-item {
        border-color: #666 !important;
        border-radius: 3px;
        display: inline-block;
        float: none;
        height: 14px;
        margin: 0 4px 4px 0;
        width: 14px;
    }

    .buttonDiv {
        margin-bottom: 36px !important;
    }

    .buttonDiv a {
        padding: 0 10px;
        font-size: 14px;
        line-height: 42px;
    }

    h1.small, h2 {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.3;
    }

    h2.small {
        font-size: 24px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    .info-container h2 {
        font-size: 18px;
        line-height: 28px;
    }

    .pm-3 {
        padding-left: 3px !important;
        padding-right: 3px !important;
    }

    .pm-15 {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    .pm-28 {
        padding-left: 28px !important;
        padding-right: 28px !important;
    }

    .m-0 {
        margin-left: 0;
        margin-right: 0;
    }

    .m-mt-75 {
        margin-top: 75px;
    }

    .m-border-radius {
        border-radius: 10px;
    }

    .mobile-section-block {
        width: calc(100% - 30px);
        margin-left: auto;
        margin-right: auto;
        border-radius: 10px !important;
        overflow: hidden;
    }

    .mainDivSection {
        margin-top: 58px;
        width: 100%;
    }

    /*.has-submenu > a::after {*/
    /*    content: "▸";*/
    /*    float: right;*/
    /*    margin-right: 1rem;*/
    /*}*/

    /*.has-submenu.open > a::after {*/
    /*    content: "▾";*/
    /*}*/

    footer {
        padding: 40px 18px;
    }
}