@media screen and (max-width:767px) {
    .parent-stu-img {
        margin: 0
    }

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

    .dwnld_rating_btn {
        float: left;
        margin: 0
    }

    .res_card_box .card-box {
        padding: 5px
    }

    #AddImagePopUp {
        width: 100%
    }

    .row .WelcomeUser.text-center, .row .nav li a .btn.btn-primary {
        display: none
    }

    .content-page .content {
        margin-top: 6rem
    }

    .BB_board {
        padding: .5rem 0;
        height: 130px
    }

    .bb_content .description h3 {
        font-size: 1.2rem
    }

    .second-topbar {
        margin-top: 30px
    }

    .video-cartain {
        height: 49px
    }

    .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) {
    .content-page .content {
        margin-top: 80px;
    }

    .QuestionInline:first-child {
        font-size: 1rem;
    }

    .QuestionInline p {
        font-size: 13px;
    }

    label.font-text, .font-tex p {
        font-size: 14px;
    }

    #Msg_Div .form-control {
        min-height: auto !important;
    }

    #WriteMessageDiv .chatarea4 {
        height: 90% !important;
    }

    .model_width {
        width: 100%;
    }

    .col-xs-1 {
        width: 100% !important;
    }

    .i_logo img {
        padding: 0px 0 !important;
        margin: 0 auto;
        display: block;
    }

    .center_height {
        height: 350px !important;
    }

    .invoice_div p {
        word-break: break-word;
    }

    .i_heading h1 {
        font-size: 1.5rem !important;
    }

    .gif_icon img {
        width: 30px !important;
        height: 20px !important;
        position: absolute;
        right: inherit;
        top: -9px;
        z-index: 999
    }

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

    table p img {
        max-width: 100%
    }

    li.user_icon {
        width: 100%
    }

    .VC .rating {
        left: 100%;
        padding-left: 10px
    }

    .faculty-rating {
        height: auto !important
    }

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

    #StudentNotAttempted .modal-dialog {
        width: 100%
    }

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

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

    body {
        overflow-x: hidden
    }

    .login-page {
        padding: .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 0rem !important
    }

    .admin_chat ._2ugFP {
        max-width: 98% !important;
    }

    .admin_chat textarea.form-control {
        min-height: auto !important;
    }

    .admin_chat .chat2 {
        height: 76% !important;
    }

    .btn, .bg-gradient-result {
        padding: 5px 3px;
        font-size: 12px;
    }

    .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
    }

    .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 li a img {
        width: auto;
    }

    .left-div {
        height: auto !important
    }

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

    .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 (max-width:990px) and (orientation:landscape) {
    .BB_board {
        padding: 3.5rem 0;
        height: 225px
    }
}

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

    .bb_content .description h3 {
        font-size: 2.5rem
    }

    .BB_board {
        padding: 8rem 0;
        height: 345px
    }
}

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

    .pricelist {
        height: 256px !important
    }

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

    .img-overlay-2 {
        height: 200px
    }

    .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
    }

    .img-overlay-2 {
        height: 195px
    }

    .buy-button {
        width: 60%
    }
}

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

    .pricelist {
        height: 256px
    }
}

@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 .5s cubic-bezier(.55,0,.1,1);
        -moz-transition: all .5s cubic-bezier(.55,0,.1,1);
        -o-transition: all .5s cubic-bezier(.55,0,.1,1);
        -ms-transition: all .5s cubic-bezier(.55,0,.1,1);
        transition: all .5s cubic-bezier(.55,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 0 24px 0 rgba(0,0,0,.06),0 1px 0 0 rgba(0,0,0,.02)
    }

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

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

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

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

    .footer {
        left: 0 !important
    }

    .mobile-sidebar {
        left: 0
    }

    .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: #fff;
        box-shadow: 0 2px 5px 0 rgba(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 .5s cubic-bezier(.55,0,.1,1);
        -moz-transition: all .5s cubic-bezier(.55,0,.1,1);
        -o-transition: all .5s cubic-bezier(.55,0,.1,1);
        -ms-transition: all .5s cubic-bezier(.55,0,.1,1);
        transition: all .5s cubic-bezier(.55,0,.1,1)
    }

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

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

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

@media (max-width:420px) {
    .hide-phone {
        display: none !important
    }
}

@media (min-width:768px) {
    .container-alt {
        width: 750px
    }

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

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

    .BB_board {
        padding-top: 1.5rem;
        height: 274px
    }

    .bb_content .description h3 {
        font-size: 2.5rem
    }

    .BB_board {
        height: 360px;
        padding-top: 6rem
    }
}

@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,.1)
    }

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

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

    .navbar-default {
        padding: 0
    }

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

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

    .topbar-left {
        display: none
    }

    .editable-responsive {
        overflow-x: auto
    }

    .profile-info-name img {
        float: none;
        margin: 0 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 .avatar, .user-list .user-list-item .icon {
        display: none
    }

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

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