/****************Global Css**************/

body {

	font-family: 'Roboto', sans-serif;

	margin:0;

	padding:0

}

.left {

	float:left

}

.right {

	float:right

}

.orange {

	background-color:#ff5614

}

.green {

	background-color:#0cf062

}

.blue {

	background-color:#00a8ff

}

.golden {

	color:#d6b86f

}

.bg-dark {

	background-color: transparent !important;

}

.navbar-brand, h1, h2, h3 {

	font-family: 'Roboto Slab', serif;

}

/****************Header Css**************/

.no-banner {

	background-color: #0e0e19;

}

.top-nav {

	background-color:#1c1c31;

	color:#fff;

	display: inline-block;

	width: 100%;

	font-size: 11px;

	padding: 6px 0;

}

.top-nav a {

	color:#fff

}

.top-nav a:hover {

	text-decoration:underline

}

.top-nav span {

	margin-right: 15px

}

.top-nav span img {

	width:12px;

	height:12px;

	margin-right:5px;

}

.nav-item {

margin:.6rem 1rem;

	position:relative

}

.navbar-dark .navbar-nav .nav-link {

	 color: #fff; 
	
	

	padding: 0;

	border-bottom: 2px solid transparent;

	font-size: 14px;

 transition: all .5s ease-in-out;

}

.navbar-dark .nav-item .inner-menu {

	background: #1c1c31;

	text-align:center;

	position: absolute;

	min-width: 120px;

	left: -28px;

	top: 22px;

	border-radius: 3px;

	display:none;

	padding:5px 0

}

.navbar-dark .nav-item:hover .inner-menu {

	display:inline-block

}

.navbar-dark .navbar-nav .active .nav-link, .navbar-dark .navbar-nav .nav-link:hover {

	color: #ffc000;

	border-bottom: 2px solid #ffc000;

}

.navbar-dark .navbar-nav .active .inner-menu .nav-link, .navbar-dark .navbar-nav .inner-menu .nav-link:hover {

	color: #fff;

	border-bottom: 2px solid transparent;

}

.navbar-dark .nav-item .inner-menu a {

	padding:2px 0;

	color:#ccc;

	font-size: 13px;

}

.navbar-brand {

	font-size:24px;

}

.stickysocial {

	position: fixed;

	left: 0px;

	top: 35%;

	z-index: 120;

	background: rgba(49, 86, 112, 0.22);

	border: 1px solid #fff;

	padding: 13px 9px 4px 11px;

	margin-top: -85px;

}

.stickysocial p a {

	background: url(../image/sprite-social-icon.png) no-repeat;

	color: #afcfe9;

	font-size: 12px;

	font-family: "avgr65w_1";

	display: inline-block;

	height: 25px;

	text-indent: -9999px;

	margin-bottom: 4px;

	width: 25px;

}

.stickysocial p a.fb {

	background-position: -5px -5px;

}

.stickysocial p a.tw {

	background-position: -33px -5px;

}

.stickysocial p a.gl {

	background-position: -61px -5px;

}

.stickysocial p a.you {

	background-position: -88px -5px;

}

.stickysocial p a.you:hover {

	background-position: -88px -31px;

}

.stickysocial p a.fb:hover {

	background-position: -5px -32px;

}

.stickysocial p a.tw:hover {

	background-position: -33px -31px;

}

.stickysocial p a.gl:hover {

	background-position: -61px -31px;

}

.stickyform2 {

	position: fixed;

	right: 0px;

	top: 30%;

	z-index: 120;

}

.modal-content {

	float: left;

	width: 100%;

	border-radius: 0px;

}

.modal-content .close {

	background: #00afeb;

	color: #fff;

	cursor: pointer;

	font-size: 27px;

	padding: 2px 13px 3px;

	opacity: 1;

	margin: 1px;

	z-index: 123;

	width:40px;

}

.dwn-brochure {

	width: 100%;

	float: left;

	text-align: center;

	margin: 24px 0px;

	font-size:30px;

}

.dwn-form-area {

	width: 100%;

	float: left;

	padding: 0px 30px;

}

.dwn-field {

	width: 100%;

	float: left;

	margin-bottom: 8px;

}

.sbtform {

	width: 100%;

	float: left;

	border: 0px;

	font-size: 22px;

	color: #fff;

	background: #00aae4;

	padding: 8px 0px;

	font-family: Calibri;

	font-weight: bold;

	text-align: center;

	text-transform: uppercase;

	cursor: pointer;

	margin: 15px 0 10px 0;

}

.dwn-field .dwn-input {

	width: 100%;

	float: left;

	position: relative;

	border: 0px;

	border-bottom: 1px solid #d8d8d8;

	padding: 12px 12px 19px 33px;

	font-size: 12px;

	color: #697074;

}

.phone-icon .dwn-input {

	background: url(../image/phone-ic.png) 3px 10px no-repeat;

}

.email-icon .dwn-input {

	background: url(../image/email-icon.png) 3px 10px no-repeat;

}

.text-icon .dwn-input {

	background: url(../image/user_icon.png) 3px 8px no-repeat;

}

.search-icon {

	background: url(../image/select-courses.png) no-repeat 3px 8px;

}

.select_category {

	-webkit-appearance: none;

	-moz-appearance: none;

	color: #697074;

	width: 100%;

	appearance: none;

	border: 0px;

	border-bottom: 1px solid #d8d8d8;

	padding: 8px 12px 15px 33px;

	background: url(../image/select-arr.png) no-repeat right 16px center;

 transition: border-color .1s ease-in-out, box-shadow .1s ease-in-out;

}

/****************Footer Css**************/

footer {

	margin-top:2rem

}

.newsletter {

	background:#121321;

	color:#fff;

	display:inline-block;

	width:100%;

	padding: 2rem 0;

}

footer label {

	margin:0;

	font-weight:bold;

	font-family: 'Roboto Slab', serif;

}

.social-links a {

	width: 28px;

	height: 28px;

	display: inline-block;

	margin:2px;

}

.social-links .facebook {

	background:url(../img/social-icons.jpg) left center no-repeat;

}

.social-links .twitter {

	background:url(../img/social-icons.jpg) left center no-repeat;

	background-position: -32px -6px;

}

.social-links .linkedin {

	background:url(../img/social-icons.jpg) left center no-repeat;

	background-position: -65px -6px;

}

.social-links-bl .facebook {

	background:url(../img/sprite-social-icon-blue.jpg) left center no-repeat;

}

.social-links-bl .twitter {

	background:url(../img/sprite-social-icon-blue.jpg) left center no-repeat;

	background-position: -41px 2px;

}

.social-links-bl .linkedin {

	background:url(../img/sprite-social-icon-blue.jpg) left center no-repeat;

	background-position: -88px 1px;

}

.right label {

	vertical-align: top;

	padding-top: 5px;

	margin-right: 20px;

}

.left label {

	margin-right: 20px;

}

.newsletter input[type="submit"] {

	background-color: #ffb606;

	border: none;

	padding: 2px 15px;

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	cursor:pointer;

	margin-left: -10px;

}

.newsletter input[type="text"] {

	border: none;

	padding: 2px 10px;

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.footer-links {

	background-color:#000;

	margin-top: -10px;

	padding: 2rem 0;

}

.footer-links label {

	color:#d9d9d9;

	display:block;

	margin:1rem 0

}

.footer-links a {

	color:#979797;

	display:block

}

.footer-links a i {

	width: 22px;

	height: 20px;

	display: inline-block;

	margin-right: 10px;

}

.footer-links a i.add {

	background:url(../img/contact-icon.jpg) left top no-repeat;

}

.footer-links a i.ph {

	background:url(../img/contact-icon.jpg) left center no-repeat;

	background-position: 2px -32px;

}

.footer-links a i.fax {

	background:url(../img/contact-icon.jpg) left center no-repeat;

	background-position: 2px -63px;

}

.footer-links a i.ml {

	background:url(../img/contact-icon.jpg) left center no-repeat;

	background-position: 2px -91px;

}

.copyright {

	color: #fff;

	font-size: 12px;

	text-align: center;

	margin-top: 2rem;

}


/****************Body Css**************/

.banner {

	height:600px;

	position: absolute;

	width: 100%;

	top: 0;

	z-index: -1;

}

/* Carousel base class */

.carousel {

	margin-bottom: 4rem;

}

/* Since positioning the image, we need to help out the caption */

.carousel-caption {

	top: 12rem;

	z-index: 10;

}

/* Declare heights because of positioning of img element */

.carousel-item {

	height: 600px;

	background-color: #777;

}

.carousel-item > img {

	position: absolute;

	top: 0;

	left: 0;

	min-width: 100%;

	height:100%;

}

.carousel-caption h1 {

	color:#fff;

	font-size:46px;

	margin-bottom:1rem;

}

.banner-text {

	width:60%;

}

.carousel-control-next, .carousel-control-prev {

	visibility:hidden

}

.carousel-indicators {

	bottom:5rem

}

.carousel-caption a, .carousel-caption a:hover {

	background: transparent;

	font-size: 18px;

	border: none;

	padding: 0;

	color: #ffc000;

	font-weight: bold;

}

.carousel-caption span {

	width: 85px;

	height: 3px;

	background: #ffc000;

	display: inherit;

	margin-top: 3px;

}

.carousel-indicators li {

	width:12px;

	height:12px;

	border-radius:50%;

	background-color:#fff

}

.carousel-indicators .active {

	background-color:#ffc000

}

.titles {

	margin-top:28rem

}

.titles .col-md-4 {

	padding:1rem;

	max-width:31%;

	margin:0.5%;

 transition: all .5s ease-in-out;

}

.titles .col-md-4 img {

	width:75%

}

.titles .col-md-4 img.inds {

	width:60%

}

.titles .col-md-4:hover {

	transform:scale(1.05, 1.05);

	z-index:2

}

.titles .left {

	width:25%;

	text-align:right;

	margin-top:10px;

}

.titles .right {

	width:68%

}

.titles h3 {

	color:#fff;

	font-weight:bold;

	font-family: 'Roboto', sans-serif;

	padding-top: 8px;

	font-size:21px;

	margin-bottom:5px;

}

.titles a {

	color: rgba(0, 0, 0, 0.5);

	font-size: 13px;

	font-weight:bold

}

.identity-wrapper {

	background-color:#fffdf5;

	position:relative;

}

.identity {

	background:url(../img/identity-bg.jpg) left top no-repeat;

	height:750px;

	text-align:center;

	background-size:97%;

}

.identity h2, .step h2, .philosophy h2, .blog h2 {

	color:#373737;

	font-size: 32px;

	font-weight: 600;

	padding-top: 5rem;

}

.identity p, .step p {

	width:34%;

	margin:1rem auto;

	font-size:18px

}

.identity a {

	display:block

}

.identity a.btn-ylw {

	color: #ffc000;

	font-weight: bold;

	margin-bottom: 1rem;

}

.identity a.btn-line, .step a.btn-line {

	color: #01537d;

	border: 1px solid #01537d;

	border-radius: 5px;

	width: 160px;

	font-size: 14px;

	padding: 0.5rem;

	margin: 0 auto;

}

.identity a.btn-line:hover, .step a.btn-line:hover {

	color:#fff;

	background:#01537d;

	text-decoration:none

}

.explorer {

	background:url(../img/video-bg.jpg) left top no-repeat;

	height:860px;

	text-align:center;

	background-size:cover;

	color:#fff

}

.explorer h2 {

	font-size: 32px;

	font-weight: 600;

 padding: 3rem 0 .5rem;

}

.explorer p {

	margin-bottom:0

}

.video {

	margin: 2rem auto;

}

.video iframe {

	width: 700px;

	height: 394px;

}

.explorer .video-tl {

	width:100%

}

.explorer a.btn-line {

	color: #fff;

	border: 1px solid #fff;

	border-radius: 5px;

	width: 160px;

	font-size: 14px;

	padding: 0.5rem 2rem;

	margin: 0 0.5rem;

}

.explorer a.btn-line:hover {

	background:#01537d;

	border: 1px solid #01537d;

	text-decoration:none

}

.step {

	text-align:center

}

.step p {

	width:50%

}

.step a.btn-line {

	padding:0.5rem 2rem;

}

.step a.btn-line:hover, .btns-wrapper a.btn-line.btn-ylw {

	background: #ffc000;

	border: 1px solid #ffc000;

	color:#fff;

}

.btns-wrapper a.btn-line.btn-ylw {

	margin-right:1rem

}

.btns-wrapper span a {

	color:#2e1035

}

.btns-wrapper {

	text-align:left;

	margin:2rem 0

}

.step-sec {

	margin: 2rem 0

}

.step-sec .col-md-3 {

	border:1px solid #ddd;

	text-align:left;

	padding:0;

margin: 0 .5rem;

	max-width: 96%;

	flex: auto;

 transition: all .5s ease-in-out;

	overflow:hidden;

	cursor:pointer;

}

.step-sec img, .step-sec p {

	width:100%;

 transition: all .5s ease-in-out;

}

.step-sec .col-md-3:hover {

	background:#2e1035;

}

.step-sec .customNavigation .btn.prev, .step-sec .customNavigation .btn.next, .testimonial .customNavigation .btn.prev, .testimonial .customNavigation .btn.next {

	background:url(../img/back.png) left top;

	background-size: 100%;

	background-repeat: no-repeat;

	width: 30px;

	float: left;

	height: 35px;

	font-size: inherit;

	cursor:pointer

}

.step-sec .customNavigation, .testimonial .customNavigation {

	margin-top: -15%;

	width: 100%;

}

.step-sec .customNavigation .btn.next, .testimonial .customNavigation .btn.next {

	background:url(../img/next.png) left top;

	float: right;

	background-size: 100%;

	background-repeat: no-repeat;

}

.step-sec .item {

	background: transparent;

}

figure {

	margin: 0;

	overflow:hidden

}

.step-sec .col-md-3:hover img {

	transform:scale(1.2, 1.2);

}

.step-sec .col-md-3:hover p, .step-sec .col-md-3:hover p.step-hdg {

	color:#fff

}

.step-sec p {

	color: #999;

	margin:0.4rem;

	font-size:14px

}

.step-sec p.step-hdg {

	color: #2e1035;

	font-size:18px

}

.step-wrapper {

	margin-bottom:4rem

}

.philosophy {

	background:url(../img/phil-bg.jpg) left top;

	background-repeat:repeat-y;

	text-align:center;

	position:relative;

}

.philosophy .row {

	position: relative;

}

.philosophy .col-md-4 {

	padding:2rem 0;

 transition: all .3s ease-in-out;

}

.philosophy hr {

	width: 60%;

	background-color:#0cf062;

	height: 1px;

	margin: 0;

	position: absolute;

	left: 20%;

	top: 25%;

	max-width: 860px;

}

.philosophy .col-md-4 img {

transition: all .5s ease-in-out;

}

.philosophy .col-md-4:hover img {

	transform:scale(1.3, 1.3);

	z-index:2

}

.philosophy p {

	font-size: 14px;

	color: #999;

	margin: 2rem 1rem;

}

.testimonial {

	background:url(../img/testimonial-bg.jpg) left top no-repeat;

	height:560px;

}

.testimonial .carousel-item {

	background-color:transparent;

	height:28rem

}

.testimonial .item {

	background: transparent;

	max-width: 520px;

	border: none;

}

.testimonial .test-big {

	width: 54%;

	float: left;

	margin: 0 7%;

	margin-top: 10%;

}

.testimonial .test-small {

	width: 32%;

	float: left;

}

.testimonial h5, .testimonial p {

	text-align:center

}

.testimonial p {

	font-size:14px;

	margin:0.6rem 0

}

.testimonial .item img {

	width:90%;

	padding-top:1rem

}

.testimonial img.sec-img {

	padding-top:4rem

}

.blog-wrapper {

	text-align:center

}

.blog-sec {

	text-align:left;

	border: 1px solid #ddd;

	position:relative;

	margin:2px 0;

	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);

	transition: all 0.8s ease-in-out;

	overflow:hidden;

}

.blog-sec:hover {

	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);

}

.blog-sec .hover {

	position:absolute;

	right: 15px;

	top: 10px;

	background: #01537d;

	color: #fff;

	padding: 3px 8px;

	border-radius: 3px;

	font-size: 12px;

}

.blog-sec img {

	width:100%;

	transition: all 0.8s ease-in-out;

}

.blog-sec:hover img {

	transform: scale(1.1, 1.1)

}

.blog-sec .blog-footer {

	display: inline-block;

	width: 100%;

	border-top: 1px solid #ddd;

	padding: 0.5rem 0.5rem 0;

}

.blog-sec .blog-footer img {

	width: 30px;

	margin-right:0.5rem

}

.blog-sec .blog-cmt {

	background: url(../image/comment-grey.png) left bottom no-repeat;

	padding-left: 35px;

	background-size: 18%;

}

.blog-sec .blog-cmt:hover {

	color:#01537d;

	text-decoration:underline;

}

.blog-sec .date {

	margin-top:1rem

}

.blog-sec p {

margin: .2rem .5rem;

	color:#414141;

	font-size:14px

}

.blog-sec p.blog-hdg {

	color:#000;

	font-size:18px

}

.blog-sec a {

	color: #fff;

	border: 1px solid #000;

	background-color:#000;

	border-radius: 5px;

	width: 160px;

	font-size: 14px;

	padding: 0.5rem 2rem;

	line-height:50px;

}

.blog-sec a:hover {

	background:#01537d;

	text-decoration:none;

	border: 1px solid #01537d;

}

.blog-txt {

	padding: 1rem;

	text-align:center;

	color:#fff;

	font-size:18px;

}

.blog-footer-new {

	position:absolute;

	color:#fff;

	bottom: 0;

	width: 100%;

	padding: 15px 5%;

}

.blog-footer-new .cal {

	background: url(../image/calender.png) left bottom no-repeat;

	padding-left: 35px;

	background-size: 26%;

}

.blog-footer-new .blog-cmt {

	background: url(../image/comment-white.png) left bottom no-repeat;

	padding-left: 35px;

	background-size: 18%;

}

.blog h2 {

	padding: 3rem 0 2rem

}

/****************Inner Pages Css**************/

.inner-page-dark {

	background-color:#f3f3f3

}

.banner-inner {

	background: url(../image/identity-banner.jpg) left bottom no-repeat;

	height:350px;

	background-size: cover;

	text-align:center

}

.banner-mentor {

	background: url(../image/banner-mentors.png) left bottom no-repeat;

	background-size: cover;

}

.banner-coursedtl {

	background: /*url(img/banner-course.jpg) */ red left bottom no-repeat;

	background-size: cover;

}

.banner-inner h1 {

	color:#fff;

	padding-top:9rem;

	margin-bottom:0

}

.banner-inner hr {

	width: 60px;

	height: 3px;

	background: #ffc000;

	margin-top: 3px;

}

.inner-wrapper {

	margin-top:8rem;

	background:url(../image/lower-bg.png) bottom center no-repeat;

	padding-bottom: 200px;

	margin-bottom: 0;

	background-size: 100%;

}

.inner-wrapper-top {

	margin-top:18rem

}

.inner-wrapper-topl {

	margin-top:15.5rem

}

.inner-wrapper + footer {

	margin-top:0

}

.inner-wrapper h2 {

	padding-top:0.5rem

}

.inner-wrapper p, .inner-wrapper p.ques-h1, .inner-wrapper p.ques-h2 {

	width:100%

}

.search {

	border: 10px solid rgba(0, 0, 0, 0.3);

	display: inline-block;

	border-radius: 10px;

}

.search input[type="text"] {

	border: none;

	border-top-left-radius: 10px;

	border-bottom-left-radius: 10px;

	vertical-align: top;

	padding: 8px 15px;

	font-size: 14px;

	width: 400px;

}

.search input[type="submit"] {

	border: none;

	border-top-right-radius: 10px;

	border-bottom-right-radius: 10px;

	background:url(../image/search.png) center center no-repeat;

	background-color: #ffc000;

	padding: 6px 30px;

	height: 37px;

	background-size: 32%;

	cursor:pointer;

	margin-left:-10px

}

.search input[type="submit"]:hover {

	background:url(../image/search-hover.png) center center no-repeat;

	background-color: #000;

	background-size: 32%;

}

.search-wrapper {

	text-align: center;

	padding: 9rem 0 0;

}

.select-wrapper a.dropdown-toggle {

	width:400px;

	background:url(../image/drop-arrow.png) 370px center no-repeat;

	padding: 10px 30px 10px 10px;

	text-align: left;

	display: inline-block;

	border: 1px solid #999;

	border-radius: 8px;

	color: #212529;

	margin: 1rem 0 2rem;

	background-color: #fff;

}

.select-wrapper .dropdown-menu {

	width:400px

}

.select-wrapper a:hover {

	text-decoration:none

}

.dropdown-toggle::after {

display:none

}

.identity-sec {

	background-color: #fff;

	box-shadow: 1px 2px 10px powderblue;

	padding: 30px 0 0;

	width: 80%;

	margin: 0 auto;

	position:relative

}

.identity-sec p {

	font-weight:bold;

	margin:3px 0

}

.identity-sec .ques-h2 {

	color: #ff5614;

	font-size:24px

}

.identity-sec-bottom {

	background: url(../image/block-bg.jpg) bottom center no-repeat;

	background-size: 100%;

	height:90px;

	padding-top:1rem

}

.identity-sec .ques-tiles {

	display: inline-block;

	width: 130px;

	border: 1px solid #ddd;

	border-radius: 5px;

	padding: 30px 10px 15px;

	cursor: pointer;

	margin: 3px;

	vertical-align:top;

	transition: all 0.8s ease-out

}

.identity-sec .ques-tiles p {

	font-size:13px;

	min-height:40px

}

.identity-sec .ques-tiles:hover {

	box-shadow: 1px 4px 15px powderblue;

}

.identity-sec .ques-tiles img {

	width: 80px;

	height: 80px;

	margin-bottom: 1rem;

}

.ques-wrappper {

	margin:2rem 5rem

}

.identity-sec .radio-off {

	background:url(../image/radio-off.jpg) center no-repeat;

	display: block;

	width: 26px;

	height: 26px;

	margin: 0 auto;

	background-size: 80%;

}

.identity-sec .radio-on {

	background:url(../image/radio-on.jpg) center no-repeat;

	display: block;

	width: 26px;

	height: 26px;

	margin: 0 auto;

	background-size: 80%;

}

.identity-sec-bottom a {

	background: #0680cd;

	color: #fff;

	font-size: 14px;

	padding: 10px 25px;

	border-radius: 5px;

	transition: all 0.8s ease-out;

}

.identity-sec-bottom a.btn-lg {

	padding: 10px 50px;

}

.identity-sec-bottom a:hover {

	background:#373737;

	text-decoration:none

}

.identity-sec-bottom img {

	width: 23px;

	margin: 0 10px;

	vertical-align: inherit;

}

.slide-select {

	position:absolute;

	right:-15%;

	top:30%

}

.slide-select .slide-tiles {

	background:url(../image/slider-icon.jpg) center no-repeat;

	width:28px;

	height:28px;

	display:inline-block;

	background-size:45%;

}

.slide-select .slide-tiles.active {

	background:url(../image/slider-iconsl.jpg) center no-repeat;

	width:40px;

	height:40px;

	display:inline-block;

	background-size:50%;

}

.slide-select .divider {

	display: inline-block;

	width: 2px;

	height: 160px;

	position: absolute;

	background: #999;

	top: 12px;

	right: 18px;

	z-index: -1;

}

.ques-wrappper.ques-wrappper-horz {

	margin:2rem

}

.ques-tiles.ques-tiles-horz {

	width: 250px;

	text-align: left;

	padding: 15px 20px;

}

.ques-tiles.ques-tiles-horz img, .ques-tiles.ques-tiles-horz p, .ques-tiles.ques-tiles-horz span {

	float:left

}

.ques-tiles.ques-tiles-horz img {

	margin-right: 15px;

	height:45px;

	width:45px;

	margin-bottom:0

}

.ques-tiles.ques-tiles-horz p {

	display: inline-block;

	width: 115px;

	vertical-align: middle;

}

.ques-tiles.ques-tiles-horz span {

	margin-top: 10px;

	margin-left:5px

}

.identiy-input {

	border:1px solid #ccc;

	color:#999;

	border-radius: 5px;

	background:#f7f7f7;

	display:inline-block;

	height:40px;

	padding:0 5px;

	width: 46%;

	text-align: left;

	margin: 10px 10px 10px 0;

	min-width: 275px;

}

.identiy-input input, .identiy-input textarea {

	border:none;

	background:transparent;

	vertical-align:top;

	height:40px;

	font-size: 14px

}

.identiy-input textarea {

	resize: none;

	padding-top:8px

}

.identiy-input.identiy-input-sm {

	width:30%;

	min-width:205px

}

.identiy-input input:focus, .identiy-input textarea:focus {

	outline:none

}

.identiy-input .dropdown-toggle {

	color:#999;

	vertical-align:top;

	height: 40px;

	display: inline-block;

	line-height: 40px;

	width: 62%;

}

.identiy-input .dropdown-toggle-lg {

	width:76%

}

.identiy-input .dropdown-toggle:hover {

	text-decoration:none

}

.identiy-input i.dropdown-toggle-icon {

	background:url(../image/drop-arrow.png) center no-repeat;

}

.identiy-input i {

	width:34px;

	height:40px;

	display:inline-block;

	vertical-align:bottom;

}

.identiy-input .icon1 {

	background:url(../image/icon1.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon2 {

	background:url(../image/icon2.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon3 {

	background:url(../image/icon3.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon4 {

	background:url(../image/icon4.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon5 {

	background:url(../image/icon5.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon6 {

	background:url(../image/icon6.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon7 {

	background:url(../image/icon7.jpg) center no-repeat;

	background-size: 90%;

}

.identiy-input .icon8 {

	background:url(../image/icon8.jpg) center no-repeat;

	background-size: 90%;

}

.mid-wrapper {

	display:inline-block;

	width:48%;

	text-align:left;

	vertical-align: top;

}

.mid-wrapper .identiy-input {

	width: 96%;

}

.mid-wrapper-textarea .identiy-input {

	height: 100px

}

.video-tiles .col-md-3 {

	background:#ffb91b;

	margin:1%;

	max-width:23%;

	padding: 1% 0;

	transition: all 0.5s ease-out;

}

.video-tiles .col-md-3:hover {

	transform: scale(1.05, 1.05)

}

.video-tiles .col-md-3.bg-blue {

	background:#0680cd

}

.video-tiles img {

	padding:15px 7px 8px;

	vertical-align:top;

	cursor:pointer

}

.video-tiles p {

	font-size:18px

}

.video-tiles p+p {

	font-size:14px;

	color:#000;

}

.marquee, .marquee-one {

	background-image:url(../image/cloud-bg.png);

	width: 90%;

	height: 70px;

	animation: marquee 12s infinite linear;

	-webkit-animation: marquee 12s infinite linear;

	background-repeat: no-repeat;

	background-size: cover;

	position: absolute;

	z-index: 1;

	top: 70px;

	max-width: 1100px;

}

.marquee-one {

	background-image:url(../image/cloud-one.png);

	top: 200px;

	animation: marqueeo 8s infinite linear;

	-webkit-animation: marqueeo 8s infinite linear;

}

@-webkit-keyframes marquee {

 0% {

 background-position: 0;

}

 100% {

 background-position: -1190px;

}

}

@-webkit-keyframes marqueeo {

 0% {

 background-position: 0;

}

 100% {

 background-position: -1190px;

}

}

.high-up {

	position: relative;

	z-index: 2;

}

.menu-search input[type="text"] {

	height: 36px;

	display: inline-block;

	border: none;

	outline: none;

	color: #fff;

	padding: 5px;

	padding-right: 60px;

	width: 0px;

	position: absolute;

	top: -5px;

	right: 0;

	background: none;

	z-index: 3;

 transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);

	cursor: pointer;

}

.menu-search input[type="text"]:focus:hover {

	border: 1px solid #fff;

}

.marging-right {

	margin-right:2rem

}

.menu-search input[type="text"]:focus {

	width: 400px;

	z-index: 1;

	border: 1px solid #fff;

	cursor: text;

	background: #1c1c31;

	color:#fff;

	border-radius: 3px;

}

.menu-search input[type="submit"] {

	height: 34px;

	width: 32px;

	display: inline-block;

	float: right;

	background:url(../image/search-light.png) center center no-repeat;

	text-indent: -10000px;

	border: none;

	position: absolute;

	top: -5px;

	right: 0;

	z-index: 2;

	cursor: pointer;

}

.content-wrapper {

	background-color: #fff;

	box-shadow: 1px 2px 10px powderblue;

	padding: 3rem 3rem 1rem;

	margin: 2rem 0;

}

.user-image img {

	max-width: 100%;

	border-radius: 5px;

}

.work, .edu {

	font-size:14px;

	margin: 15px 0

}

.edu {

	margin-top:-10px;

	margin-bottom:0

}

.hdg-big {

	font-size: 18px;

	margin:25px 0 5px

}

.margin-sm {

	margin-top:15px

}

.carousel-container.margin-sm {

	margin-top: 30px

}

.image-wrap {

	margin-right:20px;

}

.image-wrap-icon {

	width:80px;

	height:80px

}

.image-wrap img {

	max-width:100%

}

.padding-btm-xxx {

	padding-bottom:3rem

}

.image-wrap-icon img {

	width: 100%;

	border-radius: 50%;

	height: 100%;

}

.cnt-overwrap .hdg-big {

	margin-top:0

}

.exp-com {

	font-size:15px

}

.sec-wrapper {

	margin:1rem 0;

	width:100%;

	border-bottom: 1px solid #d2d2d2;

}

.sec-wrapper .left {

	width:12%

}

.sec-wrapper .left.cnt-overwrap {

	width:87%

}

.hdg-sm {

	font-size:13px;

	margin:5px 0

}

.cnt-wrap {

	padding: 5px 0 12px;

	border-bottom: 1px solid #d2d2d2;

}

.sec-cnt {

	margin-bottom: 1rem;

	display: inline-block;

	width: 100%;

}

.cnt-wrap.last-child, .sec-wrapper.last-child {

	border-bottom:none;

	margin-bottom:0

}

.mrg-btm-xx {

	margin-bottom:4px

}

.include {

	display:inline-block;

	width:100%

}

.skl-wrapper {

	margin:1.5rem 0 1rem

}

.skill-tab {

	background: #f3f3f3;

	color: #373737;

	padding: 7px 25px;

	border-radius: 25px;

	margin: 0 15px 15px 0;

	display: inline-block;

}

.review-msg {

	width: 70%;

	border: 1px solid #d8d8d8;

	border-radius: 15px;

	padding: 10px 15px;

	font-size: 14px;

	-moz-box-shadow:    inset 0 0 10px #ccc;

	-webkit-box-shadow: inset 0 0 10px #ccc;

	box-shadow:         inset 0 0 10px #ccc;

}

.review-msg-blue {

	background:#e7eef1;

}

.timestamp {

	font-size: 12px;

	margin: 5px;

}

.timestamp.text-right {

	clear:both;

	padding-top: 5px;

}

.slider.type1 {

	border-width: 1px;

	border-style: solid;

	border-color: #e0e0e0;

	border-radius: 25px;

	width: 300px;

	position: absolute;

	height: 13px;

	background: #f3f3f3;

	left: 15px;

}

.textarea {

	padding: 10px 15px;

	border: 1px solid #ddd;

	margin: 1%;

}

.textarea span {

	margin-right: 10px;

}

.textarea textarea {

	resize: none;

	border:none;

	font-size:14px;

	width: 100%;

	height: 80px;

}

.textarea input[type="file"] {

	display:none

}

.textarea img {

	cursor: pointer

}

.include .btn-inner {

	margin-right:0

}

.type1 .ui-slider-handle {

	position: absolute;

	z-index: 2;

	width: 25px;

	height: 25px;

	cursor: pointer;

	font-weight: bold;

	color: #1c94c4;

	outline: none;

	top: -4px;

	margin-left: -12px;

}

.type1 .ui-slider-range {

	background: #0680cd;

	position: absolute;

	border: 0;

	top: 0;

	height: 100%;

	border-radius: 25px;

}

.follower {

	background:url(../image/follower.png) left top no-repeat;

	background-size: 23px;

	padding-left: 30px;

	margin-top: 30px;

}

.btn-inner {

	background: #0680cd;

	color: #fff;

	padding: 7px 20px;

	font-size: 14px;

	margin: 5px 20px 0 0;

	display: inline-block;

	border-radius: 5px;

}

.btn-inner.btn-inner-light {

	background:#e3e3e3;

	color:#373737

}

.btn-inner:hover {

	color:#fff;

	background:#1c1c31;

	text-decoration:none

}

section.tab-sec {

	zoom: 1;

	position: relative;

	height: auto;

}

section.tab-sec:after, section.tab-sec:before {

	content: "";

	display: table;

}

section.tab-sec:after {

	clear: both;

}

section.tab-sec h4 {

	background: rgba(0, 0, 0, 0.1);

	cursor: pointer;

	padding: 25px 20px;

	background:#dddddd;

}

section.tab-sec h4.cl-drk {

	background:#ccc;

}

@media screen and (min-width: 768px) {

 section.tab-sec h4 {

 position: relative;

 width: 20%;

 display: block;

 font-size: 14px;

 text-align: center;

 font-weight: bold;

 margin-bottom: 0px;

 line-height:22px;

 max-width: 222px;

 z-index: 10

}

}

section.tab-sec .tab-wrapper {

	zoom: 1;

	position: relative;

	height: auto;

	min-height: 100%;

	border-left: none;

	display: none;

}

section.tab-sec .tab-wrapper:after, section.tab-sec .tab-wrapper:before {

	content: "";

	display: table;

}

section.tab-sec .tab-wrapper:after {

	clear: both;

}

@media screen and (min-width: 768px) {

 section.tab-sec .tab-wrapper {

 position: absolute;

 width: 80%;

 right: 0;

 top: 0;

 padding: 30px;

}

}

section.tab-sec .active {

	cursor: default;

	border-right: none;

	background: #0680cd !important;

	color:#fff;

}

@media screen and (min-width: 768px) {

 section.tab-sec .active, section.tab-sec h4.cl-drk.active {

 background: #0680cd;

 border-right: 3px solid #fdb506;

 color:#fff;

}

}

section.tab-sec .active + .tab-wrapper {

	display: block;

}

.tab-hdr-wrapper h2 {

	display: inline;

	margin-top: 0px;

	border-bottom: 1px solid #0680cd;

}

.tab-hdr-wrapper hr {

	margin-top: 2px;

	border-top: 1px solid #ddd;

}

.abt-wrapper {

	font-size: 14px;

	text-align: justify;

	color:#646464

}

.ind-partner {

	border-top: 1px solid #ddd;

	border-bottom: 1px solid #ddd;

	padding: 15px 0;

	margin: 35px 0;

}

.ind-partner-hl {

	font-weight: bold;

	color: #646464;

	display: inline-block;

	width: 20%;

	vertical-align: top;

	height: 70px;

	padding-top:22px;

	min-width:135px;

}

.patner-img {

	display: inline-block;

	width: 72%;

	height: 70px;

}

.patner-img img {

	max-width: 100%;

	margin: 0 20px;

}

.partner-info {

	text-align: center;

	margin: 50px 0;

}

.partner-info h3 {

	margin: 20px 0 10px;

	font-size: 1.4rem;

}

.partner-info p {

	font-size: 14px;

}

.course-detail {

	background-color: #fff;

	border: 1px solid #ddd;

	padding: 1rem 2rem;

	background-image:url(../image/courses-bk.jpg);

	background-position:top right;

	background-repeat:no-repeat;

	position:relative;

	margin: 20px 0;

}

.date-blue {

	color:#0680cd

}

.course-dl-info {

	font-size: 18px;

	border-bottom: 1px solid #ddd;

	width: 95%;

	padding-bottom: 6px;

	margin: 20px 5% 20px 0;

}

.course-dl-infoname {

	display: inline-block;

	width: 23%;

}

.course-dl-infodl {

	display: inline-block;

	width: 75%;

}

.course-abt {

	margin: 40px 0 20px;

}

.course-abt h3, .creator-info h3 {

	font-size: 1.3rem;

}

.course-abt p {

	font-size: 14px;

	color: #646464;

}

.overlay1, .overlay2 {

	position: absolute;

	right: 15px;

	color: #fff;

	top: 30px;

	font-family: 'Roboto Slab', serif;

}

.overlay2 {

	top: 46px;

	right: 30px;

	font-size: 46px;

	font-weight: bold;

}

.creator-wrapper {

	background-color: #fff;

	box-shadow: 1px 2px 10px powderblue;

	padding: 30px;

	margin: 20px 0;

}

.creator-img {

	display: inline-block;

	width: 80px;

	height: 80px;

	margin-right: 20px;

	vertical-align: top;

}

.creator-img img {

	width: 100%;

	border-radius: 50%;

	height: 100%;

}

.creator-info {

	display: inline-block;

	width: 82%;

	font-size: 14px;

}

.creator-info p {

	margin-bottom: 0;

}

.accordion {

	list-style: none outside;

	padding:0;

	margin-bottom:5rem

}

.accordion > * + * {

	border-top: 1px solid grey;

}

.accordion-item {

	background: #fff;

	padding: 15px 20px;

	border: 1px solid #ddd;

	margin: 8px 0;

}

.accordion-item-hd {

	position: relative;

	cursor: pointer;

	font-size: 16px;

}

 .accordion-item-hd.isActive ~ .accordion-item-bd {

 max-height: 1000px;

 -webkit-transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;

 transition: max-height 1s ease-in, margin .3s ease-in, padding .3s ease-in;

 font-size: 14px;

 color: #646464;

 padding-top: 20px;

}

.accordion-item-hd.isActive > .accordion-item-hd-cta {

	-webkit-transform: rotate(0);

	transform: rotate(0);

}

.accordion-item-hd-cta {

	position: absolute;

	width: 30px;

	right: 0;

	display: block;

	font-size: 12px;

	line-height: 1;

	pointer-events: none;

	top: calc(50% - 6px );

	text-align: center;

 -webkit-transition: -webkit-transform .3s ease;

 transition: -webkit-transform .3s ease;

 transition: transform .3s ease;

 transition: transform .3s ease, -webkit-transform .3s ease;

	-webkit-transform: rotate(-180deg);

	transform: rotate(-180deg);

}

.accordion-item-bd {

	max-height: 0;

	overflow: hidden;

	margin-bottom: 0;

 -webkit-transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;

 transition: max-height .15s ease-out, margin-bottom .3s ease-out, padding .3s ease-out;

}

.course-page .container {

	position:relative

}

#side-nav.fixed-nav {

	position: fixed;

	top: 0;

}

#side-nav1.fixed-nav {

	position: fixed;

	top: 94px;

}

#side-nav2.fixed-nav {

	position: fixed;

	top: 166px;

}

#side-nav3.fixed-nav {

	position: fixed;

	top: 238px;

}

.course-detail h3 {

	width:82%

}

.content-wrapper-nocolor {

	margin: 3rem 0 0;

	display:inline-block;

	width:100%

}

.blog-sec p.blog-text {

	margin: 1rem;

	font-size: 18px;

	font-weight: bold;

}

.share {

	border: none;

	width: 24px;

	height: 24px;

	background-color: transparent;

	background:url(../image/share.png) left top no-repeat;

	float: right;

	margin-top:5px

}

.blog-text span {

	width: 90%;

	display: inline-block;

}

.blog-secwrap {

	margin: 1rem 0 0.5rem

}

.blog-left {

	display:inline-block;

	width:70%

}

.blog-right {

	display:inline-block;

	width:27%

}

.blog-search input {

	background:url(../image/search-lg.png) #ff5614 right center no-repeat;

	padding:8px 30px 8px 12px;

	color:#fff;

	width:100%;

	font-size:14px;

	border-radius: 5px;

	border:none

}

.blog-catgory {

	background: #0680cd;

	color: #fff;

	padding: 1rem 1rem 5px;

	margin: 1.5rem 0;

}

.blog-catgory h3 {

	border-bottom: 1px solid #fff;

	padding-bottom: 5px;

}

.blog-catgory a {

	display: block;

	color: #fff;

	margin: 1rem 0;

}

.blog-catgory a.active-yl {

	color:#ffb122

}

.newsletter-blog {

	padding: 1rem;

	background: #ffb122;

}

.newsletter-blog input {

	border:none;

	font-size:14px;

	padding:7px;

	margin: 0.5rem 0;

}

.newsletter-blog input[type="text"] {

	border-top-left-radius: 5px;

	border-bottom-left-radius: 5px;

}

.newsletter-blog input[type="submit"] {

	border-top-right-radius: 5px;

	border-bottom-right-radius: 5px;

	background: #373737;

	color: #fff;

	min-width: 80px;

	margin-left: -5px;

}

.blog-fl {

	padding: 1rem

}

.blog-fl img {

	max-width:30%;

	vertical-align:top

}

.blog-fl p.blog-text {

	width: 65%;

	display: inline-block;

	margin:0 0 0 1rem;

}

em {

	display: block;

	height: 1px;

	background: #ccc;

	margin: 7px 0;

}

.blog-fl a {

	background-color: transparent;

	color: #000;

	border-color: #ccc;

}

.calender {

	background:url(../image/calender.jpg) left top no-repeat;

	padding:3px 3px 3px 30px

}

.comment {

	background:url(../image/comment.jpg) left top no-repeat;

	padding:3px 3px 3px 36px;

	margin-left:10px

}

.bl-img {

	clear: both;

	margin: 1rem 0;

	padding-top: 1rem;

}

.bl-img img {

	width:100%

}

.font-xx {

	font-size:18px

}

.font-dark {

	color:#373737;

}

.marked {

	font-size: 16px;

	color: red;

	vertical-align: text-bottom;

	margin: 5px;

}

.bl-frm-wrap {

	background: #fff;

	padding: 3px 1rem 1rem;

	box-shadow: 1px 3px 7px #ccc;

}

.bl-frm-wrap label {

	display: block;

	margin: 15px 0 5px;

}

.bl-frm-wrap input, .bl-frm-wrap textarea {

	width: 100%;

	border-radius: 3px;

	border: 1px solid #ccc;

	padding: 4px 10px;

}

.font-blue {

	color:#0680cd;

	font-size: 14px;

	margin: 5px 0;

}

.width-fl {

	width:100%

}

.listing-page .list-menu {

	padding: 2px 15px;

	background: #fff;

}

.listing-page .list-menu a {

	padding: 8px;

	display:block;

	border-bottom: 1px solid #ccc;

	color:#373737;

	font-size:15px

}

.listing-page .list-menu a.no-border {

	border:none

}

.listing-page h5 {

	padding: 8px 15px;

	color: #fff;

	background: #0680cd;

	margin:0

}

.listing-page .creator-img {

	width:120px;

	height:120px;

}

.listing-page .creator-img img {

	border-radius: 0

}

.listing-page .creator-info {

	width:80%

}

.listing-page .creator-wrapper {

	padding:20px

}

.listing-page .btn-inner {

	border-radius: 0;

	margin-top: 15px;

	width: 220px;

	text-align:center

}

 @media (max-width: 1200px) {

.listing-page .creator-info {

 width: 75%;

}

.mid-wrapper {

display:block;

width:100%;

}

.mid-wrapper .identiy-input {

width: 100%;

}

.identiy-input, .identiy-input.identiy-input-sm {

width:100%;

min-width: 275px;

}

.identiy-input .dropdown-toggle {

width:85%

}

}

@media (max-width: 992px) {

.listing-page .creator-info {

 width: 65%;

}

.newsletter-blog input[type="text"] {

width:75px;

}

.blog-text span {

width:80%

}

.course-dl-infodl, .course-dl-infoname {

font-size:15px

}

.ind-partner-hl {

 display: block;

 text-align: center;

 width: 100%;

}

.image-wrap-icon {

 width: 60px;

 height: 60px;

}

.philosophy hr {

top:20%

}

.marquee, .marquee-one {

max-width: 720px

}

.nav-item {

margin: .6rem .5rem

}

.nav-item.marging-right {

margin-right:2rem

}

.identiy-input .dropdown-toggle {

width:80%

}

.navbar-dark .navbar-nav .nav-link {

font-size: 12px

}

.identity {

height:480px;

background: url(../image/identity-bg.jpg) left bottom no-repeat;

 background-size: 97%;

 margin-bottom: 20px;

}

.identity p, .step p {

width:58%

}

.newsletter .left, .newsletter .right {

float:none;

text-align:center;

margin:1rem 0

}

.step-sec .customNavigation, .testimonial .customNavigation {

margin-top:-32%;

}

.step-sec .col-md-3 p {

width: 92%

}

}

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

.titles .right {

 width: 65%;

}

.titles h3 {

font-size:14px

}

.titles .col-md-4 img {

width:90%

}

.course-detail h3 {

width:75%

}

}

@media (min-width: 768px) {

.navbar-expand-md .navbar-collapse {

 flex-grow: 0;

}

}

@media (max-width: 768px) {

.listing-page .creator-info {

 width: 100%;

}

.listing-page .list-menu a {

padding:5px;

font-size:13px

}

.content-wrapper-nocolor {

margin-top:1.5rem

}

.blog-fl img {

max-width:100%;

}

.blog-fl p.blog-text {

width:100%;

margin:1rem 0 0 0

}

.blog-fl span {

width:100%

}

.blog-left, .blog-right {

float:none;

width:100%;

margin-bottom:1rem

}

.blog-catgory {

margin: 0.5rem 0;

}

.newsletter-blog input[type="text"] {

 width: 65%;

}

section.tab-sec .active {

margin-bottom:20px

}

.patner-img {

 width: 100%;

}

.course-detail h3 {

 width: 75%;

}

.creator-img {

 display: block;

 margin: 0px auto 15px;

}

.creator-info {

 width: 100%;

}

section.tab-sec h4 {

font-size:1.2rem

}

.tab-hdr-wrapper hr {

 margin-top: 0px;

}

.tab-hdr-wrapper h2 {

font-size:1.5rem

}

#side-nav.fixed-nav, #side-nav1.fixed-nav, #side-nav2.fixed-nav, #side-nav3.fixed-nav {

position:relative;

top:0

}

.banner-mentor {

 background: url(../image/banner-mentors.png) -350px bottom no-repeat;

 background-size: cover;

}

.banner-text {

width:90%

}

.philosophy hr {

display:none

}

.video-tiles .col-md-3:hover, .titles .col-md-4:hover {

 transform: none;

}

.video iframe {

width:510px;

height:288px

}

.marquee, .marquee-one {

max-width:540px

}

.titles .col-md-4 img.inds {

width:42%

}

.titles .col-md-4 img {

width:60%

}

.navbar-dark .nav-item .inner-menu {

position:static

}

.nav-item.menu-search {

height:28px

}

.nav-item.menu-search .nav-link:hover {

border-bottom:none

}

.menu-search input[type="text"]:focus {

width:98%

}

.video-tiles .col-md-3 {

max-width: inherit

}

.identiy-input .dropdown-toggle {

width:75%

}

.newsletter .left label {

display:block;

margin-bottom:0.5rem

}

.navbar-nav {

 background-color:#1c1c31;

 position:absolute;

width: 540px;

 z-index: 100;

}

.top-nav div {

float:none;

text-align:center

}

.titles .col-md-4 {

max-width: 100%

}

.identity p {

width:75%

}

.explorer {

height: 1120px;

}

.explorer.testimonial {

height: 500px;

}

.testimonial .item {

max-width:620px

}

.testimonial img.sec-img {

padding-top:1rem

}

.explorer .video-tl {

width:250px;

margin: 0.5rem

}

.step-sec .col-md-3 {

margin: .5rem auto;

 width: 282px;

 flex: inherit;

 height: 335px

}

.mentor-page .step-sec .col-md-3 {

height: 260px

}

.image-wrap-icon {

 width: 45px;

 height: 45px;

}

.step-sec p.step-hdg {

font-size:16px

}

.step a.btn-line {

 padding: 0.5rem 2rem;

 display: block;

 width: 170px;

 margin: 10px auto;

}

.btns-wrapper a.btn-line.btn-ylw {

margin: 10px auto;

}

.step .right {

 float: none;

 text-align: center;

 display: block;

}

.idetity-form {

margin: 2rem;

}

.user-image {

 max-width: 220px;

 margin: 0 auto 15px;

}

}

@media (max-width: 600px) {

.navbar-nav {

width:460px;

right:22px;

z-index:1000;

}

.mentor-page .step-sec .col-md-3 {

 height: inherit;

}

.btn-inner {

 width: 180px;

 margin: 10px auto;

 display: block;

 text-align: center;

}

}

@media (max-width: 540px) {

.tab-wrapper p {

font-size:13px

}

.course-detail h3 {

 width: 70%;

 font-size: 1.3rem;

}

.course-dl-infodl, .course-dl-infoname {

 display: block;

 width: 80%;

}

.sec-wrapper .left, .sec-wrapper .left.cnt-overwrap {

float:none;

width:100%

}

.review-msg {

width:100%

}

.inner-wrapper {

margin-top:5rem;

padding-bottom: 150px;

}

.navbar-nav {

width:360px;

}

.explorer a.btn-line {

 display: block;

 margin: 0 auto 20px;

 width:200px;

}

.explorer p {

 width: 80%;

 margin: 0 auto;

}

.video iframe {

 width: 400px;

 height: 225px;

}

.identiy-input .dropdown-toggle {

width:72%

}

.select-wrapper a.dropdown-toggle {

width:300px;

background: url(../image/drop-arrow.png) 270px center no-repeat;

background-color: #FFF;

}

.select-wrapper .dropdown-menu {

width: 300px;

}

.search input[type="text"] {

width:220px

}

}

@media (max-width: 480px) {

.top-nav {

font-size:9px

}

.top-nav span {

margin-right:5px

}

.banner-inner h1 {

font-size:1.8rem

}

.course-detail h3 {

 width: 57%;

 font-size: 1.2rem;

}

.tab-hdr-wrapper h2 {

 font-size: 1.2rem;

}

.tab-hdr-wrapper hr {

 margin-top: -2px;

}

.content-wrapper {

padding:1rem

}

.slider.type1 {

width:220px

}

.idetity-form {

margin:10px

}

.navbar-nav {

width:265px;

}

.explorer.testimonial {

 height: 540px;

}

.step-sec .customNavigation, .testimonial .customNavigation {

 margin-top: -54%;

}

.explorer {

 height: 1060px;

}

.video iframe {

 width: 280px;

 height: 156px;

}

.identity-sec {

width:96%

}

.slide-select {

display:none

}

}