@media screen and (max-width:767px) {
    .second-topbar {
        margin-top: 30px;
    }
    .parent-stu-detail table tbody tr td {
        WORD-BREAK: break-all;
    }
        #flag {
        top: 9% !important;
        width: 18% !important;
    }
    .f-name {
        font-size: 1.3rem;
    }
    .f-rating p {
        font-size: 1.5rem;
    }
    button.view-comment-btn {
        padding: 15px 10px;
    }
    .faculty-rating {
        margin: 10px 0;
    }
    }

    @media only screen and (max-width:990px) {
       

        button.btn-info.btn-lg {
            margin-top: 10px;
        }

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

        li.user_icon {
            width: 30%;
        }

        .VC .rating {
            left: 40%;
        }

        .horizontal-scroll {
            padding: 7px !important;
            margin: 10px 0 !important;
        }

        .stu-p-btn {
            text-align: center;
        }

            .stu-p-btn .btn {
                float: inherit !important;
                margin: 8px auto;
            }

        body {
            overflow-x: hidden;
        }

        .login-page {
            padding: 0.5rem 0;
        }

        p img {
            max-width: 100%;
            vertical-align: middle;
        }

        .chat-bg-right2 {
            display: none !important;
        }

        .scroll_btm {
            display: none;
        }

        .back-chat-user {
            display: block !important;
        }

        .chat-row-edit {
            top: 35px !important;
        }

        .chatarea2 {
            padding: 0 15px;
            width: 100% !important;
        }

        .chat-div {
            padding: 20px 1rem;
        }

        .btn {
            padding: 5px 5px;
        }

        .Validity-extend .table-responsive {
            display: block;
        }

        .left_content_div {
            padding: 1.5rem 1rem;
        }

        .contact-page {
            padding: 2rem 15px !important;
        }

        .div-chat-main img {
            width: 70%;
        }

        .featured-class .owl-stage .owl-item {
            width: 100% !important;
        }

        .chat-main-para h2 {
            font-size: 20px;
            padding: 0 18%;
        }

        .chat-img {
            float: left !important;
            margin: 10px 10% !important;
        }

        .user-name {
            padding: 2% 10% !important;
        }

        .student-id .form-group.col-xl-12 {
            padding: 0;
        }

        .chat-img {
            margin: 0 24px;
            float: left;
        }

        .user-name {
            padding: 2% 5%;
        }

        .chat2 {
            height: 75%;
            padding-bottom: 5px;
        }

        /*.student-id .btn-send {
        float: left !important;
    }*/

        .uploadbyword.template {
            float: left;
        }

        .template {
            padding: 10px 0;
        }

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

        .table_student {
            width: 100%;
        }

        .table td, .table th {
            font-size: 13px;
        }

        .header_area img {
            width: auto;
            height: 50px !important;
        }

        .left-div {
            height: auto !important;
        }

        p.text-center.hmm.bg-gradient {
            margin: 3rem 0rem;
        }

        .heading-right {
            margin-top: -17%;
        }

        .left_img-st img {
            height: 100% !important;
            width: 100% !important;
        }

        .email-signature .title {
            margin: 1rem auto;
        }

        .ultab2 {
            width: 100%;
            display: inline-block;
            list-style: none;
            color: #4c4b4b;
        }

        .ultab1 {
            width: 100%;
            float: left;
            display: inline-block;
            color: #000;
            font-weight: 600;
            list-style: none;
            margin-bottom: 15px;
        }

        .ultab2 p img {
            max-width: 100%;
        }

        .result-div .control-label1 .col-md-5, .result-div .control-label2 .col-md-5 {
            width: 30%;
        }

        .result-div .control-label1 .col-md-2, .result-div .control-label2 .col-md-2 {
            width: 20%;
        }

        .heading-content, .section-heading {
            width: 100%;
        }

            .heading-content h4 {
                font-size: 1.5rem;
            }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .email-signature .post {
            font-size: 1.5rem;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
        #flag {
            top: 7% !important;
        }

        .pricelist {
            height: 256px !important;
        }

        /*.card-box {
            height: 25vh !important;
        }*/

        .email-signature .post {
            font-size: 1.5rem;
        }

        /*.left-div {
        height: 209px !important;
    }*/
        .img-overlay-2 {
            height: 200px;
            /*max-width: 157px;*/
        }

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

        .buy-button {
            width: 100%;
            font-size: 14px;
        }
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
        #flag {
            top: 4% !important;
        }

        .pricelist {
            height: 256px;
        }

        /*.left-div {
        height: 209px;
    }*/
        .img-overlay-2 {
            height: 195px;
            /*max-width: 150px;*/
        }

        .buy-button {
            width: 60%;
        }
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: landscape) {
        #flag {
            top: 8% !important;
        }

        .pricelist {
            height: 256px;
        }

        /*.left-div {
        height: 209px;
    }*/
    }

    @media only screen and (max-width: 6000px) and (min-width: 700px) {
        .wrapper.right-bar-enabled .right-bar {
            right: 0;
            z-index: 99;
        }
    }

    @media (max-width: 1023px) {
        .button-menu-mobile {
            display: block !important;
        }

        .email-msg {
            display: none;
        }
    }

    @media (min-width: 768px) and (max-width: 991px) {
        body, html {
            overflow-x: hidden;
        }
    }

    @media (max-width: 768px) {
        body, html {
            overflow-x: hidden;
        }

        .side-menu {
            position: absolute !important;
            -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -moz-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -ms-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        }

        .enlarged .left.side-menu {
            margin-left: -75px;
        }

        .topbar-left {
            width: 70px !important;
        }

            .topbar-left span {
                display: none !important;
            }

            .topbar-left i {
                display: block !important;
                line-height: 60px !important;
            }

        .topbar .topbar-left {
            height: 60px;
        }

        .navbar-default {
            box-shadow: 0 0px 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0px 0 rgba(0, 0, 0, 0.02);
        }

        .navbar-nav {
            margin: 0px;
            display: inline-block;
        }

            .navbar-nav li {
                display: block;
                line-height: 1px;
            }

            .navbar-nav.navbar-right {
                float: right;
            }

        .content-page {
            margin-left: 0px !important;
        }

        .footer {
            left: 0px !important;
        }

        .mobile-sidebar {
            left: 0px;
        }

        .mobile-content {
            left: 250px;
            right: -250px;
        }

        .wrapper-page {
            max-width: 100%;
        }

        .dataTables_wrapper .col-xs-6 {
            width: 100%;
            text-align: left;
        }

        div#datatable-buttons_info {
            float: none;
        }

        .ms-container {
            width: 100%;
        }

        .m-t-sm-50 {
            margin-top: 50px !important;
        }
    }

    @media (max-width: 767px) {
        .navbar-nav .open .dropdown-menu {
            background-color: #ffffff;
            box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
            left: auto;
            position: absolute;
            right: 0;
        }

            .navbar-nav .open .dropdown-menu li {
                display: block;
            }

        .dropdown-lg {
            width: 200px !important;
        }

        .user-box {
            float: right;
        }

        .dataTables_length {
            float: none;
            margin-bottom: 10px;
        }
    }

    @media (max-width: 480px) {
        .side-menu {
            z-index: 10 !important;
            -webkit-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -moz-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -o-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            -ms-transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
            transition: all 0.5s cubic-bezier(0.55, 0, 0.1, 1);
        }

        .container {
            padding-left: 10px;
            padding-right: 10px;
        }

        .button-menu-mobile {
            display: block;
            padding: 0 0px;
        }

        .search-bar {
            display: none !important;
        }
    }

    @media (max-width: 420px) {
        .hide-phone {
            display: none !important;
        }
    }
    /* Container-alt */
    @media (min-width: 768px) {
        .container-alt {
            width: 750px;
        }

        .nav-tabs.nav-justified > li > a {
            border-bottom: 2px solid #eeeeee;
        }
    }

    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
        .code-btn {
            text-align: left;
        }

        /*.left-div {
        height: 192px;
    }*/
    }

    @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation: portrait) {
        .code-btn {
            text-align: right;
        }
    }

    @media (min-width: 992px) {
        .container-alt {
            width: 970px;
        }
    }

    @media (min-width: 1200px) {
        .container-alt {
            width: 1170px;
        }
    }

    @media (max-width: 419px) {
        .hidden-xxs {
            display: none;
        }

        .topbar-left {
            width: 70px !important;
        }

        .logo .icon-c-logo {
            display: inline-block !important;
            line-height: 58px !important;
        }

        .logo span {
            display: none !important;
        }

        .wrapper-page .logo span {
            display: inline-block !important;
        }

        .content-page {
            margin-left: 70px;
        }

        .forced .side-menu.left {
            box-shadow: 0 12px 12px rgba(0, 0, 0, 0.1);
        }

        .enlarged .side-menu.left {
            box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) !important;
        }

        .page-title {
            font-size: 15px;
            max-width: 250px;
            white-space: nowrap;
        }

        .navbar-default {
            padding: 0px;
        }

            .navbar-default .navbar-left {
                padding-left: 0px !important;
            }

                .navbar-default .navbar-left li {
                    padding: 0px 5px;
                }

        .topbar-left {
            display: none;
        }

        .editable-responsive {
            overflow-x: auto;
        }

        .profile-info-name img {
            float: none;
            margin: 0px auto;
            margin-bottom: 20px;
        }

        div.hopscotch-bubble .hopscotch-bubble-container {
            max-width: 180px;
        }

        .page-title-box .breadcrumb {
            display: none;
        }

        .navbar-nav .open .dropdown-menu {
            left: 5%;
        }

        .user-box .dropdown-menu {
            margin-right: 0 !important;
        }

        .dropdown-lg {
            width: 160px !important;
        }

        .user-list .user-list-item .icon,
        .user-list .user-list-item .avatar {
            display: none;
        }

        .user-list .user-list-item .user-desc {
            margin-left: 0;
        }

        .mails .table-detail {
            display: block;
        }
    }