@media screen and (max-width:995px) {

    body {
        overflow-x: hidden !important;
    }

    #breaking-news {
        margin-top: 10px !important;
    }

    .birthday-item {
        height: 200px;
    }

    .breadcrumbContainer {
        border-bottom-left-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
        height: 40px !important;
    }

    .breadcrumbs__item {
        font-size: 10px;
    }
    /*pager*/
    .newscontainer nav, #divGallery nav {
        display: none;
    }

    .pager-mobile {
        display: block;
        width: auto;
        margin: 10px auto !important;
    }
    /*pager*/
    /****Container*****/
    #container {
        height: auto !important;
        width: 100% !important;
        overflow: auto !important;
        max-width: 100% !important;
    }
    /****Container*****/

    /****Footer*******/
    .footer ul {
        text-align: right !important;
        padding-right: 10px;
        margin-top: 20px !important;
    }

    .footer div {
        text-align: right !important;
        margin-bottom: 20px;
    }
    /****Footer*******/
    /*****Slider*****/
    #mycarousel {
        display: none !important
    }

    #mycarouselmobile {
        display: block !important;
    }

    .carousel__img {
        height: 90vh !important;
    }
    /*****Slider*****/
    /*******Hamberger menu*/
    .hambergerwrapper {
        display: block !important;
        visibility: visible !important;
        width: 100vw !important;
    }

    #hambergerUl {
        padding: 0 !important;
        width: 100% !important;
    }
   #hambergerUl li {
        width: 100% !important;
    }
        /*******Hamberger menu*/
        .header {
            display: none !important;
        }

    .m-menu__header .logo {
        display: none !important;
    }

    .logo2 {
        height: 60px !important;
        width: auto !important;
        margin: 0 !important;
    }

    .m-menu__header a {
        width: auto !important;
        text-align: center !important;
        padding: 0 !important;
    }

    #topmenu1, #topmenu2, .menutop .datetime {
        display: none !important;
    }

    /*#topmenu4 {
            width: 34vw !important;
            display: block !important;
            position: fixed !important;
            box-sizing: border-box!important;
            left: 0;
            top: 0;
            height: 45px;
            background-color: #002661;
            z-index: 999 !important;
            background-color: yellow!important
        }*/
    #topmenu3 {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        margin: 0 !important;
        width: auto !important;
        z-index: 999 !important;
    }

    /*#topmenu4 {
        display: block !important;
        position: fixed !important;*/
    /*        width: auto !important;
*/ /*height: 60px;
        width: 100px !important;
        top: 0;
        left: 0 !important;
        right: 0;
        bottom: 0;
        margin: 0 auto;
        z-index: 99999 !important;
    }*/
    .adv {
        bottom: 48px !important;
        left: 0 !important;
    }

    .articlewrapper {
        width: 100%;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .articleheader {
        width: 100% !important;
        height: auto !important;
        margin: 0 auto !important;
        border-bottom-right-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        padding: 10px;
    }

        .articleheader .row {
            width: 100%;
            flex-basis: 100%;
            margin: 0 !important;
            padding: 0 !important;
        }

    .articlewrapper .topimg img {
        border-radius: 0 !important;
    }

    /*
   

    .articleheader {
        display: flex !important;
        flex-direction: column !important;
    }*/

    .breadcrumbarticle {
        font-size: 0.800rem !important;
        flex-wrap: wrap !important;
        margin-top: 0 !important
    }

    #articleDate {
        text-align: right !important;
    }

        #articleDate h6 {
            display: inline-block !important;
            width: auto !important;
            margin-right: 10px;
            font-size: 0.700rem !important;
        }

    .articletitle {
        font-size: 1rem !important;
        padding-right: 24px !important;
    }

    .articlewrapper .content p {
        font-size: 0.700rem !important;
    }
    /******News******/
    #newsSlider {
        display: none !important
    }

    .newswrapper {
        width: 97% !important;
        height: 170px !important;
        margin: 10px auto !important;
        flex-direction: column !important
    }

    .newsitem .date {
        font-size: 0.700rem !important;
        flex-basis: 100% !important;
    }

    .newswrapper .imgwrapper {
        flex-basis: 100% !important;
        display: block !important;
    }

    .newswrapper .newsitem {
        flex-basis: 100% !important;
    }

    .newsitem h5 {
        font-size: 0.800rem !important
    }

    .newsitem .description p {
        font-size: 0.600rem !important
    }

    .newsitem .detail {
        margin: 0 !important;
        padding: 10px !important;
    }

        .newsitem .detail .breadcrumb {
            font-size: 0.700rem !important
        }

    .article-company-logo {
        display: none;
    }
    .Logo-container {
        display: flex !important;
    }
    .ctid {
        margin-top: 0 !important;
    }
    .ctidh {
        padding: 0.75rem 5px !important;
    }
    .ctid .ctidh:first-child {
        padding-right: 0.5rem !important;
    }
    /******News******/
    /*******Gallery*/
    .elem {
        width: 100% !important;
    }
    .gallerycontainer {
        width: 40% !important;
        margin: 10px auto !important;
    }

        .gallerycontainer .imgcontainer {
            height: 150px !important;
        }

        .gallerycontainer .caption {
            height: 40px;
            font-size: 0.750rem !important;
        }

        .gallerycontainer .datetime {
            background-image: none;
            font-size: 0.750rem;
            padding: 10px;
            width: 100% !important;
            background: url('') !important;
        }

    .under--article {
        margin-top: 15px;
    }

    .content {
        padding: 5px !important;
    }

    .articlewrapper .content {
        padding: 15px !important;
    }

    .content .elem {
        width: 48%;
        margin: 0 !important;
    }
    /*******Gallery*/

    /*******Product*/
    #slidercontainer .slide .content h1 {
        font-size: 1rem !important;
    }
    /*******Product*/

    /*******Copy Write*/
    /* .copywrite:nth-child(1) {
        visibility: hidden!important;
    }*/


    #owner {
        font-size: 12px;
        flex-basis: 100%!important;
        width: 100%!important;
        height: 23px !important;
        margin: 0 !important;
        padding: 4px;
        font-size: 0.750rem !important;
        background-color: #000;
        z-index: 0 !important
    }

    #socialmedia {
        flex-basis: 100%;
        height: auto !important;
        margin: 0 !important;
        text-align: center !important;
        justify-content: center !important;
        background-color: #000
    }

    .copywrite {
        display: flex !important;
        flex-direction: column;
        height: auto !important;
        padding: 0 !important;
        justify-content: center !important;
    }

    #online-user {
        display: flex !important;
        align-items: center;
        padding: 4px !important;
        font-size: 0.750rem !important;
        margin: 0 !important;
        height: 23px !important;
        justify-content: space-between !important;
        flex-wrap: nowrap !important;
        z-index: 0 !important;
        flex-direction: row !important;
        margin: 0 !important;
        width: 100% !important;
        padding-right: 0 !important;
    }

        #online-user ul {
            padding-right: 0 !important;
        }

            #online-user ul, #online-user ul li {
                height: auto !important;
            }

                #online-user ul li:nth-child(2) {
                    display: none !important;
                }

                #online-user ul li {
                    margin: 0 !important;
                    flex-basis: 50% !important;
                    justify-content: center
                }

    .social-icons {
        display: none !important;
    }
    /*******Copy Write*/
    /********Footer****/
    .footer {
        font-size: 0.750rem !important;
        margin-bottom: 0 !important;
        padding-right: 20px!important;
    }

        .footer .row:first-child {
            min-height: 403px;
        }

        .footer .title {
            font-size: 0.850rem !important;
        }

    /*  .subfooter {
        margin-bottom: 39px
    }*/

    .subfooter p {
        font-size: 0.750rem !important;
    }
    /********Footer****/


    /********News******/
    .newswrapper {
        height: 220px !important;
    }

        .newswrapper .detail .btn {
            font-size: 0.750rem;
        }
    /********News******/



    /********Gallery*/
    #gallery {
        flex-direction: column !important;
    }

    .gallerycontainer {
        width: 75% !important;
    }

    /********Gallery*/


    /*********New Product*/
    #slidercontainer {
        flex-direction: column !important;
    }

    .slide {
        width: 100%;
        flex-basis: 100%;
    }

    .btn-close {
        top: 5px !important;
    }

    #slidercontainer .content .title {
        top: 10px !important;
    }
    /*********New Product*/



    /*Pesonal Panel*/
    #dashboard .tab {
        width: 100%!important;
    }
    #dashboard #profile {
        width: 100%;
    }
    /*    .tab {
        width: 100% !important;
        display: flex;
        flex-direction: column;
    }*/
    /*        .tab .title {
            width: 100%;
            flex-basis: 100%;
            justify-content: center !important;
            margin: 0 !important;
        }*/
    /*Avatar*/
    .tab .title {
        width: 100%;
        flex-basis: 100%;
        justify-content: center !important;
        margin: 0 !important;
        flex-wrap: wrap;
    }

    .avatar {
        flex-basis: 100% !important;
        width: 40px;
        height: 40%;
    }

        .avatar img {
            width: 100%;
            height: 100%;
        }

    .title .info {
        flex-basis: 100% !important;
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 0 !important;
        margin: 0 !important
    }

        .title .info > * {
            width: 100%;
            text-align: center;
            padding: 2px 0 !important;
            margin: 0 !important;
        }
    /*Avatar*/
    .tab .buttons {
        width: 100%;
        flex-basis: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 !important;
    }

    .buttons button, .buttons a {
        width: 100% !important;
        flex-basis: 100% !important;
        height: 45px !important;
        font-size: 0.750rem;
        padding: 10px 20px !important;
    }

    .tab button:after {
        display: none !important;
    }

    .tabcontent {
        width: 100% !important;
        flex-basis: 99%;
        margin-top: 10px;
    }

    .filter {
        display: flex !important;
        flex-wrap: wrap;

    }

        .filter div {
            width: 50% !important;
            flex-basis: 50%;
            display: inline-block !important;
        }
    .filter div .form-group {
        width: 100% !important;
    }
            .fish-search {
                width: 100% !important;
                flex-basis: 100% !important;
                display: flex;

            }
    .fish-search > * {
        display: inline-flex !important;

    }
                .search {
                    font-size: 0.750rem;
                }
    /* #account {
        display: none!important;
    }*/
    .content img {
        width: 100% !important;
    }
    /*Pesonal Panel*/

    /*Table*/
    table {
        font-size: 0.700rem !important;
    }

        table th {
            font-weight: normal !important;
            white-space: nowrap;
        }
    /*Table*/

    /*color-white*/
    .color-white {
        padding: 0 20px !important;
    }
    /*color-white*/
    /*Product*/
    .product-category {
        padding: 20px;
    }

    .product {
        width: 33.33% !important;
    }

    .viewbox {
        flex-basis: 33.33% !important;
        height: auto !important;
        padding: 0 !important;
    }

    .fancybox-caption__body {
        top: -55px !important;
    }

    .viewbox .imgContainer {
        align-items: flex-start !important;
        height: auto !important;
        overflow: hidden !important;
    }

    .viewbox img {
        max-height: 220px !important;
    }

    .viewbox .price {
        margin: 0 !important;
        font-size: 0.850rem !important;
        padding: 5px !important;
        height: auto !important;
    }
    /*     .viewbox .title {
       min-height:45px!important;
    }*/
    .product-category .title {
        margin-top: 0 !important;
        width: 100% !important;
        font-size: 0.850rem !important;
        height: auto !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
        padding-top: 10px !important;
        align-items: flex-start !important;
    }

        .product-category .title span {
            text-align: center;
        }

    .fancybox-caption--separate {
        width: 100% !important;
        bottom: 0 !important;
    }

    .product-category .breadcrumbContainer {
        height: auto !important;
        flex-direction: column !important;
        padding: 10px 0 !important;
    }

        .product-category .breadcrumbContainer .breadcrumbs a {
            display: flex !important;
            font-size: 0.700rem !important;
            align-items: center !important;
        }

        .product-category .breadcrumbContainer .breadcrumbs .breadcrumbs__item {
            height: 40px !important;
            min-width: 0 !important;
        }

        .product-category .breadcrumbContainer input {
            font-size: 0.700rem !important;
        }

        .product-category .breadcrumbContainer #search {
            order: 1 !important;
        }

        .product-category .breadcrumbContainer #breadcrumb {
            order: 2 !important;
        }
    /*Product*/
    /*Maps*/
    iframe {
        max-width: 100% !important;
    }
    /*Maps*/

    /*branches*/
    #branchMap {
        order: 1 !important;
    }

    #branchInfo {
        order: 2 !important;
    }
    /*branches*/

    /*TimeLine*/
    .timeLine .row .item .caption .image .title h2 {
        font-size: 0.800rem !important;
    }

    .textContent p {
        font-size: 0.700rem !important;
    }
    /*TimeLine*/
    /*NewProduct*/
    .scroll {
        display: none !important;
    }

    .scene {
        display: none !important;
    }

    #scenemobile {
        visibility: visible !important;
    }

    .scene .half .heading ul {
        font-size: 0.800rem !important;
    }

    .nav-panel nav ul li a {
        font-size: 0.900rem !important;
    }

    .nav-panel {
        visibility: hidden !important;
    }

    .nav-panel {
        top: 30% !important;
    }
    /*NewProduct*/

    /*PhoneBook*/
    .phonebook {
        display: none;
    }

    /*Reports*/
    .menuwrapper {
        width: 80% !important
    }

    .m-intro .e-text h1 {
        font-size: 20px !important;
        white-space: nowrap !important;
    }

    .business ul, .management ul {
        flex-direction: column;
    }

        .business ul li, .management ul li {
            flex-basis: 90% !important;
            width: 90% !important;
            margin: 0 !important;
        }

    .business .title, .management .title {
        width: 150px !important;
    }

    .horizontaltimeline {
        margin-top: 30px !important;
        height: auto !important;
        width: 95% !important;
        padding: 0 !important;
        /*flex-direction: column !important;*/
        display: block !important;
        padding-bottom: 50px !important;
    }

        .horizontaltimeline li {
            height: 120px !important;
            width: 100% !important;
            flex-basis: 100% !important;
            padding: 0 !important;
            margin: 0 auto !important;
            display: flex !important;
            justify-content: center !important;
            position: relative !important;
        }

            .horizontaltimeline li:after {
                position: absolute;
                content: "" !important;
                display: inline-block !important;
                height: 170px !important;
                vertical-align: middle !important;
                width: 4px !important;
                background-color: #000 !important;
                margin: 0 auto !important;
                top: 50px !important;
                /*  border-top: 4px solid #a29d9d !important;*/
            }

            .horizontaltimeline li .title {
                position: relative !important;
                left: 0 !important;
                top: 0 !important;
            }

            .horizontaltimeline li:nth-child(even) .title, .horizontaltimeline li:nth-child(odd) .title {
                top: 0 !important;
                bottom: 0 !important;
            }

            .horizontaltimeline li:nth-child(odd) .line, .horizontaltimeline li:nth-child(even) .line {
                display: none !important;
            }

                .horizontaltimeline li:nth-child(odd) .line::before, .horizontaltimeline li:nth-child(odd) .line::after {
                    display: none !important;
                }

                .horizontaltimeline li:nth-child(even) .line::before, .horizontaltimeline li:nth-child(even) .line::after {
                    display: none !important;
                }

            .horizontaltimeline li .shine {
                display: none !important;
            }

            .horizontaltimeline li:nth-child(odd) .line {
                display: none !important;
            }

            .horizontaltimeline li:nth-child(odd) .title label {
                left: -120px !important;
                top: 15px !important;
                text-align: right !important;
            }

            .horizontaltimeline li:nth-child(even) .title label {
                left: 70px !important;
                top: 15px !important;
                text-align: left !important;
            }

    .sun {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        width: 130px !important;
        height: 130px !important;
    }

    .horizontaltimeline li:last-child .title {
        position: absolute !important;
        width: 80px !important;
        height: 80px !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        z-index: 1 !important;
        top: 25px !important;
    }

    .horizontaltimeline li .title .subReport {
        height: auto !important;
        min-height: auto !important;
        transform: none !important;
        left: 0 !important;
        right: 0 !important;
        margin-left: auto !important;
        margin-right: auto !important;
        opacity: 0 !important;
    }

        .horizontaltimeline li .title .subReport li {
            height: 35px !important;
            font-size: 12px !important;
        }

    .horizontaltimeline li:nth-child(odd):hover .title .subReport, .horizontaltimeline li:nth-child(even):hover .title .subReport {
        bottom: 0 !important;
        top: 0 !important;
    }

    .horizontaltimeline li .title:hover .subReport {
        opacity: 0 !important;
    }

    .horizontaltimeline li:nth-child(odd) .title:hover .subReport {
        opacity: 1 !important;
        top: 50px !important;
        left: -140px !important;
        transform: none !important;
    }

    .horizontaltimeline li:nth-child(even):not(li:last-child) .title:hover .subReport {
        opacity: 1 !important;
        top: 40px !important;
        left: 0 !important;
        transform: none !important;
    }

    .horizontaltimeline li:last-child .title label {
        top: 110px !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
    }

    .horizontaltimeline li .title .subReport {
        position: relative !important;
        left: 0 !important;
        right: 0 !important;
        margin-right: auto !important;
        margin-left: auto !important;
        bottom: 0 !important;
        height: auto !important;
        min-height: auto !important;
        transform: translateX(-30%) !important;
    }

    .horizontaltimeline li:last-child .title:hover .subReport {
        border: none !important;
        margin-right: auto !important;
        margin-left: auto !important;
        opacity: 1 !important;
        top: -100px !important;
    }
    /*Reports*/


    /*chart*/
    #chart {
        width: 100% !important;
    }

    .svg-chart-container {
        height: 100vh !important;
    }
    /*chart*/
    #scroll {
        left: 10px !important;
        right: auto !important;
        width: 25px !important;
        height: 25px !important;
        border-radius: 30px !important;
    }




    /*Download Item*/
    .downloaditem {
        width: 50% !important;
        flex-basis: 50% !important;
        max-width: 50% !important
    }

        .downloaditem .imgwrapper {
            height: 65% !important;
            max-height: 65% !important
        }

        .downloaditem .title {
            font-size: 10px !important;
            height: auto !important
        }
    /*Download Item*/
    #jobPost {
        display: block !important;
    }

        #jobPost div {
            text-align: center !important;
            margin-top: 10px;
        }

            #jobPost div a {
                width: 100% !important;
            }

    .job-time {
    }

    /*BreakingNews*/
    #breaking-news-title {
        display: none;
    }

    .str_move > a {
        font-size: 10px !important;
    }
    /*BreakingNews*/
    .main-container {
        padding: 10px !important;
        display: block !important;
    }
    /*SCM*/
    .job-cards {
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .search-menu {
        flex-wrap: wrap !important;
        height: auto !important;
    }

    .search-location, .search-job, .search-salary {
        width: 100% !important;
    }

    .dd-select {
        width: 100% !important;
    }

    .search-bar .search-box {
        width: 100% !important;
        padding: 0 34px !important;
    }

    .search-button {
        width: 100% !important;
    }

    .main-container {
        margin-top: 20px !important;
        padding: 30px !important;
    }

    .searched-bar {
        text-align: center !important;
        justify-content: center !important;
    }
    /*SCM*/

    /*Board*/
    .work-location {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
        padding: 0 !important;
        left: 0 !important;
        text-align: center!important;
    }
    .home-board-desc {
        font-size: 10px !important;
    }
    .work-location > * {
        font-size: 10px !important;
    }

    .board-main-slider {
        width: 90px !important;
        height: 90px !important
    }

    .desc {
        font-size: 10px !important;
        text-align: justify;
        padding: 10px !important;
    }

    .pers-name {
        font-size: 13px !important;
        margin-top: 30px !important;
    }

    .thumbslider-text {
        font-size: 12px !important;
        width: 100% !important;
        font-weight: bold !important;
    }
    /*Board*/

    #error svg {
        margin-left: 0 !important;
        left: 50%!important;
        top: 40% !important;
        transform: translate(-50%,-50%) !important;
    }
    /*Menu*/
    .notBtn .ul--sub {
        top: 50px !important;
        left: -50px!important;


    }
    /*Menu*/
    .news-pager {
        display: none !important;
    }
}