*{box-sizing: border-box}
body,html{overflow-x: hidden;}
body {font-family:Arial, Helvetica, sans-serif; margin:100px 0 0; width:100%; font-size:62.5%; overflow-x: hidden;}
a:link{color:#808080;}
a:visited{color: #808080;}
a:hover{ color:#B4112C;}
a:active{color: #808080;}
h1{font-size:2.6em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.2em;}
h6{font-size:1.2em}
.menu-top>label,#mobi-toggle,#navOverlay,.item-hide{display:none}
.ecat-value{box-sizing: content-box; visibility:hidden;position:absolute; max-width:100px; top:0; left:0; z-index:-1}

.btn1{display: inline-block; padding:12px; min-width: 150px; text-align:center; font-size:16px; background:#043736;  border-radius:4px;  color: rgba(255,255,255,1) !important; text-decoration:none}

/*================== MAIN SECTION ============================*/
.back_page{ width:100%; font-size:16px; color:#000; top:0px; padding:10px; margin-top:5px;line-height: 1.8em;}
.back_page h2{ color:#043736}
.back_page .text-block{display: table; margin-bottom: 10px; width: 100%;}

.section{position:absolute; visibility:hidden; z-index:999999;}
.section-1{width:100%; height:100px; z-index:100;  background-color:#043736;border-bottom: rgb(0, 100, 99) solid 1px; position: fixed; top: 0;}
.section-header{ max-width:1000px; margin:auto auto; display: flex; justify-content: space-between;}
.section-2{ position:relative; width:100%;}
.section-section{ max-width:1000px; margin:auto auto;}

/*================= MENUS ======================*/
.menu-top{ position:relative;}

.menu-top label{display: none}
.nav{margin:0; padding:0}
.nav > li{float: left; position:relative; list-style:none}
.nav > li{color:#fff}
.nav > li > a{display: inline-block; color:rgba(255, 255, 255,1) !important; text-transform:uppercase;padding:0 25px !important; font-weight:bold; line-height:100px; font-size:1.3em !important; text-decoration:none; transition:all .5s; background-color:transparent !important; }
.nav > li:first-of-type > a{border: none !important}
.nav > li a:hover, .nav > li:hover > a{background-color:transparent !important; color:rgb(0, 224, 221)!important;}

.dropdown li{border-bottom:1px solid rgba(255,255,255,.1) !important;}
.dropdown li:last-of-type{border:none !important}
.dropdown > a{color:white !important; padding:10px 15px !important; }
.dropdown-menu li{position:relative; list-style: none; }
.dropdown-menu{padding:0; margin:0; display: none; background-color:rgb(0, 100, 99) !important; min-width:200px; left:20px; position:absolute; box-shadow: 0 0 1px 1px rgba(0,0,0,.175); font-size: 16px; top: 100%; z-index:100}
.dropdown-menu a{color:rgb(255, 255, 255); transition:background-color .5s; display:block; transition: all 1s; text-decoration:none; width:100%; padding:10px}
.dropdown-menu li:hover a{color:rgb(0, 224, 221)!important}

.nav .open > a{border: none !important}

/*================ Dropdown ===================*/
@media screen and (min-device-width: 768px){	
	.active{border:solid 1px #fff}
	.dropdown:hover .dropdown-menu{display:block !important}
}

.menu-home{float: left; width:100%;}
.menu-home > div{float: right;}
.menu-home a{color:#E4E0E0; margin-right:15px; text-decoration:none;}
.menu-home a:last-child{margin-right:0px;}
.menu-home a:hover{color:#fff;}

.menu-side{position:relative; float:left; width:200px; height:300px; border-radius:5px; border:#999999 1px solid; margin-left:10px; margin-right:10px; margin-top:10px; color:#fff; top:0px;}
.menu-side span{ display:block; border-top-left-radius:5px; border-top-right-radius:5px; background-color:#4D60AC; color:#fff; width:200px; height:25px; text-align:center; font-weight:normal; text-transform:uppercase; padding-top:5px;}
.menu-side div{ background-color:#fff;}
.menu-side a{ position:relative; float:left; background-color:#fff; font-weight:bold; width:190px; height:25px; color:#000; border-bottom:1px solid #999999; padding-left:10px; padding-top:5px; text-align:left;}
.menu-side a b{ width:9px; height:6px; position:relative; float:left; margin-right:0px; top:5px; background-repeat:no-repeat;}
.menu-side a:hover{color:#FFD900;}

/*==================== LOGO =======================*/
.logo{position:relative; display:flex;align-items: center;}
.logo img{ max-height:78px; width:auto}

.widget-container{ display: flex;font-weight: bold; font-size: 1.3em !important; text-transform:uppercase;margin: 29px 0px; border: solid 3px #fae3b3;text-align: center; }
.widget-container a{ color:#fae3b3; text-decoration:none; padding: 10px 20px; }
.widget-container:hover{ opacity:.8}

.notice-banner{ width:100%; display:flex; background-color:#006463}
.notice-banner > div{ max-width:1000px; width:100%; display:flex; margin:auto;text-align:center }
.notice-banner > div p{text-align:center; margin:15px auto; font-size:22px; color:#fff}
.notice-banner > div a{ color:#fae3b3;text-decoration:none}
.notice-banner > div a:hover{ text-decoration:underline}
.home-banner{position:relative; width:100%; overflow:hidden; height: calc(100vw * 0.296);}
.ws_images > ul > li {display: none;}
.ws_images > ul > li:first-child > a > img:first-child{width: 100%; max-height: 600px; height: auto;}

.ws_images li{visibility: hidden;}

home-banner::before{content: "";  position: absolute; width: 100%; height: 100%; top: 0; bottom: 0;right: 0; left: 0; background-image: linear-gradient(100deg,rgba(0,0,0,0.60),rgba(0,0,0,0.52) 39%,transparent); z-index:91}

.home-banner-text{ position:absolute; top:45%; font-size:16px; max-width: 1000px;width: 100%; left: 14%; line-height:normal;transform: translate(0, -50%)}
.home-banner-text a{ color:#fff}
.home-banner-text span{ color:#fae3b3}
.home-banner-text h2{ font-size:42px;font-weight: normal; margin-bottom:20px;}
.home-banner-text h3{ font-size:28px; font-weight:normal; margin-bottom:15px}
.home-banner-text .btn-learn{  border: 1px solid #fff !important; border-radius: 0; background: transparent; text-align: center; text-transform: uppercase; font-size: 18px; color: #fff; transition: all 0.2s ease; display: block; width: 180px;  height: 50px; line-height: 50px;}
.home-banner-text .btn-learn:hover{ background-color:#043736; border:solid 2px #043736 !important}

.enrol-block{ width:100%; display:flex; background-color:#fae3b3; position:relative; z-index:99	}
.enrol-block > div{ max-width:700px; width:100%; margin:auto; display:flex; justify-content:space-around;font-size:25px;  align-items: center; color:#d51900	}
.enrol-block > div p{ padding:4px 0; margin:0;text-align: center;}
.enrol-block::before{z-index:9;content: ' ';position:absolute;left:0;right:0;top: -44px;margin-left:auto;margin-right:auto;height:0px;width:0px;border:solid #fae3b3 23px;border-left-color: transparent;border-right-color: transparent;border-top-color: transparent;}

.who-we-help{ text-align:center; line-height:32px}
.who-we-help a{ display:block; text-decoration:none}

.call12action{ background-color:#006463; width:100%;}
.call12action > div{ max-width:1000px; display:flex; flex-wrap:nowrap;justify-content: space-between; margin:auto; color:#fff; padding:25px 0; font-size:16px; align-items: center;}
.call12action > div h2{ font-size:24px; margin-bottom:0}
.call12action > div > div:first-of-type{ display:flex; flex-wrap:nowrap; width:55%;justify-content: space-between;}
.call12action > div > div:first-of-type img{ padding:5px}
.call12action > div > div > div:first-of-type{ background-color:#fff; border-radius:60px; width:112px; height:112px;display: flex; align-items: center; justify-content: space-around;}
.call12action .btn1{ border:solid 2px #fff; background-color:transparent; transition:all .3s;text-transform:uppercase; font-size:18px}
.call12action .btn1:hover{ background-color:#fee5b4; border:solid 2px #fee5b4; color:#006463 !important;  }

.intro-services > div{ display:flex; flex-wrap:wrap; width:100%; color:#fff;}
.intro-services > div h2{ text-transform:uppercase; font-size: 2em; margin-left:15px}
.intro-services > div > div > div:first-of-type{display:flex; flex-wrap:nowrap;}
.intro-services > div > div{ background-color:#043736; width:25%;padding: 50px 27px 30px 27px}
.intro-services > div > div:nth-of-type(2){ background-color:#006463}
.intro-services > div > div:nth-of-type(3){ background-color:#007e7c}
.intro-services > div > div:nth-of-type(4){ background-color:#009795}
.intro-services > div > div p{ font-size:16px; line-height:26px}

.why-choose-us{ background:url(images/online-school.jpg) no-repeat; display:flex;justify-content: flex-end; position: relative; overflow: hidden; background-size: cover;}
.why-choose-us > div{ width:700px; color:#fff; line-height:22px; font-size:16px; position:relative}
.why-choose-us > div::before{ content:""; position:absolute; background-color: rgba(4, 55, 54, 0.9);z-index: 0; width: 190%; height: 147%; transform: rotate(13deg);}
.why-choose-us > div > div{ width:85%; position: relative; padding:35px 0 45px 0; margin:auto }
.why-choose-us > div > div h2{ font-weight:normal; text-transform:uppercase; margin-left: 25px;border-bottom: 1px #fae3b3 solid;
    height: 53px;}
.why-choose-us > div > div ul{  margin:0}
.why-choose-us > div > div ul li{ padding:6px 0}

.banner-stripe{ background-color:#c1272d; width:100%; display:table; text-align:center; padding:16px 0; font-size: 20px; position:relative; color:#fff}
.banner-stripe .fa{ position: absolute; font-size: 27px; z-index: 9; left: 0; right: 0; margin: auto; top: 85%;}
.banner-stripe::before{z-index:9;content: ' '; position:absolute; left:0; right:0; bottom: -60px; margin-left:auto; margin-right:auto;height:0px; width:0px; border:solid #c1272d 30px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent;}

.intro-block > div{ max-width:1000px; width:100%; display:flex; margin:auto; font-size:16px; line-height:26px; flex-wrap:wrap;
    justify-content: space-between;}
.intro-block > div > div:first-of-type{ width:58%}
.intro-block > div > div{ padding:50px 0}
.intro-block > div > div p:first-of-type{ margin-top:0}
.intro-block > div > div img{ border-radius:4px}
.intro-block > div h2{ font-size:45px; position:relative; margin-top:80px; height: 50px; color:#006463; margin-bottom: 23px; width:100%; display:flex}
.intro-block > div h2 span{ font-weight:normal}
.intro-block > div h2:before{ content:""; height:3px; background:#006463; width:80px; left:0; bottom:0; position:absolute}

.page-title{ width:100%; position:relative; background:url(images/best-e-learning.jpg) no-repeat;background-size: cover; display:table; height:220px;}
.page-title:before{background-image: url(images/icons/nmi-pattern.png); position: absolute; left: 0; right: 0;  top: 0; bottom: 0; content: "";}
.page-title > div { background: rgba(0,0,0,0.45); padding: 0px 0 15px 0; bottom: 0; position: absolute; width: 100%; color:#fff}
.page-title > div > div{ max-width:1000px; margin:auto}
.page-title > div h1{ font-size:38px}
.page-title > div ul{ padding:0}
.page-title > div ul li{ list-style:none;padding-right:40px; float:left; position:relative}
.page-title > div ul li a{ text-decoration:none; color:#fff; font-size:16px}
.page-title > div ul li:first-of-type:before { display:none; }
.page-title > div ul li:before { content:''; border-left:solid 4px #fff; border-bottom:solid 4px transparent; border-top:solid 4px transparent; width:0; height:0; display:inline-block; position:absolute; left:-21px; top:50%; transform: translate(0 , -50%); }

.fees-plan-block{ width:100%; display:table; margin-bottom:40px}
.fees-plan-block > div{ width:100%; display:table}
.fees-plan-block ul{ padding:0}
.fees-plan-block ul li{ list-style:none; padding: 5px;}
.fees-plan-block ul li{ width: 24.5%; color: #fff; display: inline-block; border-bottom: 1px solid #fff; text-align: center;    border-radius: 2px;}
.fees-plan-block ul li:nth-of-type(odd){background-color:#006463;}
.fees-plan-block ul li:nth-of-type(even){background-color: #1f939b;}
.fees-plan-block span{ position:relative; display:table; width:100%;margin-top: 20px;}
.fees-plan-block span strong{display: table; text-align: center; border: solid #0f703d 3px; width: auto; margin: auto; padding: 0 13px; line-height: 32px; border-radius: 16px;  z-index: 1; position: relative; background-color: #fff;}
.fees-plan-block span:before{content:'';position:absolute;top:50%;left:50%;background-color:#0f703d;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);height:3px;width:100%;}

.grade-block > div{ width:50%; float:left}
.grade-block > div li{ padding:5px 0}
.grade-block > div img{ border-radius:8px}
.contact-top{ max-width:1000px; margin:auto; width:100%; display:flex;justify-content: space-between; color:#797979;}
.contact-top > div{ display:flex; padding:50px 0}
.contact-top > div a{ text-decoration:none; color:#797979; transition:all .3s}
.contact-top > div a:hover{ color:#292929}
.contact-top > div h2{ font-weight:normal; font-size:14px; text-transform:uppercase; margin-bottom:0}
.contact-top > div > div:first-of-type{align-items: center; display:flex; margin-right:10px; width:40px;}
.contact-top > div > div:first-of-type img{ width:100%; height:auto; margin-top:5px}
.contact-top > div > div span{ font-size:24px}
.contact-top > div .fa{ font-size:40px; color:#330d74}

.video-block{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 40px 0;}
.video-block h2{ width:100%; margin-top:0}
.video-block > div{ width:48%}
.video-block > div ul{ padding:0}
.video-block > div ul li{ }

.contact-details{ width:100%; display:flex; position:relative;  height:495px}
.contact-details > div:not(.contact-details-block){ width:50%; background-color:rgb(0, 117, 114)}
.contact-details > div:nth-of-type(2){background-color:#f7f7f7;}
.contact-details-block{ line-height:26px; max-width:1000px; width:100%; margin:auto; display:flex; left:50%; right:0; position:absolute; color:#fff; font-size:18px; top: 50%; transform: translate(-50%, -50%);}
.contact-details-block a{ color:#fff; text-decoration:none}
.contact-details-block > div > span{ font-weight:bold}
.contact-details-block h2{ margin-top:15px;font-weight: normal; font-size: 1.8em; position:relative; height:50px}
.contact-details-block h2:before,.contactus-form > div h2:before{ content:""; height:1px; background:#fff; width:70px; left:0; bottom:0; position:absolute}
.contact-details-block > div{ width:50%; display:table}
.contact-details-block > div > p{ display:table; margin-top:35px}
.contact-details-block > div .fa{ font-size:28px; color:#6895ff}
.contact-details-block > div:first-of-type > div{ margin:36px auto}
.contact-details-block > div:first-of-type > div:last-of-type{ margin-bottom:0}
.contact-details-block > div:first-of-type > div > span{ display:inline-block; width:10%; margin-bottom:-6px}
.contact-details-block > div:first-of-type > div > span:first-of-type{flex-direction: column; justify-content: flex-start; flex-wrap: nowrap;}
.contact-details-block > div:first-of-type > div > span img{ display:block}
.contact-details-block > div:first-of-type > div > span:last-of-type{ width:80%}

.contactus-form{ color:#2f2f2f; padding-left:35px}
.contactus-form .btn1{ padding:13px; margin-top:10px}
.contactus-form > div h2:before{background:#2f2f2f}
.contactus-form > div > span{ font-weight:bold}
.contactus-form table{ width:100%; display:table}
.enquiry select,.enquiry input[type="email"], .enquiry input[type="text"]{border: none; border-bottom: solid 1px #ccc; background-color:#f4f4f4; padding:10px;  width:100%; outline: 0;}
.enquiry input, .enquiry select, .enquiry textarea option{ margin-top:2px; color:#797979}
.enquiry textarea{border: none; border-bottom: solid 1px #ccc; background-color: #f4f4f4; width:100%; font-family: Arial, Helvetica, sans-serif; padding: 10px; outline: 0;}

/*===================== Application Form ======================*/
.country-block,.application-form-mailChimp{ display:flex;width:100% !important; flex-wrap:wrap; justify-content: space-between;}
.country-block > div,.application-form-mailChimp > div{ width:49%}
.date-birth-block > div span input,.application-form-mailChimp div > select,.application-form-mailChimp div > input{ padding: 12px; width: 100%; margin-top: 5px; border: #ccc solid 1px;}
.application-form-mailChimp h2{ width:100%}
.date-birth-block > div{display:flex; flex-wrap:wrap; justify-content: space-between; width:100%}
.date-birth-block > div span{ width:32%}
.intern-register table{width:100%}
.intern-register table td{padding:10px; text-align:initial}
.intern-register table input[type=text],.intern-register table input[type=password], .intern-register table input[type=email], .intern-register table select, .intern-register table textarea{padding: 12px; width:100%; margin-top: 5px; border: #ccc solid 1px;}
#Divider_EmailRemove_1{text-align: left; padding-left:15px}
.intern-register button{margin: auto}
.intern-register .btn1{ width:auto; border: solid 2px #246992; border-radius: 25px; padding: 5px 30px; color:#000}
.intern-register .btn1:hover{ color: #246992;border: solid 2px #000; }
.intern-register h1{text-align: center}
.intern-register span{font-weight:normal; color:#000000; font-size:16px;}
.intern-register textarea{font-family:Arial, Helvetica, sans-serif;font-size:13px; padding:4px !important; margin:0px !Important; margin-top:3px !important;}
.field-optional {background-color:#F6F4F4;}

.application-form table td > div > div input[type=radio]{ width:35px; height:35px; position:relative;cursor: pointer;}
.application-form table td > div  input:after { position:absolute; content:""; left: 16px; top: 7px; width: 5px; height: 17px; border: solid #39a9c9; border-width: 0 3px 3px 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display:none}
.application-form table td > div  input:checked:after {display: block;}
.application-form table td > div  input::before{ position:absolute; content:""; display:block; width:100%; height:100%;border: solid 1px #acacac; background-color: white; border:solid 1px #ccc}
.application-form table td > div input[type=checkbox] { width: 35px;  height: 35px; position:relative}

.application-form table td > div{ display:flex; width:100%}
.application-form > h3{ text-align:left; margin-bottom: 0; margin-top: 40px;}
.application-form table td > div > div{}
.family-block div > div:last-of-type{ width:79%; line-height: 20px;}
.family-block div > div:last-of-type span{float: right; width: 40%; font-size: 14px; display: table; text-align: left;}
.application-form table td > div > div:first-of-type span{}
.application-form table td > div span{ margin: 7px; width:90%}
.application-form .checklist-block td{ width:50%}
.application-form .checklist-block span{ font-size:14px; line-height: 20px;}
.application-form .family-block input[type=text]{ width:53%}

/*===================== Client Zone ======================*/

.login-register{width:100%; margin: auto; margin-bottom:30px;}
.login-register table{width:100%; text-align:left}
.login-register table td{padding:10px}
.login-register table input[type=text],.login-register table input[type=password], .login-register table input[type=email], .login-register table select, .login-register table textarea{padding: 10px 13px; width:100%; margin-top: 5px; border: rgb(169, 169, 169) solid 1px;}
.login-register h2{text-transform:uppercase ;}
.login-register span{font-weight:bold; color:#205a86; font-size:14px}
.login-check input{width:10px !important;}
.login-register table select{padding: 9px 13px;}
#Divider_EmailRemove_1{}
.login-register button{margin: auto}
.login-register .btn1{ margin-top:10px; color:#000; width:auto}
.login-register h1{text-align: left; font-size:24px}
.login-register textarea{font-family:Arial, Helvetica, sans-serif;font-size:11px; padding:2px !important; margin:0px !Important;}

.login-login > div{width:50%; float: left}
.login-login > div h2{margin-top: 0}
.login-login ul{margin-top: 0}
.login-login > div:last-of-type{width: auto; float: right; background-color: #f1f1f1; padding: 40px; line-height: 22px}
.login-login > div:first-of-type{margin-top: 20px}
.login-login table td{padding-left:0px}
.login-login a{display: inline-block; margin-top: 15px}
.login-register .email_remove > td a:first-of-type:hover,#Divider_LoginWindow a:last-of-type:hover{ }
.login-forgot{visibility:hidden; position:absolute;}

#Divider_RegisterWindow.login-register{position: static !important}

.login-register table ::-webkit-input-placeholder {color: #110f0d;}
.login-register table ::-moz-placeholder {color: #110f0d;}
.login-register table :-ms-input-placeholder {color: #110f0d;}
.login-register table :-moz-placeholder {color: #110f0d;}
.login-register table a{color: #110f0d;}

/*===================== DOWNLOAD ======================*/
.download-brochure{ display:block; padding:0px; margin:0px; color:#494848; font-weight:bold; font-size:11px;}
.download-brochure div{position:relative; float:left; width:120px; height:230px; margin-right:5px; margin-left:5px; text-align:left;}
.download-brochure img{border:#CCCCCC 1px solid; margin-bottom:2px; width:100px; height:140px;}
.download-brochure img:hover{opacity:0.7;-webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; -o-transition: all 0.75s ease; }
.download-brochure a{font-size:11px; margin:0px; text-align:left; padding:0px; position:relative; float:left; margin-top:5px;}
.download-brochure h3{ font-size:11px; color:#000; height:25px; position:relative; float:left; width:130px; margin-top:2px; margin-bottom:2px; line-height:12px; font-size:11px; color:#000; font-weight:normal; text-transform:capitalize;}

/*======================== THANK YOU==========================*/
.thank-you{float: none; margin:auto; border-left:none; font-size:13px; width:800px; margin-bottom: 70px; display: table}
.thank-you div{float: left}
.thank-you-image{left:60px; top:80px; position: relative; width:50%; box-sizing:border-box}
.thank-you-text{float: left; top:40px; left:10px; width:50%; position:relative;}
.thank-you-title{font-size: 5.5em;text-transform:initial; font-weight: normal; white-space:nowrap; position:relative; left:-150px; top:15px }
.thank-you-title span:first-of-type{color: #ee3437}
.thank-you-title span:nth-of-type(2){color: #19459e}
.thank-you-title span:nth-of-type(3){color: #858489}
.thank-you-contact{text-align: center; width:100%; margin-top:100px; padding:10px 0; font-weight: bold; line-height:20px; border-top:1px #f1f1f1 solid; float: left}
.thank-you-contact a{color: #000; margin:10px 0}
.thank-you-contact .btn1{width: auto}
.thank-you-enquiry{display:none; font-size:20px; line-height:28px; margin-top:40px;}

/*===========================FORM===========================*/
.email_show{display: none !important;}
.email_remove{}
.form-field-input.noCap{
	width: 100% !important;
}
.form-field *, .form-field, *[id*='_form_parent']{
    color:#808080;
    width: 100%;
}

*[id*='_form_parent'] > *.form-field{ float:left; width: 48%;}
*[id*='_form_parent'] > *:nth-child(even){margin-left: 0.5%;}
*[id*='_form_parent'] > *:nth-child(odd){margin-right: 1%;}
*[id*='_form_parent'] > *:nth-child(odd):last-child{width: 100%;}

*[id*='_form_parent']:after{float: none; clear: both; width: 100%; display: block; content: ' '}

.form-field textarea{font-family:Arial,Helvetica,sans-serif;}
.form-field:not(:last-child){ margin-bottom: 15px;}
.form-field-note{color:#f00; margin-top:5px;}
.form-field-title{
    margin-bottom: 10px;
    font-weight: bold;
}
.form-field > input, .form-field > select, .form-field > textarea{
    padding: 6px;
    border-color: #d4d4d4;
    border-width: 1px;
}
.form-field-break{padding: 10px 0px; width: 100% !important; }
.form-submit{
    width: 100%;
    max-width: 200px;
    display: inline-block;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
	-ms-transform: translate(-50%,0%); 
    
    text-align: center;
    padding: 10px;
}

@media screen and (max-width: 600px){
    *[id*='_form_parent'] > *{width: 100% !important; display: block !important; margin-left: 0 !important; margin-right: 0 !important;}
}

 /*---- WhatsApp Chat ----*/
.whatsapp-block{ position:fixed; bottom: 35px; left: 20px; background-color:#0dc152; color:#fff;  border-radius: 50px; max-width: 220px; width: 100%;font-size:14px}
.whatsapp-block > a{ color:#fff; display:flex; justify-content: space-between; align-items: center;padding: 9px 16px;}
.whatsapp-block > a .fab{ font-size:19px; font-weight:normal; text-align:left;}
.whatsapp-block a{text-decoration:none; }
.whatsapp-block > a > span:last-of-type{line-height: 24px; }
.whatsapp-block > div{ position:absolute; width:340px; bottom:60px; background-color:#fff; display:flex;flex-direction: column; border-radius:6px; line-height:24px; display:none; transition:all .3s}
.pop-up-45-close{position: absolute; right:0px; top:0px; cursor: pointer; color:rgba(255, 255, 255, 0.89); height:30px; width:30px;  z-index: 999999999; font-size: 15px;line-height: 30px; padding:0 8px}

.whatsapp-block > div > div{padding:15px 20px; position:relative}
.whatsapp-block > div > div > a{ display:flex}
.whatsapp-block > div > div > a > span:first-of-type{ width:56px; margin-right:10px }
.whatsapp-block > div > div > a > span:last-of-type{padding-top: 7px;}
.whatsapp-block > div > div > a > span{height:56px;}
.whatsapp-block > div > div > a > span img{ width:100%; height:auto}
.whatsapp-block > div > div:first-of-type{ background-color:#0dc152;border-top-right-radius: 6px; border-top-left-radius: 6px; }
.whatsapp-block > div > div:last-of-type:after{content: ''; position: absolute; bottom: -7px; left: 22px; width: 13px;  height: 13px; background: #fff; transform: rotate(45deg); z-index: -1; border: 1px solid #f5f5f5; box-shadow: 3px 3px 3px rgba(0,0,0,.02)}

/*------------------ FOOTER --------------*/
.footer{ color:#fff; padding-top:40px; width:100%;  background-color:#0e0d12; display:flex; line-height:22px; font-size:14px}
.footer a{ color:#fff; text-decoration:none}
.footer h3{ font-size:1.6em}
.footer > div{ width:100%; max-width:1000px; margin:auto; text-align:left; }
.footer > div > div{display:flex; flex-wrap: wrap;justify-content: space-between;}
.footer > div > div p{ margin:0; width:92%}
.footer > div > div:first-of-type > div:first-of-type{ width:35%; font-size:12px; }
.footer > div > div:first-of-type > div:nth-of-type(3){ width:18%}
.footer > div > div:first-of-type > div{ width:14%}
.footer > div > div:first-of-type > div > div{ position:relative}
.footer > div > div:first-of-type > div > div:last-of-type::before{ content: ''; position: absolute; left: 0; height: 30px; top: 6px; bottom: 0.3em; border: solid 1px #fae3b3; left: -12px;}
.footer > div > div:first-of-type > div:nth-of-type(4) li{ margin-right:10px}
.footer > div > div:first-of-type > div:nth-of-type(4) li:last-of-type{ margin-right:0}
.footer > div > div:first-of-type > div:nth-of-type(1) a span{ font-weight:600; font-size:22px}
.footer > div > div:first-of-type > div:nth-of-type(4) a{ display: flex; flex-wrap: wrap; align-items: center;background-color:#363740; width:36px; height:36px;justify-content: space-around}
.footer > div li{ list-style:none; float:left}
.footer > div ul{ padding:0; margin:0}
.footer > div > div:first-of-type > div:nth-of-type(3) li{ float:none}
.footer > div > div:first-of-type > div:nth-of-type(1) > div:before,.footer > div > div:first-of-type > div:nth-of-type(4) > div:before{ display:none}
.footer > div > div:last-of-type{ font-size:12px; border-top:2px solid #363740; margin-top: 35px; padding-top: 10px;}
.footer > div > div:last-of-type ul{ margin:auto}
.footer > div > div:last-of-type li{ padding:20px 10px}

.row{clear: left;}
.row0{clear: left; line-height:1px;}

/*================== Media Screen ==================*/
@media screen and (max-width: 1280px){
	.back_main, .back_page, .section
	, .footer > div, .section-section, .intro-container{width: 100%}
}

@media only screen and (max-width: 1024px){
	body{ display: table}
}

@media (min-width: 800px) and (max-width: 1023px){
}

@media (min-width: 600px) and (max-width: 799px){
	
}

@media screen and (max-width:599px){
	body{display: block}
	.ecat-value{max-width:9px !important;} /*---- important do not remove  ----*/
	img{max-width: 100%; height: auto}
	.logo{width: 30%;}
	.section-header{ width:calc(100% - 50px); float:right;justify-content: space-around;}
	.section-2, .section-section{width:100%;}	
		
	.intro-services > div{flex-direction: column;}
	.intro-services > div > div{ width:100%}
	.why-choose-us > div > div ul{ padding:0 10px}
	.why-choose-us > div > div h2{ margin: auto 0 10px; line-height: 25px; text-align:center}
	.intro-block > div > div:first-of-type{ width:100%; padding:0 15px}
	.intro-block > div > div:first-of-type .btn1{ width:100%}
	.call12action > div{ padding:25px 15px;flex-direction: column;}
	.intro-block > div > div{ padding:50px 0 0}
	.intro-block > div > div img{ display:block; border-radius:0}
	.call12action > div > div { width:100% !important; text-align:center}
	.intro-block > div h2{ margin-left: 15px;}
	.video-block > div,.intern-register{ width:100%}
	.video-block h2{ margin-top:20px}
	.intern-register table td{ display:block}
	.page-title-contactus > div:last-of-type > div{ margin-top:55px}
	.page-title{height: 105px;}
	.page-title > div > div{ padding:0 15px}
	.page-title > div h1{ font-size:30px}
	.contact-details-block > div,.service-block > div{ width:100%;}
	.contact-details-block,.contact-top,.iso-block,.service-block{ flex-direction: column;}
	.contact-details-block{ transform:none; position:initial; background-color: rgb(0, 117, 114); padding:30px 15px}
	.contactus-form{ padding:0; color:#fff}
	.contactus-form > div h2:before{ background: #f4f4f4;}
	.contact-details-block > div:first-of-type > div > span{ margin-bottom:0; margin-right: 10px;}
	.contactus-form{ margin-top:40px}
	.fees-plan-block ul li,.contactus-form .btn1{ width:100%}
	
	.contact-top > div{ padding:20px}
	.contact-details{ height:auto; flex-direction: column;}
	.grade-block{ display: flex !important;flex-direction: column;}
	.grade-block > div{ width:100%;}
	.grade-block > div:last-of-type,.grade-block > h2{order: -1}
	
	.footer{ padding-top:0}
	.footer > div > div:first-of-type > div{ width:100%;padding: 10px 0;}
	.footer > div > div:last-of-type ul,.footer > div > div:first-of-type > div ul{ display: flex; justify-content: space-around; width:100%}
	 .footer > div > div:first-of-type > div ul{justify-content: flex-end;}
	.footer > div > div:last-of-type ul{ margin:10px 0}
	.footer > div > div:last-of-type li,.footer > div > div:last-of-type{ margin:0; padding:0}
	.footer > div > div:last-of-type li:nth-of-type(3){ display:none}
	.footer > div > div:first-of-type > div:nth-of-type(4) li:last-of-type{ margin-right:10px}
	.whatsapp-block{ bottom: 50px; left: 8px;}
	
	/*=============== Thank you ==============*/
	.thank-you div,.thank-you{ width:100%}
	.thank-you-title{ left:auto; white-space:normal; font-size:4.5em}
	.thank-you div{ top:auto}
	.thank-you-contact{ margin-top:0}
	.thank-you div{ left:auto}
	
	/*=============== MENU ==============*/
	.dropdown:focus .dropdown-menu,.dropdown:hover .dropdown-menu{display:block !important; margin:0;position:relative;border-radius:0 !important;min-width: 100%;}
	.navbar-toggle{position:relative; width:20%; margin:0; text-align:center}	
	.nav *{ width:100%}
	.nav > li > a{ color:#043736 !important; line-height: 45px;}
	.dropdown-menu{ left:0}
	.menu-top{position: absolute; top: 70px; width: 100%}	
	.dropdown-menu{margin-left: 20px}	
	.enrol-block::before,.top-header, .top-tel{display:none !important}
	
	.footer > div > div:first-of-type > div > div h3,.footer > div > div > div:nth-of-type(1),.footer > div > div > div:nth-of-type(2),.footer > div > div > div:nth-of-type(3), .call12action > div > div > div:first-of-type,.home-banner{display: none}
}

@media screen and (max-width: 767px){
	.menu-top{ left:0; background-color:#fae3b3; width:250px;position:fixed;top:0;height:100px;width:50px;overflow:hidden;padding:0px;transition:all 0.3s;z-index:100}
	#mainNav{padding:10px;overflow-y:auto;height:calc(100vh - 100px)}
	.menu-top>label{color:#043736;display:block;height:100px;padding:0;position:relative;margin-bottom:0}
	.menu-top>label>i{font-size: 1.5rem;color:#043736;line-height:102px;text-align:center;width:50px;transition:all 0.1s ease 0.3s}
	#navOverlay{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.8);position:fixed;top:0;left:0;transform:translate(-100%);transition:all 0.25s ease-out 0.1s;z-index:100}
	#mobi-toggle:checked ~ .section-1 .menu-top>label i::before{content:"\f00d";font-size:2.5rem}
	#mobi-toggle:checked ~ .section-1 .menu-top{height:100vh;width:250px}
	#mobi-toggle:checked ~ * #navOverlay{transform:translate(0)}
}