/* Start - Responsive Styles */
@media (max-width: 1400px) {
	.container {
	    max-width: 1300px;
	}
	.mycourse-detail-list {
	    width: 400px;
	}
	.mycourse-back {
	    width: 400px;
	}
	.mycourse-detail-video {
	    padding: 0 50px;
	}
}

@media (max-width: 1300px) {
	.why-acca-img{
		width: 550px;
		bottom: -50px;
	}
	.main-hero-banner .slick-track .slick-slide:first-child .hero-banner-item::after{
		width: 890px;
		height: 890px;
		right: -15rem;
	}
	.main-hero-banner .slick-track .slick-slide:nth-child(2) .hero-banner-item::after{
		width: 890px;
		height: 890px;
		left: -15rem;
	}
	.appfeatures-img{
		width: 450px;
	}
	.tutors-guaranteed-content{
		padding: 100px 50px;
	}
	.footer-widget-cont-in:first-child{
		padding-right: 40px;
	}
	.footer-widget-contact {
	    padding-left: 0;
	}
	.social-media-list a i {
	    margin-right: 0;
	}
}

@media (max-width: 1199px) {
	.container{
		max-width: 100%;
	}
	.home-about-inner {
	    width: 760px;
	}
	.home-about-card{
		padding: 25px 20px;
	}
	.why-acca-content{
		padding-left: 0;
	}
	.why-acca-img {
	    width: 470px;
	    bottom: -30px;
	}
	.why-acca-shape {
	    bottom: 35px;
	    right: 35px;
	    width: 90px;
	}
	.appfeatures-img {
	    width: 400px;
	}
	.tutors-guaranteed-content {
	    padding: 100px 30px;
	    width: 50%;
	}
	.tutors-guaranteed-counter{
		padding: 90px 30px;
		width: 50%;
	}
	.footer-top::after{
		width: 430px;
		height: 400px;
	}
	.getintouch-card{
		padding: 50px 20px;
	}
	.cart-summary-card {
	    padding-left: 0;
	}
	.courses-card-content h3 {
	    font-size: 18px;
	    line-height: 28px;
	    min-height: 56px;
	}
	.courses-card-content .course-info-card h6 {
	    font-size: 13px;
	    line-height: 23px;
	    padding: 0;
	}
	.course-content-btn a{
		padding: 10px 15px;
	}
	.mycourse-back {
	    width: auto;
	}
	.mycourse-head-content{
		padding-left: 25px;
	}
	.cd-icon-card {
	    width: 230px;
	}
	.course-feature-card{
		gap: 25px 15px;
	}
}

@media (max-width: 1024px) {
	.header-main .navbar-nav .nav-item {
	    margin: 0 15px;
	}
	.header-main .nav-other-link {
	    gap: 15px;
	}
	.hero-banner-content h1{
		font-size: 55px;
		line-height: 75px;
		margin-bottom: 30px;
	}
	.hero-banner-item{
		height: 560px;
	}
	.main-hero-banner .slick-track .slick-slide:first-child .hero-banner-item::after{
		width: 750px;
		height: 750px;
		right: -15rem;
		border: 100px solid var(--secondary);
	}
	.main-hero-banner .slick-track .slick-slide:nth-child(2) .hero-banner-item::after{
		width: 750px;
		height: 750px;
		left: -15rem;
		border: 110px solid var(--primary);
	}
	.home-about-section {
	    padding-bottom: 100px;
	}
	.home-about-content {
	    padding-right: 0;
	}
	.home-about-inner {
	    width: 100%;
	    position: relative;
	    top: auto;
	    flex-wrap: wrap;
	}
	.home-about-inner .home-about-card:nth-child(1),
	.home-about-inner .home-about-card:nth-child(2),
	.home-about-inner .home-about-card:nth-child(3) {
	    margin-top: 0;
	}
	.home-about-card {
		padding: 25px 25px;
		height: auto;
		flex: auto;
		width: 50%;
	}
	.home-about-item {
	    display: flex;
	    height: 100%;
	    align-items: flex-end;
	    padding-left: 40px;
	}
	.home-about-item::after{
		display: none;
	}
	.home-about-card:nth-child(2n){
		background: var(--secondary);
	}
	.home-about-card:nth-child(2),
	.home-about-card:nth-child(3) {
	    background: var(--primary);
	}
	.why-acca-card{
		gap: 40px 10px;
	}
	.appfeatures-section {
	    padding: 100px 0;
	}
	.appfeatures-content .why-acca-card {
	    gap: 40px 40px;
	}
	.app-download {
	    margin-top: 40px;
	}
	.why-acca-img {
	    width: 420px;
	}
	.why-acca-section{
		padding: 100px 0;
	}
	.why-acca-shape {
	    bottom: 25px;
	    right: 25px;
	    width: 60px;
	}
	.exemptions-section {
	    margin-top: 0;
	}
	.whyjoin-card h6{
		padding: 0;
	}
	.whyjoin-card{
		padding: 25px 15px;
	}
	.syllabus-title h3,
	.syllabus-title h3::after {
	    font-size: 80px;
	    line-height: 100px;
	}
	.syllabus-title-ic-1{
		width: 25px;
	}
	.syllabus-title-ic-2 {
	    top: 115px;
	    width: 70px;
	}
	.footer-widget ul {
	    margin-right: 20px;
	}
	.footer-copyright-inner {
	    justify-content: center;
	    flex-wrap: wrap;
	    gap: 4px 15px;
	}
	.sub-hero-banner::before{
		right: -210px;
	    width: 450px;
	    height: 450px;
	}
	.main-post-about img {
	    width: 470px;
	    height: 470px;
	}
	.about-page-content {
	    padding-left: 0;
	}
	.login-card{
		padding: 20px;
	}
	.login-card-content {
	    padding: 0 20px;
	}
	.contact-content p{
		padding-right: 0;
	}
	.edit-profile-content {
	    padding: 0;
	}
	.courses-card-content h3 {
	    font-size: 17px;
	    line-height: 27px;
	    min-height: 54px;
	}
	.courses-card-content .course-info{
		flex-wrap: wrap;
	}
	.courses-card-content .course-info-card {
	    flex: auto;
	    width: 100%;
	}
	.courses-grid-view .courses-card-content .course-info-card {
	    flex: 1;
	    width: auto;
	}
	.course-content-sidebar{
		padding: 15px;
	}
	.course-content-btn{
		flex-wrap: wrap;
		gap: 15px;
	}
	.course-content-btn a {
	    width: 100%;
	}
	.course-content-price {
	    flex-wrap: wrap;
	    gap: 10px 0;
	}
	.cart-subtotal ul{
		padding: 20px;
	}
	.checkout-login-card{
		padding: 20px 15px;
	}
	.checkout-login-details h6 span{
		min-width: 155px;
	}
	.mycourses-list .courses-grid-view .courses-card-img {
    	width: 230px;
	}
	.mycourses-list .courses-card-content .course-info-card {
	    flex: none;
	}
	.mycourses-list .courses-card-content p {
	    font-size: 15px;
	    line-height: 25px;
	}
	.mycourse-detail-list {
	    width: 350px;
	}
	.mycourse-detail-video {
	    padding: 0 0 0 20px;
	}
	.mycourse-head-content h4 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.mycourse-detail-list .cd-list-in{
		padding-right: 3px;
	}
	.cd-icon-card {
	    width: 190px;
	}
	.profile-links-card li a{
		line-height: 24px;
		display: flex;
		align-items: center;
		padding: 15px 15px;
	}
	.profile-links-card li a i{
		top: 0;
	}
}

@media(max-width: 991px) {
	.header-main .navbar-toggler {
	    padding: 0;
	    border: 0;
	    border-radius: 0px;
	    font-size: 35px;
	    color: var(--primary);
	    position: absolute;
    	right: 8px;
	}
	.header-main .navbar-toggler:focus{
		box-shadow: none;
	}
	.header-main .navbar-toggler:focus-visible {
		outline: none;
	}
	.header-main{
		position: relative;
	}
	.header-main .navbar {
	    position: initial;
	}
	.header-main .navbar-collapse {
	    width: 100%;
	    position: absolute;
	    top: 99%;
	    left: 0;
	    background: #fff;
	    z-index: 999;
	    box-shadow: 0px 6px 16px 0px #00000014;
	    padding: 20px 20px 5px 20px;
	}
	.header-main .nav-other-link {
	    padding-right: 50px;
	}
	.header-main .navbar-nav .nav-item {
	    margin: 0 0 15px 0;
	}
	.syllabus-title h3::after{
		right: 0;
		padding-left: 20px;
	}
	.hero-banner-content h1 {
	    font-size: 50px;
	    line-height: 65px;
	    margin-bottom: 25px;
	}
	.btn {
	    font-size: 15px;
	    padding: 10px 20px 10px 30px;
	}
	.btn:after {
		width: 46px;
		right: -46px;
	}
	.home-about-item {
		padding-left: 0;
		margin-top: 55px;
		height: auto;
	}
	.hero-banner-item {
	    height: 520px;
	}
	.main-hero-banner .slick-dots {
	    bottom: 20px;
	}
	.why-acca-section {
	    padding: 100px 0 0 0;
	}
	.why-acca-img {
	    width: 500px;
	    bottom: -50px;
	    position: relative;
	}
	.why-acca-card {
	    gap: 30px 0;
	}
	.why-acca-item {
	    flex: auto;
	    width: 50%;
	    padding-right: 15px;
	}
	.appfeatures-img {
	    width: 100%;
	    text-align: right;
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 50px;
	}
	.appfeatures-img img{
		width: 450px;
	}
	.appfeatures-section {
	    padding: 100px 0 0 0;
	}
	.appfeatures-content .why-acca-card {
	    gap: 30px 0;
	}
	.why-acca-item h5 br{
		display: none;
	}
	.exemptions-head{
		display: inline-block;
	}
	.exemptions-tabs {
	    width: 100%;
	    margin-top: 30px;
	}
	.exemptions-tabs .nav{
		justify-content: center;
	}
	.whyjoin-inner{
		padding: 50px 15px;
	}
	.syllabus-title{
		margin-bottom: 40px;
	}
	.syllabus-title-ic-2{
		display: none;
	}
	.syllabus-title-ic-1 {
	    width: 25px;
	    right: auto;
	    left: 40%;
	    bottom: -20px;
	}
	.tutors-guaranteed-section{
		display: inline-block;
	}
	.tutors-guaranteed-content {
	    padding: 100px 15px;
	    width: 100%;
	    display: inline-block;
	}
	.tutors-guaranteed-inner {
	    width: 100%;
	}
	.tutors-guaranteed-counter {
	    padding: 90px 15px;
	    width: 100%;
	}
	.guaranteed-count-item{
		margin-bottom: 20px;
	}
	.testimonial-title{
		border-right: 0;
		padding-right: 0;
		display: inline-block;
		margin-bottom: 30px;
	}
	.testimonial-title::before{
		display: none;
	}
	.testimonial-title p{
		margin-bottom: 30px;
	}
	.testimonial-content {
	    padding-left: 0;
	}
	.footer-top::after {
	    width: 280px;
	    height: 260px;
	}
	.footer-about h2 {
	    font-size: 55px;
	    line-height: 75px;
	    margin-bottom: 20px;
	}
	.footer-about p {
	    font-size: 16px;
	    line-height: 30px;
	}
	.footer-top{
		padding: 90px 0 40px 0;
	}
	.footer-widget {
	    margin-top: 50px;
	    border-right: 0;
	}
	.footer-widget ul {
	    margin-right: 60px;
	}
	.footer-widget-cont {
	    display: inline-block;
	}
	.footer-widget-cont-in:first-child {
	    padding-right: 0;
	    border: 0;
	}
	.footer-widget-cont-in:last-child {
	    padding-left: 0;
	    margin-top: 15px;
	}
	.footer-widget-cont-in:last-child .widget-cont-item {
	    margin-bottom: 15px;
	}
	.sub-hero-banner{
		padding: 80px 0 40px 0;
	}
	.sub-hero-title {
	    margin-bottom: 50px;
	}
	.sub-hero-title h1 {
	    font-size: 55px;
	    line-height: 65px;
	}
	.sub-hero-banner::before {
	    right: -150px;
	    width: 310px;
	    height: 310px;
	    border: 60px solid var(--secondary);
	}
	.about-page-section {
	    padding-bottom: 0;
	}
	.main-post-about {
	    margin-bottom: 90px;
	}
	.main-post-about:after{
		right: 160px;
	}
	.login-page-section {
	    padding: 80px 0;
	}
	.login-card::after{
		left: 310px;
		top: 20px;
		bottom: 20px;
	}
	.contact-content {
	    margin-bottom: 40px;
	}
	.contact-getintouch-section .row {
	    gap: 30px 0;
	}
	.getintouch-card {
	    padding: 30px 15px;
	}
	.getintouch-icon-wrap svg {
	    height: 60px;
	}
	.getintouch-card h5 {
	    font-size: 24px;
	    line-height: 33px;
	    margin-bottom: 15px;
	}
	.cart-page-section{
		padding: 70px 0;
	}
	.cart-img{
		margin-right: 20px;
	}
	.cart-summary-card {
	    margin-top: 40px;
	}
	.cart-btn{
		flex-wrap: nowrap;
	}
	.login-page-card-img img {
	    max-width: 270px;
	}
	.login-page-card-img h4{
		font-size: 17px;
		line-height: 27px;
	}
	.profile-details-content {
	    padding: 10px 0 0 30px;
	}
	.profile-details-welcome h5 {
	    font-size: 25px;
	    line-height: 35px;
	}
	.courses-head{
		margin-bottom: 25px;
	}
	.courses-list-main {
	    margin-top: 40px;
	}
	.courses-card-content .course-info {
	    flex-wrap: nowrap;
	}
	.courses-grid-view .courses-card-img {
	    width: 200px;
	}
	.courses-grid-view .courses-card {
	    gap: 15px;
	}
	.courses-grid-view .courses-card-btn a {
	    padding: 10px 30px;
	}
	.cc-right {
	    padding-left: 0;
	    padding-top: 20px;
	    margin-bottom: 0;
	}
	.cc-video {
	    height: auto;
	}
	.course-video-modal .modal-dialog {
	    max-width: 100%;
	    padding: 0 15px;
	}
	.course-content-btn {
	    flex-wrap: nowrap;
	}
	.checkout-page-section,
	.course-content-section{
		overflow: hidden;
	}
	.checkout-login-card .lr-form-card .form-field {
	    margin-bottom: 20px;
	}
	.mycourses-list .courses-grid-view .courses-card {
	    flex-wrap: wrap;
	}
	.mycourse-details-section {
	    width: 100%;
	    height: auto;
	    display: block;
	}
	.mycourse-details-header {
	    width: 100%;
	    padding: 15px 15px;
	    display: inline-block;
	    position: relative;
	    top: auto;
	    left: auto;
	}
	.mycourse-back .btn-custom {
	    padding: 10px 15px 10px 10px;
	    top: auto;
	    display: inline-flex;
	    align-items: center;
	    font-size: 15px;
	    font-weight: 600;
	    line-height: 15px;
	}
	.mycourse-back .btn-custom i {
	    font-size: 20px;
	    line-height: 10px;
	    top: 0;
	    margin-right: 3px;
	}
	.mycourse-head-content {
	    padding-left: 0;
	    margin-top: 20px;
	    flex-wrap: wrap;
	    gap: 10px;
	}
	.mycourse-details-content {
	    height: auto;
	    padding: 50px 15px;
		flex-direction: column-reverse;
		align-items: normal;
	}
	.mycourse-detail-video {
	    padding: 0;
	    width: 100%;
	    margin-bottom: 20px;
	}
	.mycourse-detail-video h2 {
	    font-size: 25px;
	    line-height: 35px;
	    text-align: center;
	}
	.mycourse-detail-list {
    	width: 100%;
	}
	/*.mycourse-detail-list .cd-list-in {
	    height: 600px;
	}*/
	.cd-icon-card {
	    width: 220px;
	}
	.about-faculty-img {
	    width: 280px;
	    margin-bottom: 30px;
	}
	.about-faculty-content {
	    width: 100%;
	    padding-left: 0;
	}
	.about-faculty-tabs-content .row > div:last-child .about-faculty-content {
	    padding-top: 15px;
	}
	.course-details-tabs .exemptions-tabs .nav .nav-link {
	    padding: 10px 15px;
	}
	.course-details-tabs .exemptions-tabs {
	    margin: 0;
	}
	.transaction-history-card .courses-card-content {
    	flex: auto;
	}
	.th-head-content h6 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.th-head-content h5 {
	    font-size: 16px;
	    line-height: 22px;
	}
	.transaction-history-head{
		gap: 10px 10px;
		flex-wrap: wrap;
	}
	.th-head-content {
	    width: 47%;
	}
}

@media(max-width: 767px) {
	.header-main .nav-other-link .nav-btn{
		display: none;
	}
	.header-main .nav-other-link {
	    padding-right: 60px;
	}
	.header-main .navbar-toggler{
		right: 10px;
	}
	.header-main .navbar-nav .nav-item.mobile-nav {
	    display: inline-block;
	}
	.hero-banner-item {
		overflow: hidden;
	    height: auto;
	    padding-top: 70px;
	}
	.main-hero-banner .slick-track .slick-slide:nth-child(2) .hero-banner-content {
	    text-align: center;
	}
	.hero-banner-content{
		text-align: center;
		margin-bottom: 20px;
	}
	.main-hero-banner .slick-track .slick-slide:first-child .hero-banner-item::after {
	    width: 500px;
	    height: 500px;
	    right: -190px;
	    border: 60px solid var(--secondary);
	    bottom: -80px;
	}
	.main-hero-banner .slick-track .slick-slide:nth-child(2) .hero-banner-item::after{
		width: 500px;
	    height: 500px;
	    left: -190px;
	    border: 60px solid var(--primary);
	    bottom: -80px;
	}
	.main-post-about img {
	    width: 350px;
	    height: 350px;
	}
	.main-post-about:after {
		right: 230px;
		width: 100px;
		height: 100px;
		border: 15px solid var(--secondary);
	}
	.login-card::after{
		display: none;
	}
	.login-page-card-img h4 {
	    padding: 0 90px;
	}
	.profile-details-welcome{
		display: none;
	}
	.profile-img {
	    margin-top: 0;
	}
	.profile-details-section {
	    padding: 60px 0 0 0;
	}
	.profile-details-card {
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.profile-details-content {
	    padding: 20px 0 0 0;
	    flex: auto;
	    width: 100%;
	    text-align: center;
		display: inline-block;
	}
	.edit-profile-section {
	    padding: 50px 0 100px 0;
	}
	.edit-profile-links {
	    margin-bottom: 40px;
	}
	.grid-view-card{
		display: none;
	}
	.courses-search form{
		flex-wrap: wrap;
	}
	.courses-search .form-field:last-child {
	    width: 100%;
	}
	.courses-head {
	    margin-bottom: 15px;
	}
	.courses-list-main {
	    margin-top: 30px;
	}
	.courses-card-content h3 {
	    min-height: auto;
	}
	.courses-card-img {
	    height: auto;
	}
	.checkout-otp{
		flex-wrap: wrap;
	}
	.mycourse-head-content{
		justify-content: flex-start;
	}
	.mycourse-head-content h4 {
	    width: 100%;
	}
	.mycourse-head-content h5{
		width: 100%;
	}
}

@media(max-width: 575px) {
	.header-main .navbar-brand img {
	    width: 120px;
	}
	.header-main {
	    padding: 7px 0;
	}
	.hero-banner-item {
	    padding-top: 50px;
	}
	.hero-banner-content h1 {
	    font-size: 40px;
	    line-height: 55px;
	    margin-bottom: 20px;
	}
	.syllabus-title h3, .syllabus-title h3::after {
	    font-size: 60px;
	    line-height: 70px;
	}
	.hero-banner-item div {
	    height: auto;
	}
	.hero-banner-content {
	    height: 340px !important;
	}
	section {
	    padding-top: 60px;
	}
	.section-title h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.home-about-content h5 {
	    font-size: 17px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.home-about-content p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 10px;
	}
	.home-about-content .btn {
	    margin-top: 15px;
	}
	.home-about-item {
	    margin-top: 40px;
	}
	.home-about-card {
	    padding: 15px 15px;
	}
	.home-about-card img {
	    margin-bottom: 8px;
	    height: 45px;
	}
	.home-about-card h5 {
	    font-size: 18px;
	    line-height: 25px;
	    margin-bottom: 5px;
	}
	.home-about-card p {
	    font-size: 14px;
	}
	.home-about-section {
	    padding-bottom: 70px;
	}
	.why-acca-section {
	    padding: 60px 0 0 0;
	}
	.section-title {
	    margin-bottom: 25px;
	}
	.home-about-content .section-title {
	    margin-bottom: 15px;
	}
	.why-acca-item {
	    width: 100%;
	    padding-right: 0;
	}
	.why-acca-card {
	    gap: 25px 0;
	}
	.why-acca-item i {
	    width: 70px;
	    height: 70px;
	    line-height: 70px;
	    margin-right: 15px;
		padding: 15px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}
	.why-acca-item:first-child i,
	.why-acca-item:last-child i{
		padding: 5px;
	}
	.why-acca-item:nth-child(2) i{
		padding: 18px;
	}
	.why-acca-item h5 {
	    font-size: 18px;
	    line-height: 26px;
	}
	.why-acca-img {
	    width: 96%;
	    bottom: -30px;
	}
	.why-acca-shape{
		display: none;
	}
	.appfeatures-section {
	    padding: 60px 0 0 0;
	}
	.appfeatures-content .why-acca-card {
	    gap: 25px 0;
	}
	.appfeatures-content .why-acca-item i{
		padding: 0px;
	}
	.app-download h4 {
	    font-size: 30px;
	    line-height: 40px;
	    margin-bottom: 15px;
	}
	.app-download {
	    margin-top: 30px;
	}
	.app-download-links {
	    gap: 15px;
	}
	.app-download-links a{
		flex: 1;
	}
	.appfeatures-img img {
	    width: 100%;
	}
	.appfeatures-img{
		margin-top: 40px;
	}
	.exemptions-section .section-title h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.exemptions-tabs {
	    margin-top: 25px;
	}
	.exemptions-tabs .nav {
	    border-radius: 12px;
	    padding: 5px;
	}
	.exemptions-tabs .nav .nav-item{
		width: 100%;
	}
	.exemptions-tabs .nav .nav-link {
	    font-size: 15px;
	    line-height: 26px;
	    padding: 8px 15px;
	    width: 100%;
	}
	.exemptions-head{
		margin-bottom: 25px;
	}
	.exemptions-item {
	    border-radius: 12px;
	    padding: 15px;
	}
	.exemptions-item h5 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 7px;
	}
	.exemptions-item p {
	    font-size: 15px;
	    line-height: 23px;
	}
	.exemptions-item::after{
		width: 10px;
		height: 40px;
	}
	.exemptions-item:hover::after{
		border-radius: 10px;
	}
	.exemptions-card .row {
	    gap: 15px 0;
	}
	.whyjoin-inner {
	    padding: 30px 15px;
	    border-radius: 13px;
	}
	.whyjoin-inner .section-title h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.whyjoin-card {
	    padding: 20px 15px;
	    border-radius: 13px;
	}
	.whyjoin-inner .row {
	    gap: 25px 0;
	}
	.syllabus-section {
	    padding-bottom: 60px;
	    background-position: left bottom -100px;
	    background-size: 120px;
	}
	.syllabus-content>.accordion>.accordion-item>.accordion-header>.accordion-button{
		padding: 8px 40px 8px 15px;
		font-size: 17px;
		line-height: 27px;
	}
	.syllabus-content>.accordion>.accordion-item>.accordion-header>.accordion-button::after{
		right: 12px;
		font-size: 25px;
		text-indent: -0.1em;
	}
	.syllabus-content>.accordion>.accordion-item>.accordion-header>.accordion-button:not(.collapsed)::after {
	    font-size: 17px;
	   	text-indent: 2px;
	}
	.syllabus-content>.accordion>.accordion-item>.accordion-header>.accordion-button:not(.collapsed) {
	    padding: 8px 40px 8px 15px;
	}
	.syllabus-content>.accordion>.accordion-item>.accordion-collapse>.accordion-body {
	    padding: 15px;
	}
	.syllabus-content .accordion-sub .accordion-item .accordion-button{
		padding: 2px 0 2px 35px;
		font-size: 15px;
	}
	.syllabus-content .accordion-sub .accordion-item .accordion-button::after{
		width: 25px;
		height: 25px;
		font-size: 12px;
		line-height: 26px;
	}
	.syllabus-content .accordion-sub .accordion-item{
		margin-bottom: 15px;
	}
	.syllabus-content .accordion-sub .accordion-item .accordion-body {
	    padding: 10px 0 0 35px;
	}
	.syllabus-title h3::after {
	    padding-left: 15px;
	    bottom: -13px;
	}
	.accordion-sub-title {
	    font-size: 17px;
	}
	.tutors-guaranteed-content {
	    padding: 60px 13px;
	}
	.tutors-guaranteed-content p {
	    font-size: 15px;
	    line-height: 24px;
	    margin-bottom: 30px;
	}
	.tutors-guaranteed-counter {
	    padding: 60px 13px;
	}
	.guaranteed-count-item {
	    display: inline-block;
	    text-align: center;
	    margin-bottom: 30px;
	}
	.guaranteed-count-item .count {
	    font-size: 50px;
	    line-height: 60px;
	    margin-bottom: 2px;
	}
	.guaranteed-count-item h5 {
	    font-size: 18px;
	    line-height: 28px;
	}
	.employers-section .section-title h3 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.employers-slider {
	    margin-top: 0;
	}
	.employers-item {
	    height: 70px;
	    min-height: auto;
	}
	.testimonial-section {
	    padding-top: 50px;
	    padding-bottom: 60px;
	}
	.testimonial-section .container {
	    padding-top: 60px;
	}
	.testimonial-title p {
	    margin-bottom: 20px;
		font-size: 16px;
		line-height: 26px;
	}
	.testimonial-item p {
	    font-size: 17px;
	    line-height: 29px;
	    margin-bottom: 15px;
	}
	.testimonial-title{
		margin-bottom: 20px;
	}
	.testimonial-nav-btn a {
	    width: 45px;
	    height: 45px;
	    border-radius: 45px;
	    font-size: 20px;
	}
	.ratings {
	    margin-bottom: 15px;
	}
	.ratings li {
	    font-size: 15px;
	}
	.ratings h6 {
	    font-size: 15px;
	    line-height: 30px;
	}
	.testimonial-user i {
	    width: 60px;
	    height: 60px;
	}
	.testimonial-text h5 {
	    font-size: 17px;
	    line-height: 27px;
	}
	.testimonial-text p{
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 0px;
	}
	.testimonial-user {
	    gap: 15px;
	}
	.footer-top {
	    padding: 50px 0 30px 0;
	}
	.footer-top::after {
	    width: 130px;
	    height: 122px;
	}
	.footer-about h2 {
	    font-size: 40px;
	    line-height: 50px;
	    margin-bottom: 15px;
	    padding-right: 30px;
	}
	.footer-about p {
	    font-size: 15px;
	    line-height: 25px;
	    font-weight: 500;
	}
	.footer-widget {
	    margin-top: 30px;
	}
	.footer-widget h4 {
	    font-size: 19px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.footer-widget li a {
	    font-size: 15px;
	    line-height: 24px;
	}
	.footer-widget ul {
	    margin-right: 50px;
	}
	.widget-cont-item i {
	    font-size: 18px;
	    margin-right: 12px;
	}
	.widget-cont-item p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.footer-copyright-inner p {
	    font-size: 15px;
	    line-height: 24px;
	    width: 100%;
	    text-align: center;
	}
	.footer-copyright-inner li a {
	    font-size: 15px;
	    line-height: 24px;
	}
	.footer-copyright-inner ul {
	    gap: 8px 0;
	    flex-wrap: wrap;
	    margin-bottom: 12px;
	}
	.footer-copyright-inner li {
	    width: 50%;
	    text-align: center;
	}
	.footer-copyright-inner {
		flex-direction: column-reverse;
	    gap: 7px 0;
	}
	#return-to-top {
	    bottom: 10px;
	    right: 10px;
	    width: 45px;
	    height: 45px;
	}
	#return-to-top i {
	    left: 14px;
	    top: 10px;
	    font-size: 17px;
	}
	.header-main .nav-other-link {
	    padding-right: 50px;
	}
	.sub-hero-title h1 {
	    font-size: 40px;
	    line-height: 50px;
	}
	.sub-hero-title {
	    margin-bottom: 30px;
	}
	.sub-hero-banner {
	    padding: 50px 0 30px 0;
	}
	.breadcrumb li {
	    font-size: 15px;
	}
	.breadcrumb>li+li:before{
		font-size: 12px;
	}
	.sub-hero-banner::before {
		right: -90px;
		width: 200px;
		height: 200px;
		border: 50px solid var(--secondary);
		bottom: auto;
		top: -100px;
	}
	.main-post-about img {
	    width: 330px;
	    height: 330px;
	}
	.main-post-about:after {
	    right: auto;
	    left: 60%;
	}
	.about-count-box-inner .count {
	    font-size: 38px;
	}
	.about-count-box-inner h5 {
	    font-size: 15px;
	}
	.about-count-box {
	    padding: 10px;
	    bottom: -30px;
	}
	.about-count-box-inner {
	    padding: 7px 10px;
	}
	.main-post-about {
	    margin-bottom: 60px;
	}
	.about-page-content p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 20px;
	}
	.about-page-content .section-title {
	    margin-bottom: 15px;
	}
	.about-page-content h5 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-bottom: 15px;
	}
	.about-page-content h6 {
	    font-size: 15px;
	    line-height: 24px;
	    border-left: 2px solid var(--primary);
	    padding-left: 12px;
	}
	.social-media-list a{
		width: 32px;
		height: 32px;
		line-height: 32px;
		font-size: 15px;
	}
	.social-media-list {
	    gap: 10px;
	    margin-top: 20px;
	}
	.login-page-section {
    	padding: 60px 0;
	}
	.login-card {
	    padding: 0 15px 30px 15px;
	}
	.login-card-img img {
	    max-height: 230px;
	}
	.lr-heading{
		margin-bottom: 20px;
	}
	.login-card-content {
	    padding: 0;
	}
	.form-field .form-control{
		height: 50px;
		padding: 9px 15px;
	}
	.form-field {
	    margin-bottom: 25px;
	}
	.register-link {
	    margin-top: 30px;
	}
	.verification-code-inputs {
	    gap: 20px;
	    margin-bottom: 30px;
	}
	.contact-page-section,
	.contact-getintouch-section {
	    padding: 60px 0;
	}
	.contact-content .section-title h5 {
	    font-size: 18px;
	    line-height: 22px;
	    margin-bottom: 15px;
	}
	.contact-content p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.contact-content .social-media-list a {
	    width: 35px;
	    height: 35px;
	    line-height: 36px;
	    font-size: 16px;
	}
	.contact-content {
	    margin-bottom: 30px;
	}
	.getintouch-icon-wrap {
	    margin-bottom: 20px;
	}
	.getintouch-card h5 {
	    font-size: 22px;
	    line-height: 30px;
	    margin-bottom: 14px;
	}
	.getintouch-card p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.cart-page-section {
	    padding: 60px 0;
	}
	.cart-items h5 {
		font-size: 20px;
		line-height: 30px;
	}
	.cart-items {
	    margin-bottom: 15px;
	}
	.cart-name-card{
		padding: 15px;
		margin-bottom: 20px;
		display: inline-block;
	}
	.cart-img {
	    margin-right: 0;
	    width: 200px;
	    height: 200px;
	    margin-bottom: 20px;
	}
	.cart-name-cont {
	    width: 100%;
	}
	.cart-name-cont h4 {
	    font-size: 18px;
	    line-height: 28px;
	    margin-bottom: 8px;
	    padding-right: 0;
	}
	.cart-name-cont p {
	    font-size: 15px;
	    line-height: 24px;
	}
	.cart-name-cont p br{
		display: none;
	}
	.course-info-card h6 {
	    font-size: 14px;
	    line-height: 20px;
	}
	.course-info {
	    gap: 10px;
	    margin-bottom: 20px;
	}
	.course-price h4{
		padding: 5px 15px;
		font-size: 16px;
		line-height: 26px;
		margin-bottom: 0;
	}
	.course-price h6{
		font-size: 15px;
		line-height: 24px;
	}
	.cart-btn {
	    flex-wrap: wrap;
		gap: 15px;
	}
	.cart-summary-card {
	    margin-top: 30px;
	}
	.cart-subtotal h5 {
	    font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.cart-subtotal ul {
	    border-radius: 15px;
	    padding: 15px;
	}
	.cart-subtotal li {
	    margin-bottom: 10px;
	    font-size: 16px;
	    line-height: 26px;
	}
	.cart-subtotal {
	    margin-bottom: 30px;
	}
	.login-page-card-img h4 {
	    padding: 0;
	}
	.login-page-card-img {
	    margin: 30px 0 20px 0;
	}
	.login-page-card-img img {
	    max-width: 290px;
	    max-height: none;
	}
	.profile-details-section {
	    padding: 50px 0 0 0;
	}
	.profile-details-name h4 {
	    font-size: 23px;
	    line-height: 33px;
	}
	.profile-details-content {
	    padding: 15px 0 0 0;
	}
	.edit-profile-section {
	    padding: 40px 0 60px 0;
	}
	.edit-profile-title h5 {
	    font-size: 20px;
	    line-height: 30px;
	}
	.profile-links-card li a{
		padding: 12px 15px;
	}
	.profile-links-card li a i {
		font-size: 20px;
		margin-right: 10px;
		top: 0;
	}
	.edit-profile-form{
		padding: 20px 15px 5px 15px;
	}
	.edit-profile-form .form-field {
	    margin-bottom: 15px;
	}
	.courses-page-section {
	    padding-bottom: 60px;
	}
	.show-result h4 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.courses-head {
	    margin-bottom: 12px;
	}
	.courses-list-main {
	    gap: 25px 0;
	    margin-top: 25px;
	}
	.courses-card-content .course-info-card h6 {
	    font-size: 14px;
	    line-height: 24px;
	}
	.courses-card-btn a{
		font-size: 16px;
		padding: 9px 15px;
	}
	.courses-pagination{
		margin-top: 40px;
	}
	.cd-head-info ul {
	    gap: 15px;
	    flex-wrap: wrap;
	    justify-content: center;
	}
	.cd-head-info li{
		padding: 6px 15px;
		font-size: 15px;
		line-height: 25px;
	}
	.course-details-title {
	    padding: 40px 0;
	}
	.cd-head h4 {
	    font-size: 16px;
	    line-height: 26px;
	}	
	.cd-head-info{
		margin-bottom: 20px;
	}
	.cd-head{
		padding-bottom: 30px;
	}
	.course-content-title h5{
		font-size: 20px;
	    line-height: 30px;
		width: 100%;
	}
	.course-content-title p{
	    width: 100%;
	    font-size: 14px;
	}
	.course-content-card-inner{
		padding: 15px;
	}
	.course-content-card {
	    margin-bottom: 30px;
	}
	.course-description-list li {
	    font-size: 15px;
	    line-height: 24px;
	    padding-bottom: 8px;
	}
	.moreless-button {
	    margin-top: 15px;
	}
	.course-content-title{
		flex-wrap: wrap;
		gap: 3px;
	}
	.course-content-accordion .accordion-item{
		padding: 3px;
	}
	.course-content-accordion .accordion-button{
		padding: 5px 30px 5px 10px;
		font-size: 15px;
		line-height: 25px;
	}
	.course-content-accordion .accordion-button span{
		width: 25px;
	    height: 25px;
	    margin-right: 9px;
	    font-size: 14px;
	    line-height: 24px;
	    flex: none;
	}
	.course-content-accordion .accordion-button::after{
		right: 8px;
		font-size: 25px;
		width: 17px;
		height: 17px;
		line-height: 21px;
	}
	.course-content-accordion .accordion-button:not(.collapsed)::after{
		font-size: 17px;
	}
	.course-content-accordion .accordion-body {
	    padding: 3px 10px;
	    margin-top: 3px;
	}
	.course-content-accordion .accordion-body li{
		font-size: 14px;
		line-height: 23px;
		padding: 10px 30px 10px 20px;
	}
	.course-content-accordion .accordion-body li:after{
		top: 18px;
		left: 4px;
	}
	.course-content-accordion .accordion-body li span {
	    top: 12px;
	    right: 5px;
	    font-size: 14px;
	    line-height: 23px;
	}
	.cc-right{
		padding-top: 10px;
	}
	.course-content-sidebar{
		margin-bottom: 30px;
	}
	.course-content-price h5 {
	    font-size: 25px;
	    line-height: 35px;
	}
	.course-content-price p{
		font-size: 13px;
		line-height: 23px;
		padding: 2px 7px;
	}
	.course-content-btn {
	    flex-wrap: wrap;
	}
	.course-content-price{
		margin-bottom: 15px;
	}
	.course-content-btn a{
		font-size: 15px;
		line-height: 25px;
	}
	.course-content-section {
	    padding: 0 0 60px 0;
	}
	.course-video-modal .modal-dialog {
	    padding: 0;
	}
	.checkout-page-section{
		padding: 60px 0;
	}
	.checkout-title{
		flex-wrap: wrap;
	}
	.checkout-title h5{
		font-size: 20px;
		line-height: 30px;
		width: 100%;
	}
	.checkout-login-card {
	    padding: 15px;
		margin-bottom: 25px;
	}
	.checkout-login-details h6 {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 5px;
	}
	.checkout-login-details h6 span {
	    min-width: 130px;
	}
	.checkout-title p {
	    font-size: 14px;
	    line-height: 24px;
	    width: 100%;
	}
	.checkout-login-card .lr-heading{
		margin-top: 20px;
	}
	.coupon-code-field{
		margin-bottom: 0;
	}
	.coupon-code-field .coupon-code-btn{
		top: 6px;
		font-size: 15px;
		line-height: 25px;
		padding: 7px 20px;
	}
	.privacy-policy-section{
		padding: 60px 0;
	}
	.privacy-policy-content h3{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.privacy-policy-content p{
		font-size: 15px;
		line-height: 25px;
		margin-bottom: 15px;
	}
	.privacy-policy-content h2{
		font-size: 30px;
		line-height: 40px;
		margin-bottom: 15px;
		margin-top: 25px;
	}
	.privacy-policy-content h4{
		font-size: 20px;
		line-height: 30px;
		margin-bottom: 15px;
	}
	.privacy-policy-content h5{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 15px;
	}
	.privacy-policy-content li{
		font-size: 15px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.checkout-otp {
	    gap: 18px;
	}
	.checkout-login-card .verification-code-inputs {
	    width: 100%;
	}
	.btn-custom{
		padding: 10px 25px;
		font-size: 15px;
		line-height: 26px;
	}
	.mycourses-list .courses-card-content h3{
		font-size: 18px;
		line-height: 28px;
		margin-bottom: 10px;
	}
	.mycourses-list .courses-grid-view .courses-card-content .course-info {
	    flex-wrap: wrap;
	}
	.mycourses-list .courses-card-content .course-info-card {
	    padding: 5px 8px 5px 5px;
	}
	.mycourses-list .courses-grid-view .courses-card-btn a {
	    padding: 10px 25px;
	    width: 100%;
	}
	.mycourse-head-content{
		flex-direction: column-reverse;
		gap: 8px;
		margin-top: 12px;
	}
	.mycourse-head-content h5 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.mycourse-details-content {
	    padding: 30px 15px;
	}
	.mycourse-detail-video h2 {
	    font-size: 24px;
	    line-height: 33px;
	}
	.cd-video-in {
	    padding: 5px;
	    border-radius: 10px;
	    background: var(--primary);
	}
	.mycourse-detail-video {
	    margin-bottom: 15px;
	}
	.mycourse-detail-list{
		padding: 5px;
		border-radius: 10px;
	}
	/*.mycourse-detail-list .cd-list-in {
	    height: 575px;
	}*/
	.cd-list-card h3 span {
	    width: 25px;
	    height: 25px;
		font-size: 13px;
		line-height: 25px;
		margin-right: 7px;
	}
	.cd-list-card h3 {
		margin: 0;
	}
	.cd-list-card h3 .accordion-button{
		font-size: 16px;
	    line-height: 22px;
		padding: 0 30px 0 0;
	}
	.cd-list-card ul{
		margin-top: 3px;
	}
	.cd-list-card li a{
		padding: 8px 10px 8px 38px;
		font-size: 14px;
		line-height: 22px;
	}
	.cd-list-card li a:after{
		top: 12px;
		left: 14px;
		width: 15px;
		height: 15px;
	}
	.cd-list-card li a:before{
		top: 16.6px;
		left: 19.1px;
		width: 5px;
		height: 5px;
	}
	.course-feature-card {
	    gap: 18px 10px;
	    justify-content: center;
	}
	.cd-icon-card {
	    width: 48%;
	    flex-wrap: wrap;
	    align-items: normal;
	    justify-content: center;
	}
	.cd-icon-card i {
	    width: 60px;
	    height: 60px;
	    margin-right: 0;
	    margin-bottom: 10px;
	}
	.cd-icon-card i img {
	    width: 28px
	}
	.cd-icon-card h6 {
		flex: auto;
	    font-size: 15px;
	    line-height: 22px;
	    width: 100%;
	    text-align: center;
	}
	.course-details-tabs-content {
	    border-radius: 0 0 15px 15px;
	}
	.description-tabs-content table th, .description-tabs-content table td{
		font-size: 15px;
		line-height: 25px;
		padding: 8px 10px 5px 10px;
		width: 100%;
    	display: block;
	}
	.description-tabs-content table td{
		padding-top: 0px;
		padding-bottom: 10px;
	}
	.description-tabs-content table {
	    margin-bottom: 25px;
	}
	.description-tabs-content h3 {
	    font-size: 20px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}
	.description-tabs-content p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 10px;
	}
	.description-tabs-content h5 {
	    font-size: 17px;
	    line-height: 27px;
	    margin-bottom: 10px;
	}
	.description-tabs-content li {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 8px;
	}
	.description-tabs-content ul {
	    padding-left: 5px;
	}
	.demo-session-tabs-content .row {
	    gap: 15px 0;
	}
	.demo-session-video{
		border-radius: 10px;
	}
	.about-faculty-img {
	    width: 100%;
	    margin-bottom: 25px;
	}
	.about-faculty-content h4 {
	    font-size: 22px;
	    line-height: 32px;
	    margin-bottom: 5px;
	}
	.about-faculty-content h6 {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 12px;
	}
	.about-faculty-content p {
    	font-size: 15px;
    	line-height: 25px;
    }
    .about-faculty-tabs-content .row > div:last-child .about-faculty-content {
	    padding-top: 10px;
	}
	.faqs-title h4 {
	    font-size: 17px;
	    line-height: 27px;
	}
	.faqs-title {
	    margin-bottom: 10px;
	    margin-top: 20px;
	}
	.faqs-tabs-content .accordion-body {
	    padding: 10px 15px;
	}
	.faqs-tabs-content .accordion-body p {
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 10px;
	}
	.faqs-tabs-content .accordion-body li {
	    padding: 0 0 0 20px;
	    font-size: 15px;
	    line-height: 25px;
	    margin-bottom: 8px;
	}
	.faqs-tabs-content .accordion-body li:after {
    	top: 10px;
	}
	.transaction-history-head{
		border-radius: 8px;
    	padding: 8px 10px;
		gap: 8px 0;
		margin-bottom: 15px;
	}
	.th-head-content h5 {
    	font-size: 15px;
    	line-height: 20px;
	}
	.th-head-content {
	    width: 50%;
	}
	.th-head-content:nth-child(2),
	.th-head-content:nth-child(4){
		padding-left: 10px;
	}
	.th-head-content h6 {
	    font-size: 13px;
	}
	.cd-list-card h3 .accordion-button::after{
		right: 5px;
		font-size: 25px;
		width: 17px;
		height: 17px;
		line-height: 21px;
	}
	.cd-list-card h3 .accordion-button:not(.collapsed)::after{
		font-size: 17px;
	}
}

@media(max-width: 320px) {
	.syllabus-title h3, .syllabus-title h3::after {
	    font-size: 50px;
	    line-height: 50px;
	}
	.main-post-about img {
	    width: 280px;
	    height: 280px;
	}
	.login-page-card-img img {
	    max-width: 250px;
	    max-height: none;
	}
	.login-page-card-img h4 {
	    font-size: 15px;
	    line-height: 25px;
	}
	.coupon-code-field.form-field .form-control {
	    padding-right: 95px;
	}
	.th-head-content {
	    width: 100%;
	}
	.th-head-content:nth-child(2),
	.th-head-content:nth-child(4){
		padding-left: 0px;
	}
}