@media (max-width: 767px) {
    .aboutmargingtop {
        margin-top: 1rem !important;
    }
    .instructorimage {
        height: 190px;
        width: auto;
    }

    .modal-box {
        width: 280px;
    }
    .search {
        width: -webkit-fill-available;
        margin: 20px 0 10px;
    }

    .search input {
        width: -webkit-fill-available;
    }

    .login,
    .buttonmaincls,
    .reviewcls {
        width: -webkit-fill-available;
    }
    .partner .services {
        margin: 0;
    }
    .service-partner {
        flex-wrap: wrap;
        margin-bottom: 25px;
    }
    .details {
        flex-wrap: wrap;
    }

    .leave-review,
    .headerreview,
    .feedBack,
    .feedBack .header,
    .textareareview textarea,
    .mobileview {
        width: -webkit-fill-available;
    }

    /* home-page */

    .practice {
        flex-wrap: wrap-reverse;
    }

    .practice .leftBox .heading {
        width: -webkit-fill-available;
        font-size: 30px;
        line-height: 32px;
        height: auto;
    }

    .practice .leftBox .heading strong {
        font-size: 30px;
    }

    .practice .leftBox .text {
        font-size: 16px;
        width: -webkit-fill-available;
    }

    /* .practice .rightBox img {
        width: 360px;
    } */
    .ques-head {
        padding-top: 20px;
    }
    .ques-head img {
        display: flex;
        margin: auto;
        width: -webkit-fill-available;
    }

    .ques-head .num-ques {
        font-size: 18px;
        line-height: 20px;
        left: 7%;
        top: 30%;
    }

    .ques-head h2 {
        font-size: 28px;
        margin-left: 0;
        margin-top: 20px;
    }

    .ques-head p {
        font-size: 12px;
        line-height: 20px;
        width: 400px;
        height: 48px;
        position: absolute;
        top: 44%;
        right: 0%;
    }

    .parctice-card {
        flex-wrap: wrap;
        padding: 10px 0;
        row-gap: 15px;
    }
    .parctice-card .box{
        width: 168px;
    }
    .bordr .qes {
        font-size: 14px;
    }
    .header h4 {
        font-size: 16px;
    }
    .arrow {
        margin-left: 0px;
    }
    .skill .rightDiv .heading {
        font-size: 24px;
    }
    .skill .rightDiv .text1 {
        font-size: 16px;
    }
    .skill .rightDiv .text2 {
        font-size: 16px;
    }
    .student-testimonial .person h1 {
        font-size: 32px;
    }
    .student-testimonial {
        margin-top: 5%;
        padding: 30px 0;
    }
    .title h1 {
        font-size: 28px;
    }
 
    .btn-primary1,
    .btn-primary2,
    .btn-primary3,
    .btn-primary4,
    .btn-primary5,
    .btn-primary6,
    .btn-primary7,
    .btn-primary8,
    .btn-primary9,
    .btn-primary10,
    .btn-primary11,
    .btn-primary12 {
        font-size: 16px;
    }

    .main-home {
        padding: 10px 0 0;
    }

    .bordr .hr-line {
        width: -webkit-fill-available;
        border: 1px solid rgba(255, 255, 255, 1);
    }

    .testimonials .trending p {
        width: -webkit-fill-available;
        height: auto;
        margin-left: 0;
    }

    .trendcard {
        width: -webkit-fill-available;
    }

    .skill {
        flex-wrap: wrap;
        padding: 0;
        row-gap: 30px;
    }

    .skill .rightDiv .heading {
        width: -webkit-fill-available;
        height: auto;
    }

    .skill .rightDiv .text1 {
        width: -webkit-fill-available;
        height: auto;
    }

    .skill .rightDiv .text1 span {
        width: 9px;
        height: auto;
        margin: 6px 10px 6px 10px;
    }

    .skill .rightDiv .text2 {
        width: -webkit-fill-available;
        height: auto;
    }

    .skill .rightDiv .text2 span {
        height: auto;
        margin: 6px 10px 6px 10px;
    }

    .student-testimonial {
        flex-wrap: wrap;
        width: -webkit-fill-available;
        height: auto;
    }

    .student-testimonial .bg-blue {
        display: none;
    }

    .student-testimonial .person {
        padding: 0;
        width: 100%;
    }

    .title h1 {
        width: -webkit-fill-available;
        height: auto;
    }

    .cards {
        flex-wrap: wrap;
        row-gap: 20px;
    }

    .teach .rightBox h1 {
        font-size: 26px;
        height: auto;
    }

    .teach .rightBox {
        width: -webkit-fill-available;
        height: auto;
    }

    .teach .rightBox .join {
        padding: 30px;
    }

    .teach .rightBox .join .join-btn {
        width: -webkit-fill-available;
        height: auto;
        margin-top: 12%;
    }

    .teach .rightBox img {
        display: none;
    }

    .teach .leftBox {
        padding: 30px;
        width: -webkit-fill-available;
        height: auto;
    }

    .teach .leftBox p {
        width: -webkit-fill-available;
        height: auto;
    }

    .teach .leftBox .sign-button .signbtn {
        width: -webkit-fill-available;
        height: auto;
        margin-top: 12%;
    }

    /* course-detail-page */

    .about-inst {
        flex-wrap: wrap-reverse;
    }

    .about-inst .rightBox {
        margin: auto;
    }

    .about-inst .leftBox .about p {
        width: -webkit-fill-available;
        height: auto;
    }


    /* subscription page */
    .main-subs {
        padding: 30px 0 0;
    }

    .limit {
        flex-wrap: wrap-reverse;
        padding-bottom: 60px;
    }

    .limit .right {
        margin: 20px auto;
    }

    .limit .left h2 {
        width: -webkit-fill-available;
        height: auto;
    }

    .limit .left p {
        width: -webkit-fill-available;
        height: auto;
    }

    /* courses page */

    .sortdi {
        flex-wrap: wrap;
    }

    .filter {
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .search-box {
        width: -webkit-fill-available;
    }

    .search-box input {
        width: -webkit-fill-available;
    }

    .search-box img {
        margin-left: -40px;
    }

    .sortby {
        width: -webkit-fill-available;
    }

    .choose .select {
        display: none;
    }

    /* course-deatil page */

    .subBox {
        flex-wrap: wrap;
        padding: 60px 0;
    }

    .subBox .detail {
        row-gap: 10px;
        display: flex;
        flex-direction: column;
    }

    .subBox .header h2 {
        width: -webkit-fill-available;
    }

    .subBox .header p {
        width: -webkit-fill-available;
    }

    #about {
        margin-top: 20px;
        padding: 0;
    }

    .level {
        flex-wrap: wrap;
    }

    .courses .tab-content .cards-course {
        width: -webkit-fill-available;
        height: auto;
    }

    .brow-course {
        width: -webkit-fill-available;
        margin-top: 30px;
    }

    .browse-btn {
        margin-left: 0;
    }

    #curriculum {
        margin-top: 20px;
        padding: 0;
    }

    #video {
        margin-top: 20px;
        padding: 0;
    }

    #notes {
        margin-top: 20px;
        padding: 0;
    }

    #ratings {
        margin-top: 20px;
        padding: 0;
    }
    .collaboration .modal-body .partnerShip {
        display: none;
    }

    /* about us */
    .about-sale .box2 .text p {
        line-height: 32px;
        letter-spacing: -0.01em;
    }
    .valueaboutus {
    }
    .about-value .para p {
        line-height: 32px;
        letter-spacing: -0.01em;
    }
    .pinBar .pin3 .listing3 .num p {
        font-size: 32px;
    }
    .pinBar .pin3 .listing3 .text p {
        font-size: 16px;
    }
    .pinBar .pin2 .listing2 .num p {
        font-size: 32px;
    }
    .pinBar .pin1 .listing1 .text p {
        font-size: 16px;
    }
    .pinBar .pin1 .listing1 .num p {
        font-size: 32px;
        margin-top: 20px;
    }
    .pinBar .pin1 .listing1 .text p {
        font-size: 16px;
    }
    .pinBar .pin3 img {
        margin-top: 145px;
        width: 40%;
    }
    .pinBar .pin3 .listing3 {
        margin-top: 168px;
    }
    .pinBar .pin2 img {
        position: absolute;
        left: 50%;
        /* top: 20%; */
        width: 40%;
        margin-top: 40px;
    }
    .pinBar .pin2 .listing2 {
        position: absolute;
        /* top: 30%; */
        left: 55%;
        margin-top: 58px;
    }

    .pinBar .pin1 .listing1 {
        position: absolute;
        margin-top: 32px !important;
        left: 10%;
    }
    .pinBar .pin1 img {
        left: 7%;
        margin-top: 32px !important;
        width: 40%;
    }
    .about-sale .box3 {
        height: 0px;
    }
    .about-value .para {
        margin-top: 250px;
    }

    .leftDivabout .para p {
        font-size: 28px !important;
        line-height: 30px !important;
        padding: 10px !important;
    }
    .about-sale .box1 .title p {
        rotate: 0deg;
        font-size: 32px !important;
    }

    .about-sale .box1 {
        height: 80px;
    }

    .pinBar {
        margin-bottom: 20px;
    }
    .contactenq_query {
        width: 95%;
    }
    .enquiry .content input {
        width: 290px;
    }

    #recaptcha-anchor-label {
        width: 100%;
    }
    .service {
        margin: 0px 3px 5px 3px;
    }
    .enquirycontact .form-title {
        font-size: 30px;
    }
    #contactenq_phonenumber {
        width: 100%;
    }
    .music-container {
        display: block;
    }
    .time {
        width: 45%;
    }
    #play {
        padding-left: 0px;
    }
    .action-btn {
        padding: 0em 0em;
        margin: 0 0em;
    }
}
/* @media (max-width:819px) {
.teach .rightBox {
    width: -webkit-fill-available;
    height: auto;
}
} */