@media screen and (min-width: 1200px) {
    .container{max-width: 1310px;}    
    }
    
    @media screen and (max-width: 1480px) and (min-width: 1200px) {
    .container { max-width: 1100px;}
    }
    
    @media screen and (max-width: 1400px) {
    .sec-my-recent-project [class*='col-']:not(.col-12) {margin-bottom: 16px;}
    .top-bar-lower-deck .btn{ font-size: 12px;}
    .top-bar-lower-deck .btn svg {min-width: 13px; width: 15px;}
    }
    
    @media screen and (max-width: 1480px) {
    .datepicker td{ height: 70px;}
    .timeline li {
        padding-left: 68px;
    }
    }
    
    @media screen and (max-width: 1279px) {
    .top-bar-lower-deck .btn span {display: none;}
    .tooltip.bs-tooltip-bottom{ display: block;}
    .remove-background img {margin-left: 10px;}
    .top-bar-left-section .btn{ padding: 0px 10px; font-size: 12px;}
    .top-bar-center-section{ font-size: 12px;}
    .cardframe {position: relative;padding-left: 30px;}
    }
    
    
    @media screen and (max-width: 1199px) {
    .gx-3 [class*='col-']:not(.col-12){ margin-bottom: 16px;}
    .top-bar-left-section .btn span {display: none;}
    .top-bar-left-section .btn span img{ margin-left: 10px;}
    .button-resize .btn img{ margin-left: 10px;}
    .column-l {max-width: 100%;padding-right: 0;}

    .column-box-full {padding-right: 0px; margin-bottom: 16px;}
    .column-box-half {flex: 0 0 100%;max-width: 100%;}

    }
    
    @media screen and (max-width: 991px) {
    .upgrade-area a{ font-size: 0px;}
    .auth-button .ms-2.me-auto {display: none;} 
    .auth-button .m-0 {display: none;} 
    .auth-button .btn {min-width: inherit;}
    .auth-button .dropdown-menu.dropdown-top-area::before {right: 4px;}
    
    .top-bar-lower-deck{ overflow-x: auto; padding:10px; top: 56px;}
    .top-bar-lower-deck .btn{ padding: 0px 20px;}
    
     .header-logo a>img{ display: none;}
     .header-logo img+img {transform: translateX(0); display: block;}
    .open-menu .header-logo img+img {transform: translateX(0);}
    .top-bar-center-section {display: none;}
    
    .auth-button.post-btn span {display: none;}
    .auth-button.post-btn .btn {min-width: inherit;}

    .audience-img {
        flex: 0 0 100%;
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .column-col-3 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .column-col-9 {
        flex: 1;
        padding-left: 0;
    }
    .auth-button .dropdown-menu.dropdown-top-area.show {
	    inset: 100% auto auto -110px !important;
	}
    
    }
    @media screen and (max-width: 991px) and (min-width: 768px){
        .auth-button .dropdown-menu.dropdown-top-area::before {
            right: 30px;
     }
    }
    
    @media screen and (max-width: 767px) {
    .button-group-event .btn {margin: 5px 0px;}
    .datepicker td {height: 43px;font-size: 14px;}
    .card.h-100.card-schedule-post {height: auto !important;padding: 12px;}
    .search-area{ display: none;}
    .header-logo { flex: 0 0 60px; width: 60px; padding: 5px 10px;}
    .navbar-full {padding: 8px 5px;}
    
    .app-sidebar {
        transform: translatex(-100%);
        top: 0;
        z-index: 14;
        position: fixed;
        left: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
    
    .open-menu .app-sidebar {transform: translatex(0);}
    
    .dashaboard-content{ margin-left: 0px;}

    .notification-indicator-number {
        width: 8px;
        height: 8px;
        top: 5px;
        right: 0;
    }

    

    .app-sidebar .list-unstyled.nav-compact li:not(:last-child) {
        border-bottom: 1px solid #ddd;
    }
    .btn-toggle-nav {
        padding: 0px 0px;
        border-top: 1px solid #ddd;
    }
    .open-menu .btn-toggle-nav { display: block !important;}
    .open-menu .list-unstyled.nav-compact li:not(:last-child) {
        margin-bottom: 10px;
    }
    
    .menu-arrow { display: block !important;top: 50%;margin-top: -15px; right: 10px;}
    .btn-toggle-nav li a .menu-arrow { top: 50%; margin-top: -12px;right: 10px;}

    .auth-button .btn {padding: 2px 5px;border-radius: 3px;}
    .ic-avatar img {
        width: 20px;
        height: 20px;
        flex: 0 0 20px;
        max-width: 20px;
    }
    .setting-area>div {margin-left: 5px;}
    .menu-toggle-btn { position: static;margin-left: 5px;}
    .btn.btn-today {position: static;}
    .datepicker th.datepicker-switch{ width: auto;}
    
    .notification .dropdown-menu.dropdown-top-area::before {right: 33px;}
    .notification .dropdown-menu.dropdown-top-area {min-width: 80px; margin-left: 40px !important; width: 228px;}
    
    .open-menu .overlay { display: block; visibility: visible;}
    
    .top-bar-lower-deck{ width: 100%; top: 57px;}
    .open-menu .top-bar-lower-deck {width: 100%;}
    
    .top-bar-left-section .btn {padding: 0px 2px;}
    .button-undo.border-start {border: 0px !important;}
    .button-redo.border-end {border: 0px !important;}
    .img-circle {flex: 0 0 20px;max-width: 20px;}
    .top-bar-left-section {margin-left: 0;}
    .menu-toggle-btn { order: 0;}
    .top-bar-left-section .btn svg {min-width: 14px;width: 14px;}
    .header-logo {padding: 12px 10px;}
    .button-file-save-status .btn svg{ width: 14px; min-width: 14px;}
    .auth-button.post-btn .btn svg {width: 12px;}
    .download-btn .btn svg { width: 14px;}

    .open-menu .header-logo {
        flex: 0 0 60px;
        max-width: 60px;
    }

    .toggle-button-main {display: inline-block;}
    .app-sidebar-right {
        top: 0;
        z-index: 14;
        transform: translateX(100%);
        position: fixed;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;
    }
    .open-sidebar .app-sidebar-right {transform: translateX(0);}
    .open-sidebar .overlay {display: block;visibility: visible;}
    .dashaboard-content.layout-side-bar {margin-right: 0;}

    .dashaboard-content.editing-area .dashaboard-inner {padding: 15px;}
    .panelsidebar{ top: 0; z-index: 14; left: 0; display: none;}
    
    .open-sidebar {overflow-x: hidden;}


.content-area.tab-content .tab-pane { position: relative; padding-bottom: 100px;}
.content-area.tab-content .tab-pane .pagination {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.cardframe {padding-left: 0; margin-top: 30px;}
.cardframe:before{ display: none;}

.mobilebox {
    width: 280px;
    background-image: none !important;
    border: 10px solid #3e2155;
    border-radius: 50px;
    padding: 0px;
}
.nav-social-bio .nav-link{ font-size: 14px;}
.mobilebox iframe {border-radius: 38px !important;}

.nav-social-bio li a::before { width: 83px; right: -35px;}
.nav-social-bio li:nth-child(2) a.prevuse:before {width: 94px;}
.card.card-social-bio {padding: 10px;}
.ac-remove{ font-size: 0px;}
.banner-bio{ padding: 0px; border-radius: 0px;}

.audience-sidebar {flex: 0 0 100%; width: 100%;max-width: 100%;}
.profile-author .nav{ flex-direction: row !important;}
.modal-body {padding: 10px;}
.textarea-custom {height: 90px !important;}


.inner-image-nick { flex: 0 0 100%; }
.inner-text-creator { padding: 0; }
.creator-section { flex-wrap: wrap; }

    .congrats-heading {
        padding: 15px 15px 40px;
    }

    .audience-col-9 {
        padding-right: 0px;
        margin-bottom: 16px;
    }
    .audience-col-3 {
        flex: 0 0 100%;
        max-width: 100%;
      }

      .checkout3-page {
        margin: 15px auto;
    }

    .checkout3-page .img-box {
        margin: 15px;
    }

    .forbidden-content {width: 100%;margin-bottom: 15px;}
    .card-page .search-area input {width: 100%;}

    .auth-button .dropdown-menu.dropdown-top-area::before {
    	right: 43px;
	}
}

@media screen and (max-width: 1400px) {
.page-node-type-contact-pages .card-social-bio .d-xl-flex, .node-add-contact_pages .card-social-bio .d-xl-flex {
	display: block !important;
}
  .page-node-type-contact-pages .card-social-bio .column-l, .node-add-contact_pages .card-social-bio .column-l {
    max-width: 100%;
    padding-right: 0;
  }
}