
/* Responsive */
@media screen and (min-width:1400px){
 
}

@media screen and (max-width:1169px){
 
.content-wrap {width: 450px;}
.content-wrap h2 {font-size: 45px;}
.titleHead-wrap h1 {font-size: 60px;letter-spacing: 0px;line-height: 75px;}
.titleHead-wrap p {font-size: 60px;letter-spacing: 0px;line-height: 75px;}

}

@media screen and (max-width:992px){
	
.section-one {height: 515px;}
.section-one::before { width: 600px; height: 510px; left: calc(50% - 510px);}
.section-one::after { width: 610px; height: 585px; right: calc(50% - 620px);}
.content-wrap {width: 340px;}
.content-wrap h1, .content-wrap h2 { font-size: 35px;}
.banner-image { margin-top: 130px; width: 250px;}
.enroll-wrapper {padding-left: 0px;}
.enroll-wrapper ul li + li { margin-top: 10px;}
.enroll-wrapper ul {margin-top: 20px;}
.enroll-wrapper h2 del {font-size: 24px;}
.enroll-wrapper h2 span {font-size: 26px;}
.fetaure-tabs .nav-tabs .nav-link { font-size: 14px; padding: 6px 10px; margin-right: 10px;}
.certificate-content { width: 100%; margin-left: 0px;}
.titleHead-wrap h1 {font-size: 48px;line-height: 55px;}
.titleHead-wrap p {font-size: 48px;line-height: 55px;}
.cart-wrapper {padding: 25px 0px;}
.cartSummary {margin-left: 0px;}
.cart-item > .cartContent .selectBachDate ul li {width: 100%;}
.group-image {  flex-wrap: wrap;}
.group-image > .img-fluid {height: 80px;}
.admin-wrapper { min-height: auto;}
.admin-left {display: none !important;}
.admin-login {padding: 50px 50px; padding-top:90px;}

}

@media screen and (max-width:767px){
	
.container {max-width: 100%;}
.login-wrap ul { justify-content: center;}
.group-image {width: 100%; margin-top: 10px;}
.logo-wrapper { padding: 0px 0px 20px;}
.section-one { background: #7d5cc6; padding: 40px 0px; height: auto; text-align: center;}
.section-one::before, .section-one::after{ display:none;}
.banner-image {  margin-top: 40px; width: 250px;}
.banner-image { width: 250px;  margin: 40px auto 0px;}
.content-wrap h1, .content-wrap h2 { font-size: 30px;}
.enroll-wrapper {  margin-top: 25px;}
.enroll-wrapper h2 { margin-bottom: 20px;}
.fetaure-tabs .nav-tabs { padding: 10px 10px;}
.fetaure-tabs .nav-tabs .nav-link { margin: 5px 5px;}
.fetaure-tabs .tab-content { padding: 15px;}
.certificate-content { margin: 0px 15px 15px;}
.instructors-profile-01 { padding-left: 0px; min-height: 150px;  padding-top: 65px;}
.instructors-picture { width: 50px;}
.fetaure-tabs .tab-content p, .fetaure-tabs .tab-content ul li { font-size: 14px; line-height: 22px; letter-spacing: .5px;}
.fetaure-tabs { margin-bottom: 40px;}
footer {padding: 10px 0px 30px;}
.footer-content { margin-top:20px; text-align: center;}
.footer-logo { margin-bottom: 20px;}
.login-modal .admin-login { padding: 35px 25px;}
.login-modal .order-details {padding: 20px 0px !important;}
.chechoutModal {max-width: 100%;}
.order-details .course-content .course-image {position: relative; width: 100px; height: auto;margin-bottom: 15px;}
.order-details .course-content {width: 100%;padding-left: 0px;}
.course-details { position: relative;padding: 0px 15px 20px;}
.course-price {position: absolute;right: 15px;top: 10px;}
.titleHead-wrap {padding: 10px 0px;}
.titleHead-wrap h1 {font-size: 22px;line-height: 30px;}
.titleHead-wrap h2 {font-size: 22px;line-height: 30px; letter-spacing:1px;}
.titleHead-wrap p { font-size: 14px; line-height: 24px; letter-spacing: .5px;}
.courseContent h2 { font-size: 20px;}
.courseContent { padding-top: 15px;}
.courseAmount { font-size: 12px; padding-left: 10px; line-height: 18px; text-align: center;}
.courseAmount > span { font-size: 25px; margin-left: 15px;}
.courseContent ul li { font-size: 14px;line-height: 20px;}
.cart-item > .cartImage {width: 100%;}
.cart-item > .cartContent {width: 100%;padding-left: 0px;padding-top: 20px;}
.group-image > .img-fluid { height: 35px;}
.course-topHead{ padding-left: 0px;}
.login-modal .modal-header {height: auto;}
.login-modal .modal-header h4 {font-size: 18px;line-height: 24px;}
.modal-dialog {margin: 50px 10px;} 
.course-image > img {height: 50px;-o-object-fit: cover;object-fit: cover;}
.modal-header p {font-size: 15px;}
.titleHead-wrap .container { padding: 0px 15px;}
.feature-list ul li { font-size: 15px; padding: 0px 5px; width: 50%;}
.feature-list ul li + li {border-left: none;}
.image-wrapper > img { height: auto;}
.loginPage-wrapper{ height:auto;}
.admin-login {padding: 30px 15px; padding-top:90px;}

}

@media only screen and (min-width: 576px) and (max-width:767px) { 
 
header ul { justify-content: flex-end;}
.enroll-wrapper { margin-top: 0px;}
.section-one { text-align: left;}
.banner-image { margin: 0px auto 0px;}
.certificate-content { margin: 15px 15px 15px;}
.titleHead-wrap h1 {font-size: 38px;line-height: 45px;}
.titleHead-wrap p {font-size: 38px;line-height: 45px;}
.group-image > .img-fluid {height: 60px;}
.modal-dialog {margin: 50px auto;} 

}

