@charset "utf-8";
/* CSS Document */
/*
@media only screen and (max-device-width : 2560px) {
.container{ width:80%;}
}

@media only screen and (min-device-width : 2360px) {
.container{ width:80%;}

}

@media only screen and (min-width: 1920px) {
.container{ width:1500px;}

}

@media only screen and (min-width: 1800px) {
.container{ width:1450px;}

}	

@media only screen and (min-width: 1600px) {
.container{ width:1450px;}

}

@media only screen and (min-width : 1400px) {
.container{ width:1300px;}

}

@media only screen and (min-width : 1380px) {
.container{ width:1220px;}

}

@media only screen and (max-width: 1366px) {
.container{ width:1200px;}
}
*/
/* @media (min-width: 992px) and (max-width: 1200px) {}

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



@media only screen  and (max-width: 1200px) {
	.modal-body iframe {min-height: 450px;}
	.modal-body .warning_box {padding: 10px 0 20px;}
	/*.contact-links {padding: 5% 5% 3% 5%;}*/
}

@media only screen  and (max-width: 1024px) {
	/*.container { width: 100%; }*/
	.sub-menu.navbar-expand-md .navbar-nav .nav-link {padding: 12px 20px;}
	.banner_heading {padding: 8% 0 14%; font-size: 38px;}
	.heading01 {font-size: 22px;}
	.banner {min-height: 600px;}
	.section01_right {margin-top: 0;}
	#days, #hours, #minutes, #seconds {font-size: 34px;}
	.section01_right span {padding: 8px;}
	.section01_right span > span {font-size: 13px;}
	.card_content {min-height: 105px;}
	.blog_secPlan h6 var {width: 190px;}
	.modal-body iframe {min-height: 420px;}
	.navbar h6 { display: none; }
	.quiz_content {padding: 30px 40px;}
	.modal-body .warning_box_pic {width: 90px; height: 90px;}
	.modal-body .warning_btm h4 {font-size: 16px;}
	.modal-body .warning_btm p {font-size: 13px; width: 80%; padding-bottom: 15px;}
	.modal-body .warning_btm h6 {padding-bottom: 5px;}
	.signin_heading {font-size: 34px;}
	.signin_logo img { width: 50%; }
	.heading04 {font-size: 24px;}
	.signin_form ul {margin: 10px 0;}
	.form-group {margin-bottom: 5px;}
	.submt01 {margin-top: 10px;}
	.login {margin-bottom: 10px;}
	.contact-form-wrapper p {bottom: 10px;}

}

@media only screen  and (max-width: 991px) {
	.section01_in {margin: -60px 0 0 0;}
	.course_card h4 {min-height: auto;}
	.card_content {min-height: 75px;}
	.blog_secPlan h6 var {width: 180px;}
	.modal-dialog {max-width: 65%;}
	.signin_heading {font-size: 30px;}

}

@media only screen  and (max-width: 768px) {
	.sub-menu.navbar-expand-md .navbar-nav .nav-link {padding: 12px 10px;}
	.banner {min-height: 500px;}
	.banner_heading {font-size: 28px; padding: 5% 0 10%;}
	.heading01 {font-size: 17px;}
	.button01 {padding: 7px 15px; font-size: 13px;}
	.section01_in {padding: 15px 15px;}
	.section01_pic {width: 55%; margin-right: 20px;}
	.section01 h4 {font-size: 20px;}
	.section02, .section04 {padding: 50px 0;}
	.heading02 {font-size: 30px;}
	.course_panel {margin-top: 40px;}
	.feedback_panel {width: 100%; margin: 20px auto 0;}
	.heading03 {font-size: 26px;}
	.feedback_top {left: 0; }
	.modern_art_right {padding: 10px 10px 10px 25px;}
	.modern_art {width: 18%;}
	.feedback_btm h6 {font-size: 13px;}
	.count-digit {font-size: 30px;}
	.count-title {font-size: 11px;}
	.section04 #btn {font-size: 11px;}
	.navbar-light .navbar-brand {width: 18%;}
	.footer_logo img {width: 60%;}
	.footer h4 {font-size: 14px;}
	.paragrapg {font-size: 13px; line-height: 22px;}
	.footer {padding: 50px 0 0;}
	.master_div {width: 100%;}
	.blog_content_box {width: 70%;}
	.blog {min-height: 450px;}
	.heading04 {font-size: 22px;}
	.blog_secPlan h6 var {width: 150px;}
	.blog_secPlan h6 em {width: 40px;}
	.blog_desc_btm ul li {font-size: 13px;}
	.enrol_box {padding: 15px 10px 30px;}
	.enrol_box_pic {right: 0px;}
	.navbar-light .navbar-nav .nav-link {font-size: 14px;}
	.table td, .table th {padding: 5px 5px;}
	.welcomeBox {padding: 10px;}
	.important_box ul li a {font-size: 13px;}
	.bottom_pad01 {padding-bottom: 50px !important;}
	.modal-dialog {max-width: 95%;}
	.modal-body iframe {min-height: 450px;}
	.questions_box li {line-height: 24px;}
	.quiz_accordin .accordion-link h3 {font-size: 13px;}
	.quiz_content {width: 90%; margin: 40px auto 40px;}
	.signin_heading {font-size: 26px;}
	.social_pnl h6 {margin-bottom: 10px;}
	.contact-form-wrapper {padding: 0 5% 3% 5%;}

}

@media only screen  and (max-width: 767px) {
	
	/*.container { width: 100%; }*/
	.desktop_view { display: none; }
	.mobile_view { display: block; }
	.search-bar .form-control {width: calc(99% - 45px);}
	.btn {padding: 5px 15px;}
	.btn-success {background-color: #4f2e73; border-color: #4f2e73;}
	.form-control:focus {border-color: #ced4da; box-shadow: none;}
	.form-control {height: calc(2.1rem + 0px); font-size: 13px; padding: 0.2rem 15px;}
	.bx.icon-single {font-size: 28px; color: #f19446;}
	.banner_heading {padding: 3% 0 4%;}
	.banner img { width: 60%;}
	.banner { text-align: center; padding: 50px 0;}
	.banner {min-height: 700px;}
	.section01 {text-align: center;}
	.section01 h4 {text-align: left;}
	.section01_pic {width: 20%;}
	.section01_pic img {width: 70%;}
	.section01_right {justify-content: center;}
	.section02 .col-12 {max-width: 50%;}
	.section04_left img {width: 35%;}
	.footer_logo img {width: 22%;}
	.footer_btm p {padding-bottom: 10px; text-align: center;}
	.footer_btm .text-right { text-align: center !important; }
	.footer_mid {margin: 15px 0;}
	.archive, .blog_secPlan, .blog_top, .blog_search_box { width: 70%; margin: 0 auto;}
	.archive { margin-top: 10px; }
	.top_mrgn02 {margin-top: 10px !important;}
	.blog_secPlan h6 var {width: 85%;}
	.blog_secPlan h6 em {width: 60px;}
	.enrol_box {width: 60%; margin: 15px 0 0;}
	.enrol_box_pic {right: 20px;}
	.navbar h6 {display: none;}
	.header-search-wrapper2 { float: none; }
	.important_box { margin-top: 20px; }
	.questions_box .text-right {text-align: left !important;}
	.quiz_btn01 {padding: 6px 10px; font-size: 12px; width: 90px;}
	.quiz_btn02 {margin: 0 5px;}
	.quiz {padding: 50px 0;}

}

@media only screen  and (max-width: 667px) {
	.form-control {height: calc(2.1rem + 0px);}
	.banner {min-height: 640px;}
	.blog_secPlan h6 var {width: 82%;}
	.quiz_content {padding: 20px 20px;}
	
}

@media only screen  and (max-width: 568px) {
	.search-bar .form-control {width: calc(98% - 45px);}
	.form-control {height: calc(2.1rem + 0px); padding: 0.2rem 15px;}
	.banner {min-height: 600px;}
	.section01_pic {width: 35%;}
	.feedback_panel .col-12 {max-width: 100%;}
	.feedback_right { margin-top: 70px; }
	.modern_art_right {width: 90%;}
	.modern_art {width: 12%;}
	.section03 {padding: 30px 0 50px;}
	.section03 .col-12 {max-width: 50%;}
	.section02 .col-12 {max-width: 100%;}
	.section04 #btn {font-size: 14px;}
	.footer_logo img {width: 35%;}
	.course_card {margin-bottom: 20px;}
	.footer_btm {padding: 10px 40px;}
	.navbar-light .navbar-brand {width: 25%; margin-left: 15px;}
	.blog_content_box {width: 100%;}
	.heading02 {font-size: 26px;}
	.heading04 {font-size: 20px;}
	.archive, .blog_secPlan, .blog_top, .blog_search_box {width: 80%;}
	.blog_sec {padding: 50px 0; margin: 0;}
	.enrol_box {width: 80%; margin: 15px 0 0;}
	.table td, .table th {width: 50%;}
	.table_box .col-lg-5 {border-right: none;}
	.blog {min-height: auto; padding: 60px 0;}
	.blog .row .course_left{transform: scaleY(1); order:1;}
	.blog .row .student_box {transform: scaleY(1); order:1;}
	/* .blog .slide6-sec1-right {transform: scaleY(-1); order:3;} */
	.course_panel02 {margin-top: 30px;}
	.accordin_pnl { margin-bottom: 20px; }
	.modal-body iframe {min-height: 400px;}
	.quiz h4 {font-size: 18px;}
	.quiz_content {width: 100%;}
	.contact-links, .contact-form-wrapper {width: 100%;}
	.contact-box_img img { width: 70%; }
	.contact-links {padding: 6% 5% 8% 5%;}
	.contact-form-wrapper {padding: 6% 5% 15% 5%;}
	.signin_logo img { width: 40%; }
	.signin_logo { text-align: center; }

}

@media only screen  and (max-width: 425px) {
	.btn_pnl {
		flex-direction: column;
	}
	#signPad{
		width:100%;
	}
	.banner {
		min-height: 530px;
	}
	#days, #hours, #minutes, #seconds {font-size: 24px;}
	.section01_right span {padding: 8px;}
	.section01_pic {width: 40%;}
	.section01_pic img {width: 100%;}
	.section01 h4 {font-size: 18px;}
	.section01_in {min-height: 180px;}
	.section01_right span > span { font-size: 12px;}
	.heading02 {font-size: 24px;}
	.banner img {width: 85%;}
	.banner {min-height: 580px;}
	.heading03 {font-size: 20px;}
	.modern_art_right {min-height: 65px;}
	.count-icon img { width: 50%; }
	.section04_left img {width: 50%;}
	.section04_left { margin-bottom: 20px; }
	.section04_in { width: 100%; }
	.section04 .signup {width: 100%; display: inline-block;}
	#email-signup {width: 100%;}
	.footer_logo img {width: 40%;}
	.navbar-light .navbar-brand {width: 30%; margin-left: 20px;}
	.navbar-brand {margin-right: 10px;}
	.card_content {min-height: auto;}
	.submt01 {font-size: 12px; padding: 6px 12px;}
	.banner_heading {padding: 4% 0 6%;}
	.heading04 {font-size: 15px;}
	.archive, .blog_secPlan, .blog_top, .blog_search_box {width: 100%;}
	.blog_desc {margin-bottom: 20px;}
	.blog_secPlan h6 var {width: 80%;}
	.blog_desc_btm {padding: 20px 15px;}
	.enrol_box {width: 100%; margin: 15px 0 0;}
	.blog_desc_btm ul li {padding: 0px 0px 15px 25px; background-position: 0 9px;}
	.btn {padding: 6px 8px; font-size: 12px !important;}
	/* .search-main2 {margin-left: 7px; padding: 0 5px; line-height: 26px;} */
	.search-main2 img {width: 80%; text-align: center; margin: 0 auto;}
	.form-control {height: calc(2rem + 0px); padding: 0.2rem 10px;}
	.search-bar .form-control {width: calc(100% - 45px);}
	.course_left { margin-top: 15px; }
	.search-main2 img { width: 58%; }
	.btn .bx {margin-top: -1px;}
	.student_box h5 {font-size: 14px;}
	.student_box h6 {font-size: 12px;}
	.student_box_pic {width: 70px; height: 70px;}
	.enrol_box h6 {font-size: 13px; padding-bottom: 12px;}
	.devider {margin-bottom: 12px;}
	.enrol_box h4 {font-size: 14px;}
	.button01 {padding: 6px 10px; font-size: 12px;}
	.table td, .table th {font-size: 13px;}
	.accordin_pnl h4 {font-size: 16px;}
	.accordin_pnl .title {font-size: 13px;}
	.important_box ul li a {font-size: 13px;}
	.header-search-wrapper2 .search-form-main2 ul li a {font-size: 13px;}
	.footer h4 {font-size: 15px; margin-bottom: 10px;}
	.accordin_pnl .title {padding: 10px 10px 10px 30px;}
	.accordin_pnl .text p {padding: 0 0 10px 20px;}
	.video-play-button:after {width: 50px; height: 50px;}
	.video-play-button span {border-left: 15px solid #fff; border-top: 10px solid transparent; 
		border-bottom: 10px solid transparent;}
	.video-play-button {width: 18px; height: 20px; padding: 18px 20px 18px 28px;}
	.modal-body iframe {min-height: 300px;}
	.modal-dialog {margin: 3.75rem auto;}
	.enrol_box_pic img { width: 75%; }
	/*.btn_pnl_l, .btn_pnl_r {width: 100%;}*/
	.btn_pnl_l {margin-bottom: 10px;}
	.btn_pnl .text-right {text-align: left!important;}
	.quiz_d_block {display: block !important;}
	/*.desktop_view02 { display: none; }*/
	.mobile_view02 { display: inline-block; }
	.quiz_content nav li:not([aria-current="page"]) {width: 25px; height: 25px;}
	.quiz_content nav li:not([aria-current="page"]) {font-size: 20px;}
	.quiz_content nav a {font-size: 20px;}
	.quiz_content nav li {font-size: 11px;}
	.quiz_content nav {max-width: 75%;}
	.file_download img { width: 82%; }
	.quiz_content {padding: 10px 10px;}
	.modal-body .warning_btm p {width: 100%;}
	.modal-body .warning_box_pic {width: 80px; height: 80px;}
	.modal-body .complete_btn {padding: 6px 10px; font-size: 12px;}
	.modal-body .warning_btm p {padding-bottom: 10px;}
	.modal-body .name_cont h5 {font-size: 14px;}
	.modal-body .name_cont h6 {font-size: 12px;}
	.contact-box {height: 100%;}
	.contact-form-wrapper {padding: 6% 5% 20% 5%;}
	.signin_logo img { width: 40%; }
	.signin_logo { text-align: center; }
	.social_pnl img{ width: 6%; }
	.login {min-height: 40px; font-size: 14px;}

}

@media only screen  and (max-width: 414px) {
	.btn {padding: 6px 10px;}
	.modal-body iframe {min-height: 280px;}
}

@media only screen  and (max-width: 384px) {
	.modern_art {width: 14%;}
	.form-control {height: calc(2rem + 1px);}
	.banner_heading {font-size: 24px;}
	.banner {min-height: 550px;}
	.section01_right span {padding: 10px 5px;}
	.section01_in {min-height: 160px;}
	.blog_secPlan h6 var {width: 78%;}
	.modal-body iframe {min-height: 260px;}
	.quiz_content nav li {font-size: 10px;}
	.quiz_content nav ul {gap: 0.1em;}

}

@media only screen  and (max-width: 375px) {
	.banner {min-height: 530px;}
	.blog_secPlan h6 var {width: 75%;}
	
}

@media only screen  and (max-width: 360px) {
	.banner {min-height: 520px;}
	.blog {min-height: 310px;}
	.blog_sec {margin: -80px 0 0 0;}
	.modal-body iframe {min-height: 250px;}
	.quiz_btn01 {padding: 5px 5px; width: 85px;}	

}

@media only screen  and (max-width: 320px) {
	.form-control {height: calc(2.1rem + 2px);}
	.modal-body iframe {min-height: 210px;}
	
}