﻿@charset "utf-8";



/* CSS Document */
@media(max-width:1370px) {
	
	
	
}

@media(max-width:1200px) {
.purple-circle {
	width: 100%;
	height: 100%;
}
.purple-circle:before {
	height: 100%;
	content: none;
}
.purple-link {
	margin-top: 55px;
}
.purple-link ul li {
	margin-bottom: 12px;
}
.banner-text h2 {
	font-size: 40px;
}
	.classy-navbar {
		width: 96%;
	}	
	
}

@media(max-width:1024px) {
.login-detail ul li {
	margin-left: 12px;
}

	.classynav ul li {
		margin: 0px 0 0 23px;
	}
.purple-heading span {
	font-size: 15px;
	padding: 13px 0px 0px;
	top: -19px;
}
.white-heading span {
	font-size: 15px;
	padding: 13px 0px 0px 20px;
	top: -19px;
}
.ranked-text h4 {
	font-size: 25px;
	 width: 50%;
}
	
.logo-slider .donate-slides .owl-next {
	right: 30%;
}
.purple-link {
	margin-top: 100px;
}
    .banner-text h2 {
        font-size: 35px;
    }	
.banner-text h3 {
    font-size: 28px;
    padding-bottom: 10px;
}	

.banner-text ul li {
    font-size: 26px;
    padding-bottom: 20px;
}	
	
.comon-icon p {
    font-size: 15px;
}	
	
.classy-navbar {
    width: 90%;
}	
	
.testimonials .owl-carousel .owl-nav .owl-next {
    
    right: -15px;
	}
	
.testimonials .owl-carousel .owl-nav .owl-prev {
    left: -15px;
	}
.logo-slider .instructors-slides .owl-next {
    left: 15%;
}	
	
}

@media(max-width:991px) {
	.nav-link {
		padding: 0px !important;
		padding-top: 10px !important;
	}

	.logo img {
		width: 90px;
	}
.login-detail {
	    text-align: center;
        padding-top: 0px;
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
		z-index:9999;
}
	.myaccount-details {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		top: -70px;
		z-index: 9999;
		width: 80%;
		padding-left: 275px !important;
	}
	
.topbar {
	padding: 10px 0 10px;
}
#iphone {
	position: relative;
	right: 0;
	width: 100%;
	z-index: 0;
	text-align: center;
}
#camera {
	display: none;
}
.text-right {
	text-align: left !important;
	padding-left: 0px;
}
.comon-icon p {
	line-height: normal;
	margin: 0;
}
.hr {
	margin-top: 15px;
	margin-bottom: 15px;
}
.desk-none {
	display: block;
}
.comon-icon p {
	padding-top: 17px;
}
.white-heading {
	margin-bottom: 0px;
}
.comon-cnt-white p {
	font-size: 16px;
	line-height: 24px;
	color: #fff;
	margin-bottom: 10px;
}
.ranked-text {
	margin: 50px 0 20px;
}
.comon-cnt-white ul li {
	margin-top: 30px;
	margin-bottom: 15px;
}
.logo-slider .donate-slides .owl-prev {
	top: auto;
	bottom: -60px;
}
.logo-slider .donate-slides .owl-next {
	top: auto;
	bottom: -60px;
}
.logo-slider .donate-slides .owl-next {
	right: 42%;
}
.mrgn-top {
	margin-top: 0px;
}
.shape ul li {
	margin: 0 20px;
}
.shape ul li i {
	top: 17%;
}
.shape ul li h5 {
	padding: 20px 0 5px;
}
.comon-cnt-white a {
	margin-top: 0px;
	margin: 12px 0 20px;
}
.comon-cnt-white h3 {
	margin-top: 55px;
}

.comon-cnt-white p.mrgn-btm {
	margin-bottom: 10px;
}
.adres i {
	font-size: 22px;
}
.social {
	text-align: left;
}
.purple-heading {
	margin-bottom: 0px;
}
.social i {
	border: 2px solid #fff;
	margin-right: 10px;
}
.comon-cnt-white h3 {
	margin-top: 0px;
}
.white-bg {
	padding: 50px 0px;
}
.purple-bg {
	background: #4628BA;
	padding: 50px 0px;
}
.testimonial-text p {
	padding: 0 0px;
}
.comon-cnt p {
	margin-bottom: 30px;
}
.comon-cnt-white h3 {
	margin-top: 60px;
}
.banner-img img {
	width: 50%;
}
.banner-img {
	text-align: left;
	margin-bottom: 25px;
}
.banner-text ul li {
	font-size: 25px;
	color: #fff;
	padding-bottom: 20px;
}
.white-bg::before {
	content: none;
}
.comon-cnt-white h3 {
	margin-top: 0px;
}
.top-mrgn {
	margin-top: 60px !important;
}
	
    .classy-navbar {
        width: 100%;
    }	
	
    .login-detail ul li {
        margin-left: 35px;
    }	
	
.hr-none
{
	display: block;
}	
	
.comon-cnt-white ul li h3 {
    font-size: 20px;
}	
	
    .purple-link {
        margin-top: 0px;
        padding: 100px 0;
    }	
    .purple-link ul li {
        margin-bottom: 22px;
    }	
	
	
	
.logo-slider .instructors-slides .owl-next {
	top: auto;
	left: 20%;
}
.logo-slider .instructors-slides .owl-prev {
	top: auto;
}	
	
.logo-slider .comon-cnt-white {
    margin-bottom: 50px;
}	
.pentagon1 {
    margin-bottom: 20px;
}	
.other-purple-bg {
    padding: 50px 0px 50px;
}	
	
.logo-slider {
    margin-bottom: 40px;
}	
}

@media(max-width:767px) {
	.logo img {
		width: 85px;
	}
.ranked-text {
}
    .white-bg {
        padding: 50px 0px 0px !important;
    }	
	
	
    .shape ul li {
        margin: 10px 40px;
    }	
}
@media(max-width:640px) {

	

	.logo img {
		width: 75px;
	}
	.login-detail {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		top: -40px;
		z-index: 9999;
		width: 80%;
		padding-left: 40px;
	}
	.myaccount-details {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		top: -70px;
		z-index: 9999;
		width: 90%;
		padding-left: 120px !important;
	}
 .banner-text h2 {
 font-size: 27px;
 margin: 0;
 padding-bottom: 10px;
}
 .banner-text h3 {
 font-size: 24px;
 color: #fff;
 padding-bottom: 10px;
}
 .banner-text ul li {
 font-size: 20px;
 color: #fff;
 padding-bottom: 20px;
}

 .purple-link ul li .purple-cnt {
 font-size: 16px;
}
 .purple-link {
 margin-top: 50px;
}
 .shape ul li {
 margin: 0 35px 15px;
}
 .banner-text a {
 font-size: 16px;
 padding: 10px 15px;
 margin-top: 10px;
}
 #main {
 padding-bottom: 0px !important;
}
.course-flow h4 {
 font-size: 20px;
 padding: 0px 0 5px;
}
 .course-flow p {
 font-size: 16px;
 line-height: 24px;
 padding: 0 0px;
}
 .btn-work {
 text-align: center;
 margin-top: 30px;
}
 .btn-work a {
 font-size: 16px;
 padding: 10px 15px;
}
 .comon-cnt-white h3 {
 font-size: 20px;
 padding: 10px 0px;
}
 .comon-cnt-white a {
 font-size: 16px;
 padding: 10px 15px;
}
	
    .logo-slider .instructors-slides .owl-next {
        left: 23%;
    }

    .logo-slider .donate-slides .owl-next {
        right: 37%;
    }	
	
}
@media(max-width:575px) {
	.myaccount-details {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		top: -55px;
		z-index: 9999;
		width: 90%;
		padding-left: 120px !important;
	}


	.logo img {
		width: 65px;
	}
 .white-clr-banner {
 padding: 130px 0 30px;
}
 .comon-icon-img {
 text-align: left;
}
.comon-icon p {
 padding-top: 0px;
}
 #iphone img {
 width: 100%;
}
 .logo-slider .donate-slides .owl-next {
 right: 37%;
}
 .purple-bg {
 background: #4628BA;
 padding: 50px 0px 70px;
}
 .testimonial-text p {
 font-size: 16px;
 line-height: 24px;
}
 .white-bg {
 padding: 50px 0px;
}

 .top-mrgn {
 margin-top: 90px !important;
}
 .adres p {
 font-size: 16px;
 padding-top: 15px;
}
 .adres i {
 font-size: 18px;
 margin-top: 20px;
}
.social i {
 border: 2px solid #fff;
 width: 35px;
 height: 35px;
 line-height: 32px;
 border-radius: 100px;
 font-size: 16px;
}
 .social {
 margin-bottom: 10px;
}
 .purple-circle {
 width: 100%;
 height: 100%;
}
 .comon-cnt-white ul li h3 {
 font-size: 16px;
}
.comon-cnt-white ul li img {
 width: 65%;
 text-align: center;
}
.comon-cnt-white ul li {
 float: none;
 text-align: center;
 width: 31%;
}
 .shape p {
 font-size: 16px;
 line-height: 24px;
 margin: 0px;
}
 .comon-cnt h3 {
 font-size: 18px;
}
 .purple-link {
 margin-top: 50px;
}

 #main1 {
 padding: 50px 0px 20px !important;
}
 .comon-cnt p {
 font-size: 16px;
 line-height: 24px;
}
	
.footer-purple-bg p {
    margin-top: 10px;
    text-align: center;
}	
	
.footer-purple-bg {
    padding: 10px 0px 20px;
}	
	
    .ranked-text h4 {
        width: 100%;
    }	
	
	    .ranked-text {
        margin: 15px 0 0px;
    }
.purple-circle {
    border-radius: 0px;
}	
    .purple-link {
        margin-top: 0px;
    }
    .purple-link {
        padding: 50px 0;
    }	
	
	
.ranked-text:before {
    content: none;
}	
.ranked-text:after {
    content: none;
}	
.comon-icon-img img {
    text-align: center;
    width: auto;
    background: #a602fb;
	margin: 0 auto;
}	
    .comon-icon-img {
        text-align: center;
    }
    .text-right {
        text-align: center !important;
        padding-left: 0px;
    }
	
	.text-left {
    text-align: center !important;
    padding-right: 5px;
}
	
    .comon-icon p {
        font-size: 17px;
    }	
	
    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -30px;
    }	
	
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -30px;
    }	
	
}
@media(max-width:480px) {
	.logo img {
		width: 55px;
	}
	.myaccount-details {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		top: -55px;
		z-index: 9999;
		width: 90%;
		padding-left: 80px !important;
	}
 .login-detail ul li {
 margin-left: 10px;
 margin-right: 0;
}
 .login-detail ul {
 padding-left: 35px;
}
 .banner-text h2 {
 font-size: 22px;
}
 .banner-text h3 {
 font-size: 20px;
}
 .banner-text ul li {
 font-size: 17px;
 color: #fff;
 padding-bottom: 12px;
}
 .ranked-text:before {
 content: none;
}
.ranked-text:after {
 content: none;
}
    .logo-slider .donate-slides .owl-next {
        right: 30%;
    }	
	
	
.logo-slider .instructors-slides .owl-next {
        left: 28%;
    }

	
    .testimonials .owl-carousel .owl-nav .owl-prev {
        left: -30px;
    }	
	
	    .testimonials .owl-carousel .owl-nav .owl-next {
        right: -30px;
    }
}
@media(max-width:415px) {

	
 .ranked-text {
 margin: 15px 0 0px;
}
 .ranked-text h4 {
 width: 100%;
 margin: 0;
}

 .shape ul li {
 margin: 0 20px 15px;
}

 .purple-circle {
 border-radius: 0;
}
 .comon-cnt-white ul li {
 width: 100%;
}
 .comon-cnt-white ul li img {
 width: auto;
}
 .comon-cnt-white ul li {
 margin-top: 0px;
 margin-bottom: 15px;
}
.logo img {
 width: 45px;
}
 .login-detail ul {
 padding-left: 20px;
}
 .login-detail {
 top: -40px;
}
	
    .logo-slider .donate-slides .owl-next {
        right: 24%;
    }
	
	

    .logo-slider .instructors-slides .owl-next {
        left: 32%;
    }
}

@media(max-width:376px) {

	/*.Class-name{
		display:none !important;
	}*/

	.myaccount-details {
		text-align: center;
		padding-top: 0px;
		position: absolute;
		left: 0;
		right: 0;
		/*top: -45px;*/
		z-index: 9999;
		width: 90%;
		padding-left: 50px !important;
	}

	.purple-heading span {
		font-size: 13px;
		padding: 13px 0px 0px;
		top: -21px;
	}
	
    .logo-slider .donate-slides .owl-next {
        right: 18%;
    }	
	
.purple-link ul {
    padding-left: 70px;
}	
	
    .logo-slider .instructors-slides .owl-next {
        left: 36%;
    }
    .purple-heading span {
        font-size: 12px;
        padding: 14px 0px 0px;
        top: -21px;
    }	
	
	    .white-heading span {
        font-size: 13px;
        padding: 15px 0px 0px 20px;
        top: -19px;
    }
	
}

@media(max-width:360px) {
 .logo-slider .donate-slides .owl-prev {
 left: 25%;
}
 .logo-slider .donate-slides .owl-next {
 right: 28%;
}
 .btn-work a {
 font-size: 15px;
 padding: 10px 10px;
}
}
@media(max-width:320px) {
 .login-detail ul {
 padding-left: 30px;
}
 .login-detail ul li {
 margin-left: 2px;
 margin-right: 0;
}

 .purple-heading span {
 font-size: 10px;
 padding: 17px 0px 0px;
 top: -20px;
}
}

