/* CSS crunched with Crunch - http://crunchapp.net/ */
@media (min-width:768px) {
    .width-sm-1 {
        width: 60px
    }

    .width-sm-2 {
        width: 180px
    }

    .width-sm-3 {
        width: 240px
    }

    .width-sm-4 {
        width: 320px
    }

    .width-sm-5 {
        width: 480px
    }

    .width-sm-6 {
        width: 720px
    }

    .width-sm-full {
        width: 1130px
    }

    .height-sm-auto .list-wrapper>li {
        height: auto
    }

    .height-sm-1 .list-wrapper>li {
        height: 60px
    }

    .height-sm-2 .list-wrapper>li {
        height: 120px
    }

    .height-sm-3 .list-wrapper>li {
        height: 180px
    }

    .height-sm-4 .list-wrapper>li {
        height: 240px
    }

    .height-sm-5 .list-wrapper>li {
        height: 320px
    }

    .height-sm-6 .list-wrapper>li {
        height: 480px
    }

    .column-sm-1 ul li {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .column-sm-1 ul li:first-child,
    .column-sm-1 ul li:nth-child(2n+1),
    .column-sm-1 ul li:nth-child(3n+1),
    .column-sm-1 ul li:nth-child(4n+1),
    .column-sm-1 ul li:nth-child(5n+1),
    .column-sm-1 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-2 ul li {
        width: 47%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-sm-2 ul li:first-child,
    .column-sm-2 ul li:nth-child(2n+1),
    .column-sm-2 ul li:nth-child(3n+1),
    .column-sm-2 ul li:nth-child(4n+1),
    .column-sm-2 ul li:nth-child(5n+1),
    .column-sm-2 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-2 ul li:first-child,
    .column-sm-2 ul li:nth-child(2n+1) {
        margin-left: 2% !important
    }

    .column-sm-3 ul li {
        width: 30%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-sm-3 ul li:first-child,
    .column-sm-3 ul li:nth-child(2n+1),
    .column-sm-3 ul li:nth-child(3n+1),
    .column-sm-3 ul li:nth-child(4n+1),
    .column-sm-3 ul li:nth-child(5n+1),
    .column-sm-3 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-3 ul li:first-child,
    .column-sm-3 ul li:nth-child(3n+1) {
        margin-left: 2% !important
    }

    .column-sm-4 ul li {
        width: 23%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-sm-4 ul li:first-child,
    .column-sm-4 ul li:nth-child(2n+1),
    .column-sm-4 ul li:nth-child(3n+1),
    .column-sm-4 ul li:nth-child(4n+1),
    .column-sm-4 ul li:nth-child(5n+1),
    .column-sm-4 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-4 ul li:first-child,
    .column-sm-4 ul li:nth-child(4n+1) {
        margin-left: 2% !important
    }

    .column-sm-4 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-sm-5 ul li {
        width: 18%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-sm-5 ul li:first-child,
    .column-sm-5 ul li:nth-child(2n+1),
    .column-sm-5 ul li:nth-child(3n+1),
    .column-sm-5 ul li:nth-child(4n+1),
    .column-sm-5 ul li:nth-child(5n+1),
    .column-sm-5 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-5 ul li:first-child,
    .column-sm-5 ul li:nth-child(5n+1) {
        margin-left: 1% !important
    }

    .column-sm-5 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-sm-6 ul li {
        width: 15%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-sm-6 ul li:first-child,
    .column-sm-6 ul li:nth-child(2n+1),
    .column-sm-6 ul li:nth-child(3n+1),
    .column-sm-6 ul li:nth-child(4n+1),
    .column-sm-6 ul li:nth-child(5n+1),
    .column-sm-6 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-sm-6 ul li:first-child,
    .column-sm-6 ul li:nth-child(6n+1) {
        margin-left: 2% !important
    }

    .column-sm-6 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .left-sm {
        right: 0;
        left: auto
    }

    .left-sm:before {
        left: auto;
        right: 20px
    }

    .right-sm {
        left: 0;
        right: auto
    }

    .right-sm:before {
        right: auto;
        left: 20px
    }

    .center-sm-1 {
        left: -10px;
        right: auto
    }

    .center-sm-1:before {
        left: 30px;
        right: auto
    }

    .center-sm-2 {
        left: -70px;
        right: auto
    }

    .center-sm-2:before {
        left: 90px;
        right: auto
    }

    .center-sm-3 {
        left: -100px;
        right: auto
    }

    .center-sm-3:before {
        left: 120px;
        right: auto
    }

    .center-sm-4 {
        left: -140px;
        right: auto
    }

    .center-sm-4:before {
        left: 160px;
        right: auto
    }

    .center-sm-5 {
        left: -220px;
        right: auto
    }

    .center-sm-5:before {
        left: 240px;
        right: auto
    }

    .center-sm-6 {
        left: -340px;
        right: auto
    }

    .center-sm-6:before {
        left: 360px;
        right: auto
    }

    .center-sm-5 {
        left: -220px;
        right: auto
    }

    .center-sm-5:before {
        left: 240px;
        right: auto
    }

    .center-sm-6 {
        left: -340px;
        right: auto
    }

    .center-sm-6:before {
        left: 360px;
        right: auto
    }

    .center-sm-full {
        left: -545px;
        right: auto
    }

    .center-sm-full:before {
        left: 565px;
        right: auto
    }

    .mgbt-sm-0 {
        margin-bottom: 0 !important
    }

    .mgbt-sm-5 {
        margin-bottom: 5px !important
    }

    .mgbt-sm-10 {
        margin-bottom: 10px !important
    }

    .mgbt-sm-15 {
        margin-bottom: 15px !important
    }

    .mgbt-sm-20 {
        margin-bottom: 20px !important
    }
}

@media (min-width:992px) {
    .width-md-1 {
        width: 60px
    }

    .width-md-2 {
        width: 180px
    }

    .width-md-3 {
        width: 240px
    }

    .width-md-4 {
        width: 320px
    }

    .width-md-5 {
        width: 480px
    }

    .width-md-6 {
        width: 720px
    }

    .width-md-full {
        width: 1130px
    }

    .height-md-auto .list-wrapper>li {
        height: auto
    }

    .height-md-1 .list-wrapper>li {
        height: 60px
    }

    .height-md-2 .list-wrapper>li {
        height: 120px
    }

    .height-md-3 .list-wrapper>li {
        height: 180px
    }

    .height-md-4 .list-wrapper>li {
        height: 240px
    }

    .height-md-5 .list-wrapper>li {
        height: 320px
    }

    .height-md-6 .list-wrapper>li {
        height: 480px
    }

    .column-md-1 ul li {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .column-md-1 ul li:first-child,
    .column-md-1 ul li:nth-child(2n+1),
    .column-md-1 ul li:nth-child(3n+1),
    .column-md-1 ul li:nth-child(4n+1),
    .column-md-1 ul li:nth-child(5n+1),
    .column-md-1 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-2 ul li {
        width: 47%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-md-2 ul li:first-child,
    .column-md-2 ul li:nth-child(2n+1),
    .column-md-2 ul li:nth-child(3n+1),
    .column-md-2 ul li:nth-child(4n+1),
    .column-md-2 ul li:nth-child(5n+1),
    .column-md-2 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-2 ul li:first-child,
    .column-md-2 ul li:nth-child(2n+1) {
        margin-left: 2% !important
    }

    .column-md-3 ul li {
        width: 30%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-md-3 ul li:first-child,
    .column-md-3 ul li:nth-child(2n+1),
    .column-md-3 ul li:nth-child(3n+1),
    .column-md-3 ul li:nth-child(4n+1),
    .column-md-3 ul li:nth-child(5n+1),
    .column-md-3 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-3 ul li:first-child,
    .column-md-3 ul li:nth-child(3n+1) {
        margin-left: 2% !important
    }

    .column-md-4 ul li {
        width: 23%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-md-4 ul li:first-child,
    .column-md-4 ul li:nth-child(2n+1),
    .column-md-4 ul li:nth-child(3n+1),
    .column-md-4 ul li:nth-child(4n+1),
    .column-md-4 ul li:nth-child(5n+1),
    .column-md-4 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-4 ul li:first-child,
    .column-md-4 ul li:nth-child(4n+1) {
        margin-left: 2% !important
    }

    .column-md-4 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-md-5 ul li {
        width: 18%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-md-5 ul li:first-child,
    .column-md-5 ul li:nth-child(2n+1),
    .column-md-5 ul li:nth-child(3n+1),
    .column-md-5 ul li:nth-child(4n+1),
    .column-md-5 ul li:nth-child(5n+1),
    .column-md-5 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-5 ul li:first-child,
    .column-md-5 ul li:nth-child(5n+1) {
        margin-left: 1% !important
    }

    .column-md-5 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-md-6 ul li {
        width: 15%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-md-6 ul li:first-child,
    .column-md-6 ul li:nth-child(2n+1),
    .column-md-6 ul li:nth-child(3n+1),
    .column-md-6 ul li:nth-child(4n+1),
    .column-md-6 ul li:nth-child(5n+1),
    .column-md-6 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-md-6 ul li:first-child,
    .column-md-6 ul li:nth-child(6n+1) {
        margin-left: 2% !important
    }

    .column-md-6 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .left-md {
        right: 0;
        left: auto
    }

    .left-md:before {
        left: auto;
        right: 20px
    }

    .right-md {
        left: 0;
        right: auto
    }

    .right-md:before {
        right: auto;
        left: 20px
    }

    .center-md-1 {
        left: -10px;
        right: auto
    }

    .center-md-1:before {
        left: 30px;
        right: auto
    }

    .center-md-2 {
        left: -70px;
        right: auto
    }

    .center-md-2:before {
        left: 90px;
        right: auto
    }

    .center-md-3 {
        left: -100px;
        right: auto
    }

    .center-md-3:before {
        left: 120px;
        right: auto
    }

    .center-md-4 {
        left: -140px;
        right: auto
    }

    .center-md-4:before {
        left: 160px;
        right: auto
    }

    .center-md-5 {
        left: -220px;
        right: auto
    }

    .center-md-5:before {
        left: 240px;
        right: auto
    }

    .center-md-6 {
        left: -340px;
        right: auto
    }

    .center-md-6:before {
        left: 360px;
        right: auto
    }

    .center-md-full {
        left: -545px;
        right: auto
    }

    .center-md-full:before {
        left: 565px;
        right: auto
    }

    .mgbt-md-0 {
        margin-bottom: 0 !important
    }

    .mgbt-md-5 {
        margin-bottom: 5px !important
    }

    .mgbt-md-10 {
        margin-bottom: 10px !important
    }

    .mgbt-md-15 {
        margin-bottom: 15px !important
    }

    .mgbt-md-20 {
        margin-bottom: 20px !important
    }
}

@media (min-width:1200px) {
    .width-lg-1 {
        width: 60px
    }

    .width-lg-2 {
        width: 180px
    }

    .width-lg-3 {
        width: 240px
    }

    .width-lg-4 {
        width: 320px
    }

    .width-lg-5 {
        width: 480px
    }

    .width-lg-6 {
        width: 720px
    }

    .width-lg-full {
        width: 1130px
    }

    .height-lg-auto .list-wrapper>li {
        height: auto
    }

    .height-lg-1 .list-wrapper>li {
        height: 60px
    }

    .height-lg-2 .list-wrapper>li {
        height: 120px
    }

    .height-lg-3 .list-wrapper>li {
        height: 180px
    }

    .height-lg-4 .list-wrapper>li {
        height: 240px
    }

    .height-lg-5 .list-wrapper>li {
        height: 320px
    }

    .height-lg-6 .list-wrapper>li {
        height: 480px
    }

    .column-lg-1 ul li {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important
    }

    .column-lg-1 ul li:first-child,
    .column-lg-1 ul li:nth-child(2n+1),
    .column-lg-1 ul li:nth-child(3n+1),
    .column-lg-1 ul li:nth-child(4n+1),
    .column-lg-1 ul li:nth-child(5n+1),
    .column-lg-1 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-2 ul li {
        width: 47%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-lg-2 ul li:first-child,
    .column-lg-2 ul li:nth-child(2n+1),
    .column-lg-2 ul li:nth-child(3n+1),
    .column-lg-2 ul li:nth-child(4n+1),
    .column-lg-2 ul li:nth-child(5n+1),
    .column-lg-2 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-2 ul li:first-child,
    .column-lg-2 ul li:nth-child(2n+1) {
        margin-left: 2% !important
    }

    .column-lg-3 ul li {
        width: 30%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-lg-3 ul li:first-child,
    .column-lg-3 ul li:nth-child(2n+1),
    .column-lg-3 ul li:nth-child(3n+1),
    .column-lg-3 ul li:nth-child(4n+1),
    .column-lg-3 ul li:nth-child(5n+1),
    .column-lg-3 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-3 ul li:first-child,
    .column-lg-3 ul li:nth-child(3n+1) {
        margin-left: 2% !important
    }

    .column-lg-4 ul li {
        width: 23%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-lg-4 ul li:first-child,
    .column-lg-4 ul li:nth-child(2n+1),
    .column-lg-4 ul li:nth-child(3n+1),
    .column-lg-4 ul li:nth-child(4n+1),
    .column-lg-4 ul li:nth-child(5n+1),
    .column-lg-4 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-4 ul li:first-child,
    .column-lg-4 ul li:nth-child(4n+1) {
        margin-left: 2% !important
    }

    .column-lg-4 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-lg-5 ul li {
        width: 18%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-lg-5 ul li:first-child,
    .column-lg-5 ul li:nth-child(2n+1),
    .column-lg-5 ul li:nth-child(3n+1),
    .column-lg-5 ul li:nth-child(4n+1),
    .column-lg-5 ul li:nth-child(5n+1),
    .column-lg-5 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-5 ul li:first-child,
    .column-lg-5 ul li:nth-child(5n+1) {
        margin-left: 1% !important
    }

    .column-lg-5 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .column-lg-6 ul li {
        width: 15%;
        margin-left: 1% !important;
        margin-right: 1% !important
    }

    .column-lg-6 ul li:first-child,
    .column-lg-6 ul li:nth-child(2n+1),
    .column-lg-6 ul li:nth-child(3n+1),
    .column-lg-6 ul li:nth-child(4n+1),
    .column-lg-6 ul li:nth-child(5n+1),
    .column-lg-6 ul li:nth-child(6n+1) {
        margin-left: 0 !important
    }

    .column-lg-6 ul li:first-child,
    .column-lg-6 ul li:nth-child(6n+1) {
        margin-left: 2% !important
    }

    .column-lg-6 .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .left-lg {
        right: 0;
        left: auto
    }

    .left-lg:before {
        left: auto;
        right: 20px
    }

    .right-lg {
        left: 0;
        right: auto
    }

    .right-lg:before {
        right: auto;
        left: 20px
    }

    .center-lg-1 {
        left: -10px;
        right: auto
    }

    .center-lg-1:before {
        left: 30px;
        right: auto
    }

    .center-lg-2 {
        left: -70px;
        right: auto
    }

    .center-lg-2:before {
        left: 90px;
        right: auto
    }

    .center-lg-3 {
        left: -100px;
        right: auto
    }

    .center-lg-3:before {
        left: 120px;
        right: auto
    }

    .center-lg-4 {
        left: -140px;
        right: auto
    }

    .center-lg-4:before {
        left: 160px;
        right: auto
    }

    .center-lg-5 {
        left: -220px;
        right: auto
    }

    .center-lg-5:before {
        left: 240px;
        right: auto
    }

    .center-lg-6 {
        left: -340px;
        right: auto
    }

    .center-lg-6:before {
        left: 360px;
        right: auto
    }

    .center-lg-full {
        left: -545px;
        right: auto
    }

    .center-lg-full:before {
        left: 565px;
        right: auto
    }

    .mgbt-lg-0 {
        margin-bottom: 0 !important
    }

    .mgbt-lg-5 {
        margin-bottom: 5px !important
    }

    .mgbt-lg-10 {
        margin-bottom: 10px !important
    }

    .mgbt-lg-15 {
        margin-bottom: 15px !important
    }

    .mgbt-lg-20 {
        margin-bottom: 20px !important
    }
}

@media (max-width:767px) {
    .vd_mega-menu-content .child-menu .content-grid .menu-text .menu-info .menu-action .menu-action-icon {
        font-size: 10px;
        height: 16px;
        width: 16px;
        line-height: 12px
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu {
        float: none;
        margin-left: -15px;
        margin-right: -15px;
        padding-top: 5px;
        padding-bottom: 10px;
        background-color: rgba(0, 0, 0, 0.4)
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {
        float: none;
        padding: 7px 15px;
        height: auto;
        margin: 0;
        border-radius: 0
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a {
        display: block
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content {
        width: 100% !important;
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        margin-top: 5px;
        margin-bottom: 10px
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content .vd_mega-menu-content {
        margin-bottom: 0
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content:before {
        display: none
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .open-right .list-wrapper>li,
    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .open-left .list-wrapper>li {
        padding: 0 0 0 15px !important
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-right,
    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-left {
        border-top: none;
        box-shadow: none;
        margin-top: 0
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-right>div>div>ul>li>a,
    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu .vd_mega-menu-content.open-left>div>div>ul>li>a {
        border-left: 3px solid #1fae66;
        padding: 3px 0px 3px 10px
    }

    .light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu {
        background: rgba(0, 0, 0, 0.8)
    }

    .light-top-menu .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li>a {
        color: #fff
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>.mega-ul>.mega-li {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media (max-width:991px) {
    header .vd_top-menu-wrapper {
        position: relative
    }

    header .vd_top-nav {
        width: 100%;
        display: block;
        position: relative;
        padding-left: 15px;
        padding-right: 15px
    }

    header .vd_top-nav .vd_panel-header .logo {
        float: none;
        text-align: center
    }

    header .vd_container {
        margin-left: 0;
        margin-right: 0;
        padding-left: 15px;
        padding-right: 15px
    }

    header .vd_container .vd_menu-search {
        margin-left: 0
    }

    header .container {
        padding-left: 0;
        padding-right: 0
    }

    header .vd_top-nav {
        padding-left: 15px;
        padding-right: 15px
    }

    .nav-left-hide .content .vd_content-wrapper .vd_container {
        margin-left: 0
    }

    .nav-right-hide .content .vd_content-wrapper .vd_container {
        margin-right: 0
    }

    .vd_mega-menu-wrapper.horizontal-menu .vd_mega-menu>ul>li {
        padding-left: 10px;
        padding-right: 10px
    }

    .vd_visitor-counter .item {
        width: 60px;
        height: 76px;
        line-height: 76px;
        font-size: 56px
    }

    .vd_visitor-counter .item .line {
        width: 60px
    }

    #front-1-banner .vd_content {
        height: auto
    }

    #front-1-banner .icon-banner {
        position: relative;
        top: auto;
        left: auto;
        text-align: center
    }

    #front-1-banner .icon-1 {
        margin-top: 40px
    }

    #front-1-banner .icon-2 {
        margin-top: 30px
    }

    #front-1-banner .icon-3 {
        margin-top: 30px
    }

    #front-1-banner .icon-4 {
        margin-top: 50px;
        margin-bottom: 75px
    }
}

@media (max-width:767px) {
    header {
        height: auto
    }

    header .vd_top-nav {
        height: 63px
    }

    header .vd_container {
        display: none;
        height: auto
    }

    header .vd_container .vd_menu-search {
        margin-left: auto;
        margin-right: auto
    }

    header .vd_container .col-xs-12 {
        margin-bottom: 10px
    }

    .submenu header .vd_container {
        display: block
    }

    body .affix,
    body .affix-top,
    body .affix-bottom {
        position: static !important
    }

    .nav-left-hide .content .vd_container {
        float: right;
        min-width: 717px
    }

    .nav-right-hide .content .vd_container {
        float: left;
        min-width: 717px
    }

    .nav-left-hide.nav-right-hide .content .container .vd_container {
        float: none;
        min-width: inherit
    }

    .fc .fc-header-title h2 {
        font-size: 26px
    }

    .login-layout .vd_register-page,
    .login-layout .vd_login-page {
        width: 100%
    }

    .vd_visitor-counter .item {
        width: 46px;
        height: 60px;
        line-height: 60px;
        font-size: 46px;
        margin-bottom: 10px
    }

    .vd_visitor-counter .item .line {
        width: 46px
    }

    .vd_interactive-widget .item-left,
    .vd_interactive-widget .item-right {
        border-top: none
    }

    .vd_interactive-widget .item-left {
        margin-right: 0;
        border-right: none
    }

    .vd_interactive-widget .item-right {
        margin-left: 0
    }

    .content-blog-small .list-wrapper>li .menu-icon,
    .content-blog-large .list-wrapper>li .menu-icon {
        float: none;
        display: block;
        margin: 0 auto 10px;
        width: 100%
    }

    .content-blog-small .list-wrapper>li .menu-text,
    .content-blog-large .list-wrapper>li .menu-text {
        margin-left: 0;
        text-align: center
    }
}

@media (max-width:480px) {
    .vd_status-widget .menu-value {
        font-size: 24px;
        margin-left: 15px
    }

    .vd_status-widget .menu-icon {
        font-size: 36px
    }

    .fc .fc-header-title h2 {
        font-size: 20px
    }

    #fullcalendar .fc-header-left .fc-button-prev,
    #fullcalendar .fc-header-left .fc-button-next {
        line-height: 18px;
        height: 22px;
        width: 22px;
        position: absolute;
        top: -9px
    }

    #fullcalendar .fc-header-left .fc-button-prev {
        left: 20px
    }

    #fullcalendar .fc-header-left .fc-button-next {
        left: 68px
    }

    #fullcalendar .fc-header-left .fc-button .fc-icon {
        font-size: 1.8em
    }

    #fullcalendar .fc-header .fc-header-right .fc-button-today {
        top: 47px
    }

    .vd_visitor-counter .item {
        width: 30px;
        height: 46px;
        line-height: 46px;
        font-size: 30px;
        margin-bottom: 10px
    }

    .vd_visitor-counter .item .line {
        width: 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    header {
        height: 126px
    }

    header .vd_top-nav {
        height: 63px
    }

    header .vd_top-nav .vd_panel-header .logo {
        margin-top: 0
    }

    header .vd_top-nav .vd_panel-menu {
        top: 16px
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .vd_status-widget .menu-value {
        font-size: 24px;
        margin-left: 15px
    }

    .vd_status-widget .menu-icon {
        font-size: 36px
    }

    #front-1-banner .icon-banner {
        position: absolute
    }

    #front-1-banner .icon-1 {
        top: 222px;
        left: 208px
    }

    #front-1-banner .icon-2 {
        top: 170px;
        left: 344px
    }

    #front-1-banner .icon-3 {
        top: 203px;
        left: 648px
    }

    #front-1-banner .icon-4 {
        top: 230px;
        left: 412px
    }

    #front-1-banner .word-1 {
        top: 215px;
        left: 85px
    }

    #front-1-banner .word-2 {
        top: 152px;
        left: 438px
    }

    #front-1-banner .word-3 {
        top: 178px;
        left: 746px
    }
}

@media (min-width:1200px) and (max-width:1260px) {
    body.boxed-layout .vd_body {
        width: 100%;
        border: none;
        float: left;
        border-radius: 0
    }

    body.boxed-layout .vd_bottom .vd_footer-line,
    body.boxed-layout .vd_bottom .bg {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (min-width:992px) and (max-width:1016px) {
    body.boxed-layout .vd_body {
        width: 100%;
        border: none;
        float: left;
        border-radius: 0
    }

    body.boxed-layout .vd_bottom .vc_footer-line,
    body.boxed-layout .vd_bottom .bg {
        margin-left: -10px;
        margin-right: -10px
    }
}

@media (max-width:767px) {
    body.boxed-layout .vd_body {
        width: 100%;
        float: left;
        margin: 0;
        border: none
    }

    body.boxed-layout header {
        margin-top: 0px
    }

    body.boxed-layout header .vd_top-menu-wrapper .container {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-top-left-radius: 0px;
        border-top-right-radius: 0px
    }

    body.boxed-layout footer {
        margin-bottom: 0px
    }

    body.boxed-layout footer .vd_bottom .container {
        -webkit-border-top-left-radius: 0px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topleft: 0px;
        -moz-border-radius-topright: 0px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px
    }
}