.mobicon { display: none; position: relative; float: right; height: 24px; width: 30px; }
.mobicon span { position: absolute; width: 30px; height: 4px; left: 0px; background-color: #FFF; }
.mobicon span.first { top: 0px; }
.mobicon span.sec { top: 10px; }
.mobicon span.third { top: 20px; }
.mobicon.open span.sec{ opacity: 0; }
.mobicon.open span.first {-webkit-transform: rotate(45deg); transform: rotate(45deg); margin-top: 10px;   }
.mobicon.open span.third { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); margin-top: -10px; }



@media ( max-width : 1200px ) {
    .inner, .inner-1170 { margin-left: 20px; margin-right: 20px; }
}

@media ( min-width : 1001px ) {
    #naviMain { display: block !important; }
}

@media ( max-width : 1000px ) {
    #hBottom { position: relative; }
    .mobicon { display: block; margin: 10px 0; }
    #naviMain { display: none; position: absolute; top: 100%; left: 0; width: 100%; z-index: 99; padding: 0 20px; background-color: rgba(42, 52, 68, 0.75); }
    #naviMain > ul > li { display: block; text-align: center; }
    #naviMain > ul > li > a { display: inline-block; margin: 0; font-size: 16px; }
    #naviMain > ul > li:last-child > a { margin: 0; }
    #naviMain > ul > li > ul { display: none; margin-bottom: 25px; opacity: 1; height: auto; overflow: visible; visibility: visible; position: static; transform: none; text-align: center; border-left: none; background-color: transparent; -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; }
    #naviMain > ul > li:hover > ul { padding: 0; }
    #naviMain > ul > li > ul > li { position: relative; padding: 0; }
    #naviMain > ul > li > ul > li:before { display: none; }
    #naviMain > ul > li > ul > li.active > a,
    #naviMain > ul > li > ul > li:hover > a { text-decoration: underline; }

    .news-front .article { width: 50%; margin-bottom: 30px; }

    .timelineSlider .swiper-button-prev,
    .timelineSlider .swiper-button-next { display: none; }
    .timelineSlider .grid_50_50 .col_50_1 { margin-bottom: 20px; }
}

@media ( max-width : 800px ) {
    .grid_50_50 > .row > .col { width: 100%; }
    .slider-content .col_50_2 > .csc-default { padding-left: 20px; }
}

@media ( max-width : 750px ) {
    #header #logo { width: 100px; height: 125px; background-position: bottom; }
    #arrowBottom { display: none; }
}

@media ( max-width : 700px ) {
    .news-front .article { width: 100%; margin-bottom: 30px; }
    .grid_30_30_30 > .row > .col { width: 50%; }

    .frame-type-image .ce-gallery[data-ce-columns="4"] .ce-column { width: 50%; margin-bottom: 30px; }
}

@media ( max-width : 650px ) {
    #fCopy { margin-bottom: 10px; }
    #fCopy, #fCreated { float: none; }
}

@media ( max-width : 560px ) {
    .timelineSlider .swiper-pagi .swiper-pagination-bullet { margin: 0 10px; }
}

@media ( max-width : 500px ) {
    #header #logo { width: 80px; height: 100px; }
    .grid_30_30_30 > .row > .col { width: 100%; margin-bottom: 20px; }
    #fTop { padding: 50px 0 0 0; }
}

@media ( max-width : 400px ) {
    .timelineSlider .swiper-pagi .swiper-pagination-bullet { margin: 0 5px; }
    .size-24, h3 { font-size: 18px; }

    .frame-type-image .ce-gallery[data-ce-columns="2"] .ce-column,
    .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-column,
    .frame-type-image .ce-gallery[data-ce-columns="4"] .ce-column { width: 100%; margin-bottom: 30px; }
    .frame-type-image .ce-gallery[data-ce-columns="2"] .ce-column:last-child,
    .frame-type-image .ce-gallery[data-ce-columns="3"] .ce-column:last-child,
    .frame-type-image .ce-gallery[data-ce-columns="4"] .ce-column:last-child { margin-bottom: 0; }
}