@media only screen and (min-width: 960px){
    img {
        max-width: auto;
    }

    .container {
        max-width: 100%;
    }

    .swiper-box {
        position: relative;
    }

    .swiper-pagination {
        position: absolute;
        bottom: 22px !important;
    }

    .swiper-pagination>.swiper-pagination-bullet {
        border-radius: 0;
        width: 30px;
        height: 3px;
        background-color: #fff;
    }

    .fa-solid {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
        color: #fff;
        cursor: pointer;
        height: 100%;
        width: 15%;
        font-size: 26px;
    }

    .fa-angle-left {
        left: 0;
    }

    .fa-angle-left:before {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        left: 50%;
        opacity: .5;
    }

    .fa-angle-right {
        right: 0;
    }

    .fa-angle-right:before {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        left: 50%;
        opacity: .5;
    }

    .fa-angle-left:hover::before {
        opacity: 1;
    }

    .fa-angle-right:hover::before {
        opacity: 1;
    }

    .slide-content {
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        max-width: 1140px;
        transform: translate(-50%, -50%);
    }

    .slide-text-title {
        font-size: calc(1.313rem + .7vw);
    }

    .slide-text-caption {
        margin-top: 1.2em;
        font-size: 1.3vw;
    }

    .slide-content .btn-ghost {
        display: inline-block;
        color: #ffffff;
        text-shadow: 0 0 2px #fff;
        background: transparent;
        transition: .3s;
        box-shadow: 0 0 2px #fff;
        font-size: 1.3vw;
        margin-top: 1.3em;
        padding: 0.4em 2em;
        border-radius: 0.25rem;
        border: 1px solid #fff;
    }

    .slide-content .btn-ghost:hover {
        color: #fff;
        background-color: #3c88d8;
        border-color: #3c88d8;
    }

    .swiper-pagination-bullet {
        opacity: var(--swiper-pagination-bullet-inactive-opacity, .5);
    }

    .swiper-pagination-bullet-active {
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 1);
    }

    .siteContent {
        max-width: 1140px;
        margin: auto;
        padding: 3.5rem 0 4rem;
    }

    .mainSection-col-two {
        width: 66.66667%;
        float: left;
        padding-bottom: 4rem;
    }

    .mainSection .widget {
        margin-bottom: 35px;
    }

    .row {
        display: flex;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

    .col-sm-4 {
        flex: 0 0 33.33333333%;
        max-width: 33.33333333%;
    }

    .prBlock .prBlock_icon_outer {
        display: block;
        position: relative;
        margin: 0 auto;
        width: 80px;
        height: 80px;
        border-radius: 50%;
    }

    .prBlock_icon_outer {
        border: 1px solid #3c88d8;
    }

    .prBlock .prBlock_icon {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        font-size: 36px;
    }

    .prBlock_icon {
        color: #3c88d8;
    }

    .prBlock {
        position: relative;
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
    }

    .prBlock .prBlock_title {
        margin-top: 0.9em;
        margin-bottom: 0.7em;
        text-align: center;
        font-size: 18px;
        line-height: 1.4em;
        color: #333333;
        font-weight: 400;
    }

    .prBlock .prBlock_summary {
        margin-bottom: 0.5em;
        text-align: center;
        font-size: 14px;
        line-height: 1.6em;
        color: #333333;
        font-weight: 400;
    }

    .prBlock a .prBlock_summary:hover {
        text-decoration: underline;
    }

    .sideSection-col-two {
        width: calc(100% - 68.66667% - 3rem);
        float: right;
    }

    .subSection .widget {
        margin-bottom: 25px;
    }

    .widget {
        display: block;
    }

    .form-inline {
        display: flex;
        flex-flow: row wrap;
        align-items: center;
    }

    .widget_display_search form div, .widget_product_search form, .widget_search form div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: space-between;
    }

    .widget_search form div input#s, .widget_search form div input.search-field, .wp-block-search input#bbp_search, .wp-block-search input#s, .wp-block-search input.search-field {
        border-radius: 4px;
    }

    .widget_display_search form div input#bbp_search, .widget_display_search form div input#s, .widget_display_search form div input.search-field, .widget_product_search form input#bbp_search, .widget_product_search form input#s, .widget_product_search form input.search-field, .widget_search form div input#bbp_search, .widget_search form div input#s, .widget_search form div input.search-field {
        max-width: initial;
        width: 64%;
        border: 1px solid #ccc;
        padding: 6px 12px;
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 0;
    }

    .widget_display_search form div button, .widget_display_search form div input#bbp_search_submit, .widget_display_search form div input#searchsubmit, .widget_product_search form button, .widget_product_search form input#bbp_search_submit, .widget_product_search form input#searchsubmit, .widget_search form div button, .widget_search form div input#bbp_search_submit, .widget_search form div input#searchsubmit {
        width: 33%;
        color: #fff;
        border: none;
        padding: 6px;
        font-size: 16px;
    }

    .wp-block-search__button, .btn-primary {
        background-color: #3c88d8;
    }

    .wp-block-search__button:focus, .wp-block-search__button:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:focus, .btn-primary:hover {
        background-color: #2d80d8;
        cursor: pointer;
    }

    .form-control:focus {
        color: #495057;
        background-color: #fff;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
    }

    .widget_display_search form div .wp-block-search__button, .widget_display_search form div button, .widget_display_search form div input#bbp_search_submit, .widget_display_search form div input#searchsubmit, .widget_product_search form .wp-block-search__button, .widget_product_search form button, .widget_product_search form input#bbp_search_submit, .widget_product_search form input#searchsubmit, .widget_search form div .wp-block-search__button, .widget_search form div button, .widget_search form div input#bbp_search_submit, .widget_search form div input#searchsubmit, .wp-block-search .wp-block-search__button, .wp-block-search button, .wp-block-search input#bbp_search_submit, .wp-block-search input#searchsubmit {
        border-radius: 4px;
    }

    .widget-title {
        font-size: 18px;
        font-weight: 400;
        color: #212529;
    }

    .widget_archive ul li a, .widget_categories ul li a, .widget_link_list ul li a, .widget_nav_menu ul li a, .widget_pages ul li a, .widget_postlist ul li a, .widget_recent_entries ul li a {
        display: block;
        padding: 10px 0.5em 8px;
        border-bottom: 1px solid rgba(0,0,0,.05);
    }

    .widget_archive a, .widget_categories a, .widget_link_list a, .widget_nav_menu a, .widget_pages a, .widget_postlist a, .widget_recent_entries a {
        color: #464646;
        font-size: 14px;
        color: #464646;
    }

    .subSection li>a:hover {
        text-decoration: underline;
    }

    h3:after, .subSection-title:after {
        border-bottom-color: #3c88d8;
    }

    .subSection-title:after, h3:after {
        content: ".";
        line-height: 0;
        display: block;
        overflow: hidden;
        position: absolute;
        bottom: -1px;
        width: 30%;
        border-bottom: 1px solid #337ab7;
    }

    .subSection-title, h3 {
        padding-bottom: 8px;
        position: relative;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin-bottom: 0 !important;
    }

    .sideSection-col-two .veu_contact .contact_bt, .siteFooter .veu_contact .contact_bt {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        cursor: pointer;
    }

    .veu_contact .contact_bt {
        display: block;
        text-decoration: none;
        line-height: 1.2;
        padding: 0.5rem 1.5rem 0.6rem;
    }
    .wp-block-search__button, .btn-primary {
        background-color: #3c88d8;
        border-color: #2d80d8;
    }

    .sideSection-col-two .veu_contact .contact_bt_txt, .siteFooter .veu_contact .contact_bt_txt {
        font-size: 1.2rem;
    }

    .veu_contact .contact_bt_subTxt, .veu_contact .contact_bt_txt {
        color: #fff;
    }

    .veu_contact {
        text-align: center;
    }

    .btn-group-lg>.btn, .btn-lg {
        font-size: 1.25rem;
        border-radius: 0.3rem;
    }

    .media {
        border-bottom: 1px solid rgba(0,0,0,.05);
        padding: 1rem 0;
        margin-top: 0;
    }

    .media {
        display: flex;
        align-items: flex-start;
    }

    .media>div {
        width: 100%;
    }

    .media .postList_thumbnail {
        width: 160px;
        margin-bottom: 0.5em;
        padding-right: 30px;
        display: block;
        overflow: hidden;
        float: left;
    }

    .media .postList_thumbnail a {
        position: relative;
        display: block;
        overflow: hidden;
        border: 1px solid #e5e5e5;
        height: 128px;
    }

    a {
        color: #2d80d8;
    }

    .media .postList_thumbnail img {
        width: 100%;
        height: 100%;
        border: 1px solid #fff;
    }

    .entry-meta {
        margin-bottom: 0.8em;
        padding-left: 3px;
    }

    .entry-meta_items {
        font-size: 12px;
    }

    .media .entry-meta_updated {
        display: none;
    }

    .media .entry-meta_items_author {
        display: none;
    }

    .entry-meta_items_author {
        margin-left: 0.8em;
    }

    .entry-meta_items_term {
        float: right;
        margin-right: 0;
    }

    .entry-meta_items_term_button {
        font-size: .8rem;
        line-height: 1;
        padding: 1px 1em 0px;
        color: #ffffff;
        border-radius: 0.25rem;
    }
    .media .media-body .media-heading a {
        color: #464646;
        text-decoration: none;
        /*font-weight: 400;*/
    }

    .media p {
        margin-bottom: 0;
        font-size: 14px;
        line-height: 150%;
        color: #464646;
    }

    .media .media-body .media-heading a:hover {
        color: #3c88d8;
    }

    .media-body_excerpt:hover {
        text-decoration: underline;
    }

    .pagination {
        margin-top: 2rem;
        margin-bottom: 0;
    }

    .pagination {
        display: flex;
        padding-left: 0;
        list-style: none;
        border-radius: 0.25rem;
    }

    .pagination .nav-links {
        margin: 0 auto;
    }

    ul.page-numbers {
        margin: 0;
        padding: 0;
    }

    ul.page-numbers li {
        margin: 0;
        list-style: none;
        display: block;
        overflow: hidden;
        float: left;
    }

    li {
        line-height: 1.65em;
    }

    ul.page-numbers li span.page-numbers.current, .page-link dl .post-page-numbers.current {
        background-color: #3c88d8;
    }

    ul.page-numbers li span.page-numbers.current {
        color: #fff;
    }

    ul.page-numbers li:first-child>.page-numbers {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    .screen-reader-text {
        clip: rect(1px,1px,1px,1px);
        word-wrap: normal!important;
        border: 0;
        clip-path: inset(50%);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute!important;
        width: 1px;
    }

    ul.page-numbers li a, ul.page-numbers li span.page-numbers {
        padding: 6px 12px;
        display: block;
        border: 1px solid #ddd;
        margin-left: -1px;
    }

    ul.page-numbers li a:hover {
        background-color: #efefef;
    }

    ul.page-numbers li a:hover {
        text-decoration: none;
    }
    .fa-calendar-alt:before, .fa-calendar-days:before {
        font-size: 12px;
    }

    ul.page-numbers li:first-child>.page-numbers {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
    }

    ul.page-numbers li a:hover {
        background-color: #efefef;
    }

    ul.page-numbers li a:hover {
        text-decoration: none;
    }

    ul.page-numbers li a, ul.page-numbers li span.page-numbers {
        padding: 6px 12px;
        display: block;
        border: 1px solid #ddd;
        margin-left: -1px;
        color: #464646;
    }

    ul.page-numbers li:last-child>.page-numbers {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }
    #page-top .mainSection-col-two{
        float: unset;
        width: 100%;
    }
    #page-top .slide-content{
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #page-top .slide-text-title{
        text-align: center;
        color:#ffffff;
        text-shadow: none;
        border: none;
        padding: 0;
        font-size: 30px;
        font-weight: 500;
    }
    #page-top .slide-text-caption{
        text-align:center;
        color:#ffffff;
        text-shadow: none;
        margin-top: 10px;
        font-size: 20px;
        font-weight: 400;
    }
    #page-top h3:after{
        display: none;
    }
    #page-top .btn.btn-ghost{
        box-shadow:none;
        text-shadow: none;
        margin-top: 30px;
        font-weight: 400;
        font-size: 15px;
        padding: 9px 28px;
    }
    #page-top .siteContent{
        margin: 0;
        width: 100%;
        max-width:unset;
        padding: 0;
        margin-top: 46px;
    }
    #page-top .prBlocks-default{
        display: flex;
        justify-content: space-between;
        margin: 0;
    }
    #page-top .prBlock_lighnt{
        width: calc( (100% - 42px) /2 );
        background: rgba(242, 247, 255, 1);
        padding: 0;
        flex: unset;
        max-width: unset;
        padding: 58px 0 74px;
    }
    #page-top .prBlock .prBlock_icon_outer{
        width: unset;
        border: none;
        border-radius: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #page-top .prBlocks-default .prBlock_title{
        margin-top: 38px;
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 28px;
    }
    #page-top .prBlocks-default .prBlock_summary{

    }
    #page-top .mainSection .business{
        margin-top: 40px;
    }
    #page-top .mainSection .business .bn-title{
        text-align: center;
        position: relative;
        color: rgba(60, 136, 216, 1);
        font-size: 24px;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #page-top .mainSection .business .bn-title:before{
        content: '';
        display: block;
        width: 163px;
        height: 1px;
        background: rgba(60, 136, 216, 1);
        margin-right: 44px;
    }
    #page-top .mainSection .business .bn-title:after{
        content: '';
        display: block;
        width: 163px;
        height: 1px;
        background: rgba(60, 136, 216, 1);
        margin-left: 44px;
    }
    #page-top .mainSection .business .bn-block-group{
        display: flex;
        justify-content: space-between;
        margin-top: 42px;
    }
    #page-top .mainSection .business .bn-block-group .bn-block{
        width: calc((100% - 66px) /4);
        border: 1px solid rgba(60, 136, 216, 0.60);
        border-radius: 4px;
        padding: 20px 21px;
        padding-bottom: 13px;
    }
    #page-top .mainSection .business .bn-block-group .bn-block .block-img{
        display: flex;
        height: 300px;
    }
    #page-top .mainSection .business .bn-block-group .bn-block .block-til{
        font-size: 18px;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        margin-top: 12px;
    }
    #page-top .mainSection .postList{
        margin-top: 43px;
    }
    #page-top .mainSection .postList .media{
        border: 1px solid rgba(60, 136, 216, 0.60);
        border-radius: 4px;
        padding: 20px 17px;
    }
    #page-top .mainSection .postList .media:not(:first-of-type){
        margin-top: 20px;
    }
    #page-top .mainSection .postList .btn.btn-xs{
        display: inline-block;
        padding: 4px 9px;
        background: rgba(60, 136, 216, 0.10);
        border-radius: 4px;
        font-size: 12px;
        color: rgba(60, 136, 216, 1);
    }
    #page-top .mainSection .postList .entry-title{
        font-size: 18px;
        color: #000000;
        margin-top: 14px;
        font-weight: 500;
    }
    #page-top .mainSection .postList .media-body{
        padding-right: 40px;
        width: 850px;
    }
    #page-top .mainSection .postList .media-body_excerpt{
        font-size: 14px;
        color: rgba(51, 51, 51, 1);
        margin-top: 10px;
    }
    #page-top .media .postList_thumbnail{
        float: unset;
    }
    #page-top .mainSection .post-314{
        display: flex;
    }
    #page-top .mainSection .postList .media-data{
        flex: 1;
        padding-left: 25px;
        border-left: 1px solid rgba(216, 216, 216, 1);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    #page-top .mainSection .postList .media-data .md-day{
        font-size: 32px;
        color: rgba(60, 136, 216, 1);
    }
    #page-top .mainSection .postList .media-data .md-line{
        height: 1px;
        width: 100px;
        background: rgba(216, 216, 216, 1);
        margin-top: 7px;
        margin-bottom: 10px;
    }
    #page-top .mainSection .postList .media-data .md-year-month{
        font-size: 16px;
        color: rgba(25, 25, 25, 1);
    }
    #page-top .pagination{
        justify-content: flex-end;
    }
    #page-top .pagination .nav-links{
        margin: 0;
    }
    #page-top .page-numbers{
        padding: 15px 24px;
        line-height: 1;
        font-size: 16px;
    }
}
@media only screen and (max-width: 960px){
    #content{
        padding-bottom: 5vw;
    }
    .container{
        width: 92.3vw;
        margin: 0 auto;
    }
    #page-top .mainSection-col-two{
        float: unset;
        width: 100%;
    }
    #page-top .swiper{
        margin: 0 -3.7vw ;
    }
    #page-top .swiper .swiper-slide{
        position: relative;
    }
    #page-top .swiper .swiper-slide img{
        width: 100%;
    }
    #page-top .slide-content{
        color: #ffffff;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
    }
    #page-top .slide-text-title{
        text-align: center;
        color:#ffffff;
        text-shadow: none;
        border: none;
        padding: 0;
        font-size: 4.3vw;
        font-weight: 500;
    }
    #page-top .slide-text-caption{
        text-align:center;
        color:#ffffff;
        text-shadow: none;
        margin-top: 3.2vw;
        font-size: 3.2vw;
        font-weight: 300;
    }
    #page-top .btn.btn-ghost{
        box-shadow:none;
        text-shadow: none;
        margin-top: 4.8vw;
        font-weight: 300;
        font-size: 3.2vw;
        padding: 1.1vw 2.4vw;
        border: 1px solid rgba(255, 255, 255, 1);
        border-radius: 1.1vw;
        color: #FFFFFF;
    }
    #page-top .siteContent{
        margin: 0;
        width: 100%;
        max-width:unset;
        padding: 0;
    }
    #page-top .prBlocks-default{
        display: block;
        margin: 0;
    }
    #page-top .prBlock_lighnt{
        width: 100%;
        background: rgba(242, 247, 255, 1);
        padding: 0;
        flex: unset;
        max-width: unset;
        margin-top: 4.3vw;
        padding: 0 4.8vw;
        border-radius: 1.1vw;
    }
    #page-top .prBlock_lighnt.block-iot{
        padding-top: 2.9vw;
        padding-bottom: 6.1vw;
    }
    #page-top .prBlock_lighnt.block-exploit{
        padding-top: 4.6vw;
        padding-bottom: 4.3vw;
    }
    #page-top .prBlock .prBlock_icon_outer{
        width: unset;
        border: none;
        border-radius: unset;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #page-top .prBlock .prBlock_icon_outer img{
        width: 13.3vw;
    }
    #page-top .prBlocks-default .prBlock_title{
        margin-top: 3.5vw;
        font-size: 4.3vw;
        font-weight: 500;
        margin-bottom: 4.3vw;
        color: #000000;
        text-align: center;
    }
    #page-top .prBlocks-default .prBlock_summary{
        font-size: 3.2vw;
        line-height: 2;
        font-weight: 500;
        color: #333333;
        text-align: center;
        letter-spacing: -0.01vw;
    /*  13 6  */
    }
    #page-top .mainSection .business{
        margin-top: 4.5vw;
    }
    #page-top .mainSection .business .bn-title{
        text-align: center;
        position: relative;
        color: #3C88D8;
        font-size: 4.3vw;
        line-height: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }
    #page-top .mainSection .business .bn-title:before{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        width: 29.3vw;
        height: 1px;
        background: rgba(60, 136, 216, 1);
    }
    #page-top .mainSection .business .bn-title:after{
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        width: 29.3vw;
        height: 1px;
        background: rgba(60, 136, 216, 1);
    }
    #page-top .mainSection .business .bn-block-group{
        display: flex;
        flex-wrap: wrap;
        margin-top: 2.4vw;
    }
    #page-top .mainSection .business .bn-block-group .bn-block{
        width: calc((100% - 3.7vw) / 2);
        border: 1px solid rgba(223, 228, 248, 0.60);
        border-radius: 1.1vw;
        padding: 2.9vw 3.2vw;
        padding-bottom: 1.9vw;
        margin-bottom: 2.9vw;
        box-shadow: 0px 0px 6px 1px rgba(124,164,255,0.16);
    }
    #page-top .mainSection .business .bn-block-group .bn-block:not(:nth-of-type(2n)){
        margin-right: 3.7vw;
    }
    #page-top .mainSection .business .bn-block-group .bn-block .block-img{
        display: flex;
        height: 44.5vw;
    }
    #page-top .mainSection .business .bn-block-group .bn-block .block-til{
        font-size: 3.5vw;
        color: rgba(51, 51, 51, 1);
        text-align: center;
        margin-top: 1.9vw;
        font-weight: 400;
    }
    #page-top .mainSection .postList{
        margin-top: 1.3vw;
    }
    #page-top .mainSection .postList .media{
        border: 1px solid rgba(223, 228, 248, 1);
        border-radius: 1.1vw;
        padding: 3.2vw 3vw;
        box-shadow: 0px 0px 6px 1px rgba(124,164,255,0.16);
    }
    #page-top .mainSection .postList .media:not(:first-of-type){
    }
    #page-top .mainSection .postList .btn.btn-xs{
        display: inline-block;
        padding: 1.1vw 2.4vw;
        background: rgba(60, 136, 216, 0.10);
        border-radius: 1.1vw;
        font-size: 2.9vw;
        color: rgba(60, 136, 216, 1);
    }
    #page-top .mainSection .postList .entry-title{
        font-size: 4.3vw;
        font-weight: 500;
        margin-top: 1.8vw;
    }
    #page-top .mainSection .postList .entry-title a{
        color: #000000;
    }
    #page-top .mainSection .postList .media-body{
        /*padding-right: 40px;*/
        width: 55.7vw;
    }
    #page-top .mainSection .postList .media-body_excerpt{
        font-size: 3.7vw;
        color: rgba(51, 51, 51, 1);
        margin-top: 3.2vw;
    }
    #page-top .mainSection .postList .media-body_excerpt p{
        line-height: 1.4;
    }
    #page-top .media .postList_thumbnail{
        margin-right: 4.5vw;
    }
    #page-top .media .postList_thumbnail img{
        width: 26.7vw;
        height: 26.7vw;
        border: 1px solid rgba(228, 228, 228, 1);
    }
    #page-top .mainSection .post-314{
        display: flex;
    }
    #page-top .mainSection .postList .media-data{
        display: none;
    }
    #page-top .pagination{
        justify-content: flex-end;
    }
    #page-top .pagination .nav-links{
        margin: 0;
    }
    #page-top .calendar-box{
        display: flex;
        align-items: center;
        margin-top: 1.8vw;
        font-size: 3.7vw;
        color: rgba(51, 51, 51, 1);
    }
    #page-top .calendar-box .calendar{
        display: flex;
        margin-right: 2vw;
    }
}