@media (max-width: 1679px) {
}
@media (max-width: 1439px) {
}
@media (max-width: 1199px) {
    .search-input {
        width: 305px;
    }
    .banner-inner {
        max-width: 878px;
    }
    .banner-info h2 {
        font-size: 55px;
    }
    .banner-info p {
        font-size: 20px;
    }
    .start-learning-info h2 {
        font-size: 50px;
    }
    .training-info h3 {
        font-size: 17px;
    }
    .blockchain-info h2 {
        font-size: 20px;
    }
    .time span {
        font-size: 13px;
    }
    .more-btn a {
        width: 130px;
        font-size: 14px;
    }
    .courses-info h2 {
        font-size: 17px;
    }
    .courses-more-info a {
        width: 100px;
    }
    .review-info p {
        font-size: 17px;
    }
    .subscribe-info h2 {
        font-size: 27px;
    }
    .subscribe-info p {
        font-size: 19px;
    }
    .subscribe-input {
        width: 530px;
    }

    /*** Course SECTION Start ***/
    .course-post-btn a {
        font-size: 11px;
    }
    .instructors-info h2 {
        font-size: 18px;
    }
    .instructors-info p {
        font-size: 11px;
    }
    /*** Course SECTION END ***/

    /*** video SECTION Start ***/

    .course-content-block .accordion-item button {
        font-size: 13px;
    }
    .course-content-block p {
        font-size: 12px;
    }
    .video-page .logo {
        margin-right: 13px;
    }
    .course-heading {
        font-size: 16px;
    }
    .header-section {
        padding-bottom:20px ;
    }
    .video-review-inner {
        padding: 58px 58px 0;
    }
    .video-review-name {
        width: 75px;
        height: 65px;
    }
    .video-review-name h2 {
        font-size: 44px;
        margin: 0;
    }
    .video-review-heart p {
        font-size: 13px;
    }
    .video-review-item {
        margin-bottom: 25px;
    }
    /*** video SECTION end ***/

    /*** video mcq SECTION start ***/
    h2 {
        margin-top: 0;
    }
    .video-mcq-section .header-select {
        width: 57%;
        justify-content: space-between;
    }
    .video-mcq-inner {
        padding: 40px 50px 29px;
    }
    .video-tab-inner {
        margin-bottom: 30px;
    }
    /*** video mcq SECTION end ***/

    /*** video finished SECTION start ***/
    .video-finished {
        height: 500px;
    }
    /*** video finished SECTION end ***/

    /*** page edit SECTION start ***/
    .profile-edit .profile-inner {
        padding: 20px 75px;
    }
    .personal-uploaded-img {
        width: 120px;
        height: 120px;
    }
    /*** page edit SECTION end ***/

    /*** profile subscription SECTION start ***/
    .profile-subscription .profile-view-inner {
        padding: 0 106px 180px;
    }
    /*** profile subscription SECTION end ***/

    /*** dashboard SECTION start ***/
    .welcome-box-img {
        width: 78%;
    }
    .welcome-box-info h2 {
        font-size: 19px;
    }
    .welcome-box-info-inner {
        padding: 6px 20px 6px 15px;
    }
    .resume-left .time span {
        font-size: 9px;
    }
    .resume-right {
        padding: 10px 12px;
        font-size: 12px;
    }
    .welcome-box-info p {
        margin-bottom: 10px;
        font-size: 12px;
    }
    .explore-career-info p {
        font-size: 25px;
    }
    /*** dashboard SECTION end ***/

    /*** subscription plan SECTION start ***/    
    .billing-item {
        padding: 45px 40px;
    }
    .plan-item {
        padding: 37px 22px;
    }
    .plan-info {
        width: 70%;
    }
    .plan-info h2 {
        font-size: 23px;
    }
    .plan-info p {
        font-size: 12px;
    }
    .plan-rate h2 {
        font-size: 32px;
    }
    .plan-rate p {
        font-size: 10px;
    }
    .add-card {
        padding: 45px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .subscription-plan::before {
        width: 680px;
        height: 1735.75px;
        right: 240px;
    }
    /*** subscription plan SECTION end ***/    

    /*** my course SECTION start ***/    
    .my-course::before {
        width: 680px;
        height: 830px;
        right: 100px;
    }
    /*** my course SECTION end ***/    

    /*** my cart added SECTION start ***/    
    .cart-course-info p {
        font-size: 18px;
    }
    .cart-course-img {
        margin-right: 20px;
        width: 407px;
    }
    .cart-course-total h4 {
        font-size: 26px;
    }
    .cart-course-total h6 {
        font-size: 18px;
    }
    .cart-course-total a {
        padding: 11px 15px;
        font-size: 13px;
    }
    .cart-course-info {
        width: 100%;
    }
    .modal-dialog {
        max-width: 68%;
    }
    /*** my cart added SECTION end ***/   
    
    /*** checkout  section start ***/
.billing-address .form-group {
    width: 40%;
    margin-right: 90px;
}
.checkout-btn a {
    padding: 15px 45px;
    font-size: 14px;
    width: 100%;
    text-align: center;
}
.summary-info ul li {
    padding: 15px 40px 15px;
}
.summary-info ul {
    margin-bottom: 15px;
}

/*** checkout  section end ***/

/*** certificate section start ***/
.certificate-page::before {
    width: 680px;
    height: 645.75px;
    right: 0;
}
.certificate-inner .certificate-btn a {
    width: 108px;
}
/*** certificate section end ***/

/*** master class section start ***/
.master-info h2 {
    font-size: 42px;
}
.job-opportunity-heading h2 {
    font-size: 27px;
}
.job-opportunity-heading p {
    font-size: 18px;
}
.watch-free-form h2 {
    font-size: 28px;
    margin-bottom: 15px;
}
.master-class-info h2 {
    font-size: 20px;
    margin-bottom: 10px;
}
.master-class-info p {
    font-size: 16px;
}
.master-class-item {
    margin-bottom: 45px;
}
.master-heading h2 {
    font-size: 36px;
}
.master-heading p {
    font-size: 15px;
}
.master-heading {
    margin-bottom: 55px;
}
.watch-free-section::before {
    width: 450px;
    height: 1680.75px;
    right: 325px;
}
/*** master class section end ***/

/*** about us section start ***/
.about-banner-info h2 {
    font-size: 50px;
    line-height: 113%;
}
.about-banner-inner {
    padding: 55px 35px 0 60px;
}
.about-banner-img {
    margin-top: 0;
}
.our-vision {
    max-width: 85%;
}
.our-vision-info::after {
    bottom: auto;
}
.company-item {
    margin-bottom: 40px;
}
.professional-item {
    margin-bottom: 35px;
}
.about-page-section .logo {
    width: 100%;
}
.about-page::before {
    height: 2250px;
    right: 0;
}
/*** about us section end ***/

/*** blog section start ***/
.blog .about-banner-info h2 {
    font-size: 40px;
}
.popular-info h2 {
    font-size: 17px;
    margin-bottom: 6px;
}
.popular-info h4 {
    font-size: 13px;
    margin-bottom: 5px;
}
.popular-info p {
    margin-bottom: 10px;
}
.popular-info a {
    padding: 8px 20px;
}
.blog-page::before {
    height: 1830px;
    right: 0;
}
.popular-blog-section {
    padding: 86px 0 70px;
}
.about-page .footer-section {
    padding-bottom: 70px;
}
/*** blog section end ***/

/*** blog inner section start ***/
.blog-inner .about-banner-inner {
    max-width: 78%;
}
.blog-inner .blog-profile-heading h2 {
    font-size: 14px;
}
.about-banner-info h4 {
    font-size: 18px;
}
.blog-inner-info {
    max-width: 72%;
}
.blog-inner-info-section {
    padding-bottom: 140px;
}
/*** blog inner section end ***/

/***login section start ***/
.password-login-info h2 {
    font-size: 22px;
}
.password-login-info a {
    padding: 18px;
}
/***login section end ***/

}
@media (max-width:1023px) {
    /*** HEADER SECTION END ***/
    .menu-bar {
        display: none!important;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        z-index: 999;
        position: absolute;
        left: auto;
        right: 15px;
        top: auto;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        transition: .7s;
        margin: auto;
    }
    .menu-bar a {
        display: block;
        padding: 0px;
        background: transparent;
        width: 28px;
        height: 38px;
        border-radius: 0px;
        position: relative;
        padding-top: 0;
        padding-right: 0;
    }
    .menu-bar span {
        height: 2px;
        margin: 8px 0 0 auto;
        width: 28px;
        background: #fff;
        display: block;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        transition: .7s;
    }
    .menu-active .menu-bar {
        position: fixed;
        left: auto;
        right: 20px;
    }
    .menu-active .menu-bar .first {
        transform: rotate(45deg);
        margin: 16px auto;
    }
    .menu-active .menu-bar .middle {
        opacity: 0;
        visibility: hidden;
        display: none;
    }
    .menu-active .menu-bar .last {
        transform: rotate(-45deg);
        margin: -18px auto!important;
        }
    .navigation {
        position: fixed;
        width: 100%;
        right: -100%;
        margin: auto;
        top: 0;
        background: #0F1A2E;
        opacity: 1;
        visibility: visible;
        transition: 0.5s;
        z-index: 9;
        padding-top: 70px;
        display: block;
        flex-wrap: wrap;
        align-items: self-start;
        justify-content: space-between;
        height: 100vh;
    }
    .navigation ul {
        flex-wrap: wrap;
    }
    .navigation ul li {
        margin-left: 20px;
        width: 100%;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .navigation ul li a:hover {
        color: #F4664D;
    }
    .menu-active .navigation {
        right: 0;
    }
    .navigation ul li a {
        font-size: 14.47px;
    }
    .nav-login-btn {
        display: block;
        margin-left: 20px;
    }
    .contact-link {
        /* display: none; */
        margin-right: 70px;
    }
    .email a {
        font-size: 9.5px;
    }
    .login-btn {
        width: 75px;
        font-size: 13px;
        margin-left: 10px;
    }
    .search-input {
        width: 255px;
    }
    .search-btn {
        width: 30px;
    }
    .logo {
        margin-right: 25px;
        width: 54%;
    }
    /*** HEADER SECTION END ***/

    /*** BANNER SECTION START ***/
    .banner-section {
        height: 650px;
    }
    .banner-info {
        margin-bottom: 80px;
    }
    .highlights .highlights-list .set-center p {
        font-size: 15px;
    }
    .banner-inner {
        max-width: 665px;
    }
    .banner-info h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
    .banner-info p {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 25px;
    }
    /*** BANNER SECTION END ***/
    .start-learning-info h2 {
        font-size: 39px;
    }
    .start-learning-info p {
        font-size: 16px;
    }
    .start-learning-info a {
        width: 210px;
        height: 50px;
    }
    .training-item {
        margin-bottom: 20px;
    }
    .common-heading {
        font-size: 28px;
        margin-bottom: 40px;
    }
    .blockchain-section {
        margin-bottom: 20px;
    }
    .blockchain-info {
        padding: 15px 15px 20px;
    }
    .blockchain-info h2 {
        font-size: 18px;
    }
    .blockchain-info P {
        font-size: 14px;
    }
    .more-btn a {
        width: 100px;
        font-size: 13px;
        height: 30px;
    }
    .learning-section {
        margin-bottom: 40px;
    }
    .learning-item {
        width: 100%;
        padding: 35px 20px;
    }
    .courses-section .common-heading {
        margin-bottom: 50px;
    }
    .review-section {
        margin-bottom: 50px;
    }
    .review-item {
        margin-bottom: 20px;
    }
    .partner-section .heading .common-heading {
        margin-bottom: 15px;
        text-align: center;
    }
    .subscribe-info h2 {
        font-size: 20px;
    }
    .subscribe-info p {
        font-size: 15px;
    }
    .subscribe-input {
        width: 430px;
        height: 65px;
        padding: 10px 20px;
        font-size: 15px;
    }
    .subscribe-btn {
        width: 9%;
    }
    .footer-logo-inner {
        margin-bottom: 45px;
    }

     /*** Course SECTION Start ***/
     .course-detail-info h2 {
         font-size: 21px;
     }
     .course-detail-info p {
         font-size: 15px;
     }
     .course-post-btn  {
         display: flex;
         flex-wrap: wrap;
     }
     .course-post-btn a {
        margin-bottom: 8px;
     }
     .course-post-btn {
        margin-bottom: 15px;
    }
    .course-buy-btn {
        display: flex;
    }
    .course-buy-btn a {
        padding: 15px 25px;
        font-size: 13px;
    }
    .include-icon {
        width: 19%;
    }
    .about-include ul li p {
        font-size: 10px;
        line-height: 14px;
    }
    .about-include {
        padding: 17px 20px;
    }
    .profile-info {
        width: 175px;
        margin-left: 10px;
    }
    .profile-info .heading {
        font-size: 13px;
    }
    .profile .dropdown-toggle {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    .about-side-block {
        padding: 20px 20px;
    }
    .about-side-icon {
        width: 52px;
        height: 52px;
    }
    .nav-tabs .nav-link {
        font-size: 15px;
    }
    .about-side-item {
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
    .about-course-info h2 {
        font-size: 20px;
    }
    .about-course-info p {
        font-size: 15px;
    }
    .about-side-img {
        margin-right: 10px;
    }
    .about-side-info h2 {
        font-size: 11px;
    }
    .about-side-info p {
        font-size: 10px;
    }
    .instructors-info h2 {
        font-size: 16px;
    }
    .instructors-info p {
        font-size: 10px;
    }
    .common-tab-heading {
        font-size: 20px;
        margin-bottom: 20px;
    }
    .learn-item {
        padding: 30px 20px;
    }
    .learn-icon {
        width: 27%;
    }
    .learn-info p {
        font-size: 14px;
    }
    .courses-section {
        padding-bottom: 80px;
    }
    .course-review-info h2 {
        font-size: 35px;
        margin-bottom: 10px;
    }
    .course-review-info .star {
        margin-bottom: 10px;
    }
    .course-review-info .star i {
        font-size: 26px;
    }
    .course-review-info h4 {
        font-size: 18px;
        margin-bottom: 4px;
    }
    .course-review-info p {
        font-size: 13px;
    }
    .breadcrumb-section {
        margin-bottom: 35px;
    }
    .breadcrumb {
        margin-top: 20px;
    }
    .course-detail-inner {
        padding: 25px 25px;
    }
    .price-heading h4 {
        font-size: 25px;
    }
    .price-info span {
        font-size: 11px;
    }
    .price-heading {
        margin-right: 10px;
    }
    /*** Course SECTION END ***/

    /*** video SECTION start ***/
    .video-page .logo {
        margin-right: 0px;
        margin-bottom: 10px;
    }
    .video-review-inner {
        padding: 45px 45px 0;
    }
    .video-review-name {
        width: 56px;
        height: 40px;
        margin-right: 15px;
    }
    .video-review-name h2 {
        font-size: 25px;
        margin: 0;
    }
    .video-review-info h2 {
        font-size: 20px;
        margin-bottom: 5px;
    }
    .video-review-info .date-time { 
        margin-bottom: 5px;
    }
    .video-review-info p {
        font-size: 14px;
    }
    .video-review-heart .heart {
        width: 45px;
        height: 45px;
    }
    .video-review-heart p {
        font-size: 11px;
    }
    .video-review-item {
        margin-bottom: 35px;
    }
    /*** video SECTION end ***/

   /*** Login section start ***/
    .login .login-img-block {
        text-align: center;
        position: relative;
        order: 2;
    }
    .login-form {
        margin-bottom: 30px;
    }
    .login {
        justify-content: center!important;
    }
    .term-info {
        margin-left: 8px;
    }
    .login-section {
        padding-top: 190px;
    }

    .forgot-section .login-form h2 {
        margin-bottom: 30px;
    }  
    .password-login-info h2 {
        font-size: 15px;
    }
    .password-login-info p {
        font-size: 11px;
    }
    .password-login-info a {
        padding: 14px;
        font-size: 15px;
    }
    .login-modal .modal-content {
        padding: 41px 40px 40px;
    }
    .login-modal .modal-dialog {
        height: auto;
    }
    .modal-header .btn-close i {
        font-size: 19px;
    }
  /*** Login section end ***/

   /*** video mcq section start ***/
   .video-mcq-inner h2 {
       font-size: 20px;
   }
   .mcq-question {
       margin-bottom: 30px;
   }
   .mcq-question ul li p {
       font-size: 17px;
   }
   .mcq-question ul li  {
        font-size: 17px;
    }   
    .mcq-answer .form-check .form-check-label {
        font-size: 17px;
    }
    .mcq-answer .form-check {
        margin-bottom: 22px;
    }
    .submit-btn a {
        padding: 9px 25px;
        font-size: 18px;
    }
   /*** video mcq section end ***/

   /*** finished  section start ***/
  .finished-lesson-info a {
    padding: 10px 16px;
    font-size: 15px;
    }
    .video-finished h2 {
        margin-bottom: 15px;
    }
    .video-finished-page::before {
        width: 500px;
        height: 2694.75px;
        right: 0;
    }
    /*** finished  section start ***/

/*** profile view  section start ***/
.profile-inner {
    padding: 35px;
}
.edit-btn a {
    font-size: 17px;
    margin-left: 3px;
}
.edit-btn a img {
    width: 20px;
}
.profile-img img {
    margin-bottom: 15px;
    width: 19%;
}
.profile-img h2 {
    font-size: 30px;
}
.profile-img p  {
    font-size: 14px;
}
.profile .nav-tabs .nav-link {
    font-size: 15px;
    padding: 12px 25px;
}
.profile .nav-tabs .nav-link img {
    width: 16px;
}
.profile-view-tab-heading {
    font-size: 19px;
}
.form-group-box label {
    font-size: 18px;
    margin-bottom: 10px;
}
.form-group-box input {
    font-size: 16px;
}
.form-group-box {
    margin-bottom: 40px;
}
.profile-view-inner {
    padding: 0 75px;
}
.certificate-btn a {
    width: 133px;
    height: 42.62px;
    font-size: 14px;
}
.certificate-btn a.share i {
    font-size: 12px;
}
.profile-view-section::before {
    width: 400px;
    height: 1215px;
    right: 0;
    top: auto;
}
/*** profile view  section end ***/

/*** profile edit  section start ***/
.personal-uploaded-img h2 {
    font-size: 55px;
}
.personal-upload label {
    font-size: 16px;
}
  .personal-upload img {
    width: 29px;
}
.personal-upload-inner {
    margin-bottom: 60px;
}
.profile-edit .form-group-box select {
    font-size: 16px;
    background-size: 17px;
}
.profile-edit .profile-inner {
    padding: 20px 45px;
}    
.profile-edit .profile-img img {
    margin-right: 15px;
}
.profile-edit .profile-view-inner {
    padding: 0 75px 40px;
}
.personal-uploaded-img {
    width: 110px;
    height: 110px;
}
.personal-uploaded-img h2 {
    font-size: 50px;
}
.profile-edit-section::before {
    width: 400px;
    height: 1865px;
    right: 0;
    top: 0;
}
/*** profile edit section end ***/

/*** profile subscription section start ***/
.profile-subscription .profile-view-inner {
    padding: 0 75px 140px;
}
.profile-subscription-section::before{
    width: 400px;
    height: 970px;
    right: 0;
    top: 0;
}
/*** profile subscription section end ***/

/*** dashboard section start ***/
.welcome-section {
    padding-top: 140px;
    margin-bottom: 80px;
}
.welcome-heading h2 {
    font-size: 29px;
}
.welcome-heading p {
    font-size: 18px;
}
.welcome-heading span {
    font-size: 18px;
}
.welcome-box-info h2 {
    font-size: 14px;
}
.welcome-box-info p {
    margin-bottom: 8px;
    font-size: 10px;
}
.resume-left .time {
    margin-bottom: 7px;
}
.resume-left .time a {
    width: 20px;
    height: 20px;
}
.resume-left .time a i {
    font-size: 7px;
}
.welcome-box-info-inner {
    padding: 6px 10px 6px 12px;
}
.resume-left .time span {
    font-size: 8px;
}
.resume-right {
    padding: 6px 10px;
    font-size: 10px;
}
.dashboard .common-heading {
    font-size: 25px;
    margin-bottom: 20px;
}
.courses-section.dashboard {
    padding-bottom: 45px;
}
.explore-career-info {
    width: 43%;
}
.explore-career-info p {
    font-size: 20px;
}
.explore-career-section {
    padding-bottom: 70px;
}
.courses-section.dashboard.skill {
    padding-bottom: 90px;
}
/*** dashboard section end ***/

/*** subscription plan section start ***/
.billing-item {
    padding: 35px 35px;
}
.billing-item p {
    font-size: 14px;
}
.billing-item h2 {
    font-size: 26px;
}
.billing-item::after {
    height: 83px;
}
.plan-item {
    margin-bottom: 30px;
}
.chnage-btn a {
    padding: 15px 20px;
    font-size: 13px;
}
.payment-item {
    margin-bottom: 30px;
}
.billing-history-inner .table th, .table td {
    font-size: 15px;
    padding: 15px 15px;
}
.subscription-plan-section {
    padding-bottom: 145px;
}
.subscription-plan::before {
    width: 400px;
    height: 2088.75px;
    right: 155px;
}
/*** subscription plan section end ***/

/*** my courses section start ***/
.my-course-heading h2 {
    font-size: 27px;
}
.my-course-section {
    padding-bottom: 150px;
}
.my-course::before {
    width: 680px;
    height: 1240px;
    right: 0;
}
/*** my courses section end ***/

/*** my cart section start ***/
.my-cart-page::before {
    width: 400px;
    height: 670px;
    right: 0;
}
.my-cart-heading h2 {
    font-size: 27px;
    margin-bottom: 15px;
}
.my-cart-heading p {
    font-size: 18px;
}
/*** my cart section end ***/

/*** my cart added section start ***/
.cart-course-inner-info {
    width: 81%;
}
.cart-course-info p {
    font-size: 15px;
}
.cart-course-total p {
    font-size: 16px;
}
.cart-course-total h4 {
    font-size: 22px;
    margin-bottom: 8px;
}
.cart-course-total h6 {
    font-size: 14px;
    margin-bottom: 10px;
}
.cart-course-total a.remove {
    margin-bottom: 0;
}
.cart-course-total a {
    display: block;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;
}
.my-cart-added::before {
    width: 400px;
    height: 905px;
    right: 0;
}
.modal-cart-info p {
    font-size: 14px;
}
.modal-cart-icon {
    margin-right: 20px;
}
.modal-cart-info {
    width: 100%;
}
.modal-cart-btn a {
    padding: 10px 19px;
    font-size: 10px;
}
.modal-title {
    font-size: 18px;
    margin-bottom: 15px;
}
/*** my cart added section end ***/

/*** checkout  section start ***/
.checkout-page::before {
    width: 400px;
    height: 1200px;
    right: 0;
}
/*** checkout  section end ***/

/*** contact us section start ***/
.contact-page::before {
    width: 400px;
    height: 952px;
    right: 0;
}
.contact-form .form-group label {
    font-size: 18px;
}
/*** contact us section end ***/

/*** notification section start ***/
    .notification-page::before {
        width: 400px;
        height: 860px;
        right: 0;
    }
/*** notification section end ***/

/*** certificate section start ***/
.certificate-heading h2 {
    font-size: 17px;
    margin-bottom: 15px;
}
.certificate-profile h4 {
    font-size: 21px;
}
.certificate-profile img {
    margin-right: 10px;
}
.certificate-heading {
    margin-bottom: 25px;
}
.certificate-page::before {
    width: 400px;
    height: 710.75px;
    right: 0;
}
/*** certificate section end ***/

/*** master class section start ***/
.master-info h2 {
    font-size: 31px;
}
.job-opportunity-heading h2 {
    font-size: 21px;
}
.job-opportunity-heading p {
    font-size: 15px;
}
.job-opportunity-heading {
    margin-bottom: 50px;
}
.job-opportunity-item {
    margin-bottom: 30px;
}
.job-opportunity-section {
    margin-bottom: 55px;
}
.watch-free-form h2 {
    font-size: 22px;
    margin-bottom: 10px;
}
.watch-free-form .form-group label {
    font-size: 12px;
}
.watch-free-form.contact-form .form-group {
    margin-bottom: 13px;
}
.watch-free-form .form-group .form-control {
    padding: 10px 15px;
    height: 42px;
}
.watch-free-form .form-group .form-control::placeholder {
    font-size: 13px;
}
.watch-btn a {
    font-size: 14px;
}
.watch-free-section {
    padding-bottom: 85px;
}
.master-class-item-block {
    display: flex;
    justify-content: space-between;
}
.master-class-item {
    margin-bottom: 45px;
    width: 48%;
}
.master-class-middle {
    text-align: center;
    margin-bottom: 20px;
}
.master-class-info h2 {
    font-size: 18px;
    margin-bottom: 8px;
}
.master-class-info p {
    font-size: 15px;
}
.master-class-section {
    padding: 65px 0;
}
.master-heading p {
    font-size: 14px;
}
.master-heading h2 {
    font-size: 34px;
}
.master-partner-img {
    margin-bottom: 30px;
}
.watch-free-section::before {
    width: 450px;
    height: 2230.75px;
    right: 270px;
}
/*** master class section end ***/

/*** about us section start ***/
.about-banner-info h4 {
    font-size: 18px;
}
.about-banner-info h2 {
    font-size: 42px;
}
.learners {
    width: 23%;
    margin: 0 auto 45px;
}
.about-banner-img {
    text-align: center;
    width: 50%;
    margin: 0 auto;
}
.about-common-heading h2 {
    font-size: 29px;
}
.about-common-heading p {
    font-size: 14px;
}
.our-vision {
    max-width: 100%;
}
.our-vision-info p {
    font-size: 13px;
}
.our-vision-img img {
    width: 50%;
}
.our-vision-info::before {
    background-size: 50px;
    width: 50px;
}
.our-vision-info::after {
    background-size: 50px;
    width: 50px;
}
.our-vision-img h4 {
    font-size: 13px;
}
.company-value .about-common-heading {
    margin-bottom: 55px;
}
.company-info h2 {
    font-size: 21px;
}
.company-info p {
    font-size: 13px;
}
.company-icon {
    width: 47%;
    margin: 0 auto 7px;
    min-height: 107px;
}
.professional-item {
    padding: 23px 20px 19px;
}
.professional-team {
    padding: 57px 60px;
}
.about-page::before {
    height: 2550px;
    right: 0;
    width: 500px;
}
/*** about us section end ***/

    /*** blog section start ***/
    .blog .about-banner-img {
        margin-top: 0;
        width: 100%;
    }
    .blog .about-banner-info h2 {
        font-size: 29px;
    }
    .blog .about-banner-info h4 {
        font-size: 16px;
    }
    .blog .about-banner-info p {
        font-size: 13px;
    }
    .about-banner-info a {
        padding: 10px 20px;
        font-size: 13px;
    }
    .popular-blog-section h2 {
        font-size: 29px;
    }
    .popular-item {
        display: block;
        padding: 6px 25px 25px 25px;
    }
    .popular-img {
        width: 100%;
    }
    .popular-img img {
        width: 100%;
        margin-bottom: 15px;
    }
    .popular-info {
        width: 100%;
    }
    .popular-blog-section h2 {
        font-size: 21px;
    }
    .popular-blog-section {
        padding: 65px 0 50px;
    }
    .about-page .footer-section {
        padding-bottom: 60px;
    }
    .blog-page::before {
        height: 2485px;
        right: 0;
        width: 500px;
    }
    /*** blog section end ***/

    /*** blog inner section start ***/
    .about-banner-section.blog-inner {
        padding: 60px 0 0;
    }
    .blog-inner .about-banner-info h2 {
        font-size: 37px;
    }
    .blog-inner .blog-profile-heading h2 {
        font-size: 14px;
    }
    .blog-profile-heading p {
        font-size: 10px;
    }
    .blog-profile {
        padding-bottom: 23px;
    }
    .blog-inner-item h2 {
        font-size: 20px;
    }
    .blog-inner-item p {
        font-size: 16px;
    }
    .blog-inner-page::before {
        height: 1740px;
        right: 0;
        width: 500px;
    }
    /*** blog inner section end ***/

}
@media (max-width: 767px) {
    .header-section {
        padding: 15px 0px 0;
        padding-bottom: 20px;
    }
    .search-box {
        display: none;
    }
    .login-btn {
        width: 60px;
        font-size: 11px;
        margin-left: 10px;
        height: 31px;
    }
    .dropdown .category {
        font-size: 14px;
    }
    .logo {
        margin-bottom: 15px;
        width: 100%;
    }
    .dropdown-menu {
        min-width: 210px;
    }
    .dropdown-cat {
        padding: 8px 20px;
    }
    .dropdown-menu .dropdown-submenu {
        /* display: none; */
        position: relative;
        left: 100%;
        top: -7px;
        top: 0;
        left: 0%;
    }
    .banner-info h2 {
        font-size: 22px;
        margin-bottom: 5px;
        line-height: 35px;
    }
    .banner-info p {
        font-size: 16px;
        line-height: 24px;
    }

    /*** BANNER SECTION START ***/
    .banner-section {
        height: 560px;
    }
    .banner-info {
        padding: 0 10px;
        margin-bottom: 40px;
    }
    .banner-info a {
        width: 210px;
        height: 45px;
        font-size: 17px;
    }
    .highlights .highlights-list .set-center h2 {
        font-size: 20px;
        margin-bottom: 0;
    }
    .highlights .highlights-list .set-center p {
        font-size: 7px;
    }
    .start-learning-inner {
        display: grid;
    }
    .start-learning-info {
        width: 100%;
        order: 2;
    }
    .start-learning-img {
        width: 100%;
        margin-bottom: 20px;
        margin-top: -30px;
    }
    .start-learning-info h2 {
        font-size: 32px;
        margin-bottom: 12px;
    }
    .start-learning-info a {
        width: 175px;
        height: 42px;
        font-size: 17px;
    }
    .common-heading {
        font-size: 23px;
        margin-bottom: 30px;
    }
    .training-section {
        margin-bottom: 60px;
    }
    .blockchain-item {
        margin-bottom: 35px;
    }
    .learning-section {
        padding: 35px 0 20px;
        margin-bottom: 30px;
    }
    .learning-item {
        margin-bottom: 35px;
    }
    .courses-item {
        margin-bottom: 35px;
    }
    .review-info p {
        font-size: 14px;
    }
    .subscribe-input {
        width: 100%;
        height: 60px;
    }
    .subscribe-info {
        margin-bottom: 25px;
    }
    .footer-navigation {
        margin-bottom: 15px;
    }
    .navigation-inner {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .social-link ul {
        justify-content: center;
    }
    .footer-logo {
        text-align: center;
        margin-bottom: 20px;
    }
    .footer-navigation.terms {
        margin-bottom: 0;
    }
    /*** BANNER SECTION END ***/

    /*** Course SECTION Start ***/
    .profile .dropdown-toggle {
        width: 30px;
        height: 30px;
        font-size: 13px;
    }
    .profile-info {
        width: 170px;
        margin-left: 0;
    }
    .breadcrumb-item.back {
        width: 70px;
        height: 30px;
        margin-right: 5px;
    }
    .breadcrumb li a i {
        font-size: 15px;
        margin-right: 5px;
    }
    .breadcrumb li a {
        font-size: 11px;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.3rem;
        font-size: 11px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.3rem;
    }
    .course-detail-info h2 {
        font-size: 18px;
    }
    .course-detail-info {
        margin-bottom: 30px;
    }
    .price-heading h4 {
        font-size: 22px;
    }
    .course-detail-info p {
        font-size: 14px;
    }
    .price-info span {
        font-size: 10px;
    }
    .course-buy-btn a {
        padding: 15px 20px;
    }
    .nav-tabs .nav-link {
        font-size: 11px;
        padding: 7px 13px;
    }
    .about-include ul li {
        width: 50%;
        margin-bottom: 10px;
    }
    .include-icon {
        width: 17%;
    }
    .about-include ul li p {
        font-size: 11px;
    }
    .about-course-info h2 {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .about-course-info p {
        font-size: 14px;
        margin-bottom: 20px;
    }
    .about-side-info p {
        font-size: 11px;
    }
    .about-side-info h2 {
        font-size: 14px;
    }
    .common-tab-heading {
        font-size: 18px;
        margin-bottom: 15px;
    }
    .instructor-divide {
        margin: 0 18px;
    }
    .review-inner {
        width: 100%;
    }
    .course-review-info h2 {
        font-size: 32px;
        margin-bottom: 5px;
    }
    .course-review-info .star i {
        font-size: 24px;
    }
    .course-review-info .star {
        margin-bottom: 5px;
    }
    .course-review-info h4 {
        font-size: 17px;
        margin-bottom: 2px;
    }
    .course-review-info p {
        font-size: 11px;
    }
    .review-inner {
        margin-bottom: 30px;
    }
    .top-review-info h2 {
        font-size: 15px;
        margin-bottom: 5px;
    }
    .top-review-info p {
        font-size: 13px;
    }
    .top-review-item {
        margin-bottom: 20px;
    }
    .review-view-all a {
        padding: 12px 20px;
        font-size: 14px;
    }
    .courses-section.course .common-heading {
        margin-bottom: 30px;
        font-size: 20px;
    }
    .profile-dropdown-heading h2 {
        font-size: 16px;
    }
    .profile-dropdown-info {
        padding: 12px 18px 0px 18px;
    }
    .profile-dropdown {
        padding: 8px 18px;
    }
    .profile-dropdown a {
        font-size: 14px;
    }
    .profile-dropdown:last-child {
        margin-top: 10px;
        padding: 15px 18px;
    }
    .profile.dropdown .dropdown-menu::before {
        right: 18px;
        width: 15px;
        height: 15px;
    }
   
    /*** Course SECTION END ***/

    /*** video SECTION start ***/

    .header-certificate {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: end;
    }
    .dropdown-certificate {
        margin-right: 0;
        margin-bottom: 7px;
    }
    .header-certificate .dropdown-certificate a {
        font-size: 13px;
    }
    .course-heading {
        font-size: 13px;
    }
    .share-btn a {
        padding: 7px 12px;
        font-size: 13px;
    }
    .share-btn a i {
        margin-right: 4px;
    }
    .header-section {
        padding-bottom: 15px;
    }
    .video-review-heading h2 {
        font-size: 20px;
        margin-bottom: 30px;
    }
    .video-review-inner h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .video-review-item {
        margin-bottom: 10px;
    }
    .video-review-input button {
        padding: 11px 12px;
        font-size: 13px;
    }
    .video-review-input input {
        height: 40px;
    }
    .video-review-inner {
        padding: 30px 20px;
    }
    .video-review-name {
        width: 90px;
        height: 35px;
    }
    .video-review-name h2 {
        font-size: 21px;
    }
    .video-review-info h2 {
        font-size: 17px;
        margin-bottom: 3px;
    }
    .video-review-info p {
        font-size: 13px;
        line-height: 18px;
    }
    .video-review-heart .heart i {
        font-size: 16px;
    }
    .video-review-heart .heart {
        width: 35px;
        height: 35px;
    }
    .video-review-heart p {
        font-size: 9px;
    }
    .video-review-info .date-time span {
        font-size: 14px;
    }
    .search-tab a i {
        font-size: 15px;
    }
    .box {
        border-width: 19px 0px 19px 20px;
        width: auto;
        height: 20px;
    }
    .video-review-info {
        margin-right: 10px;
    }
    .video-course-info p {
        font-size: 15px;
    }
    .certificate-video-info {
        display: block;
    }
    .certificate-video-info p {
        margin-bottom: 20px;
        width: 100%;
    }
    .certificate-video-btn {
        width: 52%;
        margin: 0 auto;
        padding: 10px 15px;
    }
    .certificate-video-btn a {
        font-size: 14px;
    }
    .course-content-block {
        width: 100%;
    }
    .certificate-video-btn .certificate-icon {
        margin-right: 7px;
    }
    /*** video SECTION end ***/

    /*** Login section start ***/
  .login-form h2 {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .form-btn a {
      height: 58px;
  }
  .login-img h2 {
      font-size: 27px;
  }
  .login-img h2 span {
    font-size: 29px;
}
  .form-group input {
      height: 65px;
  }
  .login-heading {
    margin-bottom: 30px;
  }
  .login-form h2 {
    font-size: 24px;
    margin-bottom: 10px;
    }
    .form-group .country::after {
        width: 35px;
        height: 35px;
    }
    .term-info {
        margin-left: 0;
    }
    .terms {
        align-items: flex-start;
    }
    .terms-tick {
        width: 26px;
    }
    .already-acc p {
        font-size: 16px;
    }
    .login-section {
        padding-top: 160px;
        padding-bottom: 120px;
    }
    .login-divide-line h2 {
        font-size: 17px;
        margin-bottom: 0;
    }
    .login-link a {
        margin: 0 7px;
    }
    .login-link a img {
        width: 9%;
    }

    .forgot-section .login-form h2 {
        margin-bottom: 23px;
    }
    .forgot-section .login-divide-line {
        margin-bottom: 25px;
    }
    .form-btn a {
        font-size: 17px;
    }
    .login-heading p {
        font-size: 14px;
    }
    .login-modal .modal-dialog {
        max-width: 70%;
    }
    .login-modal .modal-content {
        padding: 30px 30px 30px;
    }
    .modal-header .btn-close i {
        font-size: 17px;
    }
    .password-login-info h2 {
        font-size: 11px;
    }
    .password-login-info p {
        font-size: 10px;
    }
    .password-login-info a {
        padding: 12px;
        font-size: 13px;
    }
  /*** Login section end ***/

  /*** video mcq section start ***/
    .video-mcq-inner {
        padding: 30px 35px 29px;
    }
    .video-mcq-inner h2 {
        font-size: 14px;
    }
    .mcq-question ul li p {
        font-size: 13px;
    }
    .mcq-question ul li {
        font-size: 13px;
    }
    .mcq-question {
        margin-bottom: 25px;
    }
    .mcq-answer .form-check .form-check-label {
        font-size: 14px;
        margin-left: 12px;
    }
    .mcq-answer .form-check input {
        width: 20px;
        height: 20px;
    }
    .mcq-answer .form-check {
        margin-bottom: 17px;
    }
    .video-mcq {
        margin-bottom: 65px;
    }
    .submit-btn a {
        padding: 9px 20px;
        font-size: 12px;
    }
  /*** video mcq section end ***/

  /*** finished  section start ***/
  .finished-lesson-info a {
    padding: 10px 13px;
    font-size: 12px;
  }
  .video-finished h2 {
      margin-bottom: 15px;
  }
  .video-finished-page::before {
    width: 400px;
    height: 3140.75px;
    right: -200px;
    }
    .video-finished {
        height: 400px;
    }
  /*** finished  section start ***/

  /*** profile view  section start ***/
  .profile-inner {
    padding: 30px;
    }
  .profile-img img {
        width: 31%;
        margin-bottom: 5px;
    }
    .profile-img h2 {
        font-size: 27px;
    }
    .profile-img p {
        font-size: 13px;
    }
    .profile-view-inner {
        padding: 0 20px;
    }
    .profile .nav-item {
        margin-right: 6px;
    }
    .form-group-box label {
        font-size: 13px;
        margin-bottom: 7px;
    }
    .form-group-box input {
        font-size: 14px;
    }
    .form-group-box {
        margin-bottom: 35px;
    }
    .edit-btn a {
        font-size: 15px;
        margin-left: 2px;
    }
    .edit-btn a img {
        width: 17px;
    }
    .profile .nav-tabs .nav-link {
        font-size: 13px;
        padding: 12px 17px;
    }
    .profile-view-section::before {
        width: 270px;
        height: 1160px;
        right: 0;
        top: auto;
    }
  /*** profile view  section end ***/

  /*** profile edit  section start ***/
    .profile-edit .profile-img h2 {
        font-size: 25px;
    }
    .profile-edit .form-group-box input {
        padding: 15px 20px;
    }
    .profile-edit .save a {
        font-size: 13px;
    }
    .profile-edit .form-group-box select {
        font-size: 14px;
        background-size: 15px;
        padding: 15px 20px;
    }
    .profile-view-info.personal-edit {
        margin-bottom: 50px;
    }
    .profile-edit .profile-view-info {
        margin-bottom: 39px;
    }
    .profile-view-tab-heading {
        font-size: 18px;
    }
    .personal-edit .profile-view-tab-heading {
        margin-bottom: 30px;
    }
    .personal-upload-inner {
        margin-bottom: 45px;
        justify-content: center;
        display: block;
    }
    .personal-uploaded-img {
        width: 95px;
        height: 95px;
        margin: auto auto 20px;
    }
    .personal-uploaded-img h2 {
        font-size: 43px;
    }
    .personal-upload img {
        width: 27px;
    }
    .personal-upload label {
        font-size: 15px;
    }
    .profile-edit .profile-inner {
        padding: 20px 30px;
    }
    .profile-edit .profile-view-inner {
        padding: 0 50px 40px;
    }
    .profile-edit .profile-img img {
        margin-right: 5px;
    }
    .profile-edit-section::before {
        width: 270px;
        height: 1655px;
        right: 0;
        top: 0;
        left: 37%;
    }
  /*** profile edit  section end ***/

    /*** profile subscription  SECTION start ***/
    .subscription-heading h2 {
        font-size: 21px;
    }
    .subscription-heading {
        padding: 15px 22px;
    }
    .subscription-info {
        padding: 22px 22px 27px;
    }
    .subscription-info p {
        font-size: 14px;
        margin-bottom: 35px;
    }
    .subscription-info .upgrade a {
        padding: 9px 15px;
        font-size: 11px;
    }
    .profile-subscription-section::before {
        width: 270px;
        height: 820px;
        right: 0;
        top: 0;
        left: 37%;
    }
    .profile-subscription .profile-view-inner {
        padding: 0 50px 100px;
    }
    /*** profile subscription  SECTION end ***/

    /*** dashbaord SECTION start ***/
    .welcome-heading h2 {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .welcome-heading p {
        font-size: 16px;
    }
    .welcome-heading span {
        font-size: 16px;
    }
    .welcome-btn a {
        padding: 11px 22px;
        font-size: 12px;
    }
    .welcome-box {
        margin-bottom: 30px;
    }
    .welcome-section {
        margin-bottom: 40px;
    }
    .dashboard .common-heading {
        font-size: 20px;
    }
    .explore-career-inner {
        padding: 60px 34px;
    }
    .explore-career-info {
        width: 65%;
    }
    .explore-career-info p {
        font-size: 16px;
    }
    /*** dashbaord SECTION end ***/

    /*** subscription plan SECTION start ***/
    .subscription-plan-heading h2 {
        font-size: 23px;
    }
    .subscription-plan-heading p {
        font-size: 14px;
    }
    .sub-common-heading {
        font-size: 19px;
        margin-bottom: 15px;
    }
    .billing-inner {
        display: block;
    }
    .billing-item {
        padding: 30px 30px;
        width: 100%;
    }
    .billing-item::after {
        bottom: 0;
        height: 1px;
        width: 90%;
        margin: 0 auto;
        left: 0;
        top: auto;
    }
    .billing-history-inner .table th, .table td {
        font-size: 10px;
        padding: 11px 11px;
    }
    .billing-history-inner .table td img {
        width: 33%;
    }
    .plan-rate h2 {
        font-size: 29px;
    }
    .plan-info h2 {
        font-size: 22px;
    }
    .billing-item p {
        font-size: 12px;
    }
    .billing-item h2 {
        font-size: 23px;
    }
    .plan-rate p {
        font-size: 9px;
    }
    .subscription-plan::before {
        width: 270px;
        height: 2380px;
        top: 60px;
        right: 509px;
    }
    /*** subscription plan SECTION end ***/

    /*** my courses section start ***/
    .my-course-heading h2 {
        font-size: 23px;
    }
    .my-course .nav-tabs .nav-link {
        font-size: 13px;
        margin-right: 15px;
        padding: 11px 20px;
    }
    .my-course::before {
        width: 400px;
        height: 1770px;
        right: 0;
    }
    /*** my courses section end ***/

    /*** my cart section start ***/
    .my-cart-page::before {
        width: 270px;
        height: 600px;
        right: 0;
    }
    .my-cart-heading h2 {
        font-size: 23px;
        margin-bottom: 12px;
    }
    .empty-info p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .empty-info a {
        padding: 9px 22px;
        font-size: 14px;
    }
    /*** my cart section end ***/

    /*** my cart added section start ***/
    .cart-course-item {
        display: block;
        margin-bottom: 25px;
    }
    .cart-course-inner-info {
        width: 100%;
        display: block;
        margin-bottom: 20px;
    }
    .cart-course-img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 20px;
    }
    .cart-course-info {
        border-right: 0;
        border-bottom: 0.3px solid rgba(255, 255, 255, 0.5);
        padding-bottom: 10px;
    }
    .cart-course-total a {
        display: inline-block;
        margin-bottom: 0px;
        width: auto;
    }
    .my-cart-added::before {
        width: 270px;
        height: 1500px;
        right: 0;
    }
    .modal-title {
        font-size: 16px;
        margin-bottom: 13px;
    }
    .modal-header {
        padding: 15px 20px 0;
    }
    .modal-body {
        padding: 0 20px 18px;
    }
    .modal-cart-item {
        display: block;
    }
    .modal-cart-info-inner {
        width: 100%;
        margin-bottom: 10px;
    }    
    .modal-cart-btn {
        text-align: center;
    }
    .modal-cart-info p {
        font-size: 13px;
    }
    /*** my cart added section end ***/

    /*** checkout section start ***/    
    .checkout-page::before {
        width: 270px;
        height: 1270px;
        right: 0;
    }
    .checkout-card-info .form-check-label {
        font-size: 16px;
        margin-left: 12px;
    }
    .checkout-card-info .form-check-input {
        width: 18px;
        height: 18px;
    }
    /*.checkout-img img {*/
    /*    width: 30%;*/
    /*}*/
    .checkout-payment-method ul li:first-child {
        padding: 14px 15px 14px 18px;
    }
    .checkout-payment-method ul li {
        padding: 20px 15px 20px 15px;
    }
    .checkout-img {
        text-align: right;
    }
    .billing-address .form-group {
        width: 48%;
        margin-right: 0;
    }
    .billing-address-inner {
        justify-content: space-between;
    }
    .billing-address .form-group label {
        font-size: 13px;
        margin-bottom: 10px;
    }
    .billing-address .form-group .form-control {
        font-size: 14px;
    }
    .billing-address .form-group .country::after {
        width: 30px;
        height: 30px;
        background-size: 15px;
    }
    .checkout-heading {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .summary-heading h2 {
        font-size: 21px;
    }
    /*** checkout section end ***/    

    /*** contact us section start ***/
    .contact-form .form-group label {
        font-size: 16px;
    }
    .contact-form .form-group {
        margin-bottom: 20px;
    }
    .contact-form .submit a {
        padding: 12px 25px;
        font-size: 16px;
    }
    .contact-form .form-group .form-control {
        height: 52px;
    }
    .contact-page::before {
        width: 270px;
        height: 925px;
        right: 0;
    }
/*** contact us section end ***/


    /*** notification section start ***/
    .notification-page::before {
        width: 400px;
        height: 715px;
        right: 0;
    }
    .notification-page .my-cart-section {
        padding-bottom: 345px;
    }
    .notification-page .empty-info {
        margin-top: 170px;
    }
    /*** notification section end ***/

    /*** certificate section start ***/
    .certificate-img {
        margin-bottom: 25px;
    }
    .certificate-profile h4 {
        font-size: 20px;
    }
    .certificate-page::before {
        width: 200px;
        height: 1160.75px;
        right: 0;
    }
    /*** certificate section end ***/

    /*** master class section start ***/
    .master-info h2 {
        font-size: 21px;
    }
    .job-opportunity-heading h2 {
        font-size: 15px;
    }
    .job-opportunity-heading p {
        font-size: 11px;
    }
    .job-opportunity-info p {
        font-size: 15px;
    }
    .watch-free-video {
        margin-bottom: 25px;
    }
    .watch-free-form h2 {
        font-size: 20px;
    }
    .watch-free-form .form-group label {
        font-size: 12px;
    }
    .watch-free-form .form-group .form-control {
        padding: 10px 15px;
        height: 42px;
    }
    .master-class-item-block {
        display: block;
    }
    .master-class-item {
        width: 100%;
        margin-bottom: 35px;
    }    
    .master-class-item:last-child {
        margin-bottom: 25px;
    }
    .master-heading h2 {
        font-size: 30px;
    }
    .master-heading p {
        font-size: 12px;
        margin-bottom: 5px;
    }
    .master-heading {
        margin-bottom: 35px;
    }
    .watch-free-section::before {
        width: 200px;
        height: 3800px;
        right: -92px;
        top: 0;
    }
    .master-partner-img {
        width: 45%;
        margin: 0 auto 30px;
    }
    /* .job-opportunity-img {
        min-height: 170px;
        width: 55%;
        margin: 0 auto;
    } */
    /*** master class section end ***/


    /*** about us section start ***/
    .about-banner-inner {
        padding: 45px 35px 0 35px;
    }
    .about-banner-info h4 {
        font-size: 17px;
    }
    .about-banner-info h2 {
        font-size: 29px;
    }
    .about-banner-info p {
        font-size: 13px;
    }
    .about-banner-info a {
        padding: 10px 20px;
        font-size: 15px;
    }
    .learners {
        width: 43%;
        margin: 0 auto 45px;
    }
    .about-banner-img {
        width: 65%;
    }
    .about-banner-section {
        padding-bottom: 65px;
    }
    .about-page-section {
        padding-bottom: 55px;
    }
    .about-common-heading h2 {
        font-size: 22px;
    }
    .about-common-heading p {
        font-size: 12px;
    }
    .our-vision {
        padding: 60px 45px;
    }
    .our-vision-item {
        padding: 60px 40px 35px;
    }    
    .our-vision-info {
        margin-bottom: 35px;
    }
    .our-vision-info::before {
        background-size: 40px;
        width: 40px;
    }
    .our-vision-info::after {
        background-size: 40px;
        width: 40px;
    }
    .divider-line::after {
        width: 65%;
    }
    .company-icon {
        width: 23%;
        min-height: 89px;
    }
    .company-info h2 {
        font-size: 19px;
    }
    .company-value {
        padding: 50px 0;
    }
    .professional-team {
        padding: 45px 0px;
    }
    .professional-inner {
        padding: 0 75px;
    }
    .professional-item {
        padding: 23px 25px 19px;
        width: 90%;
        margin: 0 auto 35px;
    }
    .professional-info p {
        font-size: 12px;
        padding: 5px 13px;
        text-align: center;
    }
    .professional-info h6 {
        font-size: 14px;
    }
    .proud-partner {
        padding: 50px 39px;
    }
    .about-page::before {
        height: 2940px;
        right: 0;
        width: 300px;
        left: 100%;
    }
    /*** about us section end ***/


    /*** blog section start ***/
    .blog .about-banner-inner {
        padding: 10px 20px 10px 20px;
    }
    .blog .about-banner-img {
        margin-bottom: 15px;
    }
    .blog .about-banner-info h2 {
        font-size: 23px;
    }
    .blog .about-banner-info h4 {
        font-size: 15px;
    }
    .about-banner-info a {
        font-size: 12px;
    }
    .popular-blog-section {
        padding: 65px 0 45px;
    }
    .popular-blog-section h2 {
        font-size: 20px;
    }
    .blog-hashtag {
        margin-bottom: 5px;
    }
    .blog-page::before {
        height: 3636px;
        right: 0;
        width: 300px;
        left: 40%;
    }
    /*** blog section end ***/

    /*** blog inner section start ***/
    .blog-inner .about-banner-info h2 {
        font-size: 25px;
    }
    .about-banner-info h4 {
        font-size: 15px;
    }
    .blog-inner .blog-profile-heading h2 {
        font-size: 13px;
    }
    .blog-profile-heading p  {
        font-size: 9px;
    }
    .blog-inner-page .about-page-section {
        padding-bottom: 50px;
    }
    .about-banner-section.blog-inner {
        padding: 30px 0 0;
    }
    .blog-inner-item h2 {
        font-size: 15px;
        margin-bottom: 15px;
    }
    .blog-inner-item p {
        font-size: 14px;
    }
    .blog--inner-page::before {
        height: 1650px;
        right: 0;
        width: 300px;
        left: auto;
    }
    /*** blog inner section end ***/

    
    
}
@media (max-width: 480px) {
      
    .banner-info h1 {
        font-size: 26px;
        line-height: 34px;
    }
}
@media (max-width: 320px) {
    
    .login-btn {
        width: 50px;
        font-size: 10px;
        margin-left: 6px;
        height: 27px;
    }
    .banner-info h2 {
        font-size: 18px;
        line-height: 30px;
    }
    .banner-info p {
        font-size: 13px;
        line-height: 21px;
        margin-bottom: 20px;
    }
    .banner-info {
        margin-bottom: 20px;
    }
    .highlights .highlights-list li {
        width: 33%;
    }
    .highlights .highlights-list .set-center p {
        margin-bottom: 0;
    }
    .start-learning-section {
        margin-bottom: 55px;
    }
    .start-learning-info h2 {
        font-size: 25px;
    }
    .start-learning-info p {
        font-size: 14px;
        line-height: 23px;
    }
    .common-heading {
        font-size: 18px;
        margin-bottom: 30px;
        line-height: 27px;
    }
    .training-section {
        margin-bottom: 30px;
    }
    .blockchain-section {
        margin-bottom: 0;
    }
    .blockchain-section .common-heading {
        margin-bottom: 30px;
    }
    .courses-section .common-heading {
        margin-bottom: 35px;
    }
    .courses-section {
        margin-bottom: 50px;
    }
    .review-info p {
        font-size: 12px;
    }
    .review-info h4 {
        font-size: 15px;
    }
    .partner-img {
        text-align: center;
        margin-bottom: 15px;
    }
    .subscribe-input {
        width: 100%;
        height: 53px;
        padding: 10px 20px;
        font-size: 12px;
    }
    .subscribe {
        margin-bottom: 35px;
    }
    .footer-navigation ul li a {
        font-size: 12px;
    }

    /*** Course SECTION Start ***/
    .breadcrumb li a {
        font-size: 10px;
    }
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 0.2rem;
        font-size: 15px;
    }
    .breadcrumb-item + .breadcrumb-item {
        padding-left: 0.2rem;
        font-size: 10px;
    }
    .breadcrumb-item.back {
        width: 60px;
        height: 28px;
    }
    .course-detail-info h2 {
        font-size: 16px;
    }
    .course-detail-info p {
        font-size: 13px;
        margin-bottom: 5px;
    }
    .course-post-btn a {
        margin-right: 5px;
    }
    .price-heading h4 {
        font-size: 20px;
    }
    .price-info span {
        font-size: 9px;
    }
    .course-buy-btn a {
        font-size: 11px;
    }
    .nav-tabs .nav-link {
        font-size: 9px;
        padding: 5px 10px;
    }
    .include-icon {
        width: 12%;
    }
    .about-include ul li {
        width: 100%;
    }
    .about-course-info h2 {
        font-size: 17px;
        margin-bottom: 12px;
    }
    .about-course-info p {
        font-size: 13px;
    }
    .courses-section.course .common-heading {
        font-size: 18px;
    }
    .course-tabbing-section {
        margin-bottom: 65px;
    }
    .profile-info .heading {
        font-size: 11px;
    }
    .profile-info a img {
        width: 17px;
        height: 17px;
    }
    .profile-info {
        width: 135px;
    }
    .profile .dropdown-toggle {
        width: 20px;
        height: 20px;
        font-size: 9px;
    }
    .logo {
        margin-right: 12px;
    }
    /*** Course SECTION END ***/

    /*** video SECTION start ***/
    .course-heading {
        font-size: 10px;
    }
    .share-btn a {
        padding: 6px 12px;
        font-size: 11px;
    }
    .header-certificate .dropdown-certificate a i {
        font-size: 15px;
        margin-left: 4px;
    }
    .dropdown-certificate {
        margin-right: 0;
        margin-bottom: 7px;
    }
    .header-certificate .dropdown-certificate a {
        font-size: 10px;
    }
    .header-certificate .certificate-icon {
        height: 38px;
        width: 38px;
    }
    .video-review-input {
        flex-wrap: wrap;
        justify-content: center;
    }
    .video-review-heading h2 {
        font-size: 18px;
        margin-bottom: 12px;
    }
    .video-review-inner h2 {
        font-size: 18px;
        margin-bottom: 20px;
    }
    .video-review-input input {
        margin-bottom: 10px;
    }
    .video-review-item {
        margin-bottom: 20px;
        flex-wrap: wrap;
        justify-content: center;
        border-bottom: 0.3px solid rgba(255, 255, 255, 0.5);
        padding-bottom: 15px;
    }
    .video-review-name h2 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .video-review-info {
        text-align: center;
    }
    .video-review-info .date-time {
        justify-content: center;
    }
    .video-review-info h2 {
        margin-bottom: 5px;
        margin-top: 0;
    }
    .video-review-name {
        width: 35px;
        height: 35px;
        margin-right: 0;
        margin-bottom: 10px;
    } 
    .video-inner-info {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 15px;
    }
    .control-btn .left-btn {
        width: 25.56px;
        height: 25.56px;
    }
    .box {
        border-width: 15px 0px 15px 20px;
        height: 21px;
        width: auto;
    }    
    .control-btn {
        top: -30%;
    }
    .certificate-video-btn {
        width: 62%;
    }
    .course-content-block .common-tab-heading {
        font-size: 18px;
        padding: 20px 26px 14px;
    }
    .course-content-block .accordion-item button {
        font-size: 11px;
    }
    .course-content-block .accordion-item h2 span {
        display: contents;
    }
    .course-content-block p {
        font-size: 11px;
    }
    .common-tab-heading {
        font-size: 17px;
        margin-bottom: 12px;
    }
    /*** video SECTION end ***/

    /*** login SECTION start ***/

    .form-group input {
        height: 58px;
        padding: 0px 10px;
        font-size: 14px;
    }
    .form-btn a {
        height: 50px;
        font-size: 18px;
    }
    .login-img h2 {
        font-size: 22px;
    }
    .login-img h2 span {
        font-size: 24px;
    }
    .form-group label {
        margin-top: -10px;
        font-size: 14px;
    }
    .login-form h2 {
        font-size: 22px;
        margin-bottom: 30px;
    }
    .form-group .country::after {
        width: 30px;
        height: 30px;
    }
    .login-section .form-group .form-control {
        height: 65px;
        padding: 0 20px;
    }
    .terms-tick {
        width:8%;
    }
    .terms label {
        width: 90%;
    }
    .already-acc p {
        font-size: 14px;
    }
    .term-info p {
        font-size: 11px;
    }
    .login-form h2 {
        font-size: 20px;
    }
    .login-section .form-group .edit i {
        font-size: 21px;
    }
    .login-divide-line h2 {
        font-size: 15px;
        margin-bottom: 0;
    }
    .login-divide-line {
        margin-bottom: 25px;
    }

    .form-btn a {
        font-size: 15px;
    }
    .login-heading p {
        font-size: 12px;
    }
    .login-modal .modal-content {
        padding: 20px 20px 20px;
    }
    .modal-header .btn-close i {
        font-size: 15px;
    }
    .password-login-info h2 {
        font-size: 10px;
    }
    .password-login-info p {
        font-size: 9px;
    }
    .password-login-info a {
        padding: 11px;
        font-size: 12px;
    }
    /*** login SECTION end ***/

    /*** video mcq SECTION start ***/
    .video-mcq-inner {
        padding: 25px 25px 29px;
    }
    .video-mcq-inner h2 {
        font-size: 12px;
    }
    .mcq-question ul li p {
        font-size: 11px;
    }
    .mcq-question ul li {
        font-size: 11px;
    }
    .mcq-answer .form-check {
        margin-bottom: 15px;
    }
    .mcq-answer .form-check input {
        width: 15px;
        height: 15px;
    }
    .mcq-answer .form-check .form-check-label {
        font-size: 12px;
        margin-left: 7px;
    }
    .video-mcq {
        margin-bottom: 50px;
    }
    .submit-btn a {
        font-size: 11px;
    }
    /*** video mcq SECTION end ***/

    /*** finished  SECTION start ***/
    .finished-lesson-info a {
        padding: 10px 10px;
        font-size: 11px;
    }
    .video-finished-page::before {
        width: 200px;
        height: 3560.75px;
        right: 0;
    }
    .video-finished {
        height: 300px;
    }
    /*** finished  SECTION end ***/

    /*** page view  SECTION start ***/
    .edit-btn a {
        font-size: 13px;
        margin-left: 2px;
    }
    .edit-btn a img {
        width: 15px;
    }
    .profile-img img {
        width: 41%;
    }
    .profile-img h2 {
        font-size: 24px;
    }
    .profile-img p {
        font-size: 12px;
    }
    .profile-view-tab-heading {
        font-size: 15px;
        margin-bottom: 20px;
    }
    .form-group-box label {
        font-size: 10px;
    }
    .form-group-box input {
        font-size: 11px;
    }
    .form-group-box {
        margin-bottom: 30px;
    }
    .profile .nav-tabs .nav-link img {
        width: 12px;
    }
    .profile .nav-tabs .nav-link {
        font-size: 12px;
    }
    .certificate-item .courses-info p {
        font-size: 14px;
    }
    .certificate-item .courses-info h6 {
        font-size: 13px;
    }
    .certificate-item .courses-more-info p {
        font-size: 10px;
    }
    .certificate-item .courses-more-info span {
        font-size: 12px;
        margin-right: 7px;
    }
    .certificate-btn a {
        width: 118px;
        height: 38.62px;
        font-size: 13px;
    }
    .profile-view-section::before {
        width: 220px;
        height: 1100px;
        right: 0;
        top: auto;
    }    
    /*** page view  SECTION end ***/

    /*** page edit  SECTION start ***/
    .profile-edit .profile-img img {
        margin-right: 5px;
        width: 30%;
    }
    .profile-edit .profile-img h2 {
        font-size: 20px;
    }
    .profile-edit .profile-inner {
        padding: 20px 5px;
    }
    .profile-edit .profile-view-inner {
        padding: 0px 25px 40px;
    }
    .profile-edit .save a {
        font-size: 10px;
    }
    .personal-uploaded-img {
        width: 85px;
        height: 85px;
    }
    .personal-uploaded-img h2 {
        font-size: 35px;
    }
    .personal-upload label {
        font-size: 13px;
    }
    .personal-upload img {
        width: 25px;
    }
    .profile-edit .form-group-box select {
        font-size: 11px;
        background-size: 11px;
        padding: 15px 20px;
    }
    .profile-edit .form-group-box input {
        padding: 15px 15px;
    }
    .profile-edit-section::before {
        width: 270px;
        height: 1650px;
        right: 0;
        top: 0;
        left: 16%;
    }
    /*** page edit  SECTION end ***/

    /*** profile subscription  SECTION start ***/
    .subscription-heading {
        padding: 12px 15px;
    }
    .subscription-heading h2 {
        font-size: 17px;
    }
    .subscription-info {
        padding: 15px 15px 20px;
    }
    .subscription-info p {
        font-size: 12px;
        margin-bottom: 30px;
    }
    .subscription-info .upgrade a {
        padding: 9px 12px;
        font-size: 10px;
    }
    .profile-edit .profile-view-inner {
        padding: 0px 25px 80px;
    }
    .profile-subscription-section::before {
        width: 270px;
        height: 650px;
        right: 0;
        top: 0;
        left: 44%;
    }
    /*** profile subscription  SECTION end ***/

    /*** dashboard SECTION start ***/
    .welcome-heading h2 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .welcome-heading p {
        font-size: 13px;
    }
    .welcome-heading span {
        font-size: 13px;
    }
    .welcome-btn a {
        padding: 8px 15px;
        font-size: 10px;
    }
    .welcome-box {
        margin-bottom: 30px;
        display: block;
    }
    .resume-left .time span {
        font-size: 9px;
    }
    .resume-right {
        padding: 6px 8px;
        font-size: 9px;
    }
    .welcome-box-info p {
        margin-bottom: 12px;
    }
    .welcome-box-img {
        width: 100%;
        text-align: center;
    }
    .welcome-box-info-inner {
        padding: 15px 15px;
    }
    .explore-career-inner {
        padding: 45px 34px;
        background-size: cover;
    }
    .explore-career-info p {
        font-size: 14px;
    }
    /*** dashboard SECTION end ***/

    /*** subscription plan SECTION start ***/
    .subscription-plan-heading h2 {
        font-size: 19px;
    }
    .subscription-plan-heading p {
        font-size: 11px;
    }
    .subscription-plan-heading {
        padding-bottom: 15px;
    }
    .billing-item h2 {
        font-size: 21px;
    }
    .billing-item p {
        font-size: 11px;
    }
    .plan-item {
        display: block;
        padding: 25px 22px;
    }
    .plan-info {
        width: 100%;
        margin-bottom: 10px;
    }
    .chnage-btn a {
        padding: 13px 18px;
        font-size: 10px;
    }
    .plan-inner {
        margin-bottom: 10px;
    }
    .payment-info {
        padding: 20px 15px 11px;
    }
    .payment-info h2 {
        font-size: 13px;
    }
    .card-number {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .card-number p {
        font-size: 13px;
    }
    .card-number span {
        margin-right: 9px;
        font-size: 14px;
    }
    .remove-card {
        border-top: 0.5px solid rgba(255, 255, 255, 0.5);
        padding: 7px 15px 10px;
    }
    .remove-card a {
        font-size: 13px;
    }
    .billing-history-inner .table-responsive {
        display: block;
    }
    .sub-common-heading {
        font-size: 17px;
        margin-bottom: 13px;
    }
    .plan-info h2 {
        font-size: 20px;
    }
    .plan-info p {
        font-size: 11px;
    }
    .plan-rate h2 {
        font-size: 26px;
    }
    .subscription-plan::before {
        width: 270px;
        height: 1600px;
        top: 60px;
        right: 0;
    }
    /*** subscription plan SECTION end ***/

    /*** my courses SECTION start ***/
    .my-course-heading {
        margin-bottom: 18px;
    }
    .my-course-heading h2 {
        font-size: 21px;
        margin-bottom: 0;
    }
    .my-course .nav-tabs .nav-link {
        font-size: 11px;
        margin-right: 10px;
        padding: 9px 15px;
    }
    .my-course::before {
        width: 220px;
        height: 1670px;
        right: -9px;
    }
    /*** my courses SECTION end ***/

    /*** my cart SECTION start ***/
    .my-cart-page::before {
        width: 270px;
        height: 550px;
        right: 0;
    }
    .my-cart-heading h2 {
        font-size: 21px;
        margin-bottom: 9px;
    }
    .my-cart-heading p {
        font-size: 16px;
    }
    .empty-info {
        margin-top: 85px;
    }
    .empty-info p {
        font-size: 14px;
        margin-bottom: 18px;
    }
    .empty-info a {
        padding: 9px 20px;
        font-size: 11px;
    }
    /*** my cart SECTION end ***/

    /*** my cart added SECTION start ***/
    .cart-course-item {
        padding: 25px 30px;
    }
    .cart-course-info p {
        font-size: 13px;
    }
    .cart-course-info h6 {
        font-family: 13px;
        margin-bottom: 10px;
    }
    .cart-course-info .rating {
        margin-bottom: 10px;
    }
    .cart-course-info span {
        font-size: 12px;
    }
    .cart-course-total p {
        font-size: 15px;
    }
    .cart-course-total h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .cart-course-total h6 span {
        font-size: 14px;
    }
    .cart-course-total h6 {
        font-size: 13px;
    }
    .my-cart-added::before {
        width: 270px;
        height: 1435px;
        right: 0;
    }
    .modal-body {
        padding: 0 15px 22px;
    }
    .modal-cart-btn a {
        padding: 7px 19px;
        font-size: 9px;
    }
    .modal-header {
        padding: 15px 15px 0;
    }
    .modal-title {
        font-size: 15px;
    }
    .modal-cart-icon {
        margin-right: 10px;
        width: 25px;
        height: 25px;
    }
    .modal-cart-info p {
        font-size: 12px;
    }
    .modal-cart-info h6 {
        font-size: 12px;
    }    
    .modal-cart-icon i {
        font-size: 14px;
    }
    /*** my cart added SECTION end ***/

    /*** checkout section start ***/    
    .checkout-heading {
        font-size: 16px;
        margin-bottom: 15px;
    }
    .checkout-card-info .form-check-label {
        font-size: 14px;
        margin-left: 10px;
    }
    .billing-address .form-group label {
        font-size: 11px;
    }
    .billing-address .form-group .country::after {
        width: 25px;
        height: 25px;
        background-size: 13px;
    }
    .billing-address-inner {
        flex-wrap: wrap;
    }
    .billing-address .form-group .form-control {
        font-size: 13px;
        margin-bottom: 0;
    }
    .billing-address .form-group {
        margin-bottom: 15px;
        width: 100%;
    }
    .billing-address {
        margin-bottom: 30px;
    }
    .summary-heading {
        padding: 21px 30px 17px 30px;
    }
    .summary-heading h2 {
        font-size: 19px;
    }
    .summary-info ul li {
        padding: 12px 30px 12px;
    }
    .checkout-btn {
        padding: 0px 30px;
    }
    .summary-amount p {
        font-size: 18px;
    }
    .summary-price p {
        font-size: 15px;
    }
    .checkout-page::before {
        width: 270px;
        height: 1230px;
        right: 0;
    }
    /*** checkout section end ***/    

    /*** contact section start ***/    
    .contact-form .form-group label {
        font-size: 14px;
    }
    .contact-form .form-group .form-control {
        height: 45px;
    }
    .contact-form .submit a {
        padding: 10px 20px;
        font-size: 13px;
    }
    .contact-page::before {
        width: 270px;
        height: 872px;
        right: 0;
    }
    /*** contact section end ***/    
    
    /*** notification section start ***/   
    .notification-page .empty-info {
        margin-top: 140px;
    }
    .notification-page .my-cart-section {
        padding-bottom: 245px;
    }
    .notification-page::before {
        width: 270px;
        height: 600px;
        right: 0;
    }
    /*** notification section end ***/   

    /*** certificate section start ***/   
    .certificate-heading h2 {
        font-size: 15px;
        margin-bottom: 13px;
    }
    .certificate-profile h4 {
        font-size: 18px;
    }
    .certificate-page::before {
        width: 200px;
        height: 1020.75px;
        right: 0;
    }
    /*** certificate section end ***/   

    /*** master class section start ***/   
    .master-info h2 {
        font-size: 13px;
    }
    .master-banner {
        margin-bottom: 45px;
    }
    .job-opportunity-heading h2 {
        font-size: 12px;
    }
    .job-opportunity-heading p {
        font-size: 8px;
    }
    .job-opportunity-info p {
        font-size: 13px;
    }
    .watch-free-form h2 {
        font-size: 17px;
    }
    .watch-free-form .form-group label {
        font-size: 12px;
    }
    .watch-free-form .form-group .form-control {
        padding: 10px 15px;
        height: 42px;
    }
    .watch-btn a {
        font-size: 13px;
    }
    .master-class-info h2 {
        font-size: 16px;
    }
    .master-class-info p {
        font-size: 13px;
    }
    .master-heading h2 {
        font-size: 24px;
    }
    .master-heading p {
        font-size: 11px;
    }
    .watch-free-section::before {
        width: 200px;
        height: 3905px;
        right: 0;
        top: 0;
    }
    .master-class-section {
        padding: 40px 0;
    }
    .master-partner-img {
        width: 50%;
        margin: 0 auto 30px;
    }
    .job-opportunity-img {
        min-height: 130px;
        width: 58%;
        margin: 0 auto;
    }
        
    /*** master class section end ***/   

    /*** about us section start ***/   
    .about-banner-info h4 {
        font-size: 15px;
    }
    .about-banner-info h2 {
        font-size: 23px;
    }
    .about-banner-info p {
        font-size: 11px;
        margin-bottom: 20px;
    }
    .about-banner-info a {
        padding: 8px 15px;
        font-size: 12px;
    }
    .learners i {
        font-size: 30px;
        margin-bottom: 0px;
    }
    .learners h6 {
        font-size: 22px;
    }
    .learners p {
        font-size: 13px;
    }
    .learners {
        width: 55%;
        margin: 0 auto 45px;
        padding: 20px 17px;
    }
    .about-banner-img {
        width: 80%;
    }
    .about-banner-section {
        padding-bottom: 50px;
    }
    .about-banner-top i {
        font-size: 16px;
    }
    .about-banner-top a {
        width: 38.5px;
        height: 38.5px;
    }
    .our-vision {
        padding: 50px 30px;
    }
    .our-vision-info p {
        font-size: 11px;
    }
    .our-vision-item {
        padding: 50px 30px 30px;
    }
    .our-vision-info::before {
        background-size: 30px;
        width: 30px;
    }
    .our-vision-info::after {
        background-size: 30px;
        width: 30px;
    }
    .our-vision-img h4 {
        font-size: 12px;
    }
    .about-common-heading h2 {
        font-size: 20px;
    }
    .about-common-heading p {
        font-size: 11px;
    }
    .company-value .about-common-heading {
        margin-bottom: 30px;
    }
    .company-info h2 {
        font-size: 17px;
    }
    .company-info p {
        font-size: 12px;
    }
    .company-value {
        padding: 40px 0;
    }
    .company-icon {
        width: 25%;
        min-height: 50px;
    }
    .professional-inner {
        padding: 0 40px;
    }
    .professional-info p {
        font-size: 11px;
    }
    .professional-info h6 {
        font-size: 13px;
    }
    .professional-link ul li {
        margin: 0 5px;
    }
    .professional-img {
        width: 80%;
        margin: 0 auto;
    }
    .professional-link ul li a {
        width: 30px;
        height: 30px;
    }
    .professional-link ul li a i {
        font-size: 16px;
    }
    .proud-partner {
        padding: 45px 30px;
    }
    .about-page::before {
        height: 2940px;
        right: 0;
        width: 250px;
        left: 60%;
    }
    /*** about us section end ***/ 
    
    /*** blog section start ***/   
    .blog .about-banner-info h2 {
        font-size: 20px;
    }
    .blog .about-banner-info h4 {
        font-size: 14px;
    }
    .blog .about-banner-info p {
        font-size: 12px;
    }
    .popular-blog-section h2 {
        font-size: 18px;
    }
    .popular-info h2 {
        font-size: 16px;
    }
    .popular-info h4 {
        font-size: 12px;
    }
    .popular-blog-section {
        padding: 60px 0 45px;
    }
    .about-page-section {
        padding-bottom: 35px;
    }
    .about-page::before {
        height: 3200px;
        right: 0;
        width: 250px;
        left: 60%;
    }
    /*** blog section end ***/   

    /*** blog inner section start ***/
    .blog-inner .about-banner-info h2 {
        font-size: 20px;
    }
    .about-banner-info h4 {
        font-size: 13px;
    }
    .blog-inner .blog-profile-heading h2 {
        font-size: 12px;
    }
    .blog-profile-heading  p {
        font-size: 10px;
        margin-bottom: 0;
    }
    .blog-profile {
        padding-bottom: 20px;
    }
    .blog-inner-page .about-page-section {
        padding-bottom: 40px;
    }
    .about-banner-section.blog-inner {
        padding: 20px 0 0;
    }
    .blog-inner-item h2 {
        font-size: 13px;
        margin-bottom: 13px;
    }
    .blog-inner-item p {
        font-size: 13px;
    }
    .blog-inner-page::before {
        height: 1638px;
        right: 0;
        width: 250px;
        left: auto;
    }
    .blog-inner-info-section {
        padding-bottom: 90px;
    }
    /*** blog inner section end ***/
}
@media all and (max-width: 767px) and (orientation : landscape) {}