/* ==========================================================================
   Header
   ========================================================================== */
@media (min-width: 992px){
	.home-banner{
		min-height: 658px;
		padding: 200px 0 !important;
	}
	
	.cms-container.course-choose-info-div.cms-element-bg{
		min-height: 1240px;
	}
	
	.cms-form[data-id="52"] .cms-form-item[data-type="text"]{
		display: flex;
		width: 40%;
		float: left;
	}
	.cms-form[data-id="52"] .cms-form-item[data-type="text"] > .item-title{
		width: fit-content;
	}

	.cms-form[data-id="52"] .cms-form-item[data-type="text"] > .item-input{
		width: 20%;
		margin: auto;
	}
	
	.cms-form[data-id="127"] .cms-form-item[data-type="text"]{
		display: flex;
		width: 330px;
		float: left;
	}
	.cms-form[data-id="127"] .cms-form-item[data-type="text"]:nth-of-type(3){
		width: 540px;
	}
	.cms-form[data-id="127"] .cms-form-item[data-type="text"] > .item-title{
		width: fit-content;
	}

	.cms-form[data-id="127"] .cms-form-item[data-type="text"] > .item-input{
		width: 20%;
		margin: auto;
	}
	
	.mentaltests-content p > span.spec-words-size{
		font-size: 20px;
	}
}
   
@media (max-width: 1450px) {
	header .logo{height:70px;}
	main{padding-top:72.5px;min-height: calc(100vh - 176.5px);}
	header .navbar > li .caret{right:10px;}
	header .header-item{margin-right:15px;}
	header .header-item img{}
}
@media (max-width: 991px) {
	header .header-container nav {display: inline-block;}
	header .navbar > li{min-width:130px;}
	header .navbar > li.dropdown{min-width:160px;}
	header .navbar > li .caret{right:5px;}
	header .header-item{    margin-left: 15px;margin-right: 0;}
	main{padding-top:56px;}
	header{padding:5px 0;}
	header .logo {height: 70px;}
	header .navbar, header nav > .func-list{display:none !important;}
    header .mobile-menu-btn{display:inline-block; float: right;}
	header .header-item img{height:28px;}
	/* header .profile-btn{display:none;} */
	/* header nav .member-dropdown.hover{display:none;} */
	
	.home-title p{
		height: 30px;
	}
	
	.home-title p span{
		font-size: 0.7em !important;
	}
	
	.home-block1{
		min-height: 500px;
	}
	
	.home-block1 .home-block1-block{
		position: initial;
		width: auto;
	}
	.home-block1-block .subblock-content{
		padding: 0 12% 3% 12%;	
	}
	
	.home-block1-block .home-btn{
		/*right: 0%;
		bottom: 15%;*/
		position: inherit;
		transform: translate(0%, -50%);
	}

    .home-block1-block .home-btn-two{
        bottom: 40%;
    }
	
	.home-block2-title{
		font-size: 0.7em;
	}
	
	.home-block2-circle-left, .home-block2-circle-right{
		width: 150px;
		height: 150px;
	}
	
	.home-block2-btn{
		/*position: initial;*/
		width: 50%;
	}
	
	.home-block2-sub2{
		position: relative;
	}
	
	.first-home-block2-sub2 .home-block2-sub2-left{
		margin-top: 113%;
	}
	
	.home-block2-sub2-left{
		width:70%;
		margin-top: 120%;
	}
	
	.first-home-block2-sub2 .home-block2-sub2-right{
		top: -19.5rem;
	}
	
	.home-block2-sub2-right{
		position: absolute;
		top: -20rem;
	}
	
	.home-block2 img{
		width: 320px;
	}
	
	.home-block2 .home-block2-content{
		margin-top: 0;
	}
	
	.home-block2-1 .home-block2-sub1-right, .home-block2-1 .home-block2-sub2-left{
		height: 160px;
	}
	
	.bg-heart{
		bottom: -6%;
		width: 14vw;
	}
	
	.home-block3-title p{
		text-align: center;
	}
	
	.home-block3-content{
		width: 80%;
	}
	
	.home-block3-con{
		position: relative;
	}
	
	.home-block3-content{
		width: 80%;
		margin-top: 60%;
	}
	
	.home-block3-con-right{
		position: absolute;
		position: absolute;
		top: 10%;	
	}
	
	.home-block3-con-right img{
		width: 20em;
	}
	
	.home-block3-btn{
		position: initial;
		width: 50%;
	}
	
	.subblock-title p{
		font-size: 0.66em;
	}
	
	.subpage-banner{
		padding: 0 !important;
		background-size: 100%;
	}
	
	.subpage-title{
		margin: 0;
		margin-top: 24px;
		padding-left: 10%;
		padding-top: 25px;
	}
	
	.subpage-title p{
		font-size: 0.45em;
	}
	
	.mentaltests-banner-bgimg{
		width: 3em;
		bottom: -40%;
		right: 5%;
	}
	
	.home-block1-block .subblock-content p, .home-block2-content p, .home-block3-content p, .block-content p, .mentaltests-content ul{
		font-size: 0.8em;
	}
	
	.page-btn{
		padding-top: 3%;
	}
	
	.aboutus-circle{
		position: initial;
		transform: unset;
		width: 150px;
		height: 150px;
	}
	
	.aboutus-content p{
		font-size: 0.8em !important;
	}
	
	.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container.login-con{
		/* background-image: url(/file/BGpyxP/bg08.jpg) !important; */
		min-height: 75vh;
		padding-top: 25%;
	}
	
	.login-detail input{
		width: 22em;
		max-width: 100%;
		margin-bottom: 3%;
	}
	
	.login-btn-div .login-btn{
		width: 85%;
	}
	.login-func-list-con .login-func-list{
		width: 83%;
	}
	
	.signup-detail > div{
		width: 75%;
	}
	
	.signup-detail input{
		width: 100%;
		height: 3.5em;
		margin-bottom: 3%;
	}
	
	.signup-con{
		/* background-image: url('/file/E8avk9/bg09.jpg') !important; */
		min-height: 900px;
		padding: 80px 0 !important;
	}
	
	.signup-detail label{
		font-size: 1em;
	}
	
	.signup-title p{
		font-size: 0.9em;
	}
	
	.signup-confirm-btn a{
		width: 80%;
	}
	
	.extra-content{
		bottom: 27%;
		padding: 1% 5%;
	}
	
	.extra-content-text{
		width: 22em;
		height: 8.5em;
		right: -6%;
		bottom: 100%;
	}
	
	.test-banner-bgimg{
		width: 3em;
		bottom: -15%;
		right: 5%;
	}
	
	.subpage-banner .cms-block-inside .block-title p{
		font-size: 0.43em !important;
	}
	
	.subpage-banner.dual-title .block-title p:last-child{
		font-size: 0.38em !important;
	}
	
	.subpage-banner.dual-title .subpage-title{
		padding-top:0;
	}
	
	.test-form .item-input{
		width: 100% !important;
	}
	
	.test-form .cms-form-item .item-input label{
		width: 95%;
		font-size: 13px;
		padding-top: 14px;
	}
	
	.test-form .form-btn-div{
		width: 100%;
	}
	
	.test-form .form-btn-div > span{
		width: auto;
	}
	
	.test-form .test-sub-title{
		padding: 5%;
		font-size: 1.5em;
	}
	
	.test-form .test-result-text-div{
		padding: 3% 5%;
	}
	
	.test-form .test-result-text{
		font-size: 1.5em;
		margin: 0;
	}
	
	.test-form .test-comment p, .test-form .test-result-table .first-line p, .test-form .test-result-table p{
		font-size: 0.9em;
	}
	
	.cms-form-submit{
		padding: 15px 48px;
		margin: 5px auto 0 auto;
	}
	
	.settings-detail{
		margin-bottom: 3%;
	}
	
	.settings-detail > div{
		width: 75%;
	}
	
	.settings-detail input{
		width: 100%;
		height: 3.5em;
		margin-bottom: 3%;
	}
	
	.settings-con{
		/* background-image: url('/file/1GXJ08/bg11.jpg') !important; */
		min-height: 900px;
		padding: 80px 0 !important;
	}
	
	.settings-detail label{
		font-size: 1em;
	}
	
	.settings-title p{
		font-size: 0.9em;
	}
	
	.settings-confirm-btn a{
		width: 80%;
	}
	
	.settings-detail a.show_password{
		right: 15%;
	}
	
	.settings-confirm-btn {
		margin-top: 10%;
	}
	
	.cms-container.course-list >.cms-container-inside{
		display: flex;
		flex-wrap: wrap;
	}
	
	.cms-container.course-list >.cms-container-inside .cms-container-item{
		flex-basis: 50%;
	}
	
	.main-cms-container > .cms-container-inside > .cms-container-item > .cms-container.course-con{
		padding: 0 0 50px 0;
	}
	
	.cms-block.course-item-image{
		clip-path: circle(37% at 50% 54%);
		padding: 8%;
		margin: 0 auto;
	}
	
	.course-list .course-btn-div{
		padding: 0;
	}
	
	.course-inner-part .course-btn{
		font-size: 0.55em;
	}
	
	.cms-container-item:has(>.course-step){
		padding-top: 30px;
	}
	
	.course-list .course-unit p{
		font-size: 0.8em;
	}
	
	.course-title p{
		text-align: center;
	}
	
	.course-list .course-percentage{
		padding: 1%;
		font-size: 0.8em;
	}
	
	.course-step{min-height: 700px;max-width: 415px;}
	
	.course-step .cms-block-item.image-item{
		display: block;
		width: 105px;
	}
	
	.step-img .first-line{
		width: 38%;
		top: 11.5%;
		left: 9%;
	}
	
	.step-img .last-line{
		width: 38%;
		top: 49%;
		right: 9%;
	}
	
	.course-step .cms-block-item.image-item:nth-child(0n+1){top: -1rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+2){top: 5rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+3){top: 10rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+4){top: 15rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+5){top: 20rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+6){top: 25rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+7){top: 30rem;}
	.course-step .cms-block-item.image-item:nth-child(0n+8){top: 41rem;}
	
	.cms-block-item.image-item p, .cms-block-item.image-item .course-start-btn{
		font-size: 0.7em;
		margin: 4px 0;
		text-align: center;
	}
	
	.course-step .cms-block-item.image-item .course-start-btn a{
		font-size: 0.75em;
	}
	
	.course-step .step-img{width: 250px;}
	.course-step .step-img:nth-child(0n+1){top: 8rem;}
	.course-step .step-img:nth-child(0n+2){top: 18rem;}
	.course-step .step-img:nth-child(0n+3){top: 28rem;}
	.course-step .step-img:nth-child(0n+4){top: 38rem;}
	
	.step-img .course-unit-title{
		top: 10%;
		left: 62%;
		font-size: 2em;
	}
	
	.step-img .course-unit-title2{
		top: 49%;
		left: 22%;
		font-size: 2em;
	}
	
	.finish-subcon .cms-container-item .finish-content{
		margin-bottom: 10%;
	}
	
	.finish-subcon .cms-container-item{
		padding: 10% 3%;
	}
	
	.finish-subcon .cms-container-item .finish-btn-div, .finish-subcon .cms-container-item .finish-percentage, .finish-subcon .cms-container-item .finish-percentage-bar{
		width: 90%;
	}
	
	.finish-subcon .cms-container-item .finish-btn-div .next-course-btn, .finish-subcon .cms-container-item .finish-btn-div .back-btn{
		height: 50px;
		border-radius: 10px;
		padding-top: 15px;
	}

    .login-heart-div, .settings-con .login-heart-div{
        width: 30vw;
        bottom: -7%;
    }

    .signup-con .login-heart-div{
        bottom: 0;
    }
	.course-choose-list .text-item{
		bottom: 30%;
	}
	.course-choose-list .course-btn-div{
		bottom: 12%;
	}
	.course-choose-list .text-item p, .course-choose-list .course-btn-div a{
		font-size: 1em;
	}
}

@media (max-width : 768px) {
    .info-card-div > .cms-container-inside{
        display: grid;
        background-color: #fcf9f5;
        margin: 10% 0;
        border-radius: 25px;
        padding: 10% 0 !important;
    }

    .set-order-one{
        order: 1;   
    }

    .set-order-two{
        order: 2;
    }

    .info-circle{
        width: 45vw;
        height: 45vw;
    }

    .course-bg-icon-image img {
        width: 30vw;
        left: 10%;
    }

    .course-choose-list{
        margin-top: unset;
    }
}

@media (max-width : 425px) {
    .cms-block.course-choose-item-image{
        clip-path: circle(100px at 50% 50%);
    }

    .course-bg-icon-image img{
        bottom: 2%;
    }

    .course-choose-list.is-login .text-item{
        padding: 2% 5% 10% 5% !important;
    }
}