@media (max-width: 1680px){
    .img-bg-bock {
        height: 90vh;
        display: flex;
        align-items: flex-start;
    }
    .img-bg-bock img{
        width: 100%;
        height: auto;
    }
    .footerlinks{
        background-color: rgba(255, 255, 255, 0.9);
        z-index: 1;
        position: relative;
    }
    .metismenu {
        
        height: calc(100vh - 160px);
    }
    .profile-card h2 {
      font-size: 27px;
    }
    .profile-box,.education-list,.experice-all,.schedule-body,.education-card .card-header,
    .left-bottom-info,.show-all-view a{
        padding-left: 20px;
        padding-right: 20px;
    }
    .profile-name-view span{
        font-size: 15px;
    }
    .scanner-actions .btn {
      padding: 18px 20px;
      font-size: 15px;
    }
}
@media (max-width: 1450px){
    .profile-cards {
      padding: 0 20px 25px;
    }
    .schedule-booking-col{
        width: 320px;
    }
    .experience-skill-col{
        width: calc(100% - 320px);
    }
    .scan-qr img{
        max-width: 200px;
    }
    .scanner-actions .btn {
        padding: 13px 15px;
        font-size: 13px;
        margin: 3px 0 !important;
        width: 100%;
    }
}
@media (max-width: 1370px){
    .form-block h2{
        font-size: 41px;
    }
    .img-bg-bock {
        height: 88vh;
    }
    #sidebar-menu ul li a{
        padding: 0.8rem 1.25rem;
    }
    .main-content #faq-result .user-img{
        width: 60px;
        height: 60px;
        margin-bottom: 0;
    }
    .main-content #faq-result .user-img span {
        font-size: 35px !important;
    }
    .user-name h3{
        font-size: 23px;
        margin-bottom: 3px;
    }
    .user-name p{
        margin-bottom: 5px;
    }
    .requested-btn, .cancel_request {
        font-size: 12px;
    }
    .btn{
        white-space: nowrap;
    }
    .profile-img-col{
        width: 290px;
    }
    .month-calander tbody tr td, .month-calander tbody tr th{
        padding: 8px 4px;
    }
    .scan-qr img {
      max-width: 200px;
    }
    .experience-text h5{
        font-size: 17px;
    }
    .company-name-view{
        font-size: 16px;
    }
    .mnth-name{
        font-size: 20px;
    }
    .schedule-body h5{
        font-size: 18px;
    }
    .education-list .copny-name span,.skills-list li,
    .text-ex{
        font-size: 15px;
    }
    .month-calander thead tr th{
        padding: 15px 10px;
    }
    .month-calander tbody tr td, .month-calander tbody tr th{
        font-size: 15px;
    }
    .user-add-friend .btn,
    .scanner-actions .btn {
      width: auto;
    }
    .education-card .card-header{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .show-all-view a{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .right-side-cols {
      width: calc(100% - 290px);
    }
    .month-calander tbody tr td span{
        width: 40px;
        height: 40px;
    }
    .education-list .compny-img{
        width: 42px;
    }
    .education-list .copny-name {
      width: calc(100% - 42px);
    }
    .show-all-view a{
        font-size: 15px;
    }
    .profile-box, .education-list, .experice-all, .schedule-body, .education-card .card-header, .left-bottom-info, .show-all-view a{
        padding-left: 12px;
        padding-right: 12px;
    }
    .profile-located, .user-connections span, .copny-name{
        font-size: 15px;
    }
    .profile-located img {
        max-width: 13px;
    }
}
@media (max-width: 1199px){
    .form-block h2{
        font-size: 35px;
    }
    .imgcontainer{
        margin-bottom: 10px !important;
    }
    .imgcontainer .miicall_img img {
        max-width: 80px;
    }
    .form-block p{
        font-size: 16px;
    }
    hr{
        margin: 10px 0;
    }
    .footerlinks ul li a {
        padding: 6px 5px;
    }
    body:not([data-sidebar-size="sm"]) #vertical-menu-btn{
        margin-right: 12px;
        /* padding-left: 12px !important;
        padding-right: 12px !important; */
        padding-top: 11px;
        padding-bottom: 11px;
    }
    .vir-card-h{
        margin-right: 5px;
        font-size: 13px;
        height: 40px;
    }
    .app-search .form-control{
        font-size: 14px;
        max-width: 215px;
    }
    .btn.header-item.noti-icon, 
    .btn.header-item.noti-icon:focus, 
    .searchbtn-m{
        width: 40px;
        height: 40px;
    }
    .header-profile-user{
        width: 40px;
        height: 40px;
    }
    .icon-lg{
        width: 16px;
        height: 16px;
    }
    .main-content .meetingTab .nav-link{
        padding-left: 12px;
        padding-right: 12px;
        font-size: 14px;
    }
    .form-control{
        font-size: 15px;
        padding: 12px 15px;
    }
    .dropzone .dz-message h5{
        font-size: 16px;
    }
    .dropzone{
        border-width: 1px;
    }
    .user-bg{
        min-height: 275px;
        max-height: 275px;
    }
    .tabBtn{
        font-size: 14px;
    }
    .mobilerow .btn{
        font-size: 13px;
        padding: 9px 11px;
    }
    .mobilerow .tabBtn{
        margin-left: 0;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container .select2-selection--single, .select2-container--default .select2-selection--single .select2-selection__arrow, .btn.search-meeting-btn {
        height: 46px !important;
    }
    .select2-container--default .select2-selection--single{
        font-size: 15px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered{
        line-height: 46px !important;
    }
    .profile-img-col{
        width: 300px;
    }
    .experience-skill-col,
    .schedule-booking-col{
        width: calc(100% - 300px);
    }
    .profile-img{
        width: 150px;
        height: 150px;
    }
    .profile-img img {
      min-height: 150px;
    }
    .profile-card {
      padding: 75px 0px 0;
    }
    .profile-located{
        font-size: 15px;
    }
    .profile-located img{
        max-width: 14px;
    }
    .right-side-cols {
        width: calc(100% - 300px);
        flex-wrap: wrap;
    }
    .experience-skill-col, .schedule-booking-col{
        width: 100%;
    }
    .schedule-booking-col{
        padding-left: 0;
    }
    .profile-card h2 {
        font-size: 24px;
    }
    .profile-back-cover{
        height: 300px;
    }
    .profile-back-cover img{
        height: 100%;
        object-fit: cover;
    }
    #frame #sidepanel #contacts ul li.contact .wrap .meta .name span:nth-child(2){
        font-size: 13px;
        float: none !important;
        width: 100%;
        display: flex;
        margin: 0 0 7px;
        line-height: 1;
    }
    #frame #sidepanel{
        width: 285px;
    }
    #frame .content{
        width: calc(100% - 285px);
    }
    .msg_history ul{
        padding-left: 12px;
    }
    #frame #sidepanel #contacts ul li.contact .wrap{
        padding: 10px 12px;
    }
    #frame #sidepanel #contacts ul li.contact .user-img{
        max-width: 45px;
        height: 45px;
        font-size: 17px;
    }
    #frame #sidepanel #contacts ul li.contact .wrap .meta{
        width: calc(100% - 45px);
    }
}

@media (max-width: 991px){
    .edit-profile a{
        display: inline-block;
        margin: 0 0 10px;
    }
    .user-bg .edit-profile ul{
        flex-direction: initial;
    }
    #scheduleBtn{
        margin: 20px 0 0;
    }
    .user-name-mail{
        width: calc(100% - 60px);
    }
    .friend-btns-action{
        margin-top: 20px;
    }
    #datatable_length, #datatable2_length{
        text-align: left;
    }
    .profile-back-cover{
        height: 275px;
    }
    .profile-img-col {
      margin-top: -65px;
    }
    #meeting_td .btn{
        padding: 5px 10px;
    }
    #page-header-search-dropdown{
        padding: 0;
    }
    #frame #sidepanel #contacts ul li.contact:not(:last-child){
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media (max-width: 767px){
    #datatable_length, #datatable2_length{
        margin-bottom: 15px;
        padding-left: 12px;
    }
    #datatable2_filter{
        text-align: left;
    }
    .modal-dialog{
        padding: 10px;
    }
    .note-btn{
        width: 100%;
        margin-top: 15px;
        padding-left: 0;
    }
    .profile-img-col,
    .right-side-cols{
        width: 100%;
    }
    .timezone-group .input-group-prepend {
        width: 40px;
    }
    .timezone-group .select2-container--default {
        width: calc(100% - 40px) !important;
    }
    .dropzone.dz-clickable{
        min-height: auto !important;
    }
    .dropzone .dz-message h5{
        font-size: 14.5px;
    }
    #frame #sidepanel #profile {
        background-color: #fff;
        padding: 5px 10px;
    }
    #frame #sidepanel #contacts ul li.contact .wrap .meta{
        display: block !important;
    }
    .profile-cards {
        padding: 0 10px 15px;
    }
}

@media (max-width: 575px){
    .education-list li{
        flex-wrap: wrap;
    }
    .education-list .copny-name,
    .experience-text{
        width: 100%;
        padding-left: 0 !important;
        margin-top: 12px;
    }
    .scanner-actions .btn{
        margin: 5px 0;
    }
}
@media (max-width: 400px){
    .invitee-action{
        width: 100%;
        margin: 10px 0 0 !important;
    }
}