body{
	/*font-family: Univia Pro;*/
	font-family: 'Exo 2', sans-serif;
}

/*------------ Fonts Link ---------------*/


/*------------ Home/Index Page Style ---------------*/

.main-banner{
	/* The image used */
	  /* background-image: url("../img/main-banner.jpg"); */
	/* Center and scale the image nicely */
	  background-size: auto;
	  background-position: center top;
	  background-repeat: no-repeat;
	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: 600px;

}
.lrpadding{
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.lrpaddingtwo{
	padding-left: 100px !important;
	padding-right: 100px !important;
}

.padsize{
	padding-left: 150px;
	padding-right: 150px;
}

@media only screen
and (min-device-width: 280px)
and (max-device-width : 375px){
	.lrpadding{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.lrpaddingtwo{
		padding-left: 10px !important;
		padding-right: 10px !important;
	}
	.logoresize{
		width: 110px;
		height: 30px;
	}

	.buildskills{
		font-size: 18px !important;
	}
	.giveteams{
		font-size: 12px !important;
	}
	.textbr{
		display: block;
	}
}
@media only screen
and (min-device-width: 376px)
and (max-device-width : 567px){
	.lrpadding{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.lrpaddingtwo{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.logoresize{
		width: 120px;
		height: 40px;
	}

	.buildskills{
		font-size: 20px !important;
	}
	.giveteams{
		font-size: 13px !important;
	}
	.textbr{
		display: block;
	}
}

@media only screen
and (min-device-width: 568px)
and (max-device-width : 767px){
	.lrpadding{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.lrpaddingtwo{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.logoresize{
		width: 120px ;
		height: 40px;
	}

	.buildskills{
		font-size: 22px !important;
	}
	.giveteams{
		font-size: 16px !important;
	}
	.textbr{
		display: block;
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width : 967px){
	.lrpadding{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.lrpaddingtwo{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.logoresize{
		width: 120px;
		height: 40px;
	}

	.buildskills{
		font-size: 24px !important;
	}
	.giveteams{
		font-size: 16px !important;
	}
	.textbr{
		display: block;
	}
}
@media only screen
and (min-device-width: 968px)
and (max-device-width : 1199px){
	.lrpadding{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.lrpaddingtwo{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.logoresize{
		width: 140px;
		height: 50px;
	}

	.buildskills{
		font-size: 30px !important;
	}
	.giveteams{
		font-size: 22px !important;
	}
	.textbr{
		display: block;
	}
}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1500px){
	.lrpadding{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.lrpaddingtwo{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.logoresize{
		width: 140px;
		height: 50px;
	}

	.buildskills{
		font-size: 30px !important;
	}
	.giveteams{
		font-size: 22px !important;
	}
	.textbr22{
		display: block;
	}
}
@media only screen
and (min-device-width: 280px)
and (max-device-width : 1199px){
	.padsize{
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
}

@media only screen
and (min-device-width: 992px)
and (max-device-width : 1099px){
	.navfontxl{
		font-size: 14px !important;

	}
	.mxresize{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
}
@media only screen
and (min-device-width: 1100px)
and (max-device-width : 1250px){
	.navfontxl{
		font-size: 16px !important;

	}
	.mxresize{
		margin-left: 5px !important;
		margin-right: 5px !important;
	}
}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1499px){
	.partnerimg{
		width: 150px !important;
		height: 80px !important;
	}
}
@media only screen
and (min-device-width: 1500px)
and (max-device-width : 1799px){
	.partnerimg{
		width: 220px !important;
		height: 80px !important;
	}
}
.learneroutcomebgimg{
	/* The image used */
	  /* background-image: url("../img/learner.jpg"); */

	/* Center and scale the image nicely */
	  background-size: auto;
	  background-position: center top;
	  background-repeat: no-repeat;

	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: auto;

	}

	.technetmentorbgimg{
	/* The image used */
	  /* background-image: url("../img/mentor.jpg"); */

	/* Center and scale the image nicely */
	  background-size: cover;
	  background-position: center top;
	  background-repeat: no-repeat;

	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: auto;
	 }



@media screen and (min-width: 1200px){
	.learneroutcomebgimg{
	/* The image used */
	  /* background-image: url("../img/learner.jpg"); */

	/* Center and scale the image nicely */
	  background-size: auto;
	  background-position: center top;
	  background-repeat: no-repeat;

	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: auto;

	}

	.technetmentorbgimg{
	/* The image used */
	  /* background-image: url("../img/mentor.jpg"); */

	/* Center and scale the image nicely */
	  background-size: cover;
	  background-position: center top;
	  background-repeat: no-repeat;

	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: auto;
	 }

	 .imghide{
		display: none !important;
	 }
}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1550px){
	.resizebar{
		font-size: 30px !important;
		letter-spacing: 0px !important;

	}
}
@media only screen
and (min-device-width: 1551px)
and (max-device-width : 1700px){
	.resizebar{

		letter-spacing: 0px !important;

	}
}
/* Add at 01-20-2021----*/
@media only screen
and (max-width : 335px){
	.searchboxrz{
		width: 98% !important;
	}
}

@media only screen
and (min-device-width: 280px)
and (max-device-width : 575px){
	.carousel-text{
		margin-left: -20px !important;
	}
}
@media only screen
and (min-device-width: 576px)
and (max-device-width : 767px){
	.carousel-text{
		margin-left: -50px !important;
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width : 991px){
	.carousel-text{
		margin-left: -80px !important;
	}
}
@media only screen
and (min-device-width: 992px)
and (max-device-width : 1199px){
	.carousel-text{
		margin-left: -110px !important;
	}
}
@media only screen
and (min-device-width: 1200px)
and (max-device-width : 1499px){
	.carousel-text{
		margin-left: -140px !important;
	}
}
.carousel-text{
	margin-left: -180px ;
}
/*------------ Login & Registration Page Style ---------------*/
.loginmarless{
	margin-top: 125px;
}

@media only screen
and (min-device-width: 280px)
and (max-device-width : 767px){
	.loginmarless{
		margin-top: 0px;
	}
}
@media only screen
and (max-width : 767px){
	.divhideulg{
		display: none !important;
	}
	.mtremove{
		margin-top: 0 !important;
	}
}
@media only screen
and (min-width : 768px){
	.divhidefmd{
		display: none !important;
	}

}
@media only screen
and (max-width : 375px){
	.xspaddles{
		padding: 30px !important;
	}

}
@media only screen
and (max-width : 767px){
	.mysocial{
		margin-top: 30px !important;
		margin-bottom: 15px !important;
	}

}
mysocial
/*------------ Course Page -------------------- */
@media only screen
and (min-device-width: 280px)
and (max-device-width : 767px){
	.imgcenter{
		text-align: center;
	}
}
@media only screen
and (min-device-width: 280px)
and (max-device-width : 767px){
	.top-banners{
		margin-top: 50px !important;
	}
}
@media only screen
and (min-device-width: 768px)
and (max-device-width : 991px){
	.top-banners{
		margin-top: 60px !important;
	}
}
@media only screen
and (min-device-width: 280px)
and (max-device-width : 384px){
	.fontctl1{
		font-size: 24px !important;
	}
	.fontctl2{
		font-size: 12px !important;
	}
}
.course-banner{
	/* The image used */
	  /* background-image: url("../img/course-banner.jpg"); */

	/* Center and scale the image nicely */
	  background-size: cover;
	  background-position: center top;
	  background-repeat: no-repeat;

	 /* background-attachment: fixed;*/

	  /*  Full height */
	  height: 200px;

}
/* ---------------- Course Details Page ------------*/
/* Container holding the image and the text */
.about-mentor {
  position: relative;
}
/* Top right text */
.top-right {
  position: absolute;
  top: 0px;
  right: -18px;
}
@media only screen
and (max-width : 767px){
	.top-right{
		right: 0px;
	}
	.rmpadd{
		padding-left: 0 !important;
	}
	.divresize{
		text-align: center !important;
		padding: 30px !important;
		margin: auto;
	}
	.top-section-details{
		margin-top: 70px !important;
	}
}
@media only screen
and (max-width : 575px){

	.top-right{
		width: 25%;
	}
	.ctimgresize{
		width: 90%;
		height: 90%;
	}
	.txtcenter{
		text-align: center !important;
	}
}
/*---------------------Dashboard/Control-Panel----------------------*/
	.bgclight{
		background-color: #edf4ff;
	}
	.mbadd{
		margin-bottom: -35px !important;
	}
	@media (max-width: 375px) {
		.colsmmdnone-cl {
			display: none;
		}
	}
	@media (max-width: 991px) {
		.colsmmdnone {
			display: none;
		}
	}
	@media (min-width: 1200px) {
		.dxlnone {
			display: none;
		}

	}
	@media (max-width: 1199px) {
		.colsmmdnone {
			display: none;
		}
	}
	@media (max-width: 991px) {
		.colsmmdnone-myc {
			display: none;
		}

	}
	@media (min-width: 992px) {
		.mbadd-myc{
		margin-bottom: -35px !important;
		}
	}

/*@media (max-width: 375px) {
		.colsmmdnone-cl {
			display: none;
		}
	}
	@media (max-width: 991px) {
		.colsmmdnone {
			display: none;
		}
	}
	@media (min-width: 1200px) {
		.mbadd{
		margin-bottom: -40px !important;
		}
	}*/

/*----------- Add Course Page-----*/

/* Style the input fields */
input, select {
  padding: 10px;
  width: 100%;
}

/* Mark input boxes that gets an error on validation: */
input.invalid {
  background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
  display: none;
}

/* Make circles that indicate the steps of the form: */
.step {
  /*height: 15px;
  width: 15px;
  margin: 0 2px;*/
  background-color: #ffffff;
  border: 1px solid black;
  padding: 10px;
  display: inline-block;
  opacity: 0.5;
}

/* Mark the active step: */
.step.active {
  opacity: 1;
  background-color: #ffdc00;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}


@media only screen
and (max-width: 576px) {
  .colsmblock {
    display: block !important;
}