.close {
    opacity: 1 !important;
}

@media (max-width: 991.98px) {
    .tag_search .tab .nav-tabs li a {
        font-size: 12px;
        padding: 13px 12px 7px;
    }

    .lamp_div img {
        width: 5%;
    }

    .fireworks_div img {
        width: 12%;
        right: 2px;
        bottom: 0;
    }

    .live-class-page .tab .nav-tabs li a i,
    .live-class-page .tab .nav-tabs li.active a i {
        font-size: 10px;
    }

    .live-class-page .tab .tab-content h3 {
        font-size: 16px;
    }

    .live-class-page .tab .tab-content {
        padding: 10px;
    }

    .stu_containerone1 {
        margin: -3rem auto 0 auto;
    }
}

@media screen and (max-width: 767px) {
    .tab-pane {
        width: 100% !important;
        margin: 0.5rem 0 !important;
    }

    .video-cartain {
        height: 70px !important;
    }

    .video-cartain_right {
        width: 30%;
        /*height: 60%;*/
    }

    .video-cartain-btm,
    .video-cartain_bottom {
        display: none;
    }

    .video-cartain_left {
        width: 41%;
        height: 28%;
    }

    .H_user_icon,
    .bell-notification a img {
        width: 25px !important;
    }

    .nav_col_header {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .logo img {
        width: 100%;
        padding: 2px;
    }

    .logo_div::after {
        display: none;
    }

    .header_area {
        background: #fff;
        top: 5px;
        position: absolute;
        right: 0;
        z-index: 99;
    }

    .topbar .right-div {
        padding: 4px;
        margin-top: 3rem;
        border: 1px solid #000;
    }

        .topbar .right-div ul {
            padding-left: 0;
            margin-bottom: 0;
        }

    .right-div {
        padding-left: 0;
        margin-bottom: 0;
    }

    .topbar ul li {
        padding: 1px;
        font-size: 10px;
    }

    #Livemybutton {
        top: 5.2rem;
    }

    .banner-area {
        margin-top: 0;
    }

    .triangle_top {
        top: 96px;
    }

    .upload_H_Img {
        width: 100%;
        height: 100%;
    }

    .stu_iframe {
        width: 360px;
        height: 205px !important;
        left: 0;
        top: 0;
        display: block;
        object-fit: contain;
    }

    .sup_iframe {
        width: 360px;
        height: 205px !important;
        left: 0;
        top: 0;
        display: block;
        object-fit: contain;
    }

    .live-content {
        padding-top: 0 !important;
    }

    .st-vido .col-md-8 {
        padding: 0;
    }

        .st-vido .col-md-8 .widget-box {
            margin-top: 0;
        }

            .st-vido .col-md-8 .widget-box .rank-up-btn {
                font-size: 10px;
                padding: 5px 2px !important;
            }

    .stu_box_heading .col-lg-3.col-md-3.col-sm-3.col-xs-3.p-0 {
        width: 20%;
    }

    .stu_box_heading .col-lg-9.col-md-9.col-sm-9.col-xs-9.p-0 {
        width: 75%;
    }

    .stu_box_heading {
        width: 100%;
    }

    .stu_left .table {
        overflow: hidden;
        overflow-x: auto;
        display: block;
    }

    .triangle_top img {
        width: 30%;
    }

    .our-products .testimonial a {
        height: auto !important;
    }

    .WelcomeUser {
        float: left;
    }

    .table_scroll {
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }

    .PR-form-container table tbody tr td {
        word-break: break-word;
    }

    .PR-form-container .forgot-password {
        text-align: left !important;
    }

    .register_banner h3 {
        line-height: 1.5;
        font-size: 11px;
        padding: 0.2rem 1rem 2rem;
    }

    .PR-form-horizontal h4 {
        font-size: 1.2rem;
    }

    .row-br .col-xs-12 {
        width: 50%;
    }

    .widget-content.nopadding.scroll-y {
        position: inherit !important;
        height: auto !important;
    }

    .newpad1 {
        padding: 0;
    }

    .subject-loader {
        width: 15% !important;
    }

    .heading-content-exam {
        margin-top: 1rem !important;
    }

    .timming ul li img {
        width: 28px;
    }

    #flag {
        top: 9%;
        width: 18%;
    }

    .Video-heading .h3 {
        font-size: 15px;
    }

    .box7 {
        margin-bottom: 20px;
    }

    table p img {
        max-width: 100%;
    }

    .page-title-box a .btn,
    .page-title-box h4 {
        margin-top: 3rem !important;
    }

    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: left;
    }

    div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
        padding-left: 0;
    }

    div.dataTables_wrapper div.dataTables_filter {
        margin-top: 15px;
        padding-left: 0 !important;
        text-align: left;
    }

    .container-st-home .owl-theme .owl-controls .owl-buttons .owl-prev {
        margin: 6px;
        margin-left: 30px;
        padding: 3px 4px;
    }

    .container-st-home .owl-theme .owl-controls .owl-buttons .owl-next {
        margin: 6px;
        margin-right: 30px;
        padding: 3px 4px;
    }

    .Franchise-banner {
        min-height: 60px;
    }

    section.franchise-about {
        padding: 2rem 1rem;
    }

    .fren-edu-content-container {
        padding: 2rem;
        width: 100%;
    }

    .reasons_franchise_container {
        margin: 0;
    }

    .rf-left {
        padding: 1rem 1rem;
    }

    .rf-right {
        margin-left: 0;
        margin-top: 0;
        padding: 1rem 1rem;
    }

        .rf-right .col-md-3,
        .rf-right .col-md-6 {
            border-right: none;
            margin-bottom: 0.5rem;
        }

    .Franchise-timeline .main-timeline .timeline {
        width: 100%;
        padding: 0 170px 0 0;
    }

        .Franchise-timeline .main-timeline .timeline:nth-child(even) {
            padding: 0 0 0 170px;
        }

    .Franchise-timeline .main-timeline .timeline-content:after {
        width: 50px;
    }

    .Franchise-timeline .main-timeline .timeline-icon {
        right: -150px;
    }

    .Franchise-timeline .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: -150px;
    }
}

@media screen and (max-width: 576px) {
    .Franchise-timeline .main-timeline .timeline,
    .Franchise-timeline .main-timeline .timeline:nth-child(even) {
        padding: 35px 0 0 0;
        margin: 0 0 10px;
    }

    .Franchise-timeline .main-timeline .timeline-content {
        padding-top: 45px;
    }

    .main-timeline .timeline-content:after {
        display: none;
    }

    .Franchise-timeline .main-timeline .timeline .timeline-icon {
        font-size: 25px;
        line-height: 50px;
        height: 50px;
        width: 50px;
        right: 7px;
        top: -27px;
        transform: translateY(0) rotate(45deg);
    }

    .Franchise-timeline .main-timeline .timeline:nth-child(even) .timeline-icon {
        left: 7px;
    }

    .Franchise-timeline .main-timeline .timeline .timeline-icon:before {
        height: 83%;
        width: 83%;
    }

    .Franchise-timeline .main-timeline .title {
        font-size: 18px;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
    .video-cartain-btm,
    .video-cartain_bottom {
        display: none;
    }

    .view-live-class .stu-live-chatarea4 {
        height: 36vh !important;
    }

    #Livemybutton {
        top: 6.8rem;
    }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: landscape) {
    .video-cartain-btm,
    .video-cartain_bottom {
        display: none;
    }

    .nav_col_header2 {
        -ms-flex: 0 0 88% !important;
        flex: 0 0 88% !important;
        max-width: 88% !important;
        margin-left: 2rem;
    }

    .topbar .right-div {
        margin: 0.5rem 0;
    }

    .topbar ul li {
        padding: 1px;
        font-size: 9px;
    }
}

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: portrait) {
    #Livemybutton {
        top: 5.2rem;
        z-index: 1;
    }

    .view-live-class .chatarea4 {
        height: 40vh;
    }
}

@media only screen and (max-width: 760px) {
    .SA_LC {
        padding: 1rem 0 !important;
    }

        .SA_LC p {
            font-size: 1.5rem !important;
        }

        .SA_LC img {
            margin: 1rem auto !important;
        }

    .CVS img {
        padding: 1rem 0;
    }

    #RateModelDivID .modal-title span {
        padding-left: 0 !important;
    }

    #QuestionPoolPopUpModel .modal-dialog {
        max-width: 100% !important;
    }

    .register-btn-home i {
        font-size: 1.3rem;
    }

    a.rank-register-btn.rank-register-btn-lg {
        padding: 10px 5px;
        margin: 0 0 0 15px;
        font-size: 12px;
    }

    #IsAnyNotificationPopUp .modal-header .close {
        padding: 1rem;
        margin: 0.5rem -1rem -1rem auto;
    }

    #IsAnyNotificationPopUp .modal-header {
        margin-top: 2rem;
    }

    .exampleModal .modal .modal-dialog .modal-content {
        padding: 10px;
    }

    .login-page,
    .register-page {
        padding: 0 0;
    }

    .login-right-img img,
    .register-right-img img {
        display: none;
    }

    .login-right-img h2 {
        font-size: 20px;
    }

    .account-pages a {
        font-size: 12px !important;
    }

    .st-data ul li {
        font-size: 14px;
        padding: 0 2px !important;
    }

    .img-li {
        width: 22% !important;
    }

    .name-li {
        width: 50% !important;
    }

    .date-li {
        width: 20% !important;
    }

    .dropdown-item {
        padding: 0.9rem 0.6rem !important;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        background: #ccc !important;
        padding: 2rem 0 0 0 !important;
    }

    .header_area .dropdown-menu {
        margin-top: 0 !important;
    }

    .banner-area-hide {
        display: none !important;
    }

    .top-abs {
        position: inherit !important;
        top: 0;
    }

    .TestSeriesDashboard .custom-row2 {
        padding: 0;
    }

    .banner-right .box a {
        color: #000;
    }

    .header_area .navbar .nav .nav-item.active .nav-link,
    .header_area .navbar .nav .nav-item:hover .nav-link {
        line-height: 2;
    }

    .navbar-nav li {
        margin-bottom: 10px;
    }

    .view-live-class .stu-live-chatarea4 {
        background: #fff !important;
        height: 43vh !important;
    }

    .view-live-class .chatarea4 {
        height: 30vh;
        background-color: #ddd9d4;
    }

    .video-heading .text-right {
        text-align: left !important;
        padding-top: 20px;
    }

    .video-heading .rank-up-btn {
        margin-left: 0;
    }

    .video-heading h4 {
        display: none;
        margin-top: 3rem;
    }

    .st-vido .video-heading h4 {
        display: none;
        margin-top: 0.1rem;
    }
}

@media only screen and (max-width: 768px) {
    body,
    html {
        overflow-x: hidden;
        font-size: 16px;
    }

    .nav_col_header {
        -ms-flex: 0 0 35%;
        flex: 0 0 35%;
        max-width: 35%;
    }

    .logo_div::after {
        display: none;
    }

    .header_area {
        background: #fff !important;
        top: 5px;
        position: absolute;
        right: 0;
        z-index: 99;
    }

    .test-s-dashborad-tab .tab .tab-content {
        padding: 0 !important;
    }

    .containerone1 {
        max-width: 100% !important;
    }

    .widget-title h4 {
        font-size: 12px !important;
    }

    .icon-bar1 a {
        padding: 5px;
        font-size: 12px;
    }

    .chat-div ul .right-ul img,
    .chat_img-2 img {
        width: 100% !important;
    }

    .user_chat_img {
        height: 50px !important;
        width: 50px !important;
    }

        .user_chat_img .img-circle {
            height: 100% !important;
            width: 100%;
        }

    .ulchat li a span {
        font-size: 16px;
        width: 100%;
        float: left !important;
        margin: 0;
    }

    #UserMessageHeaderDiv .col-sm-1 {
        float: left;
        width: 20%;
    }

    #UserMessageHeaderDiv .col-sm-11 {
        width: 70%;
        padding: 0;
    }

        #UserMessageHeaderDiv .col-sm-11 .user-name {
            font-size: 14px;
            text-transform: capitalize;
        }

    .text-div .col-xs-8 {
        width: 100%;
    }

    .student-video-img {
        width: 100%;
    }

    .MyProfile h3 {
        font-size: 1.2rem;
        width: 100%;
    }

    .header_area .nav-link img {
        width: 20px;
        height: 20px !important;
        margin: inherit;
        position: inherit;
    }

    .bell-notification a img {
        margin: 0 !important;
    }

    .bell-notification span {
        margin-top: -37px;
        font-size: 8px;
        position: inherit;
    }

    .bell-notification {
        padding: 15px 0;
    }

    .img1-li img {
        width: 40px !important;
        height: 40px !important;
    }

    .img2-li {
        position: inherit !important;
        left: 14px !important;
    }

    span.img3-li {
        margin-left: -15px;
    }

    .footer-logo .logoheight {
        display: none;
    }

    .banner-bg {
        padding: 0 0 15rem 0;
        margin-top: 0;
    }

    .heading-img {
        width: 90%;
    }

    .welcomecont p:last-child {
        color: #000;
    }

    .banner-area {
        min-height: 215px !important;
        background-size: cover !important;
    }

    .banner-right {
        margin-top: 30px;
    }

    .feature-item {
        margin: 30px 0 0 0;
    }

    @keyframes famove {
        from {
            top: 0;
        }

        to {
            top: 60px;
        }
    }

    .glimpse-section .maindiv {
        height: auto;
    }

    .about-section {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .aboutp p {
        font-size: 1.2rem !important;
    }

    .about-img {
        width: 98%;
    }

    .video-serviceBox .video-description {
        height: auto;
    }

    .download-section,
    .offering-section,
    .section-gap-bottom,
    .testimonial-section {
        padding: 1rem 0;
    }

        .offering-section .offering-tab .offering-nav-tabs li a {
            padding: 10px;
        }

            .offering-section .offering-tab .offering-nav-tabs li a i {
                font-size: 22px;
            }

        .offering-section .offering-tab .offering-nav-tabs li a {
            font-size: 12px;
        }

    .offering-tabs .owl-nav .owl-prev {
        left: -30px !important;
    }

    .offering-tabs .owl-nav .owl-next {
        right: -20px !important;
    }

    .display-desk {
        display: none;
    }

    .display-phn {
        display: block;
    }

    .contentset p:first-child {
        padding-top: 0;
    }

    .download-left-div {
        margin-top: 1rem;
    }

        .download-left-div p {
            line-height: 2;
            color: #000;
        }

    .mobilimgset-mb {
        padding-left: 0;
        text-align: center;
        padding-top: 3rem;
    }

    .footer-area {
        background: url(../img/footer-bg.png) #000 no-repeat center;
        padding: 7rem 0 0 0;
    }

    .footer-logo {
        top: -42rem;
        left: 15px;
    }

    .main-service-box {
        padding: 1px;
    }

    .left-div .ulchat li {
        margin: 0.5rem !important;
    }

    .search-container input[type="text"] {
        width: 85% !important;
        padding: 6px !important;
        font-size: 12px !important;
    }

    .search-container button {
        padding: 8px 10px !important;
        margin-top: 8px !important;
        font-size: 10px !important;
        margin-right: 3px !important;
    }

    #ChatUserULID {
        margin-top: 6rem !important;
    }

        #ChatUserULID .col-sm-3 {
            width: 20%;
            float: left;
            padding: 0 0 0 15px;
        }

        #ChatUserULID .col-sm-9 {
            width: 75%;
            padding: 0;
            float: right;
        }

    body.fixed-left-void {
        padding-top: 0;
    }

    .background-clr {
        width: 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    legend {
        border: none;
    }

    .ulchat li a .span1 {
        overflow-wrap: break-word;
    }

    .ulchat li a img {
        height: 35px !important;
    }

    .search-container {
        padding: 0 10px;
        width: 96% !important;
    }

    .chat-button .img-file {
        width: 65% !important;
    }

    .text-div .col-xs-4 {
        width: 100%;
    }

    .chat-button {
        margin-top: 5px;
    }

    .text-div {
        bottom: 0 !important;
        padding: 1rem 10px !important;
    }

        .text-div .row {
            margin: 0;
        }

    .btn-send {
        float: right !important;
    }

    #WriteMessageDiv {
        padding: 10px 0;
    }
}

@media only screen and (max-width: 760px) and (orientation: landscape) {
    .video-cartain-btm,
    .video-cartain_bottom {
        display: none !important;
    }

    .lamp_div img {
        width: 2%;
    }

    .diya_img {
        width: 30%;
        right: 36px;
    }

    .logo_div .firework_img {
        width: 40%;
        right: 28px;
    }

    .nav_col_header {
        -ms-flex: 0 0 30%;
        flex: 0 0 30%;
        max-width: 30%;
    }

    .nav_col_header2 {
        -ms-flex: 0 0 90% !important;
        flex: 0 0 90% !important;
        max-width: 90% !important;
    }

    .topbar .right-div {
        margin: 0.5rem;
    }

    #Livemybutton {
        top: 3.2rem;
    }

    .banner-area {
        margin-top: 0;
    }

    .logo img {
        width: 56%;
    }

    .triangle_top {
        top: 44px;
    }

    #flag {
        top: 18%;
        width: 10%;
    }

    .stu_iframe {
        width: 360px;
        height: 275px !important;
    }

    .sup_iframe {
        width: 360px;
        height: 275px !important;
    }

    .p-container {
        width: 80%;
    }

    .franchise-left-img {
        padding-top: 8rem;
    }
}

@media only screen and (min-device-width: 411px) and (max-device-width: 823px) and (orientation: landscape) {
    .nav_col_header2 {
        z-index: 999;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 2rem;
    }

    .header_area {
        padding-left: 0;
        background: #fff;
    }

    .banner-area {
        min-height: 219px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #Livemybutton {
        top: 3.1rem;
    }

    .SA_LC {
        padding: 8rem 0 !important;
    }

        .SA_LC p {
            font-size: 1.5rem !important;
        }

    .CVS img {
        padding: 3.3rem 0;
    }

    .tag_search .tab .nav-tabs li a {
        font-size: 14px;
        padding: 13px 12px 7px;
    }

    .video-cartain {
        height: 145px;
    }

    .video-cartain_right {
        width: 44%;
        /*height: 86%;*/
    }

    .video-cartain_bottom {
        height: 30%;
        bottom: 57px;
    }

    .video-cartain_left {
        width: 45%;
        height: 86%;
    }

    .edit_content_live iframe {
        width: 100%;
        height: 320px;
    }

    .lamp_div img {
        width: 2%;
    }

    .diya_img {
        width: 23%;
        right: 96px;
    }

    .logo_div .firework_img {
        width: 30%;
        right: 74px;
    }

    #flag {
        top: 7%;
    }

    .banner-area {
        margin-top: 0;
    }

    .topbar ul li {
        font-size: 12px;
    }

    .topbar .right-div {
        margin: 0.2rem;
    }

    .triangle_top {
        top: 40px;
    }

    .logo img {
        width: 45%;
        padding: 2px;
    }

    .our-products .testimonial a {
        height: 470px;
    }

    .search-container img {
        width: 20%;
    }

    .user_chat_img {
        height: 25px;
        width: 25px;
    }

    .PR-form-container .forgot-password {
        text-align: left !important;
    }

    .register_banner h3 {
        font-size: 1.5rem;
        padding: 0 1rem 5rem;
    }

    .about-img {
        width: 90%;
    }

    .reasons_franchise_container {
        margin: 0 1rem;
    }

    .rf-left {
        padding: 1rem 6rem 1rem 1rem;
    }

    .franchise-left-img {
        padding-top: 7rem;
    }

    .box5 {
        width: 40%;
    }

    .banner-area {
        min-height: 214px;
    }

    .view-live-class .chatarea4 {
        height: 276px !important;
    }

    .our-products .tab .nav-tabs li {
        width: 80% !important;
    }

    .subject-1 {
        font-size: 14px;
    }

    @keyframes famove {
        from {
            top: 0;
        }

        to {
            top: 40px;
        }
    }

    .about-section {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .offering-section,
    .testimonial-section {
        padding: 2rem 0;
    }

    .aboutp p {
        font-size: 2rem !important;
    }

    .download-left-div {
        margin-top: 10rem;
    }

    .mobilimgset-mb {
        padding-left: 4rem;
    }

    .footer-logo {
        top: -12rem;
    }

    .search-container input[type="text"] {
        width: 90% !important;
    }

    .left-div .ulchat li {
        margin: 0.5rem !important;
    }

    .ulchat li a img {
        height: 36px !important;
    }

    .ulchat .col-sm-9 span {
        font-size: 14px !important;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    .CVS img {
        padding: 4.4rem 0;
    }

    .video-cartain {
        width: 100%;
        height: 195px;
    }

    .edit_content_live iframe {
        width: 100%;
        height: 429px !important;
    }

    #flag {
        top: 7% !important;
    }

    .our-products .testimonial a {
        height: 500px;
    }

    .PR-form-container .forgot-password,
    .PR-form-container label {
        font-size: 11px !important;
    }

    .logoheight {
        width: 100px !important;
        height: 53px !important;
        margin-top: 1px !important;
        padding: 0 !important;
    }

    .dropdown-item,
    .header_area .navbar .nav .nav-item .nav-link {
        font-size: 12px !important;
    }

    .header_area .nav-link img {
        width: 23px !important;
    }

    .PR-form-horizontal .PR-form-control {
        max-width: 75% !important;
    }

    .download-section {
        padding: 7rem 0 !important;
    }

    .rf-left {
        padding: 3rem 6rem 3rem 2rem;
    }

    .franchise-left-img {
        padding-top: 3rem;
    }

    .box5 {
        width: 28% !important;
    }

    .banner-area {
        margin-top: 22px;
        min-height: 190px;
    }

    .banner-right {
        margin-top: 5px;
    }

        .banner-right h1 {
            font-size: 1.4rem;
        }

    .our-products .tab .nav-tabs li {
        width: 60% !important;
    }

    .subject-1 {
        font-size: 14px;
    }

    .footer-area {
        padding: 19rem 0 0 0;
    }

    .footer-logo {
        top: -17rem !important;
    }

    .mobilimgset-mb {
        padding-left: 3rem !important;
        padding-top: 5rem !important;
    }

    .view-live-class .chatarea4 {
        height: 370px !important;
    }

    .search-container input[type="text"] {
        width: 73% !important;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
    .our-products .tab .nav-tabs li {
        width: 65% !important;
    }

    .SA_LC {
        padding: 12rem 0 !important;
    }

        .SA_LC p {
            font-size: 2.5rem !important;
        }

    .CVS img {
        padding: 5rem 0;
    }

    #Livemybutton {
        top: 6.8rem;
    }

    .video-cartain {
        height: 196px;
    }

    .video-cartain_right {
        width: 46%;
    }

    .video-cartain_bottom {
        height: 35%;
    }

    .video-cartain_left {
        width: 46%;
        bottom: 58px;
    }

    .diya_img {
        width: 39%;
        right: -22px;
    }

    .logo_div .firework_img {
        width: 45%;
        right: -29px;
    }

    .our-products .testimonial a {
        height: 500px;
    }

    .triangle_top {
        top: 80px;
    }

    #flag {
        top: 4%;
    }

    .logo img {
        width: 83%;
    }

    .PR-form-container .forgot-password,
    .PR-form-container label {
        font-size: 12px;
    }

    .PR-form-container .forgot-password {
        text-align: right !important;
    }

    .logoheight {
        width: 100px;
        height: 53px;
        margin-top: 1px;
        padding: 0;
    }

    .dropdown-item,
    .header_area .navbar .nav .nav-item .nav-link {
        font-size: 12px !important;
    }

    .header_area .nav-link img {
        width: 23px;
    }

    .register_banner h3 {
        font-size: 2.5rem;
        padding: 2rem 1rem 9rem;
    }

    .PR-form-horizontal .PR-form-control {
        max-width: 75%;
    }

    .download-section {
        padding: 11rem 0;
    }

    .franchise-left-img {
        padding-top: 3rem;
    }

    .banner-area {
        min-height: 187px;
        margin-top: 22px;
    }

    .banner-right {
        margin-top: 7px;
    }

    .banner-area h1 {
        font-size: 1.5rem;
    }

    .box5 {
        width: 28%;
    }

    .view-live-class .chatarea4 {
        height: 380px !important;
    }

    .search-container input[type="text"] {
        width: 73% !important;
    }

    .edit_content_live iframe {
        width: 100%;
        height: 428px;
    }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
    .video-cartain {
        height: 256px;
    }

    #flag {
        top: 8%;
    }

    .view-live-class .chatarea4 {
        height: 40vh;
    }
}