@charset "UTF-8";

@media (max-width: 991px) {
    /*xs max-width: 767px*/
    /*sm min-width:768px max-width: 991px*/
    .container { width: 100%; }
    .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 { padding-right: 15px; }

    /*header*/
    header { width: 100%; height: 40px; position: fixed; top: 0; z-index: 99; }
    .m-logo-box { background-color: var(--main-color); width: 100%; }
    .m-logo-box .navbar-toggle { display: block; margin: 10px 0 10px 0; border: 0; padding: 0; height: 20px; }
    .m-logo-box .navbar-toggle .icon-bar { background-color: #fff; width: 30px; height: 3px; }
    .m-logo-box .navbar-toggle .icon-bar + .icon-bar { margin-top: 5px; }
    .navbar-green { background-color: rgba(0,0,0,.6); position: absolute; top: 40px; width: 100%; display: none; }
    .navbar-green .navbar-nav { position: relative; float: initial; }
    .navbar-green .navbar-nav > li { border-bottom: #eee 10px solid; width: 70%; left: 30%; background: #fff; }
    .navbar-green .navbar-nav > li:last-child { padding-bottom: 100%; }
    .navbar-green .navbar-nav > li > a { color: var(--main-color); font-size: 15px; padding: 10px 0; text-indent: 2em; height: 50px; line-height: 30px; }
    .navbar-green .navbar-nav > .active a,
    .navbar-green .navbar-nav > .active a:hover,
    .navbar-green .navbar-nav > .active a:focus,
    .navbar-green .navbar-nav > li a:hover,
    .navbar-green .navbar-nav > li a:focus { color: var(--main-color); background: var(--main-light-color); }
    .navbar-green .navbar-nav > li > a + span { display: block; width: 50px; height: 50px; top: 0; right: 0; left: initial; border: 0; border-left: #eee 1px solid; }
    .navbar-green .navbar-nav > li > a + span:after { position: absolute; content: "\e114"; font-family: 'Glyphicons Halflings'; left: 18px; top: calc(50% - 8px); color: #eee; }
    .navbar-green .navbar-nav > li > ul { border-top: #eee 1px solid; }
    .navbar-green .navbar-nav > li > ul > li > a { display: block; color: var(--main-color); font-size: 15px; text-indent: 3em; padding: 10px 15px; height: 40px; }
    .m-logo-box > a { color: #fff; font-size: 18px; font-weight: normal; height: 40px; line-height: 40px; }

    /*link*/
    .link-section { line-height: 24px; }
    .link-section li { font-size: 13px; margin: 0 5px 0 0; line-height: 24px; }
    .link-section li:first-child { font-size: 15px; padding-right: 10px; }
    .link-section li:first-child:after { height: 13px; top: 6px; }
    .link-section li a { color: var(--main-dark-color); }

    /*footer*/
    footer .copyright > div { float: none !important; }
    footer .copyright p { text-align: center; }

    /*main*/
    main { margin: 40px 0 0 0; }
    .one-box .one-ct article p { height: initial; }
}

@media (min-width:992px) {
    /*md min-width:992px max-width: 1199px*/
    /*lg min-width:1200px*/
    .three-section > div.col-md-4:nth-child(1) { padding: 0 5px 0 15px; }
    .three-section > div.col-md-4:nth-child(2) { padding: 0 10px; }
    .three-section > div.col-md-4:nth-child(3) { padding: 0 15px 0 5px; }
}