/*==========================================
Small Screen
==========================================*/
/*==========================================
Old Screen
==========================================*/
@media screen and (max-width: 1280px) and (min-width: 1025px) {
    .wrap-inner {
        width: 1000px; }

    .col-lg-1 {
        width: 8.3333%; }

    .col-lg-2 {
        width: 16.6666%; }

    .col-lg-3 {
        width: 25%; }

    .col-lg-4 {
        width: 33.3333%; }

    .col-lg-5 {
        width: 41.6666%; }

    .col-lg-6 {
        width: 50%; }

    .col-lg-7 {
        width: 58.3333%; }

    .col-lg-8 {
        width: 66.6666%; }

    .col-lg-9 {
        width: 75%; }

    .col-lg-10 {
        width: 83.3333%; }

    .col-lg-11 {
        width: 91.66667%; }

    .col-lg-12 {
        width: 100%; }

    .list-lg-i2 > li {
        width: 48%; }
    .list-lg-i2 > li:nth-child(2n) {
        margin-right: 0; }

    .list-lg-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-lg-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-lg-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-lg-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-lg-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-lg-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-lg-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-lg-i6 > li:nth-child(6n) {
        margin-right: 0; } }
/*==========================================
Tablet
==========================================*/
@media screen and (max-width: 1024px) and (min-width: 769px) {
    .wrap-inner {
        width: 748px; }

    .col-md-1 {
        width: 8.3333%; }

    .col-md-2 {
        width: 16.6666%; }

    .col-md-3 {
        width: 25%; }

    .col-md-4 {
        width: 33.3333%; }

    .col-md-5 {
        width: 41.6666%; }

    .col-md-6 {
        width: 50%; }

    .col-md-7 {
        width: 58.3333%; }

    .col-md-8 {
        width: 66.6666%; }

    .col-md-9 {
        width: 75%; }

    .col-md-10 {
        width: 83.3333%; }

    .col-md-11 {
        width: 91.66667%; }

    .col-md-12 {
        width: 100%; }

    .list-md-i2 > li {
        width: 48%; }
    .list-md-i2 > li:nth-child(even) {
        float: right; }

    .list-md-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-md-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-md-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-md-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-md-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-md-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-md-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-md-i6 > li:nth-child(6n) {
        margin-right: 0; } 

    .news-list li .img-thumb{width: 100%;float: none;}
    .news-list li figcaption{width: 100%;float: none;padding: 0;}
    .table-tr .table-tr-half{width: 100%;float: none;margin: 0;padding: 0 10px;}
    .table-tr .table-tr-half:nth-child(2){margin: 0;}
    .login-inner-profile .checkboxReg {margin: 25px 10px;}
    .login-inner-profile .btn-calltoaction {margin: 20px 10px 30px;}
    .login-inner-pwd .btn-calltoaction {margin: 20px 10px 30px;}
    .member-result-list li .img-thumb{width: 100%;float: none;}
    .member-result-list li figcaption{width: 100%;float: none;padding: 10px 0;}
}
/*==========================================
Other size
==========================================*/
@media screen and (max-width: 1619px) {
    header nav > div > a {
        padding: 0 25px;
    }
}
@media screen and (max-width: 1599px) {
    .test-inner{width: 100%;}
}
@media screen and (max-width: 1499px) {
    header nav > div > a{
        padding: 0 25px;
    }
}
@media screen and (max-width: 1399px) {
    .contacat-us-inner{
        width:100%;
    }
}
@media screen and (max-width: 1379px) {
    header nav > div > a {
        padding: 0 18px;
    }
}
@media screen and (max-width: 1599px) {
    .sitemap-inner{
        width: 98%;
    }
}
@media screen and (max-width: 1279px) {
    header nav > div > a{
        padding: 0px 9px;
    }
}
@media screen and (max-width: 1199px) {
    .copyright {position: absolute;bottom: 3px;}
    .careList-content {width: 100%;}
    .news-detail-inner{width: 100%;padding: 0 10px;}
    .member-message-detail-inner {width: 100%;padding: 0 10px;margin: 0 auto;}
    .member-result-detail-inner {width: 100%;padding: 0 10px;margin: 0 auto;}
    .member-result-detail-score {right: 10px;}
    .lifeSlider-inner-swiper{width: 100%;padding: 0 10px;margin: 0 auto;}
    .login-inner{width: 100%;}
    .careDetail-inner-swiper{width: 100%;}
}
@media screen and (max-width: 1129px) {
    header nav > div > a{
        padding: 0px 2px;
    }
}
@media screen and (max-width: 1024px) {
    #careDetail-swiper-button-next, #careDetail-swiper-button-prev{
        display: none;
    }


    header nav > div > a.header-selected{background-color: #f6f6eb;color: #000;}
    header nav > div > a.header-selected:after{width: 0;height: 0;}


}
@media screen and (max-width: 960px) {
    #careDetail-swiper {
        width: 96%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 767px) {
    .contact-us-list li{
        width:calc( (100% / 2) - 4px );
    }
}
@media screen and (max-width: 650px) {
    #care-news li{
        float: none;
        width: 96%;
        margin: 0 auto;
        padding: 10px 0 20px;
        border-bottom: 1px solid #c0bb98;
    }
    #care-news li:nth-of-type(1){padding: 0 0 20px;}
    #care-news li:nth-last-of-type(1){padding: 10px 0 0;}
    .sitemap-list li ol li{width: 100%;}
	.sitemap-list > li > ol > li li {width:100% !important;}
	
    .login-inner-reg, .login-inner-login{width: 96%;margin: 0 2%;float: none;}
    .login-inner-bar {width: 100%;float: none;}
    .login-content-bar span {height: 1px;width: 96%;margin: 60px auto;}
    .login-content-bar-img {top: 35px;left: calc(50% - 55px);padding: 0 30px;}
}
/*==========================================
Tablet - Mobile
==========================================*/
@media screen and (max-width: 1024px) {
	
	.sitemap-list > li > ol > li {
		width:100%;
		margin-top:10px;
	}
	.sitemap-list > li > ol > li li {
		width:50%;
		float:left;
	}
	.sitemap-list .btn-toggle {
		display:none;
	}
	.sitemap-list-item {
		margin-bottom:20px;
	}
	
    .tablet-show, .tablet-block {
        display: block; }

    .tablet-hide {
        display: none; }

    header {
        height: 60px; }
    header .wrap {
        width: 100%;
        padding: 0 20px; }
    header .main-logo {
        margin-top: 2px;/*5px;*/
        width: 72px;/*200px;*/ }
    header nav {
        top: 60px;
        width: 100%;
        background-color: #f6f6eb;
        height: calc(100% - 60px); }
    header #head-right {
        /*display: none;*/
        position: fixed;
        top: 60px;
        width: 300px;
        right: -300px;
        height: calc(100% - 60px);
        background-color: #f6f6eb;
        transition: 0.4s;
        -webkit-transition: 0.4s;
        z-index: 100;
    }
    header #head-right.show {
        right: 0;
    }
    header nav > div {
        float: none; 
        position: relative;
        width: 100%;
    }
    header nav > div > a {
        padding: 0 0 0 20px; 
        line-height: 50px;
        text-align: left;
    }
    header nav > div > a:after {
        background: none;
    }
    header nav > div:hover > a, header nav > div.header-selected > a {
        background-color: #f6f6eb;
        color: #000;
    }
    header nav > div ul {width: 100%;}
    header nav > div ul li a{padding: 10px 15px 10px 25px;}
    header nav > div ul li a:hover, header nav > div ul li a.header-selected{background-color: #019587;}
    header nav > div:hover > ul{display:none;}
    header nav > div .btn-toggle {
        position: absolute;
        top: 9px;
        right: 0;
        z-index: 2;
        width: 34px;
        height: 34px;
        background: url(../images/icons/icon_arrow01a.png) no-repeat center;
    }
    header nav > div .btn-toggle.active {
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
    }
    header nav > div > ul.show{
        position: static;
        display: block;
    }
    header #head-login{
        width: 100%;
        margin: 0;
        padding: 0;
        float: none;
        height: 60px;
        line-height: 60px;
    }
    .page-container {
        margin-top: 60px; }
    #back-top {bottom: 30px;right: 20px;}
    /*    .sidebar{height: 100%;border-bottom:0px;}
        .sidebar li {display: block;border: 1px solid #c0bb98;margin: 5px 10px;}*/
    .inner-content{padding: 20px 0 60px;}
    .inner-content .font-xl{font-size: 20px;line-height: 30px;}
    .about-us-block .about-us-text,.about-us-block .about-us-photo{width: 100%;float: none;}
    .about-us-block .about-us-photo{padding: 0 10px;text-align: center;}
    .about-us-block .about-us-text:nth-last-child(1){margin-bottom: 30px;}
    .partner-block:nth-of-type(1){padding-top: 20px;}
    .book-inner-content {padding: 20px 0 0;}
    .partner-block .partner-text,.partner-block .partner-photo{width: 100%;float: none;}
    .partner-block .partner-photo{padding: 0 10px;text-align: center;}
    .partner-block .partner-text:nth-last-child(1){margin-bottom: 30px;}
    .partner-content{margin: 0px 20px;padding: 20px 0;}
    #lifeSlider-swiper {width: 100%;}
    #lifeSlider-swiper-button-next, .swiper-container-rtl #lifeSlider-swiper-button-prev{display: none;}
    #lifeSlider-swiper-button-prev, .swiper-container-rtl #lifeSlider-swiper-button-next{display: none;}
    #lifeSlider-swiper-button-next:hover{display: none;}
    #lifeSlider-swiper-button-prev:hover{display: none;}
    .test-inner-left{width: 100%;float: none;padding: 10px;}
    .test-inner-right{width: 100%;float: none;padding: 10px;}
    .test-inner-submit .btn-more{margin-top:30px;}
    .book-list li {width: 31%;}
    .book-list li:nth-of-type(3n  - 1) {
        width: 31%;
        margin: 0 2% 60px;
        margin-bottom: 0;
    }
/*    .questions-btn-right:hover, .questions-btn-wrong:hover{background-color: rgba(255,255,255,0);}
    .questions-btn-right:hover p{color:#77c176;} 
    .questions-btn-wrong:hover p{color:#ff2f2f;}
    .questions-btn-right:hover p {background: url(../images/icons/icon_right.png) no-repeat left center;}
    .questions-btn-wrong:hover p {background: url(../images/icons/icon_wrong.png) no-repeat left center;}*/
}
/*==========================================
NOT Tablet
==========================================*/
@media screen and (min-width: 1024px) {
    .desktop-show {
        display: block !important; } }
/*==========================================
Small Tablet
==========================================*/
@media screen and (max-width: 768px) {
    .wrap-inner, .wrap {
        width: 100%;
        padding: 0 20px; }

    .tablet-show, .tablet-block, .mobile-show, .mobile-block {
        display: block; }

    .tablet-hide, .mobile-hide {
        display: none; }

    h1, .undoreset h1 {
        font-size: 40px;
        line-height: 48px;
        margin: 0; }

    h2, .undoreset h2 {
        font-size: 24px;
        line-height: 36px;
        margin: 0; }

    h3, .undoreset h3 {
        font-size: 18px;
        line-height: 30px;
        margin: 0; }

    p, .undoreset p {
        font-size: 15px;
        line-height: 24px;
        margin: 0; }

    .col-sm-1 {
        width: 8.3333%; }

    .col-sm-2 {
        width: 16.6666%; }

    .col-sm-3 {
        width: 25%; }

    .col-sm-4 {
        width: 33.3333%; }

    .col-sm-5 {
        width: 41.6666%; }

    .col-sm-6 {
        width: 50%; }

    .col-sm-7 {
        width: 58.3333%; }

    .col-sm-8 {
        width: 66.6666%; }

    .col-sm-9 {
        width: 75%; }

    .col-sm-10 {
        width: 83.3333%; }

    .col-sm-11 {
        width: 91.66667%; }

    .col-sm-12 {
        width: 100%; }

    .list-sm-i1 > li {
        width: 100%;
        margin-right: 0; }

    .list-sm-i2 > li {
        width: 48%;
        margin-right: 4%; }
    .list-sm-i2 > li:nth-child(even) {
        float: right; }
    .list-sm-i2.list-lg-i3 > li:nth-child(3n) {
        margin-right: 4%; }
    .list-sm-i2.list-lg-i3 > li:nth-child(2n) {
        margin-right: 0%; }

    .list-sm-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-sm-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-sm-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-sm-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
        margin-right: 0; }

    .list-sm-i2 > li {
        width: 48%; }
    .list-sm-i2 > li:nth-child(2n) {
        margin-right: 0; }

    .list-sm-i3 > li {
        width: 32.5%;
        margin-right: 1.2%; }
    .list-sm-i3 > li:nth-child(3n) {
        margin-right: 0; }

    .list-sm-i4 > li {
        width: 23%;
        margin-right: 1.2%; }
    .list-sm-i4 > li:nth-child(4n) {
        margin-right: 0; }

    .list-sm-i5 > li {
        width: 19%;
        margin-right: 1.2%; }
    .list-sm-i5 > li:nth-child(5n) {
        margin-right: 0; }

    .list-sm-i6 > li {
        width: 15.6666%;
        margin-right: 1.2%; }
    .list-sm-i6 > li:nth-child(6n) {
        margin-right: 0; } 
    .banner-inner{display: none;height: 100%;}
    .banner-inner.mobile-mode{display: block;}
    .banner-inner > .fl-left{width: 100%;float: none;padding: 20px 0;}
    #home-news li{display: block;width: 100%;margin: 0 0 30px 0;}
    #home-news li:nth-last-of-type(1){margin: 0;}

    .sidebar{height: 100%;border-bottom:0px;}
    .sidebar li {display: block;border: 1px solid #c0bb98;margin: 5px 10px;}
    .sidesub {width: 100%;float: none;}
    .tablet-show .btn-style01 i {display: block;}
    .opened .tablet-show .btn-style01 i {
        transition: 0.3s;
        transform: rotate(180deg);
    }
    .sidesub ul li{
        display: none;
        /*        margin-top: 50px;
                padding: 0;*/
        text-align: center;
    }
    /*.sidesub ul li:nth-of-type(1){margin-top: 20px;}*/
    .sidesub.opened ul li{
        display: block;
    }
    .inner-right{width: 100%;float: none;padding: 0;}
    .news-detail-content {margin: 20px 0 60px;text-align: justify;}
    .news-list li .img-thumb{width: 100%;float: none;}
    .news-list li figcaption{width: 100%;float: none;padding: 0;}
    .q-and-a-answer {padding: 10px 0 0 35px;}
    .q-and-a-questions-btn {top: 30px;right: 10px;}
    .questions-btn-right, .questions-btn-wrong {padding: 0px 5px;}
    .q-and-a-item {padding: 30px 108px 30px 30px;}
    .careList-content {padding: 20px 0 60px;}
    .member-message-list li:nth-of-type(1) {padding: 20px 0 25px;}
    .member-message-detail-content{text-align: justify;margin: 20px 0 60px;}
    .member-result-list li:nth-child(1) {padding: 20px 0 25px 0;}
    .member-result-list li .img-thumb{width: 100%;float: none;}
    .member-result-list li figcaption{width: 100%;float: none;padding: 10px 0;}
    .inner-content{padding: 20px 0 20px;}
}
/*==========================================
Mobile
==========================================*/
@media screen and (max-width: 480px) {
    .list-xs-i1 > li {
        width: 100%;
        margin-right: 0%; } 
    footer #footer-nav li {
        width: 50%;
        margin-right: 0;
        margin-bottom: 10px;
        float: left; }
    footer #footer-nav li:nth-of-type(2n){margin-right: 0;text-align: right;}
    .footer-fb{margin-bottom: 0;}
    .btn-fb{margin-left: 19px;margin-bottom: 20px;}
    .footer-link{padding-bottom: 50px;}
    .q-and-a-item {padding: 50px 10px 30px;}
    .q-and-a-questions-btn {top: 10px;right: 10px;}
    .table-tr .table-tr-half{width: 100%;float: none;margin: 0;padding: 0 10px;}
    .table-tr .table-tr-half:nth-child(2){margin: 0;}
    .login-inner-profile .checkboxReg {margin: 25px 10px;}
    .login-inner-profile .btn-calltoaction {margin: 10px 10px 0;}
    .login-inner-pwd .btn-calltoaction {margin: 10px 10px 0;}
    .book-list li {float: none;width: 100%;margin-bottom: 30px;}
    .book-list li:nth-of-type(3n  - 1) {
        float: none;
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
    .inner-content{padding: 20px 0 20px;}
    .getMsg p{top: -35px;}
}