@media all and (max-width: 992px) {

		.MenuOpen{overflow:hidden}
	.MenuOpen:before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000a1;z-index:10}


	.Navigation{ margin-left:0; width:100% }
	.SidenavArea{ transform:translate(-100%, 0px) }
	.WrapperArea{ margin-left:0; width:100% }
	.Navigation .NaviToggle button{ display:block; }

	.SidenavArea.show{ transform:translate(0); }
	.SidenavArea .SidenavHead img{ max-width:175px }
	.SidenavArea .SidenavHead button{ display:block; }

	.MontorArea .MontorName{ flex-wrap:wrap; }
	.MontorArea .MontorName figcaption{ width:calc(100% - 105px); }
	.MontorArea .MontorName figcaption h3 span.Badge{ display:inline-block; }
	.MontorArea .MontorName aside { width:100% }
	.MontorArea .MontorName aside a{ display:inline-block; padding:10px 30px }

	.MontorArea .SessionSelect ul{ flex-wrap:wrap; }
	.SessionsArea .DetailsArea .DetailsRight{ margin-top:20px }

	.SlideArea .SlideLeft{ margin-bottom:20px }
	.SlideArea .SlideLeft h1{font-size: 55px;}
	.SlideArea .SlideLeft p{font-size: 18px;}

	.Header .navbar { justify-content: space-between;}
	.Header .navbar .navbar-toggler { display: block; }
	.Header .navbar .navbar-collapse{display:block!important;min-height: 100vh;background-color: #2d313a;position:fixed;top:0;left:0;width:300px;height:100%;padding:25px;justify-content:inherit;flex-basis:inherit;overflow:auto;box-shadow: 0 1px 8px #000000;-webkit-transition:-webkit-transform ease 400ms;transition:-webkit-transform ease 400ms;-o-transition:transform ease 400ms;transition:transform ease 400ms;transition:transform ease 400ms,-webkit-transform ease 400ms;-webkit-transform:translateX(-200%);-ms-transform:translateX(-200%);transform:translateX(-200%);z-index: 99;}
	.Header .navbar .navbar-collapse.MenuShow{transform:translateX(0%)}

	.Header .navbar .navbar-collapse .MobileLogo{ display: inline-block; width: 200px; margin: 0 0 15px 0; }
	.Header .navbar .navbar-nav{ display:block; }
	.Header .navbar .nav-item{margin:0 0 10px 0;display:block}
	.Header .navbar .nav-item .nav-link{}
	.Header .navbar .nav-item.Register .nav-link {}
	.Header .navbar .nav-item.Download .nav-link{ color:#fff }

}

@media all and (max-width: 768px) {

	
	.TitleBox h3{ font-size:20px; font-weight:600 }
	.HistoryArea .HistoryHead{ margin:0 0 20px 0 }
	.HistoryArea .HistoryHead h3{ font-size:16px }
	.HistoryArea .HistoryHead h3 a{ font-size:14px }
	.HistoryArea .HistoryHead ul li button{ font-size: 13px; padding: 7px 15px;}
	
	.DetailsArea .DetailsRight { margin-top:20px }
	.DetailsArea .DetailsRight h3{ font-size:22px }

	.ModalBox .modal-dialog{ margin:50px 30px }
	.LoginBox{ padding:30px }
	.LoginBox.Personal{ padding:30px }

	.ProfileCourses{ display:none; }

	.ProgramArea .ProgramHead h2{ font-size:28px }
	.ProgramArea .ProgramHead ul{ gap:5px }
	.ProgramArea .ProgramHead ul li button{ font-size:13px; padding:8px 20px }

	.InspiresArea .InspiresHead h2{ font-size:28px }

	.GuidanceArea{ padding:50px 0 }
	.GuidanceArea .GuidanceBox .col-sm-8 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.GuidanceArea .GuidanceBox .col-sm-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }

	.GuidanceArea .GuidanceBox .GuidanceLeft{ margin-bottom:30px }
	.GuidanceArea .GuidanceBox .GuidanceLeft h3{ font-size:35px  }
	.GuidanceArea .GuidanceBox .GuidanceLeft p{ font-size:16px }
	.GuidanceArea .GuidanceBox .GuidanceLeft ul li a img{ max-height:45px }
	.GuidanceArea .GuidanceBox .GuidanceRight{ margin:0; text-align:center; }
	.GuidanceArea .GuidanceBox .GuidanceRight img{ max-width:200px }
	
	.SlideArea .SlideLeft{ margin-bottom:20px }
	.SlideArea .SlideLeft h1{font-size: 50px;}
	.SlideArea .SlideLeft p{font-size: 18px;}

	.FAQArea h3{ font-size:26px }

	footer .Footer .Foots{ margin-bottom:30px }
	.Footer .col-sm-4{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.Footer .col-sm-2{ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
	.Footer .col-sm-2:last-child{ padding-left:0  }

	.IndustryArea h2{ font-size:28px }
	.IndustryArea p{ font-size:16px; line-height:28px }
	.YourselfArea p br{ display:none; }

	.ChooseArea .ChooseLeft{ margin-bottom:30px }
	.ChooseArea .ChooseLeft p{ font-size:16px; line-height:28px }
	.ChooseArea .ChooseRight img{ width:100% }

	.ContactArea .ContactBox{ min-height:850px }
	.ContactArea .ContactBox .Icon{ width:200px }
	.ContactArea .ContactBox .Icon.Left { left: 60px}
	.ContactArea .ContactBox .Icon.Right { right: 60px}

}


@media all and (max-width: 500px) {

	.container-fluid{ width:100% }

	.SlideArea .SlideLeft{ margin-bottom:20px }
	.SlideArea .SlideLeft h1{ font-size:30px }
	.SlideArea .SlideLeft p{ font-size:16px }


	.TestimonialArea .TestimonialHead h3{ font-size:28px }
	.TestimonialArea .TestimonialHead p{ font-size:15px; line-height:24px }
	.TestimonialArea .TestimonialHead p br{ display:none; }

	
	.GuidanceArea .GuidanceBox{ padding:30px 30px 0px 30px }
	.GuidanceArea .GuidanceBox .GuidanceLeft ul li{ margin:0 5px 0 0 }

	footer .Footer .Foots{ margin-bottom:20px }
	footer .Footer .Foots.Company ul li{ width:100% }
	footer .Footer .Foots.Company ul li:last-child{ margin: 0}
	.Footer .col-sm-2{ -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.Footer .col-sm-2:last-child{ padding-left:15px  }

	.TitleBox{ display:block; }
	.TitleBox .SearchBox{ margin-top:15px }
	.MontorArea .MontorInfo .Button button{ min-width:inherit; padding:7px 40px }
	.LoginBox .LoginBody button{ width:auto; padding:12px 50px }

	.ContactArea .ContactBox{ min-height:930px }
	.ContactArea .ContactBox .Icon{ width:125px }
	.ContactArea .ContactBox .Icon.Left { left: 20px}
	.ContactArea .ContactBox .Icon.Right { right: 20px}

	.LoginBox .LoginBody .LoginTabs .nav-tabs{ flex-wrap:nowrap; width:100% }
	.LoginBox .LoginBody .LoginTabs .nav-tabs .nav-item{ width:100% }
	.LoginBox .LoginBody .LoginTabs .nav-tabs .nav-item .nav-link{ min-width:inherit; }
	.LoginBox .LoginHead p br{ display:none; }

	.Navigation{ padding:0 10px }
	.Navigation ul .profile a.dropdown-toggle .Text{ display:none; }

	.ChatArea{ flex-wrap:wrap; }
	.ChatArea .ChatLeft{ width:100% }
	.ChatArea .ChatRight{ width:100%; display:none; }
	.ChatArea .ChatRight .ChatHead h4 a{ display:block; }


}