/*----- Gereral of default page ------*/
	.line1{ border-bottom: 1px solid #a1a1a1; }
	.line2{ border-bottom: 1px solid #fff; }
	.blackArea li,
	.blackArea p,
	.blackArea h1,
	.blackArea h2,
	.blackArea h3,
	.blackArea h4,
	.blackArea
	{
		color: #333;
	}

/*----- banner ------*/
	.rl-banner{
		/*background-image: url(../../images/MAIN.jpg);*/
		background-color: #f3f3f3;
		margin: 0px;
	}

		.banner-text1{
			font-weight: 300;
			font-size: 2.65vw; 
			padding-bottom: 1.5vw;
			color: #fff;
		}
		/*.rl-banner-text{border-left: 4px solid #42d365;padding-left: 2vw;}*/
			.banner-text2{
				font-weight: 500; 
				font-size: 6vw;
				line-height: 1;
				padding-bottom: 1.5vw;
				color: #fff;
			}
				.text-product{padding-bottom: 1.5vw;}
			.banner-text3{
				font-weight: 700; 
				font-size: 4.4vw; 
				color: #82BE10;
				padding-bottom: 0;
				line-height: 1;
				font-family: 'Roboto Condensed', 'Roboto' , sans-serif;
				padding-right: 1.5vw;
			}
			.icon-main{ width: 19vw }
			.icon-main-s{}
			.icon-main-play,
			.banner-text3{
				float: left;
			}
			.icon-main-play{
				width: 4vw;
			}

		/*.rl-banner-left{margin-top: 6vw;padding-bottom: 10vw;}*/
		.banner-text1, 
		.banner-text2{
			font-family: 'Oswald','Roboto Condensed', 'Roboto' , sans-serif;
			font-weight: 700;

		}
		.rl-banner-left{
			width: calc( 100% - 32vw );
		}
		.rl-banner-right{
			width: 32vw;
		}

	.rl-banner-subTitle{
		background-color: #82BE10;
		width: 100%;
		padding: 0;
		margin: 20px auto;
		text-align: center;
	}

	.banner-text4{ 
		padding-top: 15px; 
		padding-bottom: 15px; 
		margin: 0; 
		color: #000;
		/*font-size: 1.25vw;*/
		font-size: 24px;
		font-weight: 500;
	}

	.icon-main-s{
		display: none
	}

	.rl-row-6{
		padding-top: calc( 25px + 3.4vw );
    	padding-bottom: calc( 15px + 1.8vw );
	}


/*----- main video area -----*/
	.rl-cols-desc{ list-style-position: inside; padding-left: 30px; }
		.rl-cols-desc li{ line-height: 1.4; }

	.card-style{ 
		width: 85%;    
   	}
		.card-style-desc{ 
			font-weight: 300; 
			color: #393939;
	    	font-size: 1.5vw;
	    	line-height: 1.1;
	    	padding-top: 15px;
	    	padding-bottom: 0;
	    	text-align: center;
		}
	.forCardRight{float: right;}
	.bgc-main-feature{ background-color: #A6A6A6 }

/*------ course preview area -----*/
	.bgc-subFeature{
		background-color: #fff
	}
	.rl-course-Area .text-sm, 
	.rl-course-Area .text-xs,
	.rl-course-Area .text-p{
		padding: 0;
		margin: 0;
	}	
	.rl-course-Area .text-sm{
		padding-bottom: 20px;
	}
	.rl-course-Area .text-p{
		font-weight: 300;
	}

	.icon-great,
	.icon-great2{
		position: absolute;
	    top: 0;
	    right: 0;
	}
		.icon-great img{
			width: 9.2vw;
		}
		.icon-great2 img{
			width: 12vw;
		}
	.icon-triangle{
		width: 3.4vw;
	    margin-top: 10px;
	    margin-bottom: 10px;
	    border-style: solid;
	    border-width: 1.9vw 0 1.9vw 1.9vw;
	    border-color: transparent transparent transparent #fff;
	    float: left;
	}
	.rl-title-group{
		width: calc( 100% - 3.5vw );
		float: left;
	}
		.rl-title-group .title{
			padding-bottom: 0.4vw;
    		font-weight: 500;
    		font-size: 2.625rem;
		}
		.rl-title-group .subtitle{
			font-size: calc( 0.875rem + 0.6vw);
    		font-weight: 300;
		}


	.bg-temp2{
		background-image: url(../../images/BANNER.jpg);
		background-repeat: no-repeat;
	    height: auto;
	    background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    -webkit-background-size: cover;
	    position: relative;
    	width: 100%;
	}
		.bg-temp2-inside{
			padding-bottom: 26.05%;
    		width: 100%;
		}

	.bg-temp3{
		background-image: url(../../images/MAIN.jpg);
		background-repeat: no-repeat;
	    height: auto;
	    background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    -webkit-background-size: cover;
	    position: relative;
    	width: 100%;

	}
		.bg-temp3-inside{
			padding-bottom: 17.05%;
    		width: 100%;
    		padding-top: 60px;
		}

	.rl-course-Area .course-content{;padding-left: 15px;}

	.video-img{
		padding-bottom: 2.1vw;
	}

	.rl-card2-wrapper .rl-card2:nth-of-type(odd){
		margin-right: 40px;
	}
	.rl-card2-wrapper .rl-card2:nth-of-type(1),
	.rl-card2-wrapper .rl-card2:nth-of-type(2){
		padding-bottom: 1.4vw
	}
		.rl-card2{ width: calc( ( 100% - 40px ) / 2 ); float: left; }
			.rl-card2-img{ width: calc( 1.25rem + 3.8vw ); padding-right: 1vw; }
			.rl-card2-desc{ 
				width: calc( 100% - 1.25rem - 3.8vw );; 
				padding-right: 15px; 
				font-weight: 300;
				/*font-size: calc( 0.625rem + 0.4vw );*/
				line-height: 1.3;
			}

	.rl-btn-detail{
	    font-weight: 500;
	    font-size: 28px;
	}

	.titleKeyword{
		color: #82BE10;
	}

	.courseArea-title{
		padding-left: 15px;
		padding-right: 15px;
	}

/*----- type 4 area -----*/
	.type4-title{
		padding-bottom: 0;
		font-weight: 500;
	}

	.sell-title{
		/*font-size: 64px;*/
		font-weight: 500;
		padding-bottom: 10px;
	}

	.blackArea .sell-subtitle{
		color: #82BE10;
		font-weight: 500;
		padding-bottom: calc( 35px + 2.5vw);
	}

	.sell-price{
		color: #82BE10;
		font-weight: 700;
		font-size: calc( 1rem + 1.7vw );
	}

	.sell-img{
	    padding-bottom: calc( 35px + 2.5vw);
	}

	.rl-btn-buyNow{
		width: calc( 9.375rem + 6vw );
		height: calc( 1.5625rem + 1.56vw );
	    font-weight: 500;
	    font-size: calc( 0.875rem + 0.75vw);
	}

	.sell-price-wrapper{
		text-align: center;
	}

@media screen and ( max-width: 1440px ){
/*----- main video area -----*/
	.card-style-desc{
		font-size: 1.85vw;
	}

/*----- banner -----*/
	.rl-banner-left{
		width: calc( 100% - 40vw );
	}
	.rl-banner-right{
		width: 40vw;
	}
	.banner-text2{
		font-size: 7vw;
	}
	.banner-text3{
		font-size: 5.2vw;
	}
	.icon-main {
	    width: 21.5vw;
	}
	.icon-main-play{
		padding-top: 0.5vw;
	}
}

@media screen and ( max-width: 1199px ){
	.banner-text4{font-size: 20px;}
}

@media screen and ( max-width: 991px ){
/*------ course preview area -----*/
	/*.rl-card2{
		width: 40%;
	}*/

	.rl-card2-desc{
		/*font-size: calc( 0.625rem + 0.6vw );*/
	}

/*----- banner -----*/
	.banner-text2{
		font-size: 8vw;
	}
	.banner-text3{
		font-size: 5.9vw;
	}
	.icon-main {
	    width: 24.2vw;
	}
	.icon-main-play{
		width: 4.5vw;
	}	

}

@media screen and ( max-width: 767px ){
/*------ course preview area -----*/
	.rl-card2-img{ width: 11.1vw; }
	.rl-card2-desc {width: calc( 100% - 11.1vw ); }
	.rl-card2-desc { /*font-size: calc( 0.875rem + 1.2vw );*/ }
	.rl-card2-img{ padding-right: 2vw; }
	.rl-card2-wrapper .rl-card2:nth-of-type(1), .rl-card2-wrapper .rl-card2:nth-of-type(2) {
	    padding-bottom: 20px;
	}
	.video-img{ padding-bottom: 30px; }
	.video-wrapper{ margin-bottom: 30px; }
	.rl-title-group .title{
		font-size: 2.25rem;
	}
	.icon-great2 img{
		width: 14vw;
	}
	/*.rl-card2 { width: 43%; }*/
/*----- main video area -----*/
	.rl-cols-desc{ padding-left: 15px; }
	.card-style-desc{
		font-size: 28px;
	}
	.forCardRight{float: none;}

/*----- banner -----*/
	.rl-banner-left{
		width: calc( 100% - 30vw );
	}
	.rl-banner-right{
		width: 30vw;
	}

/*----- type 4 area -----*/
	.sell-title{
		/*font-size: 56px;*/
	}

	.rl-btn-buyNow{
		width: 270px;
	    height: 55px;
	    font-weight: 500;
	    font-size: 28px;
	}

	.sell-price{
		font-size: 48px;
	}

	.sell-price-wrapper{
		text-align: left;
	}

}

@media screen and ( max-width: 500px ){
/*------ course preview area -----*/
	.rl-card2-img {
	    width: 55px;
	}
	.rl-card2-desc {
	    width: calc( 100% - 55px );
	}
	.rl-title-group {
	    width: calc( 100% - 20px );
	}

	.icon-triangle {
	    width: 20px;
	    border-width: 12px 0 12px 12px;
	}

	.rl-card2-wrapper .rl-card2:nth-of-type(odd) {
	    margin-right: 20px;
	}
	
	.rl-card2 {
	    width: calc( ( 100% - 20px ) / 2 );
	}

	.rl-title-group .title{
		font-size: 1.875rem;
	}

	.icon-great2 img {
	    width: 65px;
	}

	.rl-title-group .subtitle,
	.rl-title-group .title{
		width: calc( 100% - 65px );
	}


/*----- banner -----*/
	.rl-banner-left{
		width: 100%;
	}
	.rl-banner-right{
		width: 36vw;
		display: none;
	}
	.icon-main{ display: none; }
	.icon-main-s{ display: block; }
	.banner-text3-wrapper{
		padding-bottom: 20px;
	}
		.banner-text3{
			font-size: 10.2vw;
    		line-height: 1.2;
		}
	.banner-text2 {
	    font-size: 13.7vw;
	    line-height: 1.2;
	    padding-bottom: 0;
	}
	.icon-main-play {
	    width: 8.37vw;
	    padding-top: 1.7vw;
	}
	.text-product{
		padding-bottom: 0;
	}

	.rl-row-6{padding-bottom: calc( 25px + 3.4vw )}

/*----- type 4 area -----*/
	

}