@media only screen and (max-width:1400px) {
    .nav {
        width: 100%;
        margin: 0
    }
    .col {
        width: 32.26%;
        margin-left: 1.6%
    }
    .col:nth-child(5) {
        margin-left: 1.6%
    }
    .col:nth-child(4) {
        margin-left: 0
    }
    .col:nth-child(7) {
        margin-left: 0
    }
    .col:nth-child(10) {
        margin-left: 0
    }
    .col:nth-child(13) {
        margin-left: 0
    }
    .col:nth-child(16) {
        margin-left: 0
    }
    .col:nth-child(19) {
        margin-left: 0
    }
    .col:nth-child(22) {
        margin-left: 0
    }
    .col:nth-child(25) {
        margin-left: 0
    }
    .col:nth-child(28) {
        margin-left: 0
    }
    .col:nth-child(31) {
        margin-left: 0
    }
    .col:nth-child(34) {
        margin-left: 0
    }
    .col:nth-child(37) {
        margin-left: 0
    }
}

@media only screen and (max-width:1140px) {
    .nav_manu {
        display: none
    }
    .nav_manu1{
        display: block;
    }
    .mobile_manu span {
        display: block
    }
    .all_book_section {
        display: block;
    }
    .mobile_ads_main{
        width: 100%;
        display: block;
    }
    .mobile_ads2{
        margin-top: 50px;
    }
    .department_section {
        display: block;
    }
    .class-view_section{
        display: block;
    }
    .video_class {
        height: 420px;
    }
}

@media only screen and (max-width:980px) {
    .footer_manu ul li {
        margin-left: 30px
    }
    .footer_manu ul li:nth-child(5) {
        display: block;
        margin-top: 30px;
        margin-left: 0
    }
    .box {
        width: 49.2%;
        margin-left: 1.6%
    }
    .col:nth-child(3) {
        margin-left: 0
    }
    .col:nth-child(4) {
        margin-left: 1.6%
    }
    .col:nth-child(5) {
        margin-left: 0
    }
    .col:nth-child(7) {
        margin-left: 0
    }
    .col:nth-child(9) {
        margin-left: 0
    }
    .col:nth-child(11) {
        margin-left: 0
    }
    .col:nth-child(13) {
        margin-left: 0
    }
    .col:nth-child(15) {
        margin-left: 0
    }
    .col:nth-child(17) {
        margin-left: 0
    }
    .col:nth-child(19) {
        margin-left: 0
    }
    .col:nth-child(21) {
        margin-left: 0
    }
    .col:nth-child(23) {
        margin-left: 0
    }
    .col:nth-child(25) {
        margin-left: 0
    }
    .col:nth-child(27) {
        margin-left: 0
    }
    .col:nth-child(29) {
        margin-left: 0
    }
    .col:nth-child(31) {
        margin-left: 0
    }
    .col:nth-child(33) {
        margin-left: 0
    }
    .col:nth-child(35) {
        margin-left: 0
    }
    .col:nth-child(37) {
        margin-left: 0
    }
    .about-me-area {
        padding: 45px 0 50px
    }
    .about-text h2 {
        font-size: 22px
    }
    .profile-left-content-details {
        height: 17%;
        left: 0
    }
    .profile-left-content:hover .profile-left-content-details {
        height: 40%
    }
    .profile-left-content-details {
        width: 100%
    }
    ul.work li {
        margin: 0 5px 15px;
        padding: 3px 10px
    }
    .last-contact-item .single-contact-icon {
        left: -10px
    }
    span.right-reserved {
        font-size: 11px
    }
    .profile-left-content-details {
        left: 0;
        width: 100%
    }
    .comment-preview_box .content {
        flex: 10;
    }
    .video_class {
        height: 380px;
    }
}

@media only screen and (max-width:768px) {
    .box {
        width: 100%;
        margin: 1% 0 5% 0
    }
    .col:nth-child(4) {
        margin-left: 0
    }
    /* .all_book_section .box2 {
        width: 90%;
        margin-left: 5%
    } */
    .chapter_section .chapter_box {
        width: 100%;
        margin-left: 0
    }
    #app {
        width: 100%;
    }
    .about-me-area {
        padding: 45px 0 50px
    }
    .about-text h2 {
        font-size: 22px
    }
    .about-me-area .profile {
        padding: 58px 0 10px
    }
    .about-me-area .profile-content-block {
        padding: 0
    }
    .profile-left-content-details {
        height: 15%;
        left: 0;
        width: 100%
    }
    .profile-left-content:hover .profile-left-content-details {
        height: 40%
    }
    .download-cv-btn {
        position: relative;
        top: 25px
    }
    .about-me-area .profile-title {
        font-size: 24px;
        margin-top: 60px
    }
    .about-me-area .profile-position {
        margin-top: 10px
    }
    .about-me-area .profile-info {
        margin: 20px 10px 0
    }
    /* .comment-preview_box .main_comment{
        padding: 10px;
        border-radius: 5px;
    }
    .comment-preview_box .reply_comment{
        padding: 10px;
        border-radius: 5px;
    }
    .comment-preview_box .image{
        width: 40px;
        margin-right: 8px;
    }
    .comment-preview_box .content p{
        font-size: 14px;
        width: 100%;
        padding-bottom: 10px;
    }
    .comment-preview_box .content h4{
        font-size: 16px;
        margin: 0 5px 10px 0px;
    }
    .comment-preview_box .content span{
        font-size: 12px;
    }*/
    .comment_section .row{
        width: 98%;
    }
    .comment-preview_box .reply_btn{
        padding: 1px 5px;
    } 
    .comment-preview_box .content {
        flex: 8;
    }
    .department_section h4{
        font-size: 20px;
    }

    .profile-left-content-details {
        height: 20%
    }
    .profile_section .profile_box .left_are{
        float: none;
        width: 100%;
    }
    .profile_section .profile_box .right_are{
        float: none;
        width: 100%;
        text-align: center;
        margin-top: 48px;
        margin-left: 0;
    }
    .profile_section .profile_box .right_are input{
        display: inline-block;
    }
    .profile_section .profile_box .right_are input.btn{
        display: inline-block;
    }
    .profile_section .profile_box .right_are .profile_btn{
        text-align: center;
    }
    .profile_section.add_coin input{
        width: 60%;
    }
    .video_class {
        height: 320px;
    }
    
}

@media only screen and (max-width:480px) {
    .preeLoder .image {
        margin-top: -40px
    }
    .preeLoder .image .img_1 {
        width: 110px
    }
    .preeLoder .image .img_2 {
        width: 180px;
        margin-bottom: 7px
    }
    .box2 .question h4 {
        font-size: 22px
    }
    .box2 .question i {
        padding: 28px;
        font-size: 20px
    }
    .box2 .answer ol li {
        font-size: 22px
    }
    .chapter_section .heading h4 {
        padding: 24px 0;
        font-size: 22px;
        letter-spacing: 3px;
        line-height: 1.6
    }
    .chapter_section .sub_heading {
        font-size: 16px
    }
    .chapter_section ul li {
        font-size: 18px;
        line-height: 1.6
    }
    .loginbox {
        width: 95%
    }
    .login_section.signup .loginbox {
        width: 95%
    }
    .login_section.signup .loginbox h1 {
        font-size: 22px
    }
    .login_section.signup .loginbox .tram {
        font-size: 8px
    }
    .profile-left-content-details {
        height: 18%
    }
    .profile-content-area .row {
        width: 95%
    }
    .profile-left-content-details {
        left: 0;
        width: 100%
    }
    .profile-left-content:hover .profile-left-content-details {
        height: 70%
    }
    .profile-info .cont{
        width: 130px;
    }
    .footer_manu ul li {
        margin-left: 18px
    }
    .footer_manu ul li:nth-child(1) {
        margin-left: 0
    }
    .footer_manu ul li a {
        font-size: 16px
    }
    .footer .social_icon a {
        margin: 0 5px
    }
    .footer .copyright {
        font-size: 12px
    }
    .footer .copyright a {
        font-size: 14px
    }
    /* .comment-preview_box .image {
        width: 25px;
        margin-right: 5px;
    }
    .comment-preview_box .content h4 {
        font-size: 14px;
        margin: 0 2px 5px 0px;
    }
    .comment-preview_box .main_comment {
        padding: 5px;
        margin-bottom: 15px;
    }
    .comment-preview_box .reply_btn{
        font-size: 12px;
    }
    .comment-preview_box .content p{
        font-size: 12px;
    }
    .comment-preview_box .content span{
        font-size: 10px;
        display: block;
        margin-bottom: 8px;
    
    } */
    .comment-preview_box .content {
        flex: 5;
    }
    .comment-preview_box .content h4{
        display: block;
    }
    .department_section h4{
        font-size: 18px;
    }
    .profile_section .profile_box .left_are p{
        font-size: 18px;
    }
    .profile_section .profile_box .right_are input{
        width: 90%;
    }
    .profile_section.add_coin h4{
        letter-spacing: 5px;
    }
    .profile_section.add_coin input{
        width: 90%;
    }
    .row1{
        width: 97%;
    }
    audio{
        max-width: 100%;
    }
    .video_class {
        height: 190px;
    }
}