/*========== min ==========*/
@media (min-width:641px) {
    
    /*========== Form ==========*/
    .fields .field.half { 
        width: 50%;
    }
    
}


@media (min-width:768px) {
    
    .visible-mobile { display: none !important;}
    
    .a-sm-left { text-align: left !important;}
    .a-sm-center { text-align: center !important;}
    .a-sm-right { text-align: right !important;}
    
    .container {
        width: 768px;
    }

    
}


@media (min-width:992px) {
    
    .visible-device { display: none !important;}
    .section.more-top { margin-top: 50px; }
    /* Layout */
    .block-2columns .block-column {
        padding-left: 40px;
        padding-right: 40px;
    }
    .block-2columns .block-container:not(.rtl) .block-column:first-child,
    .block-2columns .block-container.rtl .block-column:last-child {
        padding-left: 0;
    }
    .block-2columns .block-container:not(.rtl) .block-column:last-child,
    .block-2columns .block-container.rtl .block-column:first-child {
        padding-right: 0;
    }
    .a-md-left { text-align: left !important;}
    .a-md-center { text-align: center !important;}
    .a-md-right { text-align: right !important;}
    
    .container {
        width: 1040px;
    }
    .container.sm {
        width: 820px;
    }
    .fields .field.half { 
        width: 50%;
    }
    .grid-lists-slider.swiper-container .swiper-button-next,
    .grid-lists-slider.swiper-container .swiper-button-prev,
    .business-online-slider .swiper-button-next,
    .business-online-slider .swiper-button-prev,
    .special-deals-slider .swiper-button-next,
    .special-deals-slider .swiper-button-prev { display: none; }
    .special-deals .special-deal .caption-action {
        opacity: 0;
        -webkit-transition: opacity 0.5s ease-in-out;
        -moz-transition: opacity 0.5s ease-in-out;
        -ms-transition: opacity 0.5s ease-in-out;
        -o-transition: opacity 0.5s ease-in-out;
        transition: opacity 0.5s ease-in-out;
    }
    .special-deals .special-deal:hover .caption-action {
        opacity: 1;
    }
}


@media (min-width:1200px) {
    .container {
        width: 1140px;
    }
    .container.md {
        width: 1000px;
    }
    .container.fluid {
        width: 100%;
    }
}

@media (min-width:1365px) {
    .flip-slider.four-items .swiper-button-next,
    .flip-slider.four-items .swiper-button-prev { display: none; }
}

@media (min-width:1700px) {
    .sc-seminars .seminar-slider { width: 60%; }
}


/*========== min and max ==========*/
@media (min-width:992px) and (max-width:1199px) {
    
}


@media (min-width:768px) and (max-width:991px) {
    


}


/*========== max ==========*/
@media (max-width:1300px) {
    .header .main-menu li { margin-right: 20px; }
    .header .logo img { height: 35px; }
}

@media (max-width:1199px) {
    .header .main-menu,
    .header .right-menu .apply { display: none; }
    .header .inner { height: 80px; line-height: 80px; }
    .header .logo { left: 20px; top: 20px; }
    .header .logo img { height: 37px; }
    .header .right-menu,
    .header.smaller .right-menu { right: 20px; top: 16px; }
    .sc-sign-out { top: 50px; }
    .head-hv-line:before,
    .head-hv-line:after {
        width: 60px;
    }
    .hl,
    .highlight { margin-top: 80px; }
    .flip-slider { padding-left: 0; padding-right: 0; }
}

@media (max-width:991px) {
    h1, h2, h3, h4, h5, h6 { line-height: 1; }
    .sc-headline h1, 
    .sc-headline h2 {
        line-height: 0.9;
    }
    .ct-br-device { display: block; }
    .hidden-device { display: none !important; }
    .panel-header .panel-logo { display: none; }
    .panel-header .panel-action { right: auto; left: 0; }
    .panel-header .panel-action img { display: inline-block; vertical-align: middle; }
    .panel-header .panel-action .desc { 
        display: inline-block; 
        vertical-align: middle;
        font-size: 28px;
        color: #fff;
        font-weight: bold;
        margin-left: 15px;
    }
    .panel-header .panel-action .desc span {
        display: block;
        font-weight: normal;
        font-size: 22px;
        color: #999;
    }
    .panel-header .panel-close { right: 0; }
    .panel-body { padding-top: 90px; }
    .panel-body .menu-group .item {
        height: auto;
        border-bottom: 1px solid #333;
        padding: 15px 0;
    }
    .panel-footer {
        padding: 0;
    }
    .panel-footer .footer-menu {
        border-top: 0;
    }
    .panel-footer .footer-menu .follow-list li:first-child { display: none; }
    .panel-footer .footer-menu .follow-list li .ic { font-size: 30px; }
    .btn.fixheight { height: 45px; line-height: 45px; font-size: 22px; }
    .footer .inner { padding-top: 30px; padding-bottom: 20px; }
    .footer-logo { width: 100%; text-align: center; }
    .footer-logo .image img { height: 30px; }
    .footer .mobile-link {
        width: 100%;
        display: inline-block;
        text-align: center;
        margin-top: 15px;
    }
    .footer-social { margin-top: 5px; }
    .terms { margin-top: 0; }
    .copyright { margin-top: 5px; }
    .sc-headline .img-headline,
    .heading-group .img-headline { height: 22px; }
    .heading-group .category { font-size: 22px; }
    .highlight { margin-top: 100px; }
    .highlight .container { padding-top: 30px; padding-bottom: 50px; }
    .highlight .area-inner { position: static; padding: 0; }
    .highlight .area-inner .container {
        padding-left: 0;
        padding-right: 0;
    }
    .highlight .content-area .heading { line-height: 0.9; }
    .highlight .content-area,
    .highlight .ct-center .content-area,
    .highlight .ct-right .content-area { padding: 0; }
    .highlight .ct-center.align-left .content-area { text-align: left; }
    .highlight.ct-white .content-area .category,
    .highlight.ct-white .content-area .desc,
    .highlight.ct-white .content-area .ic {
        color: #333 !important;
    }
    .highlight .content-area .ic { font-size: 40px; }
    .highlight .content-area .category { font-size: 24px; }
    .highlight.ct-white .content-area .heading {
        color: #333 !important;
    }
    .highlight .content-area .image-group { margin-top: 0; }
    .highlight .content-area .image-group img {
        margin: 20px;
    }
    .highlight .content-area .img { margin-bottom: 20px; }
    .highlight .content-area .img img { height: 30px; }
    .highlight .ct-right .content-area.text-right {
        text-align: left;
    }
/*    .sc-hl .container { padding-left: 0; padding-right: 0; }*/
    .sc-hl .swiper-button-next, 
    .sc-hl .swiper-button-prev { width: 35px; height: 35px; padding-top: 4px; }
    .sc-hl .swiper-button-next { right: -14px; }
    .sc-hl .swiper-button-prev { left: -14px; }
    .sc-hl .swiper-button-next:before,
    .sc-hl .swiper-button-prev:before { font-size: 15px; }
    .sc-hl .swiper-container-horizontal>.swiper-pagination-bullets, 
    .sc-hl .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 25px; }
    .hl { padding-bottom: 0; }
    .sc-main-more-t { padding-top: 80px; }
    .block-2columns .block-container,
    .block-2columns .block-column {
        display: block;
        width: 100%;
    }
    .block-2columns .block-container.rtl,
    .block-2columns .block-column {
        direction: ltr;
        unicode-bidi: normal;
    }
    .block-2columns .block-column:not(:last-child) {
        margin-bottom: 40px;
    }
    .popup-content-style .mfp-content {
        padding: 40px;
    }
    
    .a-left-device { text-align: left !important;}
    .a-right-device { text-align: right !important;}
    .a-center-device { text-align: center !important;}
    
    .padding-0-device { padding: 0 !important;}
    .padding-top-0-device { padding-top: 0 !important;}
    .padding-bottom-0-device { padding-bottom: 0 !important;}
    
    .margin-0-device { margin: 0 !important;}
    .margin-top-0-device { margin-top: 0 !important;}
    .margin-bottom-0-device { margin-bottom: 0 !important;}
    
    .more-bottom-device { margin-bottom: 20px; }
    
    .overflow-hidden-device { overflow: hidden; }
    
    .container.fullwidth-device {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .sc-inner { padding: 40px 0; }
    .ct-br-desktop { display: none; }
    
    /*========== Text Style ==========*/
    h1, .size-h1 {
        font-size: 55px;
    }
    h2, .size-h2 {
        font-size: 45px;
    }
    
/*
    h3, .size-h3 {
        font-size: 32px;
    }
*/
    .sc-highlight .swiper-pagination {
        left: auto;
        right: auto;
        bottom: 10px;
        text-align: center;
    }
    .highlights-recommend .highlight-recommend { margin-bottom: 20px; }
    /*========== Special Deals ==========*/
    .special-deals-slider.swiper-container {
        overflow: visible;
    }
    .special-deals-slider .swiper-button-next,
    .special-deals-slider .swiper-button-prev {
        width: 35px;
        height: 35px;
        background-color: #fff;
        border-radius: 50%;
        text-align: center;
        padding-top: 2px;
        -webkit-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        -o-box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
        box-shadow: 0 1px 10px 1px rgba(0,0,0,0.2);
    }
    .special-deals-slider .swiper-button-next {
        right: -15px;
    }
    .special-deals-slider .swiper-button-prev {
        left: -15px;
    }
    .special-deals-slider .swiper-button-next:before {
        content: "\e902";
        font-size: 10px;
    }
    .special-deals-slider .swiper-button-prev:before {
        content: "\e90e";
        font-size: 10px;
    }
    .special-deals {
        margin-left: 0;
        margin-right: 0;
    }
    .special-deals .special-deal .caption .caption-top .heading {
        font-size: 26px;
    }
    .business-online .caption { padding: 10px; }
    .business-online .caption h3 { font-size: 26px; max-height: 50px; }
    /*========== Seminars ==========*/
    .sc-seminars { height: auto; }
    .sc-seminars .seminar-slider {
        width: 100%;
        position: static;
    }
    .seminar-slider .swiper-button-prev {
        left: 5px;
    }
    .seminar-slider .swiper-button-next {
        right: 5px;
    }
    .seminar-slider .seminar .item {
        width: 320px;
        min-width: 320px;
        max-width: 320px;
        padding: 0 15px;
    }
    .seminar .item {
        width: 100%;
        min-width: inherit;
        max-width: inherit;
    }
    .sc-seminars .action { text-align: center; }
    .sc-seminars .seminar-topic { text-align: center; }
    .caption-time .action { text-align: right; }
    .sc-banner .block-2columns .block-column:first-child {
        display: none;
    }
    .sc-banner .block-2columns .block-column .content {
        text-align: center;
    }
    .sc-banner .swiper-container { overflow: hidden; }
    .sc-banner  .swiper-container-horizontal>.swiper-pagination-bullets, 
    .sc-banner  .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; }
    .sc-online-business .block-2columns .block-column:first-child,
    .sc-online-business .block-2columns .block-column {
        text-align: center;
    }
    .sc-online-business .block-2columns .block-column .content { padding-top: 0; }
    .grid-items {
        width: auto;
        display: inline-block;
    }
    .grid-items .col { 
        width: 50%;
    }
    .grid-lists .col-md-4:nth-child(2n+0) .grid-list {
        margin-top: 0;
    }
    .flip-cards { height: 400px; }
    .flip-cards .col-md-4:nth-child(2n+0) .flip-card {
        margin-top: 0;
    }
    .item-box .box-caption {
        padding: 20px;
    }
    .contact .lists { width: 100%; display: inline-block; }
    .contact .list { display: inline; }
    .contact .lists:last-child:after {
        background-color: transparent;
    }
}


@media (max-width:767px) {
    .header .logo:first-child img { height: 32px; } 
    .header .logo img { height: 25px; }
    .footer-logo .image img { height: 25px; }
    .container,
    .container-fluid {
        padding-left: 20px;
        padding-right: 20px;
    }
    .hidden-mobile { display: none !important;}
    .bg-theme-mobile { background-color: #1a2f4d !important;}
    .bg-white-mobile { background-color: #ffffff !important;}
    .bg-gray-mobile { background-color: #fafafa !important;}
    .a-left-mobile { text-align: left !important;}
    .a-right-mobile { text-align: right !important;}
    .a-center-mobile { text-align: center !important;}
    .padding-0-mobile { padding: 0 !important;}
    .padding-top-0-mobile { padding-top: 0 !important;}
    .padding-bottom-0-mobile { padding-bottom: 0 !important;}
    .margin-0-mobile { margin: 0 !important;}
    .margin-top-0-mobile { margin-top: 0 !important;}
    .margin-bottom-0-mobile { margin-bottom: 0 !important;}
    .sc-headline {
        margin-bottom: 30px;
    }
    .head-hv-line:before,
    .head-hv-line:after {
        display: none;
    }
    .bottom-bar {
        padding: 20px; 0;
    }
    .bottom-bar h4 { font-size: 24px; }
    .bottom-bar .action { margin-top: 10px; }
    .bottom-bar .btn.fixwidth { width: auto;}
    .bottom-bar .btn.fixheight {
        height: 40px;
        line-height: 40px;
        font-size: 22px;
    }
    .bottom-bar span { margin: 0 1px; }
    .container-tabs {
        margin-bottom: 30px;
    }
    .tabs-link {
        width: inherit;
        padding: 0 28px;
        font-size: 25px;
    }
    .hidden-box-767 {
        display: none;
    }
    .item-box .entry-date {
        display: none;
    }
    .grid-box {
        width: 100%;
    }
    .item-box {
        width: 100%;
        display: table;
        background-color: transparent;
        box-shadow: 0 0 0;
        margin-bottom: 20px;
    }
    .item-box .box-label {
        top: 6px;
        left: 6px;
        font-size: 16px;
    }
    .box-label {
        font-size: 16px;
    }
    .item-box .box-img, .item-box .box-caption {
        width: 50%;
        display: table-cell;
        vertical-align: top;
    }
    .item-box .icon-play {
        font-size: 30px;
        margin-top: -15px;
        margin-left: -15px;
    }
    .item-box .entry-category {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .item-box .box-caption {
        padding: 10px 15px 0;
    }
    .item-box .box-caption h3 {
        font-size: 25px;
    }
    .section-gridbox .action {
        margin-top: 10px;
    }
    .grid-items .col { 
        width: 100%;
        display: inline-block;
        margin: 25px 0;
    }
    .select-wt-icon-wrapper { padding-bottom: 85px; }
    .select-wt-icon-wrapper label { display: inline-block; width: 20%; vertical-align: top; }
    .select-wt-icon-wrapper .left,
    .select-wt-icon-wrapper .right {
        width: 100%
    }
    .select-wt-icon-wrapper .right { top: 60px; }
    .select-wt-icon { display: inline-block; width: 78%; margin-top: -6px; }
    .select-wt-icon li:not(.init) { width: 100%; }
    .select-wt-icon-01 { z-index: 999; }
    .highlights-recommend .highlight-recommend .image { margin-bottom: 15px; }
    .highlights-recommend .highlight-recommend .caption .heading {
        font-size: 20px;
    }
    .highlights-recommend .highlight-recommend .btn { padding-left: 20px; padding-right: 20px; font-size: 18px; }
}