/* Mobile */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, nav ul, blockquote, q, blockquote:before, blockquote:after, q:before, q:after, a, ins, mark, del, abbr[title], dfn[title], table, hr, input, select, ul, ol {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent;
    -ms-tap-highlight-color: transparent;
    -o-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-focus-ring-color: transparent;
    -moz-focus-ring-color: transparent;
    -ms-focus-ring-color: transparent;
    -o-focus-ring-color: transparent;
    focus-ring-color: transparent;
}

textarea, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
}

/* Small Screen */
@media screen and (max-width : 1500px){
	html body{
		font-size: 13px;
	}

	/* Features */
	#features-sec .feature-ovly{
		width: 5em;
		top: 1.5em;
	}
	/* END Features */
}

@media screen and (max-width : 1366px){
	html body{
		font-size: 11px;
	}
	#header-new{font-size: 14px;}
	#contact-us .contact-us-ovly-one{
		width: 6.75em;
	}
	#header-new .nav-lst li{
		margin-left: 2.6875em;
	}
}

@media screen and (max-width : 1024px){
	/* Journey */
	#journey-sec{
		font-size: 10px;
		margin-bottom: 11em;
	}
	#journey-sec .vid-hldr{
		width: 45em;
		height: auto;
	}
	/* END Journey */

	/* Online Classes Section */
	#online-classes-sec .class-ovly{
		width: 10em;
	}
	/* END Online Classes Section */

	/* Contact Us */
	#contact-us .img-hldr{
		width: 70%;
	}
	/* END Contact Us */
}

@media screen and (max-width : 1000px){
	body{
		font-size: 11px;
	}

}

@media screen and (max-width : 900px){
	body{
		font-size: 8px;
	}

	/* Journey */
	#journey-sec{
		font-size: 8px;
	}
	/* END Journey */
}
/* END Small Screen */

/* Tabs */
@media screen and (max-width : 800px){
	/* Global */
	body{
		font-size: 16px;
	}
	h5 {
	    /* font: 30px/25px 'SFProDisplay-Heavy' ,Arial,Helvetica,sans-serif; */
	    color: #001928;
	}
	.divider img{
		width: 150px;
		margin: 0 auto;
	}
	.mobile{display: block;}
	.desktop,
	/* END Global */

	/* Header */
	#header-new .srch-btn.desktop{
		display: none;
	}
	#header-new .nav-lst .nav-lst-cnt{
		position: fixed;
		top: 0;
		right: 0;
		width: 90%;
		height: 100%;
		background: #ffffff;
		z-index: 99999;
		display: block;
		transform: translateX(100%);
		transition: all 0.3s 0s;
		overflow: auto;
	}
	.open #header-new .nav-lst .nav-lst-cnt{
		transform: translateX(0);
		transition: all 0.3s 0s;
	}
	#header-new .mob-search{
		background: #eaf7fd !important;
		width: 50px;
		height: 50px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		transition: all 0.3s 0s;
	}
	#header-new .mob-search:hover{
		background: #c9eeff;
	}
	#header-new .mob-search img{
		display: block;
		width: 20px;
	}
	#header-new .mon-menu{
		width: 50px;
		height: 50px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		margin-left: 15px;
		position: fixed;
		right: 20px;
		top: 17px;
		z-index: 9999;
	}
	#header-new .mob-search{
		margin-right: 65px;
	}
	#header-new .mon-menu img{
		display: block;
		width: 20px;
	}
	#header-new .mob-menu{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		padding: 0 15px 30px 15px;
		margin-top: 30px;
		position: relative;
	}
	#header-new .mob-menu h6{
		-webkit-flex: 1;
		-moz-flex: 1;
		-ms-flex: 1;
		-o-flex: 1;
		flex: 1;
		text-align: center;
		font: 25px/50px 'SFProDisplay-Semibold' ,Arial,Helvetica,sans-serif;
		color: #000000;
	}
	#header-new .mob-menu .mob-close{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		-ms-align-items: center;
		align-items: center;
		width: 50px;
		height: 50px;
		border-radius: 50px;
		background: #f2f2f2;
		cursor: pointer;
		transition: all 0.3s 0s;
		position: absolute;
		top: 0;
		right: 30px;
	}
	#header-new .mob-menu .mob-close:hover{
		background: #e3e3e3;
	}
	#header-new .mob-menu .mob-close img{
		display: block;
		width: 15px;
	}
	#header-new .nav-lst .nav-lst-cnt ul{
		float: none;
		width: 100%;
		text-align: center;
	}
	#header-new .nav-lst li{
		float: none;
		width: 100%;
		margin: 0;
	}
	#header-new .nav-lst li.active a{
		background: #f4fbfe;
	}
	#header-new .nav-lst li a{
		padding: 15px 0;
	}
	#header-new .nav-lst li a span{
		display: none;
	}
	#header-new .login-btn{
		float: none;
		margin: 30px auto;
	}
	#header-new h1 a{
		width: 100px;
	}
	/* END Header */

	/* Journey */
	#journey-sec{
		font-size: 16px;
		margin-bottom: 0;
	}
	#online-classes-sec .cnt-hldr .heading .left{
		width: 100%;
	}
	#journey-sec .wrapper{
		display: block;
	}
	#journey-sec .vid-hldr{
		width: 100%;
		height: 25em;
		margin: 0 0 50px 0;
	}
	#journey-sec .cnt-hldr h2{
		font: 28px/40px 'SFProDisplay-Heavy' ,Arial,Helvetica,sans-serif;
		text-align: center;
	}
	#journey-sec .cnt-hldr p{
		font: 15px/30px 'SFProDisplay-Medium' ,Arial,Helvetica,sans-serif;
		padding: 20px 0 50px 0;
		text-align: center;
	}
	#journey-sec .cnt-hldr .primary-btn{
		margin: 0 auto;
		float: none;
	}
	#journey-sec br{display: none;}
	/* END Journey */

	/* Online Classes Section */
	#online-classes-sec .class-ovly{
		width: 8em;
		top: 36%;
	}
	#online-classes-sec{
		padding-bottom: 50px;
	}
	#online-classes-sec .wrapper{
		-webkit-flex-direction: column-reverse;
		-moz-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		-o-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
	#online-classes-sec .img-hldr{
		left: 0;
		margin-top: 5em;
	}
	#online-classes-sec .cnt-hldr{
		padding-top: 55px;
		text-align: center;
	}
	#online-classes-sec .cnt-hldr .heading{
		margin-left: 0;
		margin-bottom: 30px;
	}
	#online-classes-sec .cnt-hldr p{
		font-size: 15px;
		margin-bottom: 20px;
	}
	#online-classes-sec .img-hldr{
		width: 100%;
	}
	#online-classes-sec .class-mob-ovly{
		display: block;
		position: absolute;
		width: 5em;
		top: -2em;
		z-index: 0;
	}
	#online-classes-sec .class-mob-ovly-right{
		display: block;
		position: absolute;
		width: 5em;
		top: 37%;
		right: 0;
		z-index: 0;
	}
	#online-classes-sec .cnt-hldr p{
		width: 100%;
	}
	/* END Online Classes Section */

	/* Our Courses Section */
	#our-courses-sec{
		padding: 85px 0 100px 0;
	}
	#our-courses-sec .wrapper{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#our-courses-sec .img-hldr{
		margin-left: 0;
		margin-bottom: 3em;
	}
	#our-courses-sec h5{
		text-align: center;
	}
	#our-courses-sec .divider img{
		margin: 0 auto;
	}
	#our-courses-sec .our-courses-ovly{
		width: 30em;
		top: auto;
		bottom: 2em;
	}
	/* END Our Courses Section */

	/* Features */
	#features-sec .features-lst{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	#features-sec .features-lst li{
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
		flex: none;
		width: calc(50% - 15px);
		margin: 0 30px 30px 0;
		padding: 30px 25px 25px 25px;
	}
	#features-sec .features-lst li:last-child {
	    margin: 0 30px 30px 0;
	}
	#features-sec .features-lst li:nth-child(2),
	#features-sec .features-lst li:last-child{
		margin-right: 0;
	}
	#features-sec .features-lst h6{
		font-size: 18px;
	}
	#features-sec .features-lst p{
		font: 15px/30px 'Hind', Arial,Helvetica,sans-serif;
		padding: 10px 0 15px 0;
	}
	#features-sec .features-lst a{
		font: 16px/20px 'Poppins', Arial,Helvetica,sans-serif;
		font-weight: 600;
	}
	#features-sec .feature-ovly{display: none;}
	/* END Features */

	/* Footer */
	#footer-new .foot-hldr{
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 0 50px 0;
	}
	#footer-new .foot-hldr .foot-ech-cnt{
		-webkit-flex: none;
		-moz-flex: none;
		-ms-flex: none;
		-o-flex: none;
		flex: none;
		width: 50%;
		margin-top: 100px;
	}
	#footer-new .foot-hldr .foot-ech-cnt.addrs-hldr{
		width: 100%;
		margin-top: 50px;
	}
	#footer-new .foot-hldr .foot-ech-cnt{
		margin-top: 50px;
	}
	#footer-new .footer-ovly{
		display: block;
		position: absolute;
		right: 0;
		width: 6em;
		top: -2em;
	}
	/* END Footer */

	/* login */
	#login-section .login-ovly-one,
	#login-section .login-ovly-two,
	#login-section .login-ovly-three{
		display: none;
	}
	#login-section .wrapper{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#login-section .img-hldr{
		display: none;
		width: 100%;
		padding: 0;
	}
	#login-section .cnt-hldr{
		width: 100%;
		padding-top: 1em;
		padding-bottom: 2em;
	}
	#login-section .img-hldr img{
		width: 60%;
	}
	#login-section .login-ovly-four{
		width: 5.375em;
		position: absolute;
		bottom: 12em;
		z-index: 1111;
	}
	#login-section .login-ovly-four img{
		display: block;
		width: 100%;
	}
	#login-section .login-ovly-five{
		width: 9.75em;
		position: absolute;
		top: 6.25em;
		right: 0;
		z-index: 111;
	}
	#login-section .login-ovly-five img{
		display: block;
		width: 100%;
	}
	/* END login */

	/* Contact Us */
	#contact-us{
		padding-top: 0;
	}
	#contact-us .contact-us-cnt{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#contact-us .img-hldr,
	#contact-us .cnt-hldr{
		width: 90%;
	}
	#contact-us .img-hldr img{
		margin: 0;
	}
	#contact-us .contact-us-ovly-one,
	#contact-us .contact-us-ovly-two{display: none;}
	#contact-us .mobile{
		padding: 6.25em 0 3.75em 0;
	}
	#contact-us .cnt-hldr .form-row{
		width: 95%;
		margin: 0 auto;
		margin-top: 1.25em;
	}
	#contact-us .cnt-hldr .form-row.message-blk{
		margin: 1.875em auto;
	}
	/* END Contact Us */

	/* Feature */
	ul.fea-lst.green-arw{
		list-style-image: url('../../images/front/blue-arw.png');
	}
	.feature-cnt{padding-top: 2em;}
	.feature-cnt .feature-sec{
		margin-bottom: 5em;
	}
	.fea-ovly-one, .fea-ovly-two, .fea-ovly-three, .fea-ovly-four, .fea-ovly-five, .fea-ovly-six, .fea-ovly-seven, .fea-ovly-eight{
		display: none;
	}
	.feature-cnt .heading-cnt{
		text-align: center;
		margin-bottom: 2em;
	}
	.feature-cnt .feature-sec .wrapper .img-hldr{
		width: 100%;
		margin-bottom: 3em;
	}
	.feature-cnt .img-right .cnt-hldr,
	.feature-cnt .feature-sec .cnt-hldr{
		padding: 0;
	}
	.feature-cnt .img-right .wrapper,
	.feature-cnt .feature-sec .wrapper{
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	.feature-cnt .course-details .img-hldr img{
		margin: 0;
		padding: 0;
	}
	ul.fea-lst,
	.feature-cnt .who-should-join ul.fea-lst{width: auto;}
	/* END Feature */
	/* Signup */
	#page-login-signup #container.section_bg{padding: 20px 0 60px 0;}
	.modal.fade.in{
		z-index: 99999;
	}
	.modal-backdrop, .modal-backdrop.fade.in{
		z-index: 9999;
	}
	/* END Signup */
	
	
	/* 10-06-2021 */
	.secondary-btn.view-btn{
		margin: 0 auto;
	    float: none;
	    width: 250px;
	}
	.drop-hldr .secondary-btn.view-btn{display: none;}
	.secondary-btn.view-btn.mob-lang-btn{
		display: block !important;
	    width: auto;
	    padding: 0px 15px;
	    margin-right: 60px;
	    margin: 7px 60px 0 0 !important;
	    font-size: 13px;
	    line-height: 40px;
	}
	/* END 10-06-2021 */
}
/* END Tabs */

/* Mobile */
@media screen and (max-width : 640px){
	/* Journey */
	#journey-sec .vid-hldr{
		height: 20em;
	}
	/* END Journey */

	/* Online Classes Section */
	#online-classes-sec .class-ovly{
		width: 8em;
		top: 40%;
	}
	/* END Online Classes Section */

	/* Login */
	#login-section .login-ovly-five{
		width: 6.75em;
		top: 4.25em;
	}
	.forgt-pass{
		margin-bottom: 2em;
	}
	#login-section .or-hldr{
		margin: 0.5em 0 0.5em 0;
	}
	#login-section .create-hldr{
		margin-top: 1.125em;
	}
	/* END Login */
/* } */
/* @media screen and (max-width : 360px){ */
	/* Journey */
	#journey-sec .vid-hldr{
		height: 10em;
	}
	/* END Journey */

	/* Features */
	#features-sec .features-lst li{
		width: 100%;
	}
	#features-sec .feature-tree{
		width: 3.4em;
		bottom: -4em;
	}
	/* END Features */

	/* Online Classes Section */
	#online-classes-sec .class-ovly{
		width: 5em;
		top: 60%;
	}
	#online-classes-sec .class-mob-ovly-right{
		width: 4em;
		top: 57%;
	}
	#online-classes-sec .cnt-hldr p{
		width: 100%;
	}
	#online-classes-sec .class-mob-ovly{
		width: 3em;
	}
	/* END Online Classes Section */

	/* Our Courses Section */
	#our-courses-sec ul.courses-lst{
		margin-top: 35px;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}
	#our-courses-sec ul.courses-lst li{
		width: 100%;
		margin: 0 0 30px 0;
	}
	#our-courses-sec .our-courses-ovly{
		width: 20em;
	}
	/* END Our Courses Section */

	/* Footer */
	#footer-new .footer-ovly{
		width: 4em;
		top: -1em;
	}
	#footer-new .foot-hldr .foot-ech-cnt,
	#footer-new .foot-hldr .foot-ech-cnt:last-child{
		width: 100%;
	}
	#footer-new .foot-hldr .foot-lst li img{
		margin-right: 10px;
	}
	#footer-new .foot-hldr .addrs-hldr a{width: 100px;}
	/* END Footer */

	/* Login */
	#login-section .facebook-btn{
		margin-right: 0.5em;
	}
	#login-section .google-btn{
		margin-left: 0.5em;
	}
	#login-section .login-ovly-five{
		width: 4.75em;
		top: 3.25em;
	}
	/* END Login */

	/* Contact Us */
	#contact-us .cnt-hldr{
		width: 100%;
		padding: 1.5em 0 2.8125em 0;
	}
	#contact-us .mobile{
		padding: 6.25em 0 1.75em 0;
	}
	#contact-us .g-recaptcha{
		transform: scale(0.9);
		transform-origin: 0 0;
	}
	/* END Contact Us */
}
/* END Mobile 