h1, .h1, h2, .h2, h3, .h3 {
    font-family: "Open Sans", sans-sarif;
    margin-bottom: 30px;
    line-height: 1.45;
    font-weight: 300;
}
p {
    font-family: "Open Sans", sans-sarif;
}
.text-green {
    color: #0aa805;
}
.text-red {
    color: #fe5969;
}
/******* START HEADER SECTION ******/
.quck-nav {
    background: #666;
    padding: 5px;
}
.quck-nav .contact-no a:hover, .quck-nav .quck-right .right-link a:hover {
    color: #e5e5e5;
}
.quck-nav .quck-right .right-link {
    color: #fff;
}
#header {
    top: 0;
    transition: none;
}
#header.style2 {
    border-bottom: 1px solid #eee;
}
#header .cart-box .fa {
    background: #a04b99;
}
#header.style2 .cart-box .fa:hover {
    background: #666;
}
#header.style2 .navbar-nav > li > ul:after {border-bottom:10px solid #a04b99;}
#header.style2 .navbar-nav > li > ul {border-top:solid 2px #a04b99; }
#header.style2 .navbar-nav > li > a::after, #header.style2 .navbar-nav > li > ul li a:hover {
    background: #a04b99;
    color: #fff;
}
#header.style2 .navbar-nav > li:hover > a, #header.style2 .navbar-nav > li.active > a {
    color: #666;
}
.catagorie-list .active {
    color: #a04b99!important;
}
.catagorie-list .active a {
    color: #a04b99!important;
}

.banner .banner-text {
    top: 32%;
}
.banner .banner-text h1 {
    font-size: 40px;
    line-height: 48px;
}
.banner .banner-text p {
    font-size: 28px;
}
.banner .search-box input[type="text"] {
    height: 56px;
    padding: 15px 18px;
}
.banner .search-box input[type="submit"] {
    height: 56px;
}
.banner .learning-btn .btn {
    font-size: 16px;
}
.banner .search-box input[type="submit"] {
    background: #999 url("../images/search-icon.png") no-repeat scroll center center;
}
.banner .search-box input[type="submit"]:hover {
    background: #888 url("../images/search-icon.png") no-repeat scroll center center;
}
.forums-page .search-box input[type="submit"] {
    background: #999 url("../images/search-icon.png") no-repeat scroll center center;
}
.forums-page .search-box input[type="submit"]:hover {
    background: #888 url("../images/search-icon.png") no-repeat scroll center center;
}
.section-title h2 {
    color: #777;
}
.profile-header-menu {
    left: auto;
    margin: 0;
}
.profile-header-menu > li > a {
    color: #333 !important;
    font-weight: 400 !important;
    line-height: 1.42857 !important;
    padding: 3px 20px !important;
}
/******* END HEADER SECTION ******/




.breadcrumb {
    margin-top: 90px;
}

/******* START LOGIN ******/
.login-view {
    margin-top: 100px;
    padding: 60px 0;
    text-align: left;
}
.login-view .sosiyal-login {
    padding: 0 0 40px;
}
.login-view .hs_heading {
    color: #666;
    font-size: 24px;
    font-weight: normal;
    margin: 0;
    padding-bottom: 0px;
    position: relative;
}
.login-view .note {
    font-size: 14px;
    font-weight: 100;
    padding: 0 0 15px;
}
/*.login-view .sosiyal-login {
    text-align: center;
}.login-view .sosiyal-login a {
    padding-left: 0;
    text-align: center;
}*/
.login-view .check-slide .right-link a:hover {
    color: #a04b99;
}
.login-view .social-section {
    width: 100%;
    position: relative;
}
.login-view .social-section .lines::after {
    background: #c8c8c8 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 8px;
    width: 100%;
    z-index: 5;
}
.login-view .social-section .lines {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.login-view .social-section h3 {
    color: #666;
    font-family: "Open Sans",Verdana,Geneva,sans-serif,sans-serif;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: normal;
    margin: 0;
}
.login-view .social-section .text {
    background: #fff none repeat scroll 0 0;
    padding: 0 20px;
    position: relative;
    top: -2px;
    z-index: 6;
}
.login-view .register {
    margin-top: 6px;
    font-size: 14px;
}
.login-view .register a {
    font-size: 16px;
    color: #602987;
}
.login-view .register a:hover {
    color: #a04b99;
}
.login-view .input-box input {
    border: 1px solid #ccc;
}
/******* END LOGIN ******/


/******* START USER PROFILE SECTION ******/
.archived-course {
    padding: 0;
}
.user-profile {
    background: #f5f5f5;
    margin-top: 72px;
    padding: 50px 0;
    position: relative;
}
.user-profile, .profile-head {
    margin-bottom: 20px;
    font-size: 24px;
}
.profile-menu, .profile-content {
    background: #fff;
    min-height: 496px;
    padding: 25px;
    font-size: 16px;
    position: relative;
}
.profile-menu, .profile-content label {
    font-weight: normal;
}
.profile-content .my-account {
    padding: 0;
    position: relative;
}
.profile-content .my-account .profile-con {
    font-size: 14px;
    font-family: "Open Sans", sans-sarif;
    line-height: 30px;
}
.profile-content .my-account h3::after {
    background: #a04b99 none repeat scroll 0 0;
    top: 35px;
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    width: 80px;
}
.profile-content .my-account h3 {
    margin-bottom: 25px;
}
.my-account .personal-edit a {
    color: #662D91;
}
.my-account .personal-edit a:hover {
    color: #a04b99;
}
.user-profile .sidebar-nav .navbar-default {
    background: none;
    padding: 0;
    max-height: none;
}
.user-profile .sidebar-nav .navbar .navbar-collapse {
    padding: 0;
    max-height: none;
}
.user-profile .sidebar-nav .navbar ul {
    float: none;
    display: block;
}
.user-profile .sidebar-nav .navbar li {
    background: #f8f8f8;
    float: none;
    display: block;
    padding: 0;
    margin: 10px 0;
}
.user-profile .sidebar-nav .navbar li a {
    padding: 2px 15px;
}
.navbar-nav > li > a::after {
    background: none;
}
.btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled.focus, .btn-default.focus[disabled], fieldset[disabled] .btn-default.focus {
    background: #C189BC;
}
.btn-default:focus, .btn-default.focus {
    color: #fff;
}
/******* END USER PROFILE SECTION ******/


.teacher-profile .profile-details {
    padding: 25px 25px 10px;
}
.teacher-profile .profile-details h4 {
    color: #666;
    line-height: 24px;
}
.teacher-profile .profile-details .details-slide {
    padding: 8px 0;
}
.teacher-profile .profile-details .details-slide p a {
    color: #602987;
}
.teacher-profile .profile-details .details-slide p a:hover {
    color: #a04b99;
    text-decoration: none;
}

/******* START CONTACT LIST ******/
.contact-detail {
    margin-top: 100px;
}
/******* END CONTACT LIST ******/


/******* START COURSE LIST ******/
.courses-view {
    margin-top: 80px;
}
.list-view .course-post {
    background: #f6f6f6 none repeat scroll 0 0;
    padding: 20px;
    border-bottom: 2px solid #eaedf5;
    position: relative;
}
.list-view .course-post::after, .list-view .course-post::before {
    background: #a04b99 none repeat scroll 0 0;
    bottom: -2px;
    content: "";
    height: 2px;
    position: absolute;
    width: 0;
    -moz-transition:all 0.5s ease-in-out 0s; 
    -ms-transition:all 0.5s ease-in-out 0s; 
    -o-transition:all 0.5s ease-in-out 0s; 
    -webkit-transition:all 0.5s ease-in-out 0s; 
    transition:all 0.5s ease-in-out 0s;
}
.list-view .course-post::before {
    left: 50%;
}
.list-view .course-post::after {
    right: 50%;
}
.list-view .course-post:hover::after {
    width: 50%;
}
.list-view .course-post:hover::before {
    width: 50%;
}
.list-view .course-post:hover {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}
.list-view .course-post .img:hover:after {
    background: none;
}
.list-view .course-post .product-footer {
    padding: 0 15px;
}
.courses-view .product-footer .rating, .course-overview .rating {
    margin-top: 7px;
}
.list-view .product-footer p {
    margin-top: 12px;
}
.right-slide .catagorie-list li a:hover {
    color: #a04b99;
}
.right-slide .filter-blcok .check-slide .label_check:hover, .right-slide .filter-blcok .label_check.c_on {
    color: #a04b99;
}
.right-slide .recent-post .post-slide p a:hover {
    color: #a04b99;
}
.right-slide .keyword-list li a:hover {
    background: #a04b99;
    border: 1px solid #a04b99;
}
.btn2 {
    color: #a04b99;
    border-color: #a04b99;
    margin-right: 30px;
}
.btn2:hover, .btn2.active, .btn2:focus, .btn2.focus {
    background: #a04b99;
    color: #ffffff;
    text-decoration: none;
}
.btn2::before, .btn2::after {
    border: 1px solid #a04b99;
}
.btn2.disabled {
  opacity: 0.65; 
  cursor: not-allowed;
  pointer-events: none;
}
.right-slide .recent-post .post-slide p {
    color: #777;
}
.right-slide .recent-post .post-slide p a {
    color: #333;
}
/******* END COURSE LIST ******/


/******* MY COURSE ******/
.right-slide .catagorie-list li a::after {
    background: #666 none repeat scroll 0 0;
}
.right-slide .catagorie-list li a {
    color: #666;
}
/******* MY COURSE ******/


/******* START COURSE DETAILS ******/
.my-account {
    padding: 0;
}
.my-account .account-tab ul li:hover a, .my-account .account-tab ul li.active a {
    border-bottom: 2px solid #a04b99;
    color: #a04b99;
}
.course-details {
    padding: 0 0 10px;
}
.course-details .info{
    padding: 6px 0;
}
.course-details h2 {
    color: #666;
    font-size: 22px;
}
.course-details h4 {
    font-size: 18px;
    color: #666;
}
.course-details .syllabus .info {
    padding: 6px 0 !important;
}
.course-details .syllabus .syllabus-view {
    background: #f6f6f6;
    padding: 10px 10px 10px 60px;
}
.course-details .syllabus .syllabus-view .main-point {
    color: #333;
    font-family: "Open Sans", sans-sarif;
    font-size: 16px;
    font-weight: normal;
}
.course-details .syllabus .syllabus-view .main-point.exam:after {
    background: #BF77BA;
    content:"\f044";
    cursor: default;
    padding-left: 2px;
}
.course-details .syllabus .syllabus-view .main-point.exam a {
    color: #853F80;
}
.course-details .syllabus .syllabus-view .main-point.exam a:hover {
    color: #662d91;
}
.course-details .syllabus .syllabus-view .point-list ul li::after {
    content: none;
}
.course-details .syllabus .syllabus-view .point-list ul li a {
    /*color: #666;*/
    padding: 10px;
}
.course-details .syllabus .syllabus-view .point-list ul li:hover a {
    background: #ddd;
}
.course-details .syllabus .syllabus-view .point-list ul li a.active {
    background: #ddd;
}
.course-details .syllabus .syllabus-view .point-list ul li a i.fa-play::before {
    padding: 0;
    position: relative;
}
.course-details .syllabus .syllabus-view .point-list ul li.exam a {
    color: #853f80;
    font-weight: 600;
}
.course-details .syllabus .syllabus-view .disabled ul li a {
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    pointer-events: none !important;
}
.exam.disabled {
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    pointer-events: none !important;
}
.course-details .div_link {
    width: 100%;
    background: #eee;
    border: 1px solid #ddd;
    margin: 10px 0;
    padding: 10px 24px;
}
.course-details .div_link a {
    text-decoration: none;
    color: #666;
    font-size: 16px;
}
.course-details .div_link a:hover {
    color: #662d91;
}
.msg-box {
    padding: 60px;
    text-align: center;
    font-size: 18px;
    /*color: #888;*/
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-bottom: 50px;
}
/******* END COURSE DETAILS ******/

/******* START FULLSCREEN MODAL ******/
.moodal-fullscreen {
    width: 100%;
    margin: 0;
}
.moodal-fullscreen .modal-content {
    border: 0;
    border-radius: 0;
    background: transparent;
    padding: 0;
}
.moodal-fullscreen .modal-header {
    border: 0;
    padding: 0;
    margin: 0;
}
.moodal-fullscreen .modal-body {
    padding: 0;
    margin: 0 20px;
    background: #fff;
}
.moodal-fullscreen button {
    font-size: 35px!important;
    border: 1px solid #fff!important;
    border-radius: 50px!important;
    padding: 5px!important;
    cursor: pointer!important;
    line-height: 0.6!important;
    margin-top: 3px!important;
    margin-right: 3px!important;
    background-color: #fff;
}


/******* END FULLSCREEN MODAL ******/


/******* START COURSE OVERVIEW ******/
.my-account .account-tab ul li:hover a, .my-account .account-tab ul li.active a {
    border-bottom: 2px solid #a04b99;
    color: #a04b99;
}
.course-details h2 {
    padding: 0;
}
.course-details-main {
    background: url('../images/course-banner.png') no-repeat !important; 
    background-size: 100% !important;
    width: 100%;
    height: auto;
    padding: 50px 0;
    overflow: auto;
    margin-top: 68px;
}
.course-img {
    width: 100%;
    float: left;
    height: auto;
}
.course-overview {
    width: 100%;
    height: auto;
    float: left;
    padding:0;
    color: #ffffff;
}
.course-overview h2 {
    color: #ffffff;
    font-family: Open Sans;
    font-weight: 500;
    margin-bottom: 15px;
}
.course-overview h4 {
    color: #ffffff;
}
.course-details h4::after {
    background: #666;
}
.course-overview p {
    color: #ddd;
}
.course-overview a {
    color: #fff;
}
.course-overview .rating {
    float: left;
    margin-top: 3px;
    margin-right: 5px;
}
.course-img img {
    width: 100%;
    height: auto;
}
.course-details .course-info {
    margin-left: -20px;
    padding: 30px 0 10px;
}
.course-details .course-info .course-box {
    width: 18%;
    padding-bottom: 0;
}
.course-details .course-info .icon {
    background: #fff none repeat scroll 0 0;
    height: 45px;
    width: 45px;
}
.course-details .course-info .icon .fa {
    color: #602987;
    font-size: 20px;
    line-height: 45px;
}
.course-details .course-info p {
    color: #fff;
    font-size: 16px;
}
.table-content-list > tbody > tr > td {
    padding: 15px 10px;
    cursor: pointer;
}
/******* END COURSE OVERVIEW ******/


/******* START EXAM SECTION ******/
.quiz-view {
    background: none;
}
.quiz-intro h3::after {
    background: #a04b99;
}
/******* END EXAM SECTION ******/


/******* START QUESTION SECTION ******/
.qustion-main p {
    font-size: 16px;
}
.qustion-main .head {
    margin-bottom: 30px;
}
.quiz-view p.number-of-question {
    color: #a04b99;
    font-weight: 600;
}
.qustion-main .ans-slide span {
    font-size: 16px;
    font-weight: 700;
}
.quiz-view .qustion-box .btn-slide .btn {
    font-size: 18px;
    padding: 3px 15px;
}
.quiz-view h3.exam-result-title {
    color: #a04b99;
}
.quiz-result h3::after {
    background: #a04b99;
}
.right-mark {
    background: #0aa805 none repeat scroll 0 0;
    color: #fff;
    padding: 0 10px;
}
.wrong-mark {
    background: #fe5969 none repeat scroll 0 0;
    color: #fff;
    padding: 0 10px;
}
/******* END QUESTION SECTION ******/



/******* START COUNDOWN SECTION ******/
.countDiv::before, .countDiv::after {
    background-color: red;
    border-radius: 50%;
    box-shadow: none;
    content: "";
    height: 3px;
    left: 50%;
    width: 3px;
}
.countdownHolder {
    font-size: 16px;
}
.position {
    height: 30px;
    width: 10px;
}
.digit.static {
    background-image: none;
    box-shadow: none;
}
.digit {
    background-color: transparent;
    color: red;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 20px;
}
/******* END COUNDOWN SECTION ******/



/******* START CERTIFICATE SECTION ******/
.certificate-view {
    width: 842px;
    display: inline-block;
}

.certificate-view .certificate  {
    width: 842px;
    height: 595px;
    background:url(../images/certificate.png) no-repeat center center;
}

/******* MY CERTIFICATE VIEW ******/
.my-certificate-show .certification-con .certificate-view .my-achiver{
    top: 276px !important;
}

.my-certificate-show .certification-con .certificate-view .my-footer{
    top: 517px !important;
}

.my-certificate-show .certification-con .certificate-view .my-date-signature{
    top: 462px !important;
}

.my-certificate-show .certification-con .certificate-view .my-detail{
    top: 345px !important;
}

/*******END MY CERTIFICATE VIEW ******/

/******* END CERTIFICATE SECTION ******/
.banner-text h1{
    text-transform: none;
}


.select2-container {
	width: 100%!important;
	text-align: left;
}
.select2-container .select2-selection {
	border: 1px solid #e0e0e0;
    border-radius: 0;
    height: auto;
}
.select2-container .select2-selection .select2-selection__rendered {
	line-height: 42px;
	padding-left: 10px;
}
.input-box.required label::before {
    color: #1fbad6;
    content: "*";
    font-size: 16px;
    padding-right: 4px;
}
.input-box label {
    color: #666;
    display: block;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px;
    float: left;
}
.fv-form-bootstrap .help-block {
	text-align: left;
}

.myRating {
    cursor: pointer;
}

.btn {
    background-color: #662d91;
}
.btn:hover, .btn:active, .btn.active, .btn:focus, .btn.focus {
    background-color: #662D91;
}
.btn-success {
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}
.btn-success:hover,  .btn-success:active, .btn-success.active {
    color: #f6f6f6;
}
.btn-default {
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}
.btn-default:hover,  .btn-default:active, .btn-default.active {
    color: #f6f6f6;
}
.btn-primary {
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
}
.btn-primary:hover,  .btn-primary:active, .btn-primary.active {
    color: #f6f6f6;
}
.register-link {
    margin-top: 6px;
    color: #666;
    font-size: 16px;
    text-decoration: none;
}
.register-link:hover {
    color: #662D91;
    text-decoration: none;
}


.student-feedback .feedback-slider .student-designation {
    color: #999;
}
.student-feedback .feedback-slider .owl-next, .student-feedback .feedback-slider .owl-prev {
    color: #666;
}
.section-title h2::before {
    border-bottom: 5px solid #999;
}
.section-title h2::after {
    background: #999 none repeat scroll 0 0;
}
.section-title.white h2::before {
    border-bottom: 5px solid #a04b99;
}
.section-title.white h2::after {
    background: #a04b99 none repeat scroll 0 0;
}
.owl-dots .owl-dot {
    border: 3px solid #a04b99;
}
.owl-dots .owl-dot.active {
    background: #a04b99 none repeat scroll 0 0;
}

.right-slide h3::after {
    background: #a04b99 none repeat scroll 0 0;
}
.courses-view .filter-row .view-type a.active .fa {
    background: #a04b99 none repeat scroll 0 0;
}
.courses-view .filter-row .view-type a:hover .fa {
    background: #a04b99 none repeat scroll 0 0;
}

/********** FOOTER SECTION ***********/
#footer .course-slide p a:hover {
    color: #fff;
}


/******** PAGINATION **********/
.pagination ul li.active a, .pagination ul li:hover a {
    background: #a04b99;
    border: 1px solid #a04b99;
}


/******** BUTTONS *******/
.enroll-btn2 {
    background: #029494;
    background-image: -webkit-linear-gradient(top, #029494, #008081);
    background-image: -moz-linear-gradient(top, #029494, #008081);
    background-image: -ms-linear-gradient(top, #029494, #008081);
    background-image: -o-linear-gradient(top, #029494, #008081);
    background-image: linear-gradient(to bottom, #029494, #008081);
    -webkit-border-radius: 5;
    -moz-border-radius: 5;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 0px #666666;
    -moz-box-shadow: 0px 0px 0px #666666;
    box-shadow: 0px 0px 0px #666666;
    color: #ffffff;
    font-size: 16px;
    padding: 6px 15px;
    text-decoration: none;
}
.enroll-btn2:hover {
    background: #008081;
    background-image: -webkit-linear-gradient(top, #008081, #028787);
    background-image: -moz-linear-gradient(top, #008081, #028787);
    background-image: -ms-linear-gradient(top, #008081, #028787);
    background-image: -o-linear-gradient(top, #008081, #028787);
    background-image: linear-gradient(to bottom, #008081, #028787);
    text-decoration: none;
}
.enroll-price-view {
    background: transparent;
    color: #ffffff;
    font-size: 20px;
    text-decoration: none;
}





/******** PADDING AND MARGINGS *******/
.p0 {
    padding: 0 !important;
}
.pb10{
    padding-bottom: 10px !important;
}
.pb15{
    padding-bottom: 15px !important;
}
.pb20{
    padding-bottom: 20px !important;
}
.pb25{
    padding-bottom: 25px !important;
}
.ml0{
    margin-left: 0px !important;
}
.ml10{
    margin-left: 10px !important;
}
.ml15{
    margin-left: 15px !important;
}
.ml20{
    margin-left: 20px !important;
}
.ml25{
    margin-left: 25px !important;
}
.ml45 {
    margin-left: 45px !important;
}
.ml60 {
    margin-left: 60px !important;
}
.ml65 {
    margin-left: 65px !important;
}
.ml70 {
    margin-left: 70px !important;
}

.m0 {
    margin: 0px !important;
}
.mr0{
    margin-right: 0px !important;
}
.mr10{
    margin-right: 10px !important;
}
.mr15{
    margin-right: 15px !important;
}
.mr20{
    margin-right: 20px !important;
}
.mr25{
    margin-right: 25px !important;
}

.mb0{
    margin-bottom: 0px !important;
}
.mb10{
    margin-bottom: 10px !important;
}
.mb15{
    margin-bottom: 15px !important;
}
.mb20{
    margin-bottom: 20px !important;
}
.mb25{
    margin-bottom: 25px !important;
}
.mb65{
    margin-bottom: 65px !important;
}
.mb70{
    margin-bottom: 70px !important;
}
.mb75{
    margin-bottom: 75px !important;
}
.mb80{
    margin-bottom: 80px !important;
}
.mb85{
    margin-bottom: 85px !important;
}

.mt0{
    margin-top: 0px !important;
}
.mt1{
    margin-top: 1px !important;
}
.mt2{
    margin-top: 2px !important;
}
.mt3{
    margin-top: 3px !important;
}
.mt4{
    margin-top: 4px !important;
}
.mt5{
    margin-top: 5px !important;
}
.mt6{
    margin-top: 6px !important;
}
.mt7{
    margin-top: 7px !important;
}
.mt8{
    margin-top: 8px !important;
}


.mt10{
    margin-top: 10px !important;
}
.mt15{
    margin-top: 15px !important;
}
.mt20{
    margin-top: 20px !important;
}
.mt30{
    margin-top: 30px !important;
}
.mt80{
    margin-top: 80px !important;
}

/*PADDING LEFT*/
.pl0{
    padding-left: 0px !important;
}
.pl2{
    padding-left: 2px !important;
}
.pl3{
    padding-left: 3px !important;
}
.pl4{
    padding-left: 4px !important;
}
.pl5{
    padding-left: 5px !important;
}
.pl6{
    padding-left: 6px !important;
}
.pl7{
    padding-left: 7px !important;
}
.pl8{
    padding-left: 8px !important;
}
.pl9{
    padding-left: 9px !important;
}
.pl10{
    padding-left: 10px !important;
}
.pl11{
    padding-left: 11px !important;
}
.pl12{
    padding-left: 12px !important;
}
.pl13{
    padding-left: 13px !important;
}

/*PADDING RIGHT*/
.pr0{
    padding-right: 0px !important;
}
.pr1{
    padding-right: 1px !important;
}
.pr2{
    padding-right: 2px !important;
}
.pr3{
    padding-right: 3px !important;
}
.pr4{
    padding-right: 4px !important;
}
.pr5{
    padding-right: 5px !important;
}
.pr6{
    padding-right: 6px !important;
}
.pr7{
    padding-right: 7px !important;
}
.pr8{
    padding-right: 8px !important;
}
.pr9{
    padding-right: 9px !important;
}
.pr10{
    padding-right: 10px !important;
}
.pr11{
    padding-right: 11px !important;
}
.pr12{
    padding-right: 12px !important;
}
.pr13{
    padding-right: 13px !important;
}
.pr14{
    padding-right: 14px !important;
}
.pr15{
    padding-right: 15px !important;
}




.bgc{
    background: #fff;
}
.taj{
    text-align: justify !important;
}

.disabled {
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.hand{
    cursor: pointer!important;
}

.reUnderline a:hover{
    text-decoration: none!important;
}

.cColor{
    color: #4d4d4d;
}

.cUnderline a:hover{
    text-decoration: none;
    color: #4d4d4d;
}

.ta_center{
    text-align: center !important;
}

.section-title h3::before {
    border-bottom: 5px solid #4d4d4d;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    bottom: 3px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
}
.p0{
    padding: 0px!important;
}

.pb0{
    padding-bottom: 0px !important;
}
.pl0{
    padding-left: 0px !important;
}
.pl1{
    padding-left: 1px;
}
.pl5{
    padding-left: 5px;
}

.pl8{
    padding-left: 8px;
}
.pl9{
    padding-left: 9px;
}
.pl10{
    padding-left: 10px;
}

.pl11{
    padding-left: 11px;
}

.pl14{
    padding-left: 14px;
}

.pl15{
    padding-left: 15px;
}

.pl20{
    padding-left: 20px;
}

.pl25{
    padding-left: 25px;
}

.pl30{
    padding-left: 30px;
}

.pl35{
    padding-left: 35px;
}

.pl40{
    padding-left: 40px;
}
.pl45{
    padding-left: 45px;
}
.pl50{
    padding-left: 50px;
}
.pl55{
    padding-left: 55px;
}
.pl60{
    padding-left: 60px;
}
.pl65{
    padding-left: 65px;
}
.pl100{
    padding-left: 100px;
}
.pl110{
    padding-left: 110px;
}
.pl115{
    padding-left: 115px;
}
.pl120{
    padding-left: 120px;
}

.mb-19{
    margin-bottom: -18px!important;
}



.sudoksho_footer_top{
    background-color: #424e55 !important;
}
.sudoksho_footer{
    background-color: #364247!important;
}

#footer.style2 .footer-link li {
    border-bottom: 1px solid #DCDCDC !important;
    display: block;
    border-width: 0.10px !important;
}


#footer .footer-top h5 {
    padding-bottom: 0px !important;
}

#footer .social-media ul li a .fa {
    color: #d1d1d1 !important;
}

.join_us_btn{
    color: #fff !important;
    border-radius:10px!important;
    transition: all 0.05s ease-in-out 0s!important;
}

.join_us_btn:hover, .join_us_btn:active, .join_us_btn.active, .join_us_btn:focus, .join_us_btn.focus {
    color: #fff !important;
}

.my-account .course-archivedInfo .name {
    font-family: "Open Sans",sans-sarif !important;
    font-size: 14px !important;
}

.my-account .archived-course .course-archivedInfo .progress-title{
    padding: 6px !important; 
    background-color: #f6f6f6 none repeat scroll 0 0!important;
    border-left: 5px solid #672e91!important;
}

.my-account .archived-course .course-archivedInfo .progress-title h4 {
    font-family: "Open Sans",sans-sarif!important;
    font-weight: 500!important;
}

.my-account .archived-course .course-archivedInfo p {
    font-family: "Open Sans",sans-sarif!important;
    font-size: 14px!important;
}

.archived-course .price-view{
    padding: 20px 0 0 !important;
}

.price-view .price-box {
    margin-bottom: 0px !important;
}

.price-view .price-box .course-type.style2.new {
    background: #c07299!important;
}

.my-account .progress {
    margin-bottom: 0!important;
}

.my-account .typography-page {
    padding: 0!important;
}

.my-account .progress-bar-main .progress-label {
    font-family: "Open Sans",sans-sarif!important;
    font-size: 14px!important;
    font-weight:normal!important;
}

.certificate-view .institut-text h3 {
    font-family: "Open Sans",sans-sarif!important;
    padding: 10px 0 0;
}

.p0{
    padding: 0px!important;
}
.p5{
    padding: 5px!important;
}
.p10{
    padding: 10px!important;
}
.p15{
    padding: 15px!important;
}
.p20{
    padding: 20px !important;
}
.p25{
    padding: 25px!important;
}
.p30{
    padding: 30px!important;
}
.p35{
    padding: 35px!important;
}
.p40{
    padding: 40px!important;
}
.p45{
    padding: 45px!important;
}
.p50{
    padding: 50px!important;
}
.p55{
    padding: 55px!important;
}
.p60{
    padding: 60px!important;
}
.p65{
    padding: 65px!important;
}
.p70{
    padding: 70px!important;
}
.p75{
    padding: 75px!important;
}
.p80{
    padding: 80px!important;
}
.p85{
    padding: 85px!important;
}
.p90{
    padding: 90px!important;
}
.p95{
    padding: 95px!important;
}
.p100{
    padding: 100px!important;
}
.p110{
    padding: 110px!important;
}

.certification-con{
    padding-bottom: 30px !important;
    text-align: center;
}
.institut-text h4{
    font-size: 16px !important;
}

.certification-con .certificate-view .institut-text {
    padding-bottom: 30px !important;
}
.certification-con .certificate-view .institut-text p {
    font-size: 14px;
}

.certification-con .certificate-view .certificate .certificate-logo {
    padding-bottom: 10px !important;
}

.certification-con .certificate-view .certificate .certificate-logo::after, .certificate-view .certificate .certificate-logo::before {
    top: -20px !important;
}

.certification-con .certificate-view .certificate {
    padding: 20px 0 !important;
}

.certification-con .certificate-view .certificate .achiver {
    color: #0f0f0f;
    font-size: 28px;
    text-transform: uppercase;
    font-family: "Myriad pro",sans-serif;
    letter-spacing: 1px;
    line-height: 30px;
    padding: 0 60px;
    position: absolute;
    width: 842px;
    top: 455px;
}

.certification-con .certificate-view .certificate .detail {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 15px;
    line-height: 20px;
    padding: 0 60px;
    position: absolute;
    width: 842px;
    top: 525px;
}
.certification-con .certificate-view .certificate .detail .subject {
    font-size: 18px;
    font-weight: bold;
}

.certification-con .certificate-view .certificate .date-signature {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    width: 842px;
    top: 642px;
}
.certification-con .certificate-view .certificate .date-signature .dotet {
    border-top: 1px dashed #000;
    display: inline-table;
    height: 2px;
    width: 92px;
}
.certification-con .certificate-view .certificate .date {
    display: inline-block;
    width: 50%;
    float: left;
}
.certification-con .certificate-view .certificate .signature {
    display: inline-block;
    width: 50%;
    float: right;
}
.certification-con .certificate-view .certificate .date-only {
    top: -9px;
    padding: 0 80px;
    position: absolute;
    width: 50%;
}
.certification-con .certificate-view .certificate .signature-by {
    padding: 0 50px;
}
.certification-con .certificate-view .certificate .signature-only {
    top: -37px;
    padding: 0 80px;
    position: absolute;
    width: 50%;
}
.certification-con .certificate-view .certificate .signature-only img {
    height: 40px;
}

.certification-con .certificate-view .footer {
    color: #000;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    padding: 0 60px;
    position: absolute;
    width: 842px;
    top: 695px;
}
.certification-con .certificate-view .footer .down {
    font-size: 10px;
}

.certification-con .certificate-view .certificate .honor-text {
    font-size: 16px;
    line-height: 10px;
    padding: 15px 0;
}

.certification-con .certificate-view .certificate .honor-text {
    font-family: "Open Sans",sans-sarif;
}

.certification-con .certificate-view .certificate p {
    font-size: 14px;
    line-height: 25px;
}

.certification-con .certificate-view .certificate .signechar-row {
    padding: 0 !important;
}

.certification-con .certificate-view .more-about h3 {
    font-family: "Open Sans",sans-sarif !important;
    font-size: 14px!important;
    line-height: 40px!important;
    margin-bottom: 10px!important;
}
.certification-con .certificate-view .more-about {
    padding: 0px !important;
}
.certification-con .more-about h3 {
    font-family: "Open Sans",sans-sarif!important;
    font-weight: normal!important;
}

.certification-con .certificate-view .more-about .certificate-details span {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 25px !important;
}

.certification-con .certificate-view .more-about .certificate-details span {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 25px !important;
}

.certification-con .certificate-view .download-btn {
    padding: 0!important;
}

.certification-con .certificate-view .download-btn .btn {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 10px 20px;
}
.certification-con .certificate-view .more-about .user-info .name {
    font-size: 14px;
}


/*Course Evaluation*/
.evaluation-con .quiz-intro {
    background: #f5f5f5 none repeat scroll 0 0 !important;
    border-radius: 5px !important;
}

.evaluation-con input {
    -moz-appearance: radio!important;
}

.evaluation-con .quiz-view {
    padding: 0px;
}

.course-evaluation {
    overflow: auto;
    margin-bottom: 80px;
}

.course-evaluation .section-title {
    padding: 20px 0;
}
.course-evaluation .section-title h3::before {
    border: 0;
}
.section-title p {
    font-size: 16px;
    line-height: 20px;
    max-width: 900px;
}
.course-evaluation .section-form {
    
}
.course-evaluation .section-form p {
    font-weight: 600;
}
.course-evaluation .section-form .table-title {
    font-size: 18px;
}
.course-evaluation .section-form .note {
    color: #999;
    font-style: italic;
}

.note {
    color: #999 !important;
    font-style: italic !important;
}

.taleft{
    text-align: left;
}

.text-remaining {
    display:inline-block;
    float: right;
    padding-top: 23px;
    font-weight: bold;
    font-size: 14px;
    color: #662D91;
}


.course-evaluation .section-form .form-control, .course-evaluation .section-form .form-control:focus {
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

/*End Course Evaluation*/


/*Contact Us*/
.contact-detail .contact-box {
    min-height: 225px !important;
}

/*End Contact Us*/

.forum-details .details-slide .info img {
    border-radius: initial !important;
}

.archived-course .course-archivedInfo .progress-title {
    margin-top: 0px !important;
}

.discussion-con .br50{
    border-radius: 50px !important;
}

.discussion-con .forums-page {
    padding: 0!important;
}

.liked{
    color: #a04b99!important;
    cursor: not-allowed!important;
    pointer-events: none!important;
}

.forum-details .details-slide .name a:hover{
    color: #adadad!important;
}

/****** BUTTON CLASSES ******/
.btn-primary {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #286090;
    border-color: #122b40;
    color: #fff;
}
.btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-color: #286090;
    border-color: #204d74;
    color: #fff;
}
.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus:active, .btn-primary:active:focus, .btn-primary:active:hover, .open > .dropdown-toggle.btn-primary.focus, .open > .dropdown-toggle.btn-primary:focus, .open > .dropdown-toggle.btn-primary:hover {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff;
}
.btn-primary.active, .btn-primary:active, .open > .dropdown-toggle.btn-primary {
    background-image: none;
}
.btn-primary.disabled.focus, .btn-primary.disabled:focus, .btn-primary.disabled:hover, .btn-primary.focus[disabled], .btn-primary[disabled]:focus, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary:hover {
    background-color: #337ab7;
    border-color: #2e6da4;
}
.btn-primary .badge {
    background-color: #fff;
    color: #337ab7;
}
.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
    color: #fff;
}
.btn-success.focus, .btn-success:focus {
    background-color: #449d44;
    border-color: #255625;
    color: #fff;
}
.btn-success:hover {
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-color: #449d44;
    border-color: #398439;
    color: #fff;
}
.btn-success.active.focus, .btn-success.active:focus, .btn-success.active:hover, .btn-success.focus:active, .btn-success:active:focus, .btn-success:active:hover, .open > .dropdown-toggle.btn-success.focus, .open > .dropdown-toggle.btn-success:focus, .open > .dropdown-toggle.btn-success:hover {
    background-color: #398439;
    border-color: #255625;
    color: #fff;
}
.btn-success.active, .btn-success:active, .open > .dropdown-toggle.btn-success {
    background-image: none;
}
.btn-success.disabled.focus, .btn-success.disabled:focus, .btn-success.disabled:hover, .btn-success.focus[disabled], .btn-success[disabled]:focus, .btn-success[disabled]:hover, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success:hover {
    background-color: #5cb85c;
    border-color: #4cae4c;
}
.btn-success .badge {
    background-color: #fff;
    color: #5cb85c;
}
.btn-info {
    background-color: #5bc0de;
    border-color: #46b8da;
    color: #fff;
}
.btn-info.focus, .btn-info:focus {
    background-color: #31b0d5;
    border-color: #1b6d85;
    color: #fff;
}
.btn-info:hover {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-color: #31b0d5;
    border-color: #269abc;
    color: #fff;
}
.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    background-color: #269abc;
    border-color: #1b6d85;
    color: #fff;
}
.btn-info.active, .btn-info:active, .open > .dropdown-toggle.btn-info {
    background-image: none;
}
.btn-info.disabled.focus, .btn-info.disabled:focus, .btn-info.disabled:hover, .btn-info.focus[disabled], .btn-info[disabled]:focus, .btn-info[disabled]:hover, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info:hover {
    background-color: #5bc0de;
    border-color: #46b8da;
}
.btn-info .badge {
    background-color: #fff;
    color: #5bc0de;
}
.btn-warning {
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
}
.btn-warning.focus, .btn-warning:focus {
    background-color: #ec971f;
    border-color: #985f0d;
    color: #fff;
}
.btn-warning:hover {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff;
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-color: #ec971f;
    border-color: #d58512;
    color: #fff;
}
.btn-warning.active.focus, .btn-warning.active:focus, .btn-warning.active:hover, .btn-warning.focus:active, .btn-warning:active:focus, .btn-warning:active:hover, .open > .dropdown-toggle.btn-warning.focus, .open > .dropdown-toggle.btn-warning:focus, .open > .dropdown-toggle.btn-warning:hover {
    background-color: #d58512;
    border-color: #985f0d;
    color: #fff;
}
.btn-warning.active, .btn-warning:active, .open > .dropdown-toggle.btn-warning {
    background-image: none;
}
.btn-warning.disabled.focus, .btn-warning.disabled:focus, .btn-warning.disabled:hover, .btn-warning.focus[disabled], .btn-warning[disabled]:focus, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning:hover {
    background-color: #f0ad4e;
    border-color: #eea236;
}
.btn-warning .badge {
    background-color: #fff;
    color: #f0ad4e;
}
.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
    color: #fff;
}
.btn-danger.focus, .btn-danger:focus {
    background-color: #c9302c;
    border-color: #761c19;
    color: #fff;
}
.btn-danger:hover {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-color: #c9302c;
    border-color: #ac2925;
    color: #fff;
}
.btn-danger.active.focus, .btn-danger.active:focus, .btn-danger.active:hover, .btn-danger.focus:active, .btn-danger:active:focus, .btn-danger:active:hover, .open > .dropdown-toggle.btn-danger.focus, .open > .dropdown-toggle.btn-danger:focus, .open > .dropdown-toggle.btn-danger:hover {
    background-color: #ac2925;
    border-color: #761c19;
    color: #fff;
}
.btn-danger.active, .btn-danger:active, .open > .dropdown-toggle.btn-danger {
    background-image: none;
}
.btn-danger.disabled.focus, .btn-danger.disabled:focus, .btn-danger.disabled:hover, .btn-danger.focus[disabled], .btn-danger[disabled]:focus, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger:hover {
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-danger .badge {
    background-color: #fff;
    color: #d9534f;
}


/*Social Link Button Design*/
.social-link-fb{
    background-color: #fff; 
    border: 1px solid #c8c8c8; 
    color: #2d4373; 
    text-align: center;
}
.social-link-gp{
    background-color: #fff; 
    border: 1px solid #c8c8c8; 
    color: #dd4b39; 
    text-align: center;
}

.social-link-li{
    background-color: #fff; 
    border: 1px solid #c8c8c8; 
    color: #007bb6; 
    text-align: center;
}


/*-------------------------------------------------*/
/* =  14.USER DASHBOARD 
/*-------------------------------------------------*/
 .pro-cover{
     background: url('../images/pro-bg.jpg') no-repeat center center;
     width:100%;
     height:320px;
     display: block;
     background-size: cover;
}
 .pro-menu{
     background: #2f4f73;
     box-shadow: 0px 4px 10px hsla(0, 0%, 0%, 0.08);
     position: relative;
     z-index: 2;
}
 .pro-menu ul{
     margin-bottom: 0px;
    /* margin: 0 auto;
     */
     display: table;
     list-style: none;
     padding-left: 25px;
}
 .pro-menu ul li{
     display: inline-block;
}
 .pro-act{
     background: #4b6c90;
     color: #fff !important;
}
 .pro-menu ul li a{
     padding: 16px 14px;
     line-height: 53px;
     color: #fff;
     font-weight: 500;
     border-right: 1px solid #405d7d;
     text-decoration: none;
}
 .pro-menu ul li a:hover{
     background: #4b6c90;
     color: #fff;
}
 .pro-user{
     position:relative;
     margin-top:-160px;
     box-shadow: 0px 5px 18px -11px rgba(150,150,150,0.8);
     border: 1px solid #f3f2f2;
     border-bottom: 0px;
     z-index: 9;
}
 .pro-user img{
     width:100%;
     border:4px solid #fff;
}
.pro-user-bio {
    background: #fff;
    padding: 25px;
    box-shadow: 0px 5px 18px -11px rgba(150,150,150,0.8);
    border: 1px solid #f3f2f2;
}
 .pro-user-bio ul{
    list-style: none;
    padding: 0;
}
 .pro-user-bio ul li{
     padding-bottom: 10px;
}
 .pro-user-bio ul li a{
     color: #333;
    /* font-weight: 500;
     */
     text-decoration: none;
}
 h4{
    font-weight: 300;
    color: #333;
   /* margin-top: 22px;*/
    margin-bottom: 20px;
    line-height: 1.45;
}
/*h4, .h4 {
    font-size: 20px;
}*/


 .pro-user-bio ul li a{
/*     margin-right: 5px;*/
     width: 20px;
     color: #666 !important;
     padding: 2px 10px;
     box-shadow: none;
    text-transform: lowercase;
    border: 1px solid #cdcdcd;
    font-size: 12px;
    text-decoration: none;
    border-radius: 5px;
}
.pro-user-bio ul li a:hover{
    background-color: #eaebec;
    border: 1px solid #cdcdcd;
}
 .pro-user-bio ul li a i{
    margin-right: 3px;
 }

 .pro-user-bio ul li:last-child{
     padding-bottom: 0px;
}
 .pro-user-bio ul li:nth-child(1){
     border-bottom: 1px solid #e9edf1;
     margin-bottom: 15px;
     padding-bottom: 15px;
}
 .pro-con{
     padding: 35px 50px;
}
 .pro-con-table{
     border: 1px solid #f7f8f9;
     padding: 5px 15px;
     margin-top: 25px;
}
 .pro-con-table tr{
     line-height: 50px;
}
 .pro-con-table tr:hover{
     background:#f3f3f3;
}
 .pro-con-table th{
     font-weight: 600;
     padding: 10px;
}
 .pro-con-table td{
     padding: 10px;
     font-size: 13px;
}
 .pro-edit{
     background: #203245;
     color: #ffffff !important;
     padding: 1px 4px;
     border-radius: 2px;
     font-size: 13px;
}
 .pro-act{
}
 .pro-user-act{
     background: #469c49;
     color: #fff;
     padding: 1px 4px;
     border-radius: 2px;
     font-size: 13px;
}
 .pro-user-de-act{
     background: #8794a0;
}
 .pro-user-page{
     border: 1px solid #d8d8d8;
     padding: 5px 20px 30px 20px;
     position: relative;
     overflow: hidden;
}
 .pro-user-page h5{
     font-size: 16px;
     margin-top: 22px;
}
 .pro-user-page label{
     margin-right: 20px;
     font-size: 15px !important;
}
 .pro-user-page input{
}
 .btn-pro-submit{
     margin-top: 24px;
     background: #f2323b;
     background: linear-gradient(to bottom, #ff4d56, #f12f38);
     color: #fff;
     padding: 14px;
     font-weight: 600;
     font-size: 15px;
     text-transform: uppercase;
}
 .btn-upload{
     height: 46px !important;
}
 .pro-ad-img{
     width:100px;
     padding: 12px;
}
 .pro-ad-table{
}
 .pro-ad-table tr{
}
 .pro-ad-table td{
}
 .pro-con{
}
 .pro-con form{
}
 .pro-con form label,select{
}

/*-------------------------------------------------*/
/* = 18.STUDENT DASHBOARD 
/*-------------------------------------------------*/
 .stu-db{
     position: relative;
    /* overflow: hidden;
     */
     background: #f7f8f9;
}
 .udb{
     padding: 50px 25px;
     position: relative;
     overflow: hidden;
}
 .udb-sec{
     position: relative;
     overflow: hidden;
     margin-bottom: 35px;
     background: #fff;
     padding: 25px;
     border-radius: 2px;
     box-shadow: 0px 5px 20px -11px rgba(150,150,150,0.8);
     border: 1px solid #f3f2f2;
}
 .udb-sec h4{
     padding-bottom: 16px;
     border-bottom: 1px solid #eeeeef;
     margin-bottom: 15px;
     /*text-transform: uppercase;*/
     color: #203245;
}
 .udb-sec h4 img{
     margin-right: 10px;
     vertical-align: bottom;
     width:24px;
     margin-bottom: 6px;
}
 .udb-sec p{
}
 .udb-cour{
}
 .sdb-cours{
     position: relative;
     overflow: hidden;
     padding-top: 25px;
     margin-left: -35px;
}
 .sdb-cours ul{
}
 .sdb-cours ul li{
    width: 33.3333333333%;
    float: left;
    padding-right: 20px;
    padding-bottom: 15px;
    /*margin-bottom: 5px;*/
}

/*Text decoration*/
.udb a {
    text-decoration: none!important;
}

.udb {
    font-family: inherit!important;
    color: #666!important;
} 
/*-------------------------------------------------*/
/* = 19.STUDENT DASHBOARD - COURSES 
/*-------------------------------------------------*/
 .list-mig-like-com {
     position: relative;
     border-radius: 5px;
    /* margin-bottom: 20px;
     */
     background: #14addb;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition: all 0.5s ease;
}
 .list-mig-like-com:before {
     content: '';
     position: absolute;
     background: linear-gradient(to top, rgba(0, 0, 0, 0.82) 10%, rgba(84, 84, 84, 0.35) 80%);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
     border-radius: 5px;
}
 .list-mig-lc-img img {
     width: 100%;
     border-radius: 5px;
}
 .list-mi-pr {
     top: 15px;
}
 .list-mig-lc-con {
     position: absolute;
     width: 100%;
     margin-top: -92px;
     padding: 20px 20px 0px 20px;
     display: block;
}
 .list-mig-lc-con h5 {
     font-size: 18px;
     color: #fff;
     padding-top: 10px;
     padding-bottom: 5px;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden;
}
 .list-mig-lc-con h6 {
     font-size: 14px;
     color: #fff;
     position: absolute;
     top: -20px;
    /* right: 0px;
     */
     border: 1px solid #fff;
     padding: 8px 10px 3px 10px;
     border-radius: 18px;
     margin-bottom: 5px;
     padding-bottom: 10px;
}
 .list-mig-lc-con p {
     color: #c1c1c1;
}
 .sdb-cours ul li:nth-child(3) {
     margin-bottom: 0px;
}
 .sdb-cours ul li:nth-child(4) {
     margin-bottom: 0px;
}
 .udb-time-line ul {
     padding: 0px;
     padding-top: 25px;
}
 .udb-time-line ul li {
     position: relative;
     overflow: hidden;
     padding-left: 70px;
     padding-bottom: 20px;
}
 .udb-time-line ul li:hover .fa-clock-o{
     background: #e66030;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition:all 0.5s ease;
}
 .udb-time-line ul li i {
     width: 35px;
     height: 35px;
     background: #517ce6;
     border-radius: 50%;
     text-align: center;
     padding: 8px 10px;
     margin-left: -68px;
     position: absolute;
     z-index: 99;
     color: #fff;
     font-size: 17px;
     -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
     -o-transition: all 0.5s ease;
     transition:all 0.5s ease;
}
 .days h4 {
     margin: 25px 0px 15px 0px;
     font-size: 16px;
     font-weight: 600;
     font-family: 'Open Sans', sans-serif;
     color: #213d44;
}
 .udb-time-line ul li h4 {
     margin-top: 7px;
}
 .udb-time-line ul li p {
     padding-top: 0px;
}
 .l-info-pack-plac::after {
     content: '';
     background: #eeeeef;
     position: absolute;
     width: 1px;
     top: 0;
     bottom: 0;
     height: 100%;
     left: 19px;
}
 .days h4 span {
     color: #929596;
     font-weight: 600;
}
/*-------------------------------------------------*/
/* = 20.STUDENT DASHBOARD - TIME LINE 
/*-------------------------------------------------*/
 .sdb-cl-tim{
     position: relative;
     overflow: hidden;
     width: 100%;
}
 .sdb-cl-day{
     float: left;
     width: 25%;
}
 .sdb-cl-day h5{
     text-transform: uppercase;
}
 .sdb-cl-day span{
     font-size: 12px;
     color: #9ba3ab;
}
 .sdb-cl-class{
     float: left;
     width: 75%;
}
 .sdb-cl-class ul{
     padding-top: 0px;
}
 .sdb-cl-class ul li{
     padding-left: 0px;
}
 .sdb-cl-class-tim{
     float: left;
     width: 25%;
     border-right: 1px solid #dcdcdc;
}
 .sdb-cl-class-tim span{
     display: block;
     color: #203245;
     font-weight: 600;
     font-size: 14px;
}
 .sdb-cl-class-name{
     float: left;
     width: 75%;
     padding-left: 25px;
     position: relative;
}
 .sdb-cl-class-name h5{
}
 .sdb-cl-class-name h5 span{
     float: right;
     font-size: 12px;
     color: #9ba3ab;
     border: 1px solid #cccdce;
     border-radius: 20px;
     padding: 0px 7px;
}
 .sdn-hall-na{
     font-size: 12px;
     color: #9ba3ab;
}
 .sdb-cl-class-name::after {
     content: '';
     background: #2ebf33;
     position: absolute;
     width: 7px;
     top: 3px;
     bottom: 0;
     height: 7px;
     left: 9px;
     border-radius: 25px;
}
 .sdb-cl-class-name-lev::after {
     background: #bfa12e;
}
 .sdb-tabl-com{
}
 .sdb-tabl-com tr{
     color: #969595;
     border-bottom: 1px solid #d0d0d0;
}
 .sdb-tabl-com tr td{
     font-size: 15px;
     color: #333;
     padding: 14px 14px 14px 0px;
}
 .sdb-pro-table{
}
 .sdb-pro-table tr{
}
 .sdb-pro-table tr td{
}
 .sdb-bot-edit{
     margin-top: 25px;
}
 .sdb-bot-edit p{
     padding-bottom:10px;
}
 .sdb-bot-edit a{
}
 .sdb-btn{
     background: #2f4f73;
     font-size: 12px;
     font-weight: 600;
}
 .sdb-btn i{
     margin-right: 10px;
     font-size: 14px;
     vertical-align: initial;
}
 .sdb-btn:hover{
     background: #476990;
     color: #fff;
}
 .sdb-btn:active{
     background: #476990;
     color: #fff;
}
 .sdb-btn:focus{
     background: #476990;
     color: #fff;
}
 .backdrop{
     background-color: #ededed;
}



/*-------------------------------------------------*/
/* = 26.ADMISSIONN 
/*-------------------------------------------------*/
 .quote-title {
     text-align: center;
     padding: 0px 10px;
}
 .quote-title h2 {
     text-transform: uppercase;
     font-size: 62px;
     color: #ffffff;
     font-weight: 700;
     letter-spacing: -1px;
    /* color: #ffbaa5;
     */
     margin-top: 0px;
     margin-bottom: 25px;
     text-shadow: 0px 1px #fff, 0px -1px #262F33;
     line-height:60px;
}
 .quote-title h2 span {
     color: #ffffff;
    /* background: #FFC107;
     */
    /* padding: 0px 10px;
     */
    /* font-size: 70px;
     */
    /* line-height: 82px;
     */
    /* border-radius: 3px;
     */
     font-weight: 700;
     font-family: 'Poppins', sans-serif;
}
 .quote-title p {
     color: #8d969e;
}
 .quote-title {
}
 .qu-new {
}
 .qu-new h5 {
     display: inline-block;
     padding: 5px 11px 2px 10px;
     background: #FFC107;
     font-size: 22px;
     margin-bottom: 25px;
     color: #fff;
     font-style: italic;
     text-shadow: 0px 1px #fff, 0px -1px #262F33;
}
 .help-line {
}
 .help-line span {
     display: block;
     font-size: 48px;
     color: #ffffff;
     padding-top: 20px;
     line-height: 50px;
}
 .h-quote {
     background: url(../images/weather.png);
     position: relative;
     overflow: hidden;
     padding:100px 0px 100px 0px;
}
 .h-quote:before {
     content: '';
     position: absolute;
     background: #1f4363;
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 50%;
}
 .help-line {
     margin-bottom: 0px;
     font-size: 48px;
     color: #ffffff;
     font-weight: 500;
     line-height: 46px;
     font-style: normal;
     padding-top: 30px;
     font-family: 'Josefin Sans', sans-serif;
}
 .help-line p {
}
 .home-requ {
}
 .home-requ input, select, textarea {
     padding: 15px;
     height: auto;
     border: 1px solid #afafaf;
     border-radius: 2px;
     resize: none;
}
 .home-requ select {
     padding: 12px 10px;
}
 .home-requ textarea {
     height: 110px !important;
}
 .home-requ input[type="submit"] {
     color: #000;
     background-color: #FFC107;
     border-color: #FFC107;
     font-weight: 600;
     text-transform: uppercase;
     padding-bottom: 7px;
}
 .help-arrow {
     position: absolute;
     top: 53%;
     left: 95.5%;
     box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.62);
     border-radius: 50%;
}
 .help-arrow i {
     background: #ffffff;
     padding: 9px 10px;
     width: 50px;
     height: 50px;
     text-align: center;
     font-size: 30px;
     border-radius: 50%;
     color: #184350;
     transition: all 0.5s ease;
}
 .pulse {
     animation-name: pulse_animation;
     animation-duration: 5000ms;
     transform-origin: 70% 70%;
     animation-iteration-count: infinite;
     animation-timing-function: linear;
}
 @keyframes pulse_animation {
}
 .h-quote:hover .help-arrow i {
     transition: all 0.5s ease;
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     background: #f26939;
     color: #ffffff;
}
 .box-item .icon {
     text-align: center;
     margin-top: 12px;
     -webkit-transition: background 0.2s, color 0.2s;
     -moz-transition: background 0.2s, color 0.2s;
     -ms-transition: background 0.2s, color 0.2s;
     -o-transition: background 0.2s, color 0.2s;
     transition: background 0.2s, color 0.2s;
}
 .content-left span {
     float: right;
     margin-left: 25px;
}
/* .icon {
     display: inline-block;
     width: 60px;
     height: 60px;
     border-radius: 4px;
     text-align: center;
     position: relative;
     z-index: 1;
     color: #767676;
     font-size: 24px;
}*/
 .box-item {
     padding-bottom: 40px;
}
 .box-item .text h4 {
     color: #30383d;
     text-transform: capitalize;
     font-size: 24px;
     font-weight: 600;
     letter-spacing: 0px;
}
 .n-form-com{
}
 .n-form-com form input, select, textarea{
     border: 1px solid #cecece;
     height: 45px;
     background: #fff;
     border-radius: 2px;
     margin-bottom: 4px;
     padding: 0px 15px;
     box-sizing: border-box;
     font-size: 14px;
     color: #000;
}
 .n-form-com form input::placeholder, .n-form-com form select {
     color:#333 
}
 .n-form-com form label{
     font-size: 14px;
     color: #333333;
     font-weight: 600;
}
 .n-form-com form input[type="submit"]{
     color:#fff;
     display: block;
     width: 100%;
     background: linear-gradient(to top, #ef612f, #f36b3b);
    border: 0;
    font-size: 16px;
    font-weight: 600;
}
 .admiss-form{
     padding: 0px 50px;
}
 .admiss-form h4{
     font-size: 24px;
     font-weight: 800;
}
 .admiss-form p{
}
 .admiss-form-tit{
}
 .admiss-form-tit h4{
}
 .admiss-form-tit p{
}
 .select-wrapper {
     position: relative;
     border: 1px solid #cecece;
     height: 45px;
     background: #fff;
     border-radius: 2px;
     margin-bottom: 4px;
     padding: 0px 15px;
     box-sizing: border-box;
     font-size: 16px;
}
 .select-dropdown{
     font-size: 14px;
     margin-top: 7px;
}
/*-------------------------------------------------*/
/* = 27.SEMINAR 
/*-------------------------------------------------*/
 .p-semi{
     background: url(../images/seminar-bg.jpg);
     position: relative;
     overflow: hidden;
     padding:100px 0px 100px 0px;
     background-size: cover;
}
 .p-semi:before {
     content: '';
     position: absolute;
     background: rgba(12, 34, 53, 0.75);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
}
 .semi-inn{
     width: 75%;
     margin: 0 auto;
}
 .semi-com {
     float:left;
     box-sizing:border-box;
     position: relative;
}
 .semi-left{
     width:60%;
     padding:0px 100px 0px 0px;
}
 .semi-right{
     width:40%;
}
 .semi-text{
     text-align:left;
}
 .semi-form{
     background: #03294e;
     padding: 30px;
     border-radius: 4px;
     box-shadow: -2px 18px 42px -22px rgba(0, 0, 0, 0.8);
}
 .semi-deta{
     margin-top: 30px;
     position: relative;
     overflow: hidden;
}
 .semi-deta ul{
}
 .semi-deta ul li{
     font-weight: 700;
     color: #8d969e;
     line-height: 32px;
     font-family: 'Josefin Sans', sans-serif;
     float: left;
     display: inline-block;
     padding: 4px 10px 0px 10px;
     border: 1px solid #374450;
     margin: 0px 8px 8px 0px;
     background: #1f3c58;
}
 .semi-deta ul li span{
    /* font-weight: 700;
     */
     color: #b4bec7;
     padding-left: 10px;
}
/*-------------------------------------------------*/
/* = 28.EVENTS 
/*-------------------------------------------------*/
 .pg-events{
}
 .pg-eve-date{
     width: 75px;
}
 .pg-eve-desc{
}
 .pg-eve-reg{
     float: right;
     margin-top: 35px;
}
 .pg-eve-reg a{
     padding: 6px 25px;
     border-radius: 3px;
     text-transform: uppercase;
     font-weight: 600;
     font-size: 14px;
     height: 35px;
     text-align: center;
    /* margin: 0px 10px;
     */
    /* background: linear-gradient(to top, #ef612f, #f36b3b);
     */
     color: #02294e;
     border: 1px solid #02294e;
     margin-left: 10px;
}
 .pg-eve-reg a:hover{
     color: #ffffff;
     border: 1px solid #d45023;
     background: #f26838;
}
 .pg-eve-reg:nth-child(1) a{
}
 .pg-eve-reg:nth-child(2) a{
}
 .p-event{
     background: url(../images/event-bg.jpeg);
}
 .p-event:before {
     background: #8d54e9;
     background: #4776E6;
    /* fallback for old browsers */
     background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);
    /* Chrome 10-25, Safari 5.1-6 */
     background: linear-gradient(to right, #8E54E9, #4776e6d6);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
 .eve-reg-text{
}
 .eve-reg-text p{
     color: #dfcdff;
}
 .eve-deta{
}
 .eve-deta ul li{
     background: #625ed4;
     border: 1px solid #8d86e4;
     color: #edeeef;
}
 .eve-deta ul li span{
     color: #c8ccd0;
}
 .pg-pagina{
     margin: 0 auto;
     display: table;
     margin-top: 50px;
}
 .pg-eve-main{
}
 .pg-eve-main ul li:hover .pg-eve-reg a:nth-child(1){
     color: #ffffff;
     border: 1px solid #d45023;
     background: #f26838;
}
 .head-2{
     padding: 55px 0px 40px 0px;
     background: url(../images/event-bg.jpeg);
     position: relative;
}
 .head-2:before{
     content: '';
     position: absolute;
     background: #4776E6;
     background: -webkit-linear-gradient(to right, #8E54E9, #4776E6);
     background: linear-gradient(to right, #8E54E9, #4776e6d6);
     top: 0px;
     bottom: 0px;
     left: 0px;
     width: 100%;
}
 .head-2-inn{
     position: relative;
     text-align: center;
}
 .head-2-inn h1{
     margin-top: 0px;
     color: #fff;
     padding-bottom: 18px;
     line-height: 42px;
}
 .head-2-inn p{
     color: #dfcdff;
}
 .event-head-sub{
     display: inline-block;
     margin-top: 8px;
}
 .event-head-sub ul{
}
 .event-head-sub ul li{
     color: #dfcdff;
     float: left;
     margin-right: 15px;
     border: 1px solid #bfcaec;
     padding: 0px 10px;
     border-radius: 15px;
     margin-bottom: 10px;
}



 .button-back{
                background: #3fb4d7;
              border-radius: 2px;
              color: #fff;
              font-family: 'Montserrat', sans-serif;
              font-size: 14px;
              padding: 0 25px;
              display: inline-block;
              line-height: 40px;
              text-align: center;
              text-transform: uppercase;
              border: none;
              margin-top: 3px;
              margin-left: 15px;
            }
            .button-save{
                background: #1293d4;
                color: #fff;
              border-radius: 2px;
              font-family: 'Montserrat', sans-serif;
              font-size: 14px;
              padding: 0 25px;
              display: inline-block;
              line-height: 40px;
              text-align: center;
              text-transform: uppercase;
              border: none;
              margin-top: 3px;

            }
            .button-save:hover,
            .button-back:hover 
             {
                color: #fff;
                -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
                box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
            }




/*classroom Teacher/Student Start*/

/*.GridLex-gap-20*/
.GridLex-gap-20 {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
}

.GridLex-gap-20 .col-md-4, .col_sm-6, .col-xs-6, .col-xss-12{
    margin-bottom: 20px!important;
}

.GridLex-gap-20 > div > div > div,
.GridLex-gap-20 > div > div > a {
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 20px;
    /*width: 100%;*/
}

/*teacher-item-grid*/

.teacher-item-grid {
    border: 1px solid #E5E5E5;
    width: 100%;
    line-height: 1.4;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    position: relative;
}

.teacher-item-grid:hover {
    -webkit-box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 0px 12px -1px rgba(0, 0, 0, 0.29);
}

.teacher-item-grid a {
    color: #636363;
    text-decoration: none;
}

.teacher-item-grid > a {
    display: block;
    margin: 25px 25px 20px;
}

.teacher-item-grid .image {
    width: 120px;
    margin: 0 0 20px;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    border-radius: 50%;
    padding: 2px;
}

.teacher-item-grid .image img {
    border-radius: 50%;
}
.teacher-item-grid .content{
    align-content: center;
}
.teacher-item-grid h3 {
    font-size: 16px;
    line-height: 28px;
    margin: 0 0 5px;
    /*color: #0D7CC9;*/
}

.teacher-item-grid .labeling {
    /*font-size: 13px;*/
    letter-spacing: 1.5px;
    margin: 0 0 5px;
}

.teacher-item-grid ul.meta-list {
    margin: 0;
    padding: 10px 25px 20px;
    border-top: 1px solid #E5E5E5;
}

.teacher-item-grid ul.meta-list li > a {
    margin-left: 5px;
}

.teacher-item-grid ul.meta-list li > a:hover {
    color: #329BE6;
}

/*teacher-item-grid a*/

.teacher-item-grid a {
    color: #636363;
}

.teacher-item-grid > a {
    display: block;
    /*margin: 25px 25px 20px;*/
}

.teacher-item-grid .image {
    width: 120px;
    margin: 20px auto;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.43);
    border-radius: 50%;
    padding: 2px;
}

.teacher-item-grid .image img {
    border-radius: 50%;
}

/*teacher-item-grid ul.meta-list*/

.teacher-item-grid ul.meta-list {
    margin: 0;
    padding: 10px 10px 10px;
    border-top: 1px solid #E5E5E5;
}

.teacher-item-grid ul.meta-list li span {
    font-weight: bold;
    color: #a94442 !important;
}


.teacher-item-grid ul.meta-list li > a {
    margin-left: 5px;
}

.teacher-item-grid ul.meta-list li > a:hover {
    color: #329BE6;
}
/*classroom Teacher End*/


 /* Extra small devices (phones, 480px and down) */
@media only screen and (max-width: 480px) {
    .shorting-btn {
        float: left;
        padding-right: 0px;
        padding-bottom: 10px;
        width: 100%;
    }

    #filter-bar .shorting {
        padding-top: 10px;
        padding-bottom: 0px;
        width: 100%;
    }

    #custom-search-input, .shorting-btn .btn-outline, #filter-bar .shorting .btn-outline{
        width: 100% !important;
    }
    
    .courses-view .special-course-left-icon {
        margin-right: 23px !important;
    } 

    .courses-view .special-course-right-icon {
        margin-left: 10px;
    }
    
}

/* Small devices (portrait tablets and large phones, 576px and up) */
@media only screen and (min-width: 576px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
   .courses-view .special-course-left-icon {
        margin-right: 35px !important;
    }  

    .courses-view .special-course-right-icon {
        margin-left: 20px;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

@media only screen and (min-width: 1024px) {
    .courses-view .special-course-left-icon {
        margin-right: 55px !important;
    }  

    .courses-view .special-course-right-icon {
        margin-left: 30px;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .special-course-left-icon {
        margin-right: 55px !important;
    }

    .courses-view .special-course-right-icon {
        margin-left: 43px;
    }
} 

@media (min-width: 1025px) and (max-width: 1280px)  and (max-width: 1366px) {
    .courses-view .special-course-left-icon {
        margin-right: 55px !important;
    }  

    .courses-view .special-course-right-icon {
        margin-left: 43px;
    }
}






/*-----------------------------------------
 [RESPONSIV(MOBILE)E STYLE SHEET]
 * Project: Education Master HTML Template
 * Version: v1.0
 * Copyright 2017-2020 rn53themes
 * Last Changes: 10 jan 2018
 * Author: RN53 Themes
 * Email:      rn53themes@gmail.com
 * Website:    http://www.rn53themes.net 
 -----------------------------------------------*/
 
/*-------------------------------------------------------*/
/* When the browser is between 0px and 1300px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1300px){
     .wed-hom-ser{
         display:none;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 1200px wide,below css will be applied.
/*-------------------------------------------------------*/
@media screen and (max-width:1200px){
.ed-rsear-in{width:100%;}
}




/*-------------------------------------------------------*/
/* When the browser is between 0px and 992px wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:992px){
     .h-quote:before {
         width: 100%;
    }
     .admiss-form {
         padding: 0px 30px;
         margin-top: 50px;
    }
     .admiss-form form label{
         color:#fff;
    }
     .help-arrow{
         display:none;
    }
     .semi-form{
         margin-top:40px;
    }
     .semi-left{
         width:100%;
         padding:0px 0px 0px 0px;
    }
     .semi-right{
         width:100%;
    }
     .pg-eve-reg{
         display:none;
    }
     .ho-ev-link {
         width: 75%;
    }
     .search-form {
         width: 100%;
    }
     .sf-list{
         width:57.5%;
    }
     .sf-submit {
         width: 40%;
    }
     .sf-type {
         width: 60%;
    }
     .ho-event-mob-bot-sp{
         margin-bottom:50px;
    }
     .bb-link {
         margin-top: 15px;
    }
     .bb-img {
         margin-bottom: 15px;
    }
     .pad-top-173 {
         padding-top: 120px;
    }
     .h-quote {
    }
     .p-semi {
    }
     .head-2 {
         margin-top: 0px;
    }
     .head-2-inn {
         padding-top: 120px;
    }
     .pro-user{
         margin-top:0px;
    }
     .pro-menu ul li{
         width:50%;
    }
     .pro-menu ul {
         margin-bottom: 0px;
         margin-left: 0px;
         padding: 20px 0px;
    }
     .pro-menu ul li {
         width: 50%;
         display: block;
         float: left;
         box-sizing: border-box;
    }
     .pro-menu ul li a {
         padding: 0px 20px;
         line-height: 53px;
         color: #fff;
         font-weight: 500;
         border: 1px solid #3a5d84;
         width: 98%;
         display: block;
         margin: 5px;
         box-sizing: border-box;
         text-align: center;
    }
     .sdb-cl-day {
         width: 100%;
         padding-bottom: 25px;
    }
     .udb {
         padding: 0px;
         margin-top: 35px;
    }
     .sdb-cl-class {
         width: 100%;
    }
     .cor-p6 {
         margin-top: 0px;
         position: relative;
         overflow: hidden;
    }
     .cor-side-com {
         position: relative;
         overflow: hidden;
         margin-bottom: 0px;
         width: 100%;
         margin-top: 40px;
    }
     .cor-p5 ul li a img {
         margin: 0 auto;
    }
     .cor-mid-img{
         margin-top:50px;
    }
     .overlay-contact {
         width: 100%;
         padding: 35px 0px;
         margin-bottom: 100px;
         margin-top: 50px;
    }
     .contact-map iframe {
         height: 250px;
    }
     .new-con1{
         height:150px;
    }
     .new-con3{
    }
     .new-con4{
    }
    .ed-ban-tit {
        width: 100%;
        padding: 25px;
    }   
    .ed-ref-form {
        width: 100%;
        padding-top:25px;
        padding-left: 0px;
    }
    .head-2-inn-padd-top{padding-top:0px;}
    }

/*-------------------------------------------------------*/
/* When the browser is between 0px and 860 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:860px){
     .slider-con p{
         margin-bottom:15px;
    }
}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 767 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:767px){
     .mob-hide{
         display:none;
    }
     .wed-logo a img {
         width: 200px;
         margin-top: 5px;
    }
     .wed-search-1 {
         width: 90%;
    }
     .wed-hom-ser ul li a {
         width: 75px;
         height: 75px;
         display: block;
         padding: 10px 2px 10px 2px;
    }
     .web-search-form label {
         text-overflow: ellipsis;
         white-space: nowrap;
         overflow: hidden;
    }
     .wed-menu {
         float: right;
         padding-top: 14px;
         position: fixed;
         right: 0px;
         top: 0px;
    }
     .desk-hide{
         display: block;
         position: fixed;
         top: 9px;
         font-size: 17px;
         border: 1px solid #fff;
         padding: 3px 6px 0px 6px;
         border-radius: 2px;
         background: #fff;
         color: #803e88;
         right: 22px;
         cursor: pointer;
    }
     .man-drop {
         position: fixed;
         left: 0px;
         margin-left: 0px;
         width: 100%;
         top: 29px;
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
    }
     .man-drop ul li {
         width: 98%;
    }
     .man-drop:before {
         left: 94%;
    }
     .mob-cfw{
         padding-left:0px !important;
         padding-right:0px !important;
    }
     .s17-eve-time-tim{
         display:none;
    }
     .s17-eve-time-msg{
         width: 100%;
         padding-right:20px;
    }
     .cor-p5 ul li a span{
         display:none;
    }
     .sdb-cours ul li {
         width: 100%;
         padding-right: 0px;
    }
     .sdb-cours ul li:nth-child(3) {
         margin-bottom: 15px;
    }
     .sdb-cl-class-tim {
         width: 100%;
         border-right: 0px solid #dcdcdc;
         border-bottom: 1px solid #dcdcdc;
         padding-bottom: 15px;
         margin-bottom: 15px;
    }
     .sdb-cl-class-name {
         width: 100%;
    }
     .new-con1{
         height:auto;
    }
     .new-con h4{
        margin-top:35px;
    }
    .ed-ban-tit-31 {
        width: 100%;
        float: left;
        box-sizing: border-box;
    }   
    .ed-ban-tit-32 {
        width: 100%;
    }
    .ed-ref-form-inn form ul li{
        width:100%;
    }
    .pg-blog {
        width: 90%;
    }
    .ed-pho-gal ul li{
        float:left;
        width:50%;
    }

}

/*-------------------------------------------------------*/
/* When the browser is between 0px and 550 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:550px){
     .pro-menu ul li {
         width: 100%;
    }
    .ed-rsear-dec a span {
        font-size: 10px;
    }   
    .ed-rsear-dec a{
        font-size: 10px;
    }
    .ed-rsear-dec h4 a{
        font-size:12px;
    }
    .ed-rsear-dec {
        padding: 8px 15px;
    }
    .ed-rsear-img img{
        width:70px;
    }
}

/*-------------------------------------------------------
FOR MY PROFILE
-------------------------------------------------------*/
.udb .btn-primary {
    background: #1293d4;
    border-radius: 6px;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    padding: 0 25px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    text-transform: uppercase;
    border: none;
    margin-top: 0;
}
.udb .btn-primary:hover, 
.udb .btn-primary:focus, 
.udb .btn-primary:active {
    color: #fff;
    -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
}
.udb .btn-primary.effect-sweep:hover,
.udb .btn-primary.effect-sweep:focus,
.udb .btn-primary.effect-sweep:active{
    color: #fff;
}
.udb #edit, #delete{
    cursor: pointer;
}
.udb .select.input-sm {
    height: 36px;
}
.udb button {
    overflow: visible;
}
.udb .edit-tools {
    display: inline-block;
    float: right;
    
}
.udb .edit-tools a{
    color: #2979FF;
    padding: 6px 10px;
    box-shadow: none;
    text-transform: uppercase;
    /*font-weight: bold;*/
    background-color: #ffffff;
    font-size: 12px;
    border: none;
    text-decoration: none
}
.udb .edit-tools a i{margin-right: 3px;}
.udb .edit-tools a:hover{
    text-decoration: none;
    background-color: #cdcdcd;
    border-radius: 4px;
}
.udb .sub-header span{
    font-size: 16px;
/*font-weight: bold;*/
}
.udb .sub-header p label{
    margin-bottom: 0px;
}
.udb .education-title {
    font-size: 15px;
    font-weight: bold;
}
.udb .panel-body{
    padding: 10px 0 25px; 
}
.udb .panel-body{
    border-bottom: 1px solid #eeeeef;
    margin: 10px 5px;
} 



/*-------------------------------------------------------*/
/* When the browser is between 0px and 480 wide,below css will be applied.
/*-------------------------------------------------------*/
 @media screen and (max-width:480px){
     .wed-hom-ser ul li a {
         width: 62px;
         height: 62px;
         display: block;
         padding: 10px 2px 38px 2px;
         line-height: 10px;
    }
     .man-drop ul li {
         width: 98%;
    }
     .quote-title h2{
         font-size:42px;
    }
     .ho-ev-link {
         width: 100%;
         padding-top: 20px;
    }
     .sf-submit input{
         font-size:12px;
         padding: 15px 4px;
    }
}

@media (max-width: 991px) {
    .course-details .course-img {
        display: none;
    }
    .course-details .course-details-main {
        background: rgba(203,96,179,1)!important;
        background: -moz-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 24%, rgba(168,0,119,1) 56%, rgba(98,24,82,1) 100%)!important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(203,96,179,1)), color-stop(24%, rgba(193,70,161,1)), color-stop(56%, rgba(168,0,119,1)), color-stop(100%, rgba(98,24,82,1)))!important;
        background: -webkit-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 24%, rgba(168,0,119,1) 56%, rgba(98,24,82,1) 100%)!important;
        background: -o-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 24%, rgba(168,0,119,1) 56%, rgba(98,24,82,1) 100%)!important;
        background: -ms-linear-gradient(top, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 24%, rgba(168,0,119,1) 56%, rgba(98,24,82,1) 100%)!important;
        background: linear-gradient(to bottom, rgba(203,96,179,1) 0%, rgba(193,70,161,1) 24%, rgba(168,0,119,1) 56%, rgba(98,24,82,1) 100%)!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#621852', GradientType=0 )!important;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#621852', GradientType=0 )!important;
    }
    .login-view {
        margin-top: 30px;
    }
}
@media (max-width: 767px) {
    .course-details .course-details-main {
        margin-top: 0!important;
    }
    .login-view {
        margin-top: -30px;
    }

    .course-details .course-info p {
        font-size: 12px;
    }

    .course-details .course-info{
        margin-right: -18px !important;
    }

    .enroll-price-view {
        margin-left: 40px !important;
    }

    .ml45-sd{
        margin-left: 45px !important;
    }

    .mr15-sd {
        margin-right: 15px !important;
    }
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
    
}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
    
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
/* Styles */
}
/**********
iPad 3
**********/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}
/* Desktops and laptops ----------- */
@media only screen  and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen  and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
}

/* iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
/* Styles */
}

/* Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

/* Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}

@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 3){
/* Styles */
}