.box_course,.box_paid_course{
	float:  left;
	width:  30.7%;
	height: 300px;
	background-color: #ffffff;
	padding: 2% 2%;
	margin-right: 2%;
	border: 2px solid gray;
	border-radius: 4%;
	-webkit-box-shadow: 0 0 15px #888888;
    box-shadow: 0 0 15px #888888;
	opacity: 1.0;
}

.box_paid_course{
	background-color: #ffffff;
}
.box_paid_course,.box_course{
	height: 100%;
}

.box_course:nth-of-type(3n), .box_paid_course:nth-of-type(3n){
	margin-right: 0;
}

.box_course:hover, .box_paid_course:hover{
	-webkit-box-shadow: 0 0 15px #000000;
    box-shadow: 0 0 15px #000000;
	color: #000000;
	opacity: 1.0;
}

.box_paid_course:hover{
	opacity: 1.0;
}

.box_paid_course:hover .box_fee_details , .box_course:hover .box_free_details{
	color: #ffffff;
}
.box_image_section:hover{
	cursor:pointer;
}
.box_image_section img{
	width:100%;
}
.box-text-section{
	font-size:14px;
	font-weight:bold;
}
.box-text-section h2,.box-text-section h3, .inline_it{
	display:inline-block;
}
.box-text-section:hover, .inline_it:hover{
	cursor: pointer;
}
.box_price_text{
	float:right;
}
.box_price_text:hover{
	cursor:pointer;
}

hr{
	color: #ffffff;
	background-color: #ffffff;
	height: 5px;
}
.box_free_details{
	color:#ffffff;
	background-color: #000000;
	padding:10px 20px;
	opacity: 0.9;
}
.box_free_details:hover{
	opacity:1.0;
	color:#ffffff !important;
}
.box_fee_details{
	background-color: #5e625e;
	padding:10px 20px;
	opacity: 0.8;
	color: #ffffff;
}
.box_fee_details:hover{
	opacity: 1.0;
	color:#ffffff !important;
}
.null_margin_bottom{
	margin-bottom: 0px; 
}

.box_details_btn{
	margin: 10px 0px;
	text-align: center;
	position: relative;
	height: 60px;
}

.check_details_btn , .check_paaid_details_btn {
    background-color: #000000;
	opacity: 0.9;
    color: #ffffff;
	font-weight:bold;
    padding: 12px 20px;
    border: 2px solid #000000;
    border-radius: 8px;
    cursor: pointer;
    float: left;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
.check_paaid_details_btn{
	background-color: #000000;
	opacity: 0.8;
}
.check_details_btn:hover, .check_paaid_details_btn:hover{
	opacity: 1.0;
	color: #ffffff;
	font-weight: bolder;
	border: 2px solid #ffffff;
}
.check_paaid_details_btn:hover{
	opacity: 1.0;
}

.paid_course_section_div{
	clear:both; 
	float:left; 
	width:100%;
}
.paid_course_week_section_div{
	float:left; 
	width:50%;
}
.paid_course_week_section_div h4{
	margin:0px 0px 0px 0px;
}
.paid_course_price_section_div{
	float:left; 
	width:50%; 
	text-align:right;
}
.paid_course_price_section_div h4{
	margin:0px 0px 0px 0px;
}










/* For Ipad */

@media screen and (min-width: 600px) and (max-width: 1024px) {
	#mainIpadContentPackageIs .box_paid_course .box-text-section{
		text-align:center;
	}
	#mainIpadContentPackageIs .box_paid_course .box-text-section p{
		margin-top:0px;
	}
	#mainIpadContentPackageIs .box_paid_course .box_price h3{
		margin-bottom:0px;
	}
	.course_paid_details{
		text-align:center;
	}
	#mainIpadContentPackageIs .box_paid_course{
		width:  45%;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 1.0;
	}
	#free_course_div,#paid_course_div,#paid_course_package_div,#animateMe,#animateMe2,#formSliderMainDiv,#mainDesktopContentPackageIs,#mainMobileContentPackageIs{
		display:none !important;
	}
	#free_course_heading,#free_course_heading_for_mobile,#paid_course_package_mobile_div{
		display:none;
	}
	#mainContentIs,#mainContentIsSecond,#mainContentMobile,#mainDesktopContentIs,#paid_course_heading,#paid_course_heading_for_mobile,#mainPaidContentMobile{
		display:none;
	}
	#free_course_heading_for_ipad,#paid_course_heading_for_ipad{
		display:block;
		font-size: 16px;
	}
	#free_course_heading_for_ipad{
		padding: 0px;
	}
	#mainContentIpad,#mainIpadContentIs,#paid_course_package_ipad_div,#mainIpadContentPackageIs{
		display:block;
	}
	#mainContentIpad .box_course,#mainIpadContentIs .box_paid_course{
		width:48%;
	}
	.box_image_section img{
		width:100%;
	}
	.course_paid_details{
		text-align:center;
	}
	#course_paid_ipad_details ul{
		display:inline-block;
	}
	.box_course, .box_paid_course {
		height: 100%;
		padding: 2% 2%;
		margin: 0px 1% 4% 1%;
		border: 2px solid gray;
		background-color: #ffffff;
		border-radius: 4%;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	.box_course:nth-of-type(3n), .box_paid_course:nth-of-type(3n) {
		margin-right: 1%;
	}
	#mainIpadContentIs .box_paid_course{
		background-color: #ffffff;
	}
	#mainIpadContentIs .box_paid_course,#mainContentIpad .box_course{
		height: 100%;
	}   

	#mainContentIpad .box_image_section img, #mainIpadContentIs .box_image_section img{
		width: 100%;
	}
	#box_free_details_mobile,#box_paid_details_mobile{
		background-color: #67676c;
		color: #ffffff;
		opacity: 1.0;
	}
	.paid_course_items_heading h2{
		text-align:center;
		padding:2% 0px;
		font-size:24px;
		margin:0px;
	}
}
@media screen and (min-width: 900px) and (max-width: 1024px) {
	#course_paid_ipad_details ul{
		padding: 0px 8vw;
	}
}
@media screen and (min-width: 800px) and (max-width: 900px) {
	#course_paid_ipad_details ul{
		padding: 0px 7vw;
	}
}
@media screen and (min-width: 640px) and (max-width: 800px) {
	#course_paid_ipad_details ul{
		padding: 0px 5vw;
	}
}
@media screen and (min-width: 600px) and (max-width: 640px) {
	#course_paid_ipad_details ul{
		padding: 0px 2vw;
	}
}

/* For Mobile */
@media screen and (max-width: 600px) {
	#free_course_div,#paid_course_div,#paid_course_package_div,#paid_course_package_ipad_div,#animateMe,#animateMe2,#formSliderMainDiv,#mainDesktopContentPackageIs{
		display:none !important;
	}
	#free_course_heading,#free_course_heading_for_ipad,#paid_course_heading,#paid_course_heading_for_ipad{
		display:none;
	}
	#mainContentIs,#mainContentIsSecond,#mainContentIpad,#mainIpadContentIs,#mainDesktopContentIs,#mainIpadContentPackageIs{
		display:none;
	}
	#mainContentMobile,#mainPaidContentMobile,#free_course_heading_for_mobile,#paid_course_heading_for_mobile,#mainMobileContentPackageIs,#paid_course_package_mobile_div{
		float:left;
		display:block;
	}
	#paid_course_package_mobile_div{
		text-align:center;
		margin-bottom:3%;
	}
	#mainContentMobile .box_course,#mainPaidContentMobile .box_paid_course{
		float:  left;    
		width:  99%;
		height: 300px;
		background-color: #e7e7eb;
		padding: 2% 2%;
		border: 2px solid gray;
		border-radius: 4%;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 1.0;
	}
	#mainMobileContentPackageIs .box_paid_course{
		width:  97%;
		padding-left:5%;
		padding-top:8%;
		margin-bottom:3%;
		border-radius: 0px;
		-webkit-box-shadow: none;
		box-shadow: none;
		opacity: 1.0;
	}
	#mainMobileContentPackageIs .box_paid_course .box-text-section{
		text-align:center;
	}
	#mainPaidContentMobile .box_paid_course{
		background-color: #e7e7eb;
	}
	#mainPaidContentMobile .box_paid_course,#mainContentMobile .box_course{
		height: 100%;
	}   

	#mainContentMobile .box_image_section img, #mainPaidContentMobile .box_image_section img{
		min-width: 338px;
	}
	#mainMobileContentPackageIs .box_paid_course .box-text-section p{
		margin-top:0px;
	}
	#mainMobileContentPackageIs .box_paid_course .box_price h3{
		margin-bottom:0px;
	}
	#box_free_details_mobile,#box_paid_details_mobile{
		background-color: #67676c;
		color: #ffffff;
		opacity: 1.0;
	}
	.box-text-section{
		float: left;
		text-align:left;
		width: 60%;
	}
	.box-text-section h3{
		margin:0px 0px 5px 0px;
	}
	.box_price{
		float: right;
		width: 30%;
	}
	#course_mobile_paid_details{
		clear:left;
		width:100%;
	}
	#course_mobile_paid_details ul li{
		text-align:left;
	}
	hr{
		width:100%;
	}
}


/* For Mobile Page Course*/
@media screen and (max-width: 600px) {
	.free_offered, .paid_offered{
		width:100%;
		float:left;
		margin: 3% 1%;
		width:98%;
	}
	.align-center{
		width:100%;
		text-align:center;
	}
}
/* End For Mobile Page Course*/


/* For Ipad Page Blog*/
@media screen and (min-width: 600px) and (max-width: 1024px) {
	#mainIpadFirstBlogIs,#mainIpadSecondBlogIs,#mainIpadThirdBlogIs{
		display:block;
	}
	#mainContentBlogIs,#mainContentBlogSecondIs{
		display:none;
	}
	#mainIpadFirstBlogIs,#mainIpadSecondBlogIs, #mainIpadThirdBlogIs{
		width:100%;
		float:left;
		clear:both;
	}
	#mainIpadFirstBlogIs .box_blog , #mainIpadSecondBlogIs .box_blog , #mainIpadThirdBlogIs .box_blog{
		width:100%;
		float:left;
		margin: 3% 1%;
		width:46%;
	}
}
/* For Ipad Page Blog*/

/* For Mobile Page Blog*/
@media screen and (max-width: 600px) {
	#mainIpadFirstBlogIs,#mainIpadSecondBlogIs,#mainIpadThirdBlogIs{
		display:none;
	}
	#mainContentBlogIs,#mainContentBlogSecondIs{
		display:block;
	}
	#mainContentBlogIs,#mainContentBlogSecondIs{
		width:100%;
		float:left;
		clear:both;
	}
	#mainContentBlogIs .box_blog , #mainContentBlogSecondIs .box_blog{
		width:100%;
		float:left;
		margin: 3% 1%;
		width:98%;
	}
	.align-center{
		width:100%;
		text-align:center;
	}
}
/* End For Mobile Page Blog*/