@charset "utf-8";
/* CSS Document */
 * {
     outline: none;
     margin: 0px;
     padding: 0px;
     border: none;
     text-decoration: none;
     box-sizing:border-box;
     font-family: 'Poppins';
}
 body {
     text-decoration: none;
     font-size:16px !important;
     background-color:#fff;
	 font-family: 'Poppins';
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Bold.eot');
    src: url('../fonts/Poppins-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Bold.woff2') format('woff2'), url('../fonts/Poppins-Bold.woff') format('woff'), url('../fonts/Poppins-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Thin.eot');
    src: url('../fonts/Poppins-Thin.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Thin.woff2') format('woff2'), url('../fonts/Poppins-Thin.woff') format('woff'), url('../fonts/Poppins-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-SemiBold.eot');
    src: url('../fonts/Poppins-SemiBold.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-SemiBold.woff2') format('woff2'), url('../fonts/Poppins-SemiBold.woff') format('woff'), url('../fonts/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-ExtraLight.eot');
    src: url('../fonts/Poppins-ExtraLight.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-ExtraLight.woff2') format('woff2'), url('../fonts/Poppins-ExtraLight.woff') format('woff'), url('../fonts/Poppins-ExtraLight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Regular.eot');
    src: url('../fonts/Poppins-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Regular.woff2') format('woff2'), url('../fonts/Poppins-Regular.woff') format('woff'), url('../fonts/Poppins-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Light.eot');
    src: url('../fonts/Poppins-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Light.woff2') format('woff2'), url('../fonts/Poppins-Light.woff') format('woff'), url('../fonts/Poppins-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins-Medium.eot');
    src: url('../fonts/Poppins-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Poppins-Medium.woff2') format('woff2'), url('../fonts/Poppins-Medium.woff') format('woff'), url('../fonts/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist-book';
    src: url('../fonts/geomanist-book-webfont.eot');
    src: url('../fonts/geomanist-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/geomanist-book-webfont.woff2') format('woff2'), url('../fonts/geomanist-book-webfont.woff') format('woff'), url('../fonts/geomanist-book-webfont.ttf') format('truetype'), url('../fonts/geomanist-book-webfont.svg#geomanistregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.effect-shine:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,0.8) 30%, #000 50%, rgba(0,0,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}
.effect-shine1:hover {
    -webkit-mask-image: linear-gradient(-75deg, rgba(255,172,0,1) 30%, #000 50%, rgba(255,172,0,.6) 70%);
    -webkit-mask-size: 200%;
    -webkit-animation: shine 2s infinite;
    animation: shine 2s infinite;
}
@-webkit-keyframes shine1 {
    from {
        -webkit-mask-position: 150%;
    }
    to {
        -webkit-mask-position: -50%;
    }
}

.clear{ clear:both;}

 .img-full{
     width: 100%;
     height:auto;
     display: block;
}
 .img-responsive {
     max-width: 100%;
     height:auto;
}
 .container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}
 .top-container{
     width:100%;
     padding-left:5%;
     padding-right:5% 
}


.copy-right{
     width: auto;
     height: auto;
     line-height:45px;
     float: left;
     font-family: 'Poppins';
     font-size:.8em;
     font-weight: 300;
     color:rgba(255,255,255,0.7);
}
/* Rating Star Widgets Style */
.details-for-star{
	width:48%;
	height:auto;
	float:left;
}
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}
/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:1.2em; /* Change the size of the stars */
  color:#ccc; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFCC36;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FF912C;
}

 .designed {
     width: auto;
     height: auto;
     float: right;
}
 .designed p {
     width: auto;
     height: auto;
     float: right;
      font-family: 'Poppins';
     font-size:.8em;
     font-weight:300;
     color:rgba(255,255,255,0.7);
     
     line-height:45px;
	/* color:#00a8e8;*/
	 
}
 .designed p a {
     text-decoration: none;
      font-family: 'Poppins';
     font-size:1em;
     font-weight:300;
    color:rgba(255,255,255,0.7);
}
 .designed p a:hover {
     text-decoration: none;
     color:#0a71b9;
}

.designed-ido {
    float: right;
    height: auto;
    padding-left: 8px;
    width: auto;
	line-height:45px;
}
.footer-bottom-wrap{
	width:100%;
	height:auto;
	background-color:#000;
}



 .navbar{
    /* position: sticky;*/
     width: 100%;
     top: 0;
     left :0;
     color: black;
     font-family: sans-serif;
     transition: 0.3s;
     z-index:99;
	  /*background-color:#04579d;
	 background-color:#fff;*/
}
 .top-wraper{
     width:100%;
     height: auto;
    position: inherit;
     
}
.about-sub-title {
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 1.5em;
    color: #666;
	font-family: Arial, sans-serif;
}
.features-wrap{
	width:30%;
	height:auto;
	float:left;
	margin-right:5%;
	margin-bottom:2%;
	display:flex;
	margin-top:1em;
}
.features-wrap:nth-child(3n+3){ margin-right:0%;}
.features-icon{
	width:auto;
	height:auto;
	float:left;
	margin-right:10px;
}
.features-content{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
	font-size: 1em;
	color: #333;
	line-height: 26px;
}
.features-home-title {
    width:100%;
    height: auto;
    font-family: inherit;
    font-weight: 600;
	font-size: 1em;
	color: #333;
    text-align: left;
	margin-bottom:0.125em;
}
.features-conten p{
	width:100%;
	height:auto;
	float:left;
	font-family: inherit;
	font-size: 1em;
	color: #333;
	line-height: 26px;
}

header #logo {
     display: inline-block;
     float: left;
     -webkit-transition: all 0.3s;
     -moz-transition: all 0.3s;
     -ms-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     width: auto;
	 /*padding-top:5px;
	 padding-bottom:5px;*/
	 height:50px;
}
/*header #logo img{-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);}*/
 header.smaller #logo img {
     width: auto;
     height:50px;
	 -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
 padding-top:0px;
	 padding-bottom:0px;
}
 header.smaller #logo {
     width: auto;
     height: auto;
     margin-top:0px;
	 padding:7px 10px;
}
 header.smaller .top-right-call {
     display:none !important 
}
.top-quick-link{ display:none}
header.smaller .top-quick-link{ display: block}
 header.smaller .nav a{
     color:#fff !important
}

header.smaller .nav a img {
    -webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
}
 header.smaller .top-right {
     padding-top:0%;
}
.scrolled {
    /* background-image: linear-gradient(to right, #e6225b 34%,#ff99ac 100%) !important;
     */
     transition: 0.3s;
     height:auto;
     background:none !important;
    /* background-color:#005589 !important ;*/
}

.fa-rotate-90 {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    transform: rotate(90deg);
}
.bredcum-wraper{
	width:100%;
	height:auto;
	padding-top:1%;
	font-size:12px;
}
.bred-home{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1.125em;
    font-weight:500;
	color:#666;
	line-height:30px;
	text-transform: capitalize;
}
.bred-home a{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
	color:#666;
	line-height:30px;
}
.bred-home a:hover{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1em;
    font-weight:500;
	color:#333;
	line-height:30px;
}
.bred-arrow{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1.125em;
    font-weight:500;
	color:#666;
	line-height:30px;
	padding-left:10px;
	padding-right:10px;
}
.bred-next{
	width:auto;
	height:auto;
	float:left;
	font-family: inherit;
    font-size:1.125em;
    font-weight:500;
	color:#04579d;
	line-height:30px;
	text-transform: capitalize
}
.login-wrap{
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:60px;
}
.study-wrap{
	min-height:100vh;
}
.login-container{
	width:50%;
	height:auto;
	float:left;
	padding-right:8%;
}
.login-container:nth-child(2){
	 padding-left:8%;
	 border-left:1px solid #ccc;
	 padding-right:0%;
}
.login-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:2.188em;
	color:#04579d;
	font-weight:600;
	padding-bottom:0.5em;
}
.login-box-wrap {
    width: 100%;
    height: auto;
    margin-bottom: 15px;
}
.login-for{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1em;
	color:#444;
	font-weight:400;
}
.login-box{
    width: 100%;
    height:38px;
    border: 1px solid #c7c7c7;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 38px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size:1em;
    background-color: #fff;
	border-radius:5px;
}

input.login-box::-webkit-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.login-box::-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.login-box:-ms-input-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
input.login-box:-moz-placeholder{
    color:#666 !important;
    font-size:1em !important;
    opacity:1 !important;
    font-family: inherit;
    text-transform:capitalize;
    font-weight: normal;
}
.login-name{ padding-top:0.5em; padding-bottom:0.5em;}
.forgot-pasword{
	text-align:right;
	font-family:inherit;
	font-size:1em;
	color:#444;
	font-weight:400;
	float:right;
	padding-right:5%
}
.forgot-pasword:hover{
	font-family:inherit;
	font-size:1em;
	color:#04579d;
	font-weight:400;
}

.login{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:40px;
	padding-right:40px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight:500;
	text-align:center;
	margin-top:0.5em;
}

.login:before, .login:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#010911;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.login:before{
    
	background:#04579d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.login:hover{
    color:#fff;
}
.login:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}

.remember{
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size:1em;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.remember input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color:#fff;
  border:1px solid #ccc;
}

/* On mouse-over, add a grey background color */
.remember:hover input ~ .checkmark {
  background-color: #fff;
   border:1px solid #04579d;
}

/* When the checkbox is checked, add a blue background */
.remember input:checked ~ .checkmark {
  /*background-color:#231f20;*/
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.remember input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.remember .checkmark:after {
  left: 5px;
  top:2px;
  width: 5px;
  height: 10px;
  border: solid #04579d;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.top-right{
	width:auto;
	height:50px;
	float:right;
	display:flex;
	align-items:center;
}
.scrolled  .top-right{ height:70px;}

.banner-wraper{
	width:100%;
	height:auto;
	position:relative;
}
.banner-pics{
	width:100%;
	height:auto;
}
.banner-caption-wrap{
	width:100%;
	height:100%;
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	align-items:center;
}
.caption-wrap{ width:auto; float:left}


.banner-caption-wrap p{ font-family:inherit; color:#666; font-size:1.15em; line-height:22px; margin-top:1em;}

.home-container-wraper{
	width:100%;
	height:auto;
	padding-top:60px;
	padding-bottom:60px;
}
.home-title{
	width: auto;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:2.188em;
	color:#04579d;
	font-weight:600;
	padding-bottom:0.5em;
	text-transform:uppercase;
	float:left;
}
.program-wrap{
	width:100%;
	height:auto;
}
.program-container{
	width:32%;
	height:auto;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
	
}
.program-container:nth-child(3n+3){ margin-right:0%;}
.program-pics{
	width:100%;
	height:auto;
}
.program-title{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.750em;
	color:#333;
}
.program-for{
	width:100%;
	height:auto;
	border:1px solid #ccc;
	padding:1em;
}
.program-for p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#666;
	padding-top:0.5em;
	padding-bottom:0.5em;
}

.program-rate{
	width:100%;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:1.250em;
	color:#04579d;
}
.program-dtl {
    width: 100%;
    height: auto;
    padding-top:1em;
    padding-bottom:1em;
}
.add-cart {
    width: auto;
    float: left;
    margin-right: 5px;
}
.view-more{
	color:#04579d;
    outline:none;
    background:transparent;
    padding-left:30px;
	padding-right:30px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight: normal;
	text-align:center;
	float:left;
}

.view-more:before, .view-more:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#0b77d2;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.view-more:before{
    
	background:#fff;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.view-more:hover{
    color:#fff;
}
.view-more:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}


.buy-now{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:30px;
	padding-right:30px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight: normal;
	text-align:center;
	float:left;
}

.buy-now:before, .buy-now:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#0b77d2;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.buy-now:before{
    
	background:#04579d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.buy-now:hover{
    color:#fff;
}
.buy-now:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
.sorting-for {
    width: auto;
    float: right;
}
.select {
    position: relative;
    display: inline-block;
    width: 100%;
}
.select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0px 30px;
     outline: 0;
     border-radius: 0;
     color: #666;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border:1px solid #ccc;
     font-size:1em;
     font-family:inherit;
	 line-height:40px;
	/* background-color:transparent*/
}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #000;
     background: #fff;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 17px;
	 right: 15px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}

.video-container{
	width:85%;
	height:auto;
	margin:1em auto;
	position:relative;
}
.video-watermark{
	width:auto;
	height:auto;
	position:absolute;
	right:5%;
	top:35%;
	color:rgba(255,255,255,0.6);
	font-family: inherit;
    font-size:1em;
}
.video-content{
	width:100%;
	height:auto;
	padding-bottom:1em;
}
.video-container p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#666;
	line-height:24px;
	font-weight:400;
	padding-left:5%;
	padding-right:5%;
}
.performance-table{
	width:60%;
	height:auto;
	float:left;
	padding-right:1%;
}


table { 
	width:100%; 
	border-collapse: collapse;
	}

/* Zebra striping */
tr:nth-of-type(odd) { 
	/*background: #eee;*/ 
	}

th { 
	background:#fff;
	color:#000; 
	font-weight:600; 
	font-family:inherit !important;
	font-size:1.25em !important;
	border: none !important; 
	border-bottom:1px solid #666 !important
	}

td, th { 
	padding: 10px; 
	/*border: 1px solid #ccc; */
	text-align: left; 
	font-size:1em;
	font-family:inherit;
	font-weight:normal;
	}

/* 
Max width before this PARTICULAR table gets nasty
This query will take effect for any screen smaller than 760px
and also iPads specifically.
*/
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	table { 
	  	width: 100%; 
	}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}

	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		/* Label the data */
		content: attr(data-column);

		color: #000;
		font-weight: bold;
	}

}

.my-profile-name{
	width:70%;
	height:auto;
	float:left;
	padding-bottom:1em;
}
.name-for{
	width:49%;
	height:auto;
	float:left;
}
.name-for:nth-child(2n+2){ float:right}
.my-profile-wrap{ width:70%; float:left}
.profile-details{
	width:100%;
	height:auto;
}
.gender-wrap {
    width:100%;
    height: auto;
    float: left;
    padding-right:2em;
}
.gender-for {
    width: 100%;
    height:38px;
    display: flex;
    align-items: center;
}

.change-password{
	width:100%;
	height:auto;
	padding-top:1.5em;
	margin-top:1.5em;
	border-top:1px solid #ccc;
}
.change-password-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.5em;
	font-family:inherit;
	font-weight:300;
	color:#04579d;
}
.change-details {
    width:70%;
    height: auto;
	float:left
}

.login-box-password {
    width: 80%;
    height: 38px;
    border: 1px solid #c7c7c7;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 38px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    background-color: #fff;
    border-radius: 5px;
	float:left
}
.login-show{ float:left; width:20%;}

.show{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:30px;
	padding-right:30px;
    line-height:38px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight:500;
	text-align:center;
}

.show:before, .show:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#010911;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.show:before{
    
	background:#04579d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.show:hover{
    color:#fff;
}
.show:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
.relaxation-container{
	width:100%;
	height:auto;
	padding-bottom:1em;
}
.details-for{
	width:48%;
	height:auto;
	float:left;
}
.details-for:nth-child(2){ float:right;}
.details-top{
	width:100%;
	height:auto;
	padding-bottom:0.25em;
}
.details-title{
	width: auto;
	height:auto;
	text-align:left;
	font-family:inherit;
	font-size:2.188em;
	color:#04579d;
	font-weight:600;
	padding-bottom:0.5em;
	text-transform:uppercase;
	float:left;
}
.details-top p{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.25em;
	color:#333;
	font-weight:400;
	text-align:left;
}
.select-category{
	width:40%;
	height:auto;
	float:left;
}
.select {
    position: relative;
    display: inline-block;
    width: 100%;
}

.select select {
     display: inline-block;
     width: 100%;
     cursor: pointer;
     padding: 0px 15px;
     outline: 0;
     border-radius: 0;
     color: #666;
     appearance: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     border:1px solid #ccc;
     font-size:1em;
     font-family:inherit;
	 line-height:40px;
	/* background-color:transparent*/
}
 .select select::-ms-expand {
     display: none;
}
 .select select:hover, .select select:focus {
     color: #444;
     background: #fff;
}
 .select select:disabled {
     opacity: 0.5;
     pointer-events: none;
}
 .select__arrow {
     position: absolute;
     top: 17px;
	 right: 5px;
     width: 0;
     height: 0;
     pointer-events: none;
     border-style: solid;
     border-width: 8px 5px 0 5px;
     border-color: #7b7b7b transparent transparent transparent;
}
 .select select:hover ~ .select__arrow, .select select:focus ~ .select__arrow {
     border-top-color: #000;
}
 .select select:disabled ~ .select__arrow {
     border-top-color: #ccc;
}
.review-container{
	width:auto;
	height:auto;
	float:right;
}
.review{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1em;
	color:#666;
	margin-left:0.5em;
	line-height:40px;
}
.select-option{
    width:100%;
    height: auto;
    font-family: inherit;
    font-size: 1em;
    color: #666;
    line-height:30px;
}
.details-for-mid{
	width:100%;
	height:auto;
	margin-top:1em;
	padding-top:1em;
	border-top:1px solid #ccc;
}
.details-for-mid-title{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-weight:400;
	font-size:1.25em;
	color:#04579d;
	margin-right:1em;
}
.details-for-mid-content{
	width:auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-weight:400;
	font-size:1.25em;
	color:#333;
}
.price-for{
	display:flex;
	align-items:center
}
.common-div{
	width:100%;
	height:auto;
	padding-bottom:0.5em;
	padding-top:0.5em;
}
.common-title{
	width:25%;
	height:auto;
	float:left;
	font-family:inherit;
	font-weight:400;
	font-size:1.25em;
	color:#04579d;
	text-align:left
}
.common-title-sep{
	width:5%;
	height:auto;
	float:left;
	font-family:inherit;
	font-weight:400;
	font-size:1.25em;
	color:#04579d;
	text-align:center
}
.common-content{
	width:70%;
	height:auto;
	float:left;
	font-family:inherit;
	font-weight:300;
	font-size:1.25em;
	color:#333;
	text-align:left
}
.details-middle-container{
	width:100%;
	height:auto;
	padding-top:1em;
	padding-bottom:1em;
}
.details-for p{
	width:100%;
	height:auto;
	font-size:1em;
	color:#666;
	font-family:inherit;
	line-height:24px;
	padding-top:0.5em;
	padding-bottom:0.5em;
	
}
.sub-title{
	width:100%;
	height:auto;
	text-align:left;
	font-size:1.5em;
	font-family:inherit;
	font-weight:300;
	color:#04579d;
}
.details-for ul{
	margin:0px;
	padding:0px;
	list-style-type:none
}
.details-for ul li{
	width:100%;
	height:auto;
	font-size:1em;
	color:#666;
	font-family:inherit;
	line-height:24px;
	margin-top:0.5em;
	background:url(../images/listing.png) no-repeat left 8px;
	padding-left:15px;
}
.review-wrap{
	width:100%;
	height:auto;
	margin-top:1.5em;
	border-top:1px solid #ccc;
	padding-top:1.5em;
	padding-bottom:2em;
}
.write-review{
	width:100%;
	height:auto;
	padding-bottom:0.25em;
	padding-top:0.5em;
}
.write-profile{
	width:10%;
	height:auto;
	float:left;
}
.write-details{
	width:90%;
	height:auto;
	float:left;
}
.write-details-name{
	width:100%;
	height:auto;
	font-family:inherit;
	font-size:1.125em;
	color:#666;
	
}
.calback-box-contact {
    width: 100%;
    height: 140px;
    border: 1px solid #ccc;
    padding-left: 2.5%;
    padding-right: 2.5%;
    line-height: 26px;
    font-weight: normal;
    font-style: normal;
    color: #666;
    font-size: 1em;
    padding-top: 0.5em;
}
textarea.calback-box-contact::-webkit-input-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact::-moz-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact:-ms-input-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
textarea.calback-box-contact:-moz-placeholder {
 opacity:1 !important;
 font-size: 1em !important;
 color: #333 !important;
 font-family: inherit;
 font-weight: normal;
}
.write-details p{
	width:100%;
	height:auto;
	font-size:1em;
	color:#666;
	font-family:inherit;
	line-height:24px;
	padding-top:0.5em !important;
	padding-bottom:1em;
	
}
.banner-caption-top{
	font-size:5.875em;
	font-family: 'geomanist-book';
	text-transform:uppercase;
	color:#fff;
	letter-spacing:-5px;
	line-height:1;
}


.banner-caption{
	font-family: 'geomanist-book';
	font-size:3.250em;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	line-height:1;
	letter-spacing:-1px;
	
}

.banner-caption-bottom{
	font-family: 'geomanist-book';
	font-size:2.188em;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
	line-height:66px;
}
.banner-caption span{
	font-family: inherit;
	font-size:1.061em;
	color:#ec4461;
	text-transform:uppercase;
	font-weight:600;
}
.checkout-course{
	width:auto;
	height:auto;
	display:flex;
	align-items:center;
	padding-top:1em;
}
.checkout-course-pic{
	width:auto;
	height:auto;
	float:left;
	margin-right:3em;
}
.checkout-details{
	width:auto;
	height:auto;
	float:left;
}
.checkout-title {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1.50em;
    color: #333;
}
.checkout-details p{
    width: 100%;
    height: auto;
    font-family: inherit;
    font-size: 1.25em;
    color: #666;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.checkout-details-wrap{
	width:100%;
	height:auto;
	margin-top:1.5em;
	padding-top:1.5em;
	border-top:1px solid #ccc;
	padding-bottom:2em;
}
.checkout-billing-details {
    width: 25%;
    height: auto;
    float: left;
    font-family: inherit;
    font-weight: 400;
    font-size: 1.25em;
    color: #333;
    text-align: left;
}
.checkout-billing-content {
    width: 70%;
    height: auto;
    float: left;
    font-family: inherit;
    font-weight: 300;
    font-size: 1.15em;
    color: #333;
    text-align: left;
	padding-left:2%;
	line-height:30px;
}
.common-div-checkout{
	padding-bottom:0px;
}
.checkout-for{
	width:100%;
	height:auto;
	padding-bottom:2em;
	border-bottom:1px solid #ccc;
	padding-right:5%;
	margin-bottom:1em;
}
.cart-wrap{
	width:100%;
	height:auto;
	min-height:100vh;
}
.cart-container{
	width:63%;
	height:auto;
	float:left;
	
}
.order-summary{
	width:35%;
	height:auto;
	float:right;
	background-color:#f7f7f7;
	padding:2% 3%;
	
}
.order-summary-title {
    width: 100%;
    height: auto;
    text-align: left;
    font-family: inherit;
    font-size: 1.50em;
    color: #333;
	font-weight:500
}
.order-details-wrap{
	width:100%;
	height:auto;
	padding-bottom:1em;
	margin-bottom:1em;
	border-bottom:1px solid #ccc;
	padding-top:1.5em;
}
.summary-for{
	width:100%;
	height:auto;
	padding-bottom:0.5em;
}
.summary-left{
	width: auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1.25em;
	text-align:left;
	color: #333;
	font-weight: 400;
	line-height:30px;
}
.summary-sep{
	width:10%;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1.25em;
	text-align:center;
	color: #333;
	font-weight: 400;
	line-height:30px;
}
.summary-right{
	width: auto;
	height:auto;
	float:left;
	font-family:inherit;
	font-size:1.25em;
	text-align:left;
	color: #333;
	font-weight: 400;
	line-height:30px;
}
.cart-btn{
	color:#fff;
    outline:none;
    background:transparent;
    padding-left:20px;
	padding-right:20px;
    line-height:40px;
    position:relative;
    display:inline-block;
    cursor:pointer;
    text-decoration:none;
    overflow:hidden;
    transition:all .5s;
    z-index:1;
    font-family: inherit;
    font-size:1em;
    font-weight:500;
	text-align:center;
	margin-top:0.5em;
	float:left;
	margin-right:0.5em;
}

.cart-btn:before, .cart-btn:after{
    content:'';
    position:absolute;
    left:0;
    top:0;
    right:0;
    bottom:0;
    height:100%;
    background:#010911;
    z-index:-1;
    transform:translate3D(0,-100%,0);
    transition:all .5s;
	
}
.cart-btn:before{
    
	background:#04579d;
    z-index:-2;
    transform:translate3D(0,0,0);
}
.cart-btn:hover{
    color:#fff;
}
.cart-btn:hover:after{
    transform:translate3D(0,0,0);
    transition:all .5s;
}
.cart-total{ margin-top:2em; margin-bottom:2em;}

.cart-coure{
	width:auto;
	height:auto;
	display:flex;
	align-items:center;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
.cart-course-pic{
	width:auto;
	height:auto;
	float:left;
	margin-right:2em;
}
.cart-course-dtl{
	width:auto;
	height:auto;
	}
.cart-course-dtl-name{
	width:100%;
	text-align:center;
	font-family:inherit;
	color:#333;
	font-size:1.5em;
	font-weight:400;
	
}
.cart-remove{
	width:100%;
	text-align:center;
	font-family:inherit;
	color:#333;
	font-size:1em;
	font-weight:400;
	
}
.category-for{
    width: 100%;
    height: auto;
    border: 0px solid #ccc;
    padding: 1em 0em;
}
.mycourses-for-admin{
	width:25%;
	height:auto;
	float:left;
	padding-right:5%;
}
.my-courses{
	width:75%;
	height:auto;
	float:left;
	border-left:1px solid #ccc;
	padding-left:5%;
}
.my-account-left{
	width:100%;
	line-height:52px;
	border-bottom:1px solid #dfdfdf;
	font-family:inherit;
	font-size:1em;
	color:#333;
	font-weight:400;
	padding-left:5%;
	display:flex;
	align-items:center;
}
.my-account-left img{ margin-right:0.5em;}

/*.active img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}*/
a:hover .my-account-left{ background-color:#666; color:#fff}
a:hover .my-account-left img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}
.study-materials-content{
	width:100%;
	height:auto;
	padding-bottom:25px;
	padding-top:25px;
	border-bottom:1px solid #ccc;
	display:flex;
	align-items:center;
}
.study-material-icon{
	width:7%;
	height:auto;
	float:left;
	
}
.study-material-details{
	width:78%;
	height:auto;
	float:left;
}
.study-material-title{
	width:100%;
	height:auto;
	text-align:left;
	color:#222;
	font-size:1.25em;
	font-family:inherit;
}
.study-material-details p{
	width:100%;
	height:auto;
	text-align:left;
	color:#444;
	font-family:inherit;
	font-size:1em;
	line-height:24px;
}
.welcome-container{
	width:100%;
	height:auto;
	text-align:center;
}
.welcome-container p{
	width:96%;
	height:auto;
	margin:5px auto;
	font-family: Arial, sans-serif;
	font-size:1.05em;
	color:#333;
	line-height: 24px;
	font-weight: lighter;
}

.title-welcome{
    width: 100%;
    height: auto;
    text-align: center;
    font-size: 2.188em;
    color: #666;
	font-family: Arial, sans-serif;
    /*padding-bottom: 0.5em;*/
}
.welcome-about{
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:1em;
}
.about-for{
	width:60%;
	height:auto;
	float:left;
	padding-right:5%;
}
.about-for p{
	width:100%;
	height:auto;
	font-family: Arial, sans-serif;
	font-weight: lighter;
	font-size:1.05em;
	color:#333;
	line-height:24px;
	padding-bottom:1em;
	margin-top:5px;
}
.about-pic{
	width:40%;
	height:auto;
	float:left;
}
.about-for ul{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.about-for ul li{
	height:auto;
	font-family:inherit;
	font-size:1em;
	color:#333;
	line-height:26px;
	padding-left:22px;
	background:url(../images/listing-for.png) no-repeat left 7px;
}
.thank_wrap{
     width:100%;
     height:auto;
}
.thank_wrap_img{
     width:100%;
     height:auto;
     margin-bottom:1%;
}
.thank_wrap_img img{
     max-width:100%;
     height:auto;
     display:block;
     margin:0 auto;
}
.thank_wrap h6{
     color:#04579d;
      font-family: inherit;
     font-size:1.25em;
     font-weight:500;
     line-height:1.8em;
     text-align:center;
	 margin-bottom:0.5em;
	 margin-top:0.5em;
}

.thank_wrap h2{
     color:#333;
      font-family: inherit;
     font-size:1.15em;
     font-weight:600;
     line-height:26px;
     text-align:center;
	 margin-top:0.5em;
}
.thank_wrap h3{
     color:#333;
      font-family: inherit;
     font-size:1.1em;
     font-weight:500;
     line-height:24px;
     text-align:center;
	 margin-top:0.5em;
}
.thank_wrap h4{
     color:#333;
      font-family: inherit;
     font-size:1em;
     font-weight:500;
     line-height:24em;
     text-align:center;
}
.thank_wrap h6 a{
     color:#005fa3;
      font-family: inherit;
     font-weight:400;
     text-decoration:none;
}
.thank_wrap h6 a:hover{
     color:#04579d;
      font-family: inherit;
     font-weight:400;
     text-decoration:underline;
}
.thank_wrap h5{
     color:#fff;
     text-align:center;
      font-family: inherit;
     font-size:1em;
     font-weight:500;
     line-height:42px;
     background-color:#04579d !important;
     width: auto;
     margin:0 auto;
     margin-top:10px;
	 text-transform:none;
	 padding-left:30px;
	 padding-right:30px;
	 border-radius:5px;
}

.footer-middle-wraper{
	width:100%;
	height:auto;
	/*border-top:2px solid #cedaf0;
	display:flex;
	justify-content:center;
	align-items:center;
*/}
.footer-middle-for{
	width:45%;
	height:auto;
	float:left;
	/*border-right:2px solid #cedaf0;*/
	padding-top:10px;
	padding-bottom:10px;
	display: flex;
align-items: center;
}
.footer-middle-content:nth-child(3){ margin-right:0%;}
.footer-middle-for:nth-child(2){ border:none; padding-left:2%; width: auto; float:right;}
/*.footer-middle-content{
	width:auto;
	height:auto;
	float:left;
	margin-right:5%;
	display: -webkit-box;
}*/
.ftr-logo{ max-width:100%;}
.footer-middle-content {
    width: auto;
    height: auto;
    float: left;
    margin-right:5%;
   /* display: flex;
    justify-content: center;*/
}
.footer-middle-content:nth-child(5){ margin-right:0%;}
/*.footer-icon{
	 width:28px; float:left;
	 margin-right:0.5em;
	 height:28px;
	 border-radius:50%;
	 text-align:center;
	 line-height:28px;
	 border:1px solid #005589;
	 color:#005589;
	 font-size:13px;
}*/

.footer-icon {
    width: 21px;
    float: left;
    margin-right: 0.25em;
    height: 21px;
    border-radius: 50%;
    text-align: center;
    line-height: 25px;
   /* border: 1px solid #005589;*/
    color: #005589;
    font-size: 10px;}
.footer-content-details{
	width: auto;
height: auto;
float: left;
font-family: inherit;
font-size: 0.9em;
font-weight: 400;
color: #2c79ca;
line-height: 25px;
}

.footer-social-links {
	width:auto;
	height:auto;
	float:left;
	display: block ruby;
}
.footer-social-links ul{
	  margin:0px;
     padding:0px;
     list-style-type:none;
	 width:auto;
	 min-width:117px;
}
 .footer-social-links ul li {
	  height:32px;
     width:32px;
	 float:left;
	 background: none;
	 padding-left:0px;
	 margin-left:0.5em;
	 
}

 .footer-social-links ul li a {
     height:32px;
     width: auto;
     display: block;
     text-align: center;
     background-color: transparent;
     font-size:1.35em ;
	 color:#005589;
	 line-height:32px;
	 
}
 .footer-social-links ul li a:hover {
	 color:#008ed6;
	 font-size:1.5em;
}
.desk-view{ display:block;}
.mob-view{ display:none}

.program-pics-wrap{
	width:100%;
	height:auto;
	position:relative;
}
.programms{
	width: auto;
height: auto;
position: absolute;
left: 0;
top: 0%;
background-color: #6AB94E;
color: #fff;
font-size: .9em;
font-family: inherit;
line-height: 29px;
padding-left: 15px;
padding-right: 15px;
border-bottom-right-radius: 5px;
}
.program-rate span{
	font-family:inherit;
	font-size:0.65em;
	color:#666;
}
.dp{
    width: 100%;
    display: flex;
}


@media (min-width: 1023px) and (max-width: 1279px) {
	 body {
     text-decoration: none;
     background:#fff;
     font-size:13px !important;
}

     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
}
 @media (min-width: 1280px) and (max-width: 1359px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:14px !important;
}
     .container{
         width:100%;
         padding-left:2%;
         padding-right:2% 
    }
	
	


}
 @media (min-width: 1360px) and (max-width: 1399px) {
	  body {
     text-decoration: none;
     background:#fff;
     font-size:15px !important;
}
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
	.top-container {
    width: 100%;
    padding-left:5%;
    padding-right:5%;
}
	
	

}
 @media (min-width: 1400px) and (max-width: 1441px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width: 1441px) and (max-width: 1599px) {
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}
 @media (min-width:1600px){
     .container{
         width:100%;
         padding-left:5%;
         padding-right:5% 
    }
}



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

	

}


@media (max-width:399px) {
	 body { font-size:14px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ width:100%; text-align:center; line-height:30px;}
	.designed{ width:100%; display:flex; justify-content: center}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:80%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:65%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:100%; margin-right:0%;}
	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:65%;}
	.footer-middle-content:nth-child(3){ width:35%;}
	.footer-middle-content:nth-child(4){ width:65%;}
	.footer-middle-content:nth-child(5){ width:35%;}
	/*.footer-content-details{ min-height:45px;}*/
	
	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:96%; padding-left:0%;}
	.study-material-icon{ width:15%;}
	.study-material-details{ width:70%}
	.login-title {font-size: 1.75em;}
	.swiper-container {height:205px !important;}
	.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.features-wrap{ width:100%; margin-right:0%;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}
}
@media (min-width:400px) and (max-width:480px){
	body { font-size:14px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ width:100%; text-align:center; line-height:30px;}
	.designed{ width:100%; display:flex; justify-content: center}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:80%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:65%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:100%; margin-right:0%;}
	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:60%;}
	.footer-middle-content:nth-child(3){ width:40%;}
	.footer-middle-content:nth-child(4){ width:60%;}
	.footer-middle-content:nth-child(5){ width:40%;}
	/*.footer-content-details{ min-height:30px;}*/
	
	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:90%; padding-left:0%;}
	
	.study-material-icon{ width:15%;}
	.study-material-details{ width:70%}
	.login-title {font-size: 1.75em;}
	
		.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.features-wrap{ width:100%; margin-right:0%;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}

}
@media (min-width:481px) and (max-width:580px){
	
	body { font-size:14px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ width:100%; text-align:center; line-height:30px;}
	.designed{ width:100%; display:flex; justify-content: center}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:80%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:60%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:100%; margin-right:0%;}
	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:50%;}
	.footer-middle-content:nth-child(3){ width:50%;}
	.footer-middle-content:nth-child(4){ width:50%;}
	.footer-middle-content:nth-child(5){ width:50%;}
	/*.footer-content-details{ min-height:30px;}*/
	
	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:90%; padding-left:0%;}
	
	.study-material-icon{ width:15%;}
	.study-material-details{ width:70%}
	.login-title {font-size: 1.75em;}
	.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.features-wrap{ width:100%; margin-right:0%;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}
}
@media (min-width:581px) and (max-width:680px){
	
	body { font-size:15px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ line-height:30px;}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:75%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:50%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:49%; margin-right:2%;}
	.program-container:nth-child(3n+3){ margin-right:2%;}
	.program-container:nth-child(2n+2){ margin-right:0%;}
	.program-title{ font-size:1.5em;}

	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:50%;}
	.footer-middle-content:nth-child(3){ width:50%;}
	.footer-middle-content:nth-child(4){ width:50%;}
	.footer-middle-content:nth-child(5){ width:50%;}
	/*.footer-content-details{ min-height:30px;}*/

	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:90%; padding-left:0%;}
	.study-material-icon{ width:15%;}
	.study-material-details{ width:70%}
	.login-title {font-size: 1.75em;}
	.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.features-wrap{ width:49%; margin-right:2%;}
	.features-wrap:nth-child(3n+3){ margin-right:2%;}
	.features-wrap:nth-child(2n+2){ margin-right:0%;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}


}
@media (min-width:681px) and (max-width:736px){
	body { font-size:15px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ line-height:30px;}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:75%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:50%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:49%; margin-right:2%;}
	.program-container:nth-child(3n+3){ margin-right:2%;}
	.program-container:nth-child(2n+2){ margin-right:0%;}
	.program-title{ font-size:1.5em;}

	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:50%;}
	.footer-middle-content:nth-child(3){ width:50%;}
	.footer-middle-content:nth-child(4){ width:50%;}
	.footer-middle-content:nth-child(5){ width:50%;}
	/*.footer-content-details{ min-height:30px;}*/
	
	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:85%; padding-left:0%;}
	.study-material-icon{ width:15%;}
	.study-material-details{ width:70%}
	.login-title {font-size: 1.75em;}
	.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.features-wrap{ width:49%; margin-right:2%;}
	.features-wrap:nth-child(3n+3){ margin-right:2%;}
	.features-wrap:nth-child(2n+2){ margin-right:0%;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}
}

@media (min-width:737px) and (max-width: 768px){
	body { font-size:15px !important;}
	.desk-view{ display:none;}
	.mob-view{ display:block}
	.container {width: 100%;padding-left:2%;padding-right:2%;}
	.copy-right{ line-height:30px;}
	.designed p{ line-height:30px;}
	.footer-bottom-wrap{ padding-top:0.5em; padding-bottom:0.5em;}
	.footer-middle-wraper{ display: inherit; }
	.footer-middle-content{ display:inherit; width:100%; margin-right:0%; margin-bottom:0.25em;}
	.about-for{ width:100%; padding-right:0%; float:right;}
	.about-pic{ width:100%;}
	header #logo{ width:75%; display: flex; align-items:center}
	.top-right {display: inherit; position: absolute; right: 0;  top: 0;  width:50%; z-index: 99; }
	.menu-container{ width:100%}
	.menu > ul > li{ float:none !important}
	.program-container{ width:49%; margin-right:2%;}
	.program-container:nth-child(3n+3){ margin-right:2%;}
	.program-container:nth-child(2n+2){ margin-right:0%;}
	.program-title{ font-size:1.5em;}

	.login-wrap{ padding-top:20px;}
	
	.details-for{ width:100%; margin-bottom:1em;}
	.details-title{ font-size:1.75em;}
	.name-for{ width:100%;}
	.details-for-star{ width:100%;}
	.textarea-scrollbar { margin: auto !important; height: auto !important; width: 100% !important;}
	.scrollbar-outer > .scroll-content.scroll-scrolly_visible {left: -12px;  margin-left: 12px; }
	.write-profile{ width:15%;}
	.write-details{width: 85%;}
	.common-title{ width:auto; padding-right:0.5em;}
	.common-content{ width:auto; padding-left:0.5em;}
	
	.login-container{ width:100%; padding-right:0%;}
	.login-container:nth-child(2){ padding-left:0%; border:none; margin-top:2em;}
	.login{ float:left;}
	.forgot-pasword{ float:left; text-align:left;}
	
	.cart-container{ width:100%;}
	.order-summary{ width:100%; margin-top:1em;}
	.cart-course-pic{ display:none}
	.cart-course-dtl-name{ text-align:left; font-size:1.25em;}
	.cart-remove{ text-align:left; margin-top:1em;}
	.checkout-billing-details{ width:35%; font-size:1.15em;}
	.checkout-billing-content{ width:60%;}
	.buy-now{  padding-left:20px; padding-right:20px}
	.checkout-course-pic{ display:none}
	.checkout-details p{ font-size:1em;}
	.footer-middle-content:nth-child(2){ width:50%;}
	.footer-middle-content:nth-child(3){ width:50%;}
	.footer-middle-content:nth-child(4){ width:50%;}
	.footer-middle-content:nth-child(5){ width:50%;}
	/*.footer-content-details{ min-height:30px;}*/
	
	.mycourses-for-admin{width:100%; padding-right:0%;}
	.my-courses{ border:none; margin-top:2em;}
	.performance-table{ width:100%;}
	.my-courses{ width:85%; padding-left:0%;}
	.login-title {font-size: 1.75em;}
	.footer-middle-for{ width:100%; border:none; display:inherit; padding-top:10px; padding-bottom:10px;}
	.footer-middle-for:nth-child(2){ width:100%;}
	.top-wraper {position: inherit;}
	.welcome-about{padding-top:40px;}
	.about-for{ padding-top:10px;}
	.home-container-wraper{ padding-top:30px;}
	.about-sub-title{ padding-top:5px}
	.about-for p{ padding-bottom:0px;}
}
@media (min-width:1360px) and (max-width:1366px){
}
@media (min-width:1200px) and (max-width:1359px){
}
@media (min-width:737px) and (max-width:1199px){
}