@media screen and (max-width: 800px) {
    body {
        padding-bottom: 65px;
    }

    .BannerSliderItemInner, .CourseShowPageCover {
        height: 210px;
        border-radius: 0px 0px 20px 20px;
        min-height: unset;
    }

    .BannerSlider .slick-dots {
        margin: 10px;
        left: 0;
        bottom: 0;
    }

    .HomeFlagsHereDiv button {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 7px 15px;
        font-size: 14px;
    }

    .HomeFlagsHereDiv button .setbg {
        display: none;
    }

    .HomeSearchDiv button {
        display: none;
    }

    .HomeSearchHolder {
        height: 50px;
    }

    .HomeSearchHolder input {
        font-size: 13px;
        padding: 0 43px;
    }

    .HomeSearchHolder i {
        font-size: 15px;
    }

    .HomeSearchHolder .setbg {
        left: -40px;
    }

    .LatestBlogsHeader {
        padding: 12px 10px;
        font-size: 13px;
    }

    .LatestBlogsHeader a {
        display: none;
    }

    .BlogsItem, .CourseModuleItem, .CourseModuleItem, .MyQuizzesItem {
        display: block;
        margin: 20px auto;
        width: 95%;
    }

    .VideoCloser button {
        padding: 5px 15px;
    }

    .VideoCloser {
        padding: 10px;
    }

    .VideoPlayerDiv video {
        padding-bottom: 60px;
    }

    navbar button label {
        font-size: 12px;
    }

    navbar button i {
        margin: 0 auto 5px;
        font-size: 22px;
    }

    .PreloaderDiv img {
        width: 150px;
    }

    .SideMenuDiv {
        width: 255px;
    }

    .SideMenuDiv ul li {
        padding: 15px 10px;
        font-size: 15px;
    }

    .HomeAboutText h1 {
        font-size: 30px;
    }

    .HomeAboutText p {
        display: block;
        margin: 16px auto 25px;
        width: 100%;
        font-size: 17px;
        line-height: inherit;
    }

    .Counters {
        display: flex;
        justify-content: space-between;
        align-items: start;
        width: 100%;
        margin: 0 auto;
    }

    .CountersItem {
        display: block;
        margin: 17px 0;
        width: 47%;
        padding: 0 0;
    }

    .HomeAboutText button {
        margin: 11px auto;
        width: 100%;
    }

    .FAQItem {
        margin: 21px auto;
        width: 100%;
        padding: 10px 15px;
        padding-right: 45px;
    }

    .FAQItem g {
        right: 0;
        top: -5px;
        font-size: 20px;
    }

    .FAQItem h5 {
        font-size: 15px;
        margin: 0 auto 10px;
    }

    .SubscriptionInputGroup {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .SubscriptionInputGroup input {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .SubscriptionInputGroup button {
        display: block;
        margin: 14px auto 0;
        width: 100%;
    }

    .CourseShowPageDetails h1, .CourseSubscriptionIntroduction h1 {
        font-size: 19px;
    }

    .CourseSubscriptionPlanItem {
        margin: 11px auto;
        width: 100%;
    }

    .CourseSubscriptionIntroduction p, .CourseShowPageDetails p {
        display: block;
        margin: 14px auto;
        width: 100%;
        font-size: 15px;
    }

    .ProfileTabs {
        display: flex;
        justify-content: space-between;
        align-items: end;
        width: 100%;
        flex-wrap: wrap;
    }

    .ProfileTabs button {
        margin: 0 0;
        width: 25%;
        border-radius: 0;
    }

    .AuthDetails p {
        font-size: 13px;
        padding: 15px 0;
    }

    .AuthDetailsBoxHeader {
        font-size: 13px;
    }

    .AuthDetailsBox, .AuthDetailsBox, .AuthDetailsBox {
        padding: 10px;
    }

    .LatestTransactionItem {
        padding: 8px 15px;
        padding-right: 60px;
    }

    .LatestTransactionItem .LatestTransactionsThumb {
        margin: 0;
        width: 40px;
        top: 10px;
        right: 8px;
    }

    .LatestTransactionItem h4 {
        font-size: 13px;
    }

    .LatestTransactionItem label {
        position: relative;
        padding: 0;
        left: unset;
        right: unset;
        top: unset;
        bottom: unset;
        text-align: unset;
        margin: 0 0;
        height: fit-content;
        width: fit-content;
    }

    .LatestTransactionItem h5 {
        margin: 8px auto;
        font-size: 11px;
    }

    .FooterSectionHeader {
        font-size: 17px;
    }

    .ProfileDetailsLeft .AuthImage {
        position: relative;
        z-index: 2;
        margin: -45px auto 0;
        right: unset;
        left: unset;
        top: unset;
        bottom: unset;
    }

    .ProfileDetailsLeft h4 {
        display: block;
        margin: 14px auto;
        width: 100%;
        font-size: 20px;
    }

    .ProfileDetailsLeft label {
        display: block;
        margin: 10px auto;
        width: 100%;
    }

    .ProfileDetailsLeft {
        display: block;
        margin: 0 auto;
        width: 100%;
        position: relative;
        z-index: 2;
        padding: 0 0;
        text-align: center;
    }

    .ProfileMainBtns {
    }

    .ProfileDetailsRight {
        margin: 0 auto;
        width: fit-content;
    }

    .ProfileMainBtns button {
        font-size: 13px;
    }

    .CertificatesItem h1 {
        font-size: 15px;
    }

    .CertificatesItem .setbg {
        width: 48px;
    }

    .CertificatesItem {
        padding: 13px 20px;
        padding-right: 70px;
    }

    .MyQuizzesItem h5 {
        font-size: 15px;
    }

    .MyQuizzesItem h5 u {
        font-size: 13px;
    }

    .MyQuizzesItem h4 {
        font-size: 16px;
    }

    .MyQuizzesItem button {
        font-size: 14px;
    }

    .ProfileFormRow, .UpdateProfileHolderParent {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .AboutPageCover h1 {
        font-size: 40px;
    }

    .GlobePagination {
        justify-content: start;
    }

    .QuizPage {
        padding: 10px;
    }

    .QuizIntroduction h1 {
        margin: 0 auto 21px;
        font-size: 20px;
    }

    .QuizIntroduction p {
        font-size: 16px;
    }

    .QuizItem h3 {
        font-size: 17px;
    }

    .QuizItemAnswerItem {
        padding: 5px 10px;
    }

    .CourseShowPageCover .CourseTrailerTrigger {
        font-size: 40px;
    }

    .CourseShowPageDetails h5 {
        font-size: 13px;
    }

    .CourseShowPageDetails h5 g {
        margin: 10px 0;
        margin-left: 10px;
    }

    .LessonsVideoWaterMark {
        height: 45px;
    }

    .LessonsVideoHolder {
        aspect-ratio: 1 / 1;
    }

    .LessonsBodyDetails h1 {
        font-size: 20px;
    }

    .LessonsList {
        width: 65%;
        padding: 10px;
    }

    .LessonsListItem h4 {
        font-size: 14px;
    }

    .LessonsBodyEscapers button {
        display: block;
        margin: 19px auto;
        width: 100%;
    }

    .ToolsBar {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .LessonsBodyToolsBar {
        display: block;
        margin: 0 auto;
        width: 100%;
    }

    .BlogsGH {
        margin: 0 auto;
        width: 100%;
    }

    .BlogsItem {
        margin: 10px 1%;
        width: 48%;
    }

    .BlogsItemDetails h4 {
        font-size: 13px;
    }

    .BlogsItemDetails {
        padding: 13px;
    }

    .BlogsItemDetails p {
        display: none;
    }

    .BlogsItemDetails h5 {
        display: block;
        margin: 0 auto;
        width: 100%;
        min-height: 70px;
    }

    .BlogsItemDetails h5 g {
        display: block;
        margin: 0 auto 9px;
        width: 100%;
        text-align: center;
        font-size: 12px;
    }

    .BlogsItemDetails button {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        max-width: unset;
        margin: 5px auto 0;
        padding: 5px 5px;
    }

    .CourseTrailerBtn {
    }

    .FooterSubscribe {
        padding: 15px;
        margin: 0 auto;
        width: 100%;
        max-width: unset;
    }

    footer {
        padding: 10px;
        padding-bottom: 20px;
    }

    .CourseModuleItem h1 {
        display: block;
        margin: 11px auto;
        width: 100%;
        height: fit-content;
        min-height: unset;
        overflow: unset;
        font-size: 16px;
        padding-right: 34px;
    }

    .CourseModuleItem {
        min-height: unset;
        height: fit-content;
        padding: 12px;
    }

    .CourseModuleItem h1 u {
        position: absolute;
        right: 0;
        top: -3px;
        font-size: 14px;
        width: 26px;
    }
}