@media (min-width: 768px) and (max-width: 1280px){

    .Main nav .menu {
        width: 200px;
    }
    .Main {
        padding: 0 0 !important;
    }
    .Main .content {
        padding: 0 230px 20px 20px;
    }
    .BOx_of_Invocie .List_of_detail li {
        width: 47%;
    }
}

@media only screen and (max-width: 768px) {
    .payment_hesab {
        flex-direction: column;
    }

    .ShowComplateData .box_of_complate {
        width: 96%;
        padding: 21px;
    }
    .ShowComplateData .box_of_complate p {
        font-size: 17px;
    }
    .Main nav header {
        margin: 0;
        top: 132px;
    }
    section.Main {
        padding: 60px 0 0 0;
    }
    .PopUpTopHeader {
        font-size: 14px;
        top: 59px;
    }
    .NPSForm .box_content_nps .desc_form {
        padding: 0 10px;
        font-size: 14px;
    }
    .NPSForm .box_content_nps form .form-group > label {
        height: auto;
        font-size: 15px;
    }
    form .btn {
        width: 100%;
    }
    .SabtMapAfterPaymentAlert {
        font-size: 13px;
        padding: 10px 10px;
        line-height: 2;
    }

    .NPSForm {
        align-items: start;
    }

    .NPSForm .box_content_nps {
        width: 100%;
        margin: 0;
    }

    .NPSForm .box_content_nps form .form-group .SelectBoxForm {
        flex-wrap: wrap;
    }

    .ShowCourseItem li h2 {
        float: right;
        width: calc(100% - 90px);
        font-size: 14px;
        height: auto;
        margin: 22px 0 7px 0;
    }

    .ShowCourseItem li .price {
        float: right;
        height: auto;
        margin: -3px 11px 0 0;
        font-size: 15px;
    }

    .content.AcademyCheckOut .descriptioncourse {
        font-size: 13px;
        line-height: 2.5;
    }

    .content.AcademyCheckOut .col-md-6.course {
        min-height: auto !important;
        padding: 7px 4px;
        height: auto !important;
        margin: 0;
    }

    .content.AcademyCheckOut .descriptioncourse {
        height: auto;
    }

    .content.AcademyCheckOut .col-md-6.invoiceData {
        padding: 8px 0;
    }

    .content.AcademyCheckOut #order_academy_course .SelectPaymentMethod li span {
        font-size: 12px;
    }

    .AlertCRM {
        top: 59px;
        font-size: 13px;
    }

    form .btn {
        padding: 6px 12px;
        font-size: 10px;
    }

    #reserve_academy_course {
        width: 94%;
    }

    .descriptioncourse h2, h3 {
        font-size: 17px;
    }

    .TitleInvoice {
        position: relative;
        width: 100%;
        padding: 6px 0;
        height: auto;
    }

    .HeadInvoice .DetailInvoiceSerial {
        display: flex;
        width: 100%;
        margin: 0;
        padding: 12px;
        flex-wrap: wrap;
    }

    .HeadInvoice .DetailInvoiceSerial li {
        width: 48%;
        margin: 0 1% 0px;
        display: flex;
        flex-direction: column;
    }

    .HeadInvoice .DetailInvoiceSerial li span {
        float: right;
        width: 100%;
    }

    .HeadInvoice .DetailInvoiceSerial li b {
        width: 100%;
        height: 30px;
        border: 1px solid #ccc !important;
    }

    .InvoiceTable .Detail_side li.third, .InvoiceTable .Detail_side li.half, .InvoiceTable .Detail_side li.full {
        width: 100%;
        padding: 10px 14px;
        font-size: 13px;
    }

    .InvoiceTableRecord li {
        font-size: 12px;
        padding: 10px;
    }

    .BTNInvoice.PreInvoice {
        display: none;
    }

    .ShowInvoicePrint {
        display: none;
    }

    .InvoiceTableRecord li:first-child {
        width: auto;
    }

    .InvoiceTableRecord li:first-child span {
        width: auto;
        width: 4px;
    }

    .PlaceAccountList .AccountList .form-group {
        width: 100% !important;
    }

    .list_of_data li.large {
        width: 100% !important;
    }

    .List_Of_ticket_item .ticketItem {
        width: 100%;
        padding: 10px;
    }

    .List_Of_ticket_item {
        padding: 0px;
    }

    .List_Of_ticket_item .ticketItem .text_ticket p {
        font-size: 15px;
        text-align: justify;
        line-height: 2;
    }

    body .switch_form_bill_official li div {
        padding: 14px 0 !important;
    }

    .content.Notif .row {
        flex-direction: column-reverse;
    }

    .filter_of_order li {
        float: right;
        border: 1px solid #eee;
        padding: 8px 16px;
        margin: 0px 0 9px 7px;
        border-radius: 0;
        font-size: 13px;
        border-radius: 3px;
    }

    .ContentOfSabtMapRequest {
        height: auto;
    }

    .ContentOfSabtMapRequest .row > .col-md-4 {
        display: none;
    }

    .ContentOfSabtMapRequest .row > .col-md-8 {
        width: 100%;
    }

    .ContentOfSabtMapRequest .BOxOFRequest {
        height: auto;
        padding: 30px 30px;
    }

    .ContentOfSabtMapRequest .BOxOFRequest .formRequest {
        height: auto;
        width: 100%;
        display: block;
    }

    #ReqestUserForSabtMap {
        padding: 10px 0;
    }

    #ReqestUserForSabtMap .box_upload {
        width: 100%;
        font-size: 13px;
    }

    .Img_selector.uploaded .box_upload::before {
        display: none;
    }

    .ListOFNav li .next {
        width: 100%;
    }

    .ListOFNav {
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    .ListOFNav li {
        width: 100%;
    }

    .ListOFNav li div {
        width: 100% !important;
        margin: 0 0 6px 0;
    }

    .ContentOfSabtMapRequest .BOxOFRequest .formRequest .StepList li span:nth-child(2) {
        font-size: 8px;
    }

    header.web #Menutoggle {
        margin: -27px 0 0 0;
    }

    #Discount_Code_ajax {
        float: right;
        width: 100%;
        margin: 24px 0 0 0;
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
    }

    #order_academy_course {
        width: 100%;
        margin: 0;
    }

    .first-order-request .box_first_intro {
        width: 100%;
    }

    .header-web .col-md-6 {
        max-width: 50%;
    }

    .header-web .access-web-link .telegram-link {
        font-size: 11px;
    }

    .first-order-request .box_first_intro h1 {
        font-size: 23px;
    }

    .first-order-request .box_first_intro p {
        font-size: 14px;
    }

    .sc-iqcoie.kjWqoT {
        display: none;
    }

    .QuestionFrom {
        min-height: auto;
    }

    .QuestionFrom .box_Question {
        width: 100%;
        padding: 100px 0 0 0;
    }

    .QuestionFrom .box_Question h1 {
        font-size: 23px;
    }

    .QuestionFrom .box_Question ul.AnswerList li {
        width: 98%;
    }

    .SelectTemplate {
        min-height: auto;
        padding: 100px 0 0 0;
    }

    .SelectTemplate .box_select_template {
        width: 100%;
    }

    .SelectTemplate .box_select_template h1 {
        font-size: 24px;
    }

    .SelectTemplate .box_select_template .Select_template_item {
        flex-wrap: wrap;
    }

    .SelectTemplate .box_select_template .Select_template_item li {
        margin: 0 1% 5px;
        padding: 20px;
    }

    .SelectPlanWebDesign h1 {
        font-size: 23px;
    }

    .SelectPlanWebDesign .package_box {
        width: 100%;
        margin: 0;
    }

    .SelectPlanWebDesign .package_box li.large {
        font-size: 12px;
    }

    .SelectPlanWebDesign .package_box li {
        font-size: 13px;
    }

    .SelectPlanWebDesign .package_box li i {
        font-size: 15px;
    }

    .ReadMorePackage::after {
        width: 100%;
        right: 0;
    }

    .customer_auth_page {
        height: auto;
        min-height: 100vh;
    }

    .customer_auth_page .col-md-6 {
        position: fixed;
        width: 100%;
        z-index: 9;
        padding: 0 !important;
        margin: 0;
        height: auto;
        min-height: 100vh;
    }

    .customer_auth_page .col-md-6.image {
        z-index: 1;
    }

    .box_of_login_auth_forget {
        width: 100%;
        right: 0;
        margin: 0;
        top: 0;
        height: 100%;
        position: fixed;
        padding: 22px;
        background: rgba(255, 255, 255, 0.9);
        overflow: scroll;
        display: block;
        float: right;
        padding-top: 180px;
    }

    .box_of_login_auth_forget .form-control {
        background: transparent !important;
    }

    .form-group.half {
        width: 98% !important;
    }

    .nav_of_step_login_auth_forget li {
        width: 100%;
    }

    .nav_of_step_login_auth_forget li:first-child div {
        width: 100%;
    }

    .nav_of_step_login_auth_forget li:last-child div {
        width: 100%;
    }

    .Main nav .menu {
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 999;
        background: rgb(242, 245, 250);
        right: 0;
        top: 0;
        padding: 65px 20px 20px;
        display: none;
    }

    .Main nav .menu.active {
        display: block;
    }

    .content.Notif {
        padding: 0 0px !important;
    }

    .Main .content {
        padding: 0 !important;
    }

    .Main .content .row {
        padding: 20px 3px !important;
    }

    .Main nav header {
        position: fixed;
        width: 100%;
        top: 0;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
        padding: 0 0;
    }

    .Main {
        padding: 0 4px;
    }
    .TitleDivider .cnt {
        font-family: iranyekanfan;
        font-size: 12px;
        padding: 2px 10px;
        border-radius: 50px;
        margin: 0px 7px 0 0;
    }
    .description_project ul span {
        height: 30px;
    }
    .ProjectItem .detailProject .nameCustomer {
        margin: 8px 0 4px 0;
    }
    .content.AcademyCheckOut .col-md-6.course {
        box-shadow: none;
        border-radius: 12px;
    }

    .content.Notif .col-md-12 {
        padding: 0;
    }

    .content.Notif .list_of_notif li {
        padding: 2px 5px;
    }

    .NotificationBadge {
        font-size: 10px;
    }

    .content.Notif .list_of_notif li .head_notif h3 {
        font-size: 13px;
        line-height: 1.6;
    }

    .content.Notif .list_of_notif li .description {
        font-size: 11px;
        text-align: justify;
        line-height: 2;
        font-weight: 400;
    }

    .box_of_dashboard > h4 {
        font-size: 17px !important;
        font-weight: normal !important;
    }

    .box_of_dashboard .LIstOfService li {
        width: 48% !important;
        margin: 0 1% 9px !important;
        border: 1px solid #eee !important;
        padding: 0 !important;
    }
    .page-template-Projects .Main .content .row {
        padding: 0 3px !important;
    }
    .tab_project {
        margin: 0px 0 16px 0;
        display: flex;
        justify-content: center;
        align-content: flex-start;
        flex-wrap: wrap;
    }
    .tab_project li {
        background: #eee;
        padding: 10px;
        border-left: none;
        font-size: 13px;
        cursor: pointer;
        margin: 4px 5px;
        width: 45%;
        height: 50px;
    }
    .form-group {
        margin: 8px 0px;
    }
    .tab_project li .cnt {
        display: inline-block;
        font-size: 11px;
        padding: 2px 5px;
        border-radius: 50px;
        margin: 0 4px 0 0;
    }
    .tab_project li:first-child {
        border-radius: 0;
    }
    .tab_project li:last-child {
        border-radius: 0;
        border: 0;
    }
    .box_of_dashboard .LIstOfService {
        background-color: transparent !important;
    }

    .box_of_dashboard .LIstOfService li a {
        padding: 10px 14px 10px !important;
    }

    .box_of_dashboard .LIstOfService li:last-child {
        width: 98% !important;
    }

    .NotifUser .list_of_notif {
        position: fixed;
        top: 51px;
        width: 100%;
    }

    .MenuMobile {
        display: block;
    }

    .Guid_charge {
        padding: 5px 12px;
    }

    .form-group.third, .form-group.half {
        width: 98%;
    }

    .form-group.half.Charge #account_amount {
        float: right;
        width: 70%;
    }

    .form-group.half.Charge #account_currency {
        float: right;
        width: 30%;
    }

    .Calc_sharge_account {
        width: 100%;
        margin: 7px 0 6px 0;
    }

    .BOx_of_Invocie .List_of_detail li {
        width: 100%;
    }

    .list_of_data li {
        font-size: 12px;
    }

    .UploadUserDocument {
        font-size: 8px;
        padding: 5px 4px 2px;
    }

    .PaymentOrderWithCustomer {
        width: 100%;
    }

    .modal {
        top: 70px;
    }

    .request_bill_official .invoice_show_bill li span {
        width: 50%;
    }

    .Img_selector .thumb {
        width: 100%;
    }

    .Img_selector .box_upload {
        width: 100%;
        height: 28px;
        padding: 13px 0 0 0;
    }

    .switch_form_bill_official {
        width: 100%;
        margin: 0;
    }

    .Select_package {
        flex-wrap: wrap;
    }

    .Select_package > li {
        margin: 0 1% 7px;
    }

    .hide_in_desktop {
        display: flex;
    }

    .hide_in_mobile {
        display: none;
    }

    .show_horizental {
        width: 70%;
        flex-direction: column;
        margin: 0;
        box-shadow: none;
        border: 1px solid #91919138;
        margin: 8px 0 ;
        padding: 0 !important;
    }

    .list_of_data.ticket .ActionForOrder {
        padding: 4px 16px;
        font-size: 10px;
    }
    .form-control.editFound[type=text] {
        height: auto;
        width: 100%;
    }

    body form.customer_form .form-control {
        font-family: iranyekan !important;
        font-size: 14px;
    }
    .BoxPreInvoice .placeOfItem .BoxOfItem {
        float: right;
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    table.ReportPreInvoice th {
        background: #0b00ff14;
        width: 50%;
        font-size: 14px;
    }
    .page-template-fund .Main .content .row {
        padding: 0 3px !important;
    }
    .FoundContainer .Found_number .number {
        font-size: 24px;
    }
    .Found_number.dep {
        font-size: 15px;
    }

    .FoundContainer .Found_number {
        padding: 20px;
    }
    .show_horizental.head {
        width: 30%;
        float: right;
        padding: 0 !important;
    }
    .ShowDetailTask {
        display: none;
    }
    .BoxPreInvoice .placeOfItem .BoxOfItem {
        display: flex;
        flex-direction: column;
    }
    .show_horizental li {
        height: 40px;
        border-bottom: 1px solid #eee;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: visible;
        flex-wrap: wrap;
    }
    .ActionMethod.active .ListOfAcction {
        display: flex;
        flex-direction: column;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .ActionMethod .ListOfAcction li > a, .ActionMethod .ListOfAcction li > div {
        padding: 6px 8px;
        width: 88px;
        font-size: 9px;
    }
    .ActionMethod .ListOfAcction {
        padding: 0px;
    }
    .list_of_data .Comment .desc li {
        width: 100%;
        height: auto;
    }
    .list_of_data .Comment {
        overflow: visible;
    }
    .list_of_data .Comment {
        width: 100%;
    }
    .ActionMethod .ListOfAcction li {
        border-left: none;
    }
    .ActionMethod {
        position: absolute;
        z-index: 9999;
        margin: 0;
        width: 100px;
    }
    .list_of_data li .ActionForOrder {
        font-size: 10px;
        padding: 3px 12px;
        display: ruby;
    }

    .list_of_data .Comment .desc {
        background: #ffdb50;
    }
    .search_box.active form {
        flex-wrap: wrap;
    }

    .search_box form .btn {
        width: 100%;
        margin: 15px 0 0 0;
    }

    .show_horizental.head li {
        font-size: 11px !important;
        font-weight: normal;
        color: #000 !important;
        height: 40px !important;
    }
    .list_of_data li .data_show {
        padding: 0px 8px;
    }
    .list_of_data li .edit, .list_of_data li .show {
        color: #fff;
        font-size: 18px;
        background: #06c600;
        width: 33px;
        display: inline-grid;
        height: 24px;
        text-decoration: navajowhite;
        align-content: center;
        border-radius: 9px;
        margin: 0 5px 0 0;
    }

    li.licence {
        height: 200px;
        display: flex;
        flex-direction: column;
    }

    li.licence .Video_code {
        width: 100%;
    }

    .TextAreaCourse .dwn {
        width: 98%;
        margin: 4px 0;
    }

    .FlipMenuIcon {
        display: none;
    }

    .box_of_login_auth_forget .box_of_step_login_auth_forget.active {
        padding: 20px;
    }

    .box_of_login_auth_forget .box_of_step_login_auth_forget h2 {

        font-size: 18px;
    }

    #Customer_Login_section p {
        font-size: 15px;
    }

    .MobileReturn {
        position: relative;
        font-size: 12px;
    }

    .MobileReturn i {

        position: absolute;
        top: 32px;
        left: 7px;
    }

    .ALERT.e .AlERTMessage {
        background: #ff0039;
        font-size: 11px;
        margin: 0 8px;
    }

    .box_of_dashboard .LIstOfService li {
        float: right;
        width: 50%;
        padding: 0 0 0 10px;
    }

    .box_of_dashboard .LIstOfService {
        list-style: none;
        padding: 0;
        margin: 4px 0 0 0;
        display: flex;
        flex-wrap: wrap;
        background-color: #e9e9e94d;
    }

    .filter_of_order {
        cursor: pointer;
        display: flex;
        flex-wrap: nowrap;
        font-size: 14px;
    }

    .AlertNotCompleteOrder {
        font-size: 9px;
        display: inline-block;
        background: #eee;
        color: #000;
        padding: 4px 7px;
        font-weight: 400;
        line-height: 1.5;
        margin-top: 11px;
        border-radius: 0;
        margin: 0 0 0 0;
    }

    .MinumPrice {
        font-size: 13px;
        margin: 44px 0;
    }

    .Select_package .desc {
        font-size: 14px;
        text-align: right;
        line-height: 2;
        margin-top: 10px;
    }

    .Promotion_Alert {
        padding: 9px;
        font-size: 10px;
    }

    .switch_form_bill_official li .switch_form_bill_official_item span {
        font-size: 12px;
    }

    .Main .content .row {
        padding: 24px 3px !important;
    }

    .alertProfile {
        font-size: 13px;
    }
    .title {

        font-size: 16px;
    }
    .CourseItem {
        width: 100%;
    }

    .CourseItem a {
        margin: 0 1% 10px;
    }

    .DetailOfRequest {
        width: 99%;
        padding: 5px 16px;
    }

    .DetailOfRequest li {
        width: 100%;
    }

    .StepOfBrief li span {
        font-size: 8px;
    }

    .Img_selector.uploaded .box_upload {
        width: 100%;
        top: -67px;
        font-size: 12px;
    }

    .BoxOfDivBrief .Nav div {
        padding: 10px 30px;
    }

    .TicketStatus li {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .TicketStatus {
        padding: 0;
    }

    .showTicketSection {
        height: auto;
    }

    .content.TicketShow .row {
        margin: 0;
    }

    .ticketShowItem {
        min-width: 100%;
    }

    .showTicketSection .body {
        padding: 20px 10px;
    }

    .content.TicketShow.SendTicket #replyTicketAjax .TitleReply {
        display: none;
    }

    .content.TicketShow.SendTicket #replyTicketAjax .btn {
        width: 100%;
        margin: 0;
    }

    .BannerSupport.hide_in_desktop {
        margin: -33px 0 -21px 0;
        width: 100%;
        float: right;
    }

    .CanCloseTicketBox .BoxOfCanClose {
        display: flex;
        flex-direction: column;
    }

    .CanCloseTicketBox .BoxOfCanClose h3 {
        margin: 0 0 17px 0;
    }

    .SurveyTicket.active {
        margin: 0 0 100px;
    }

    .SurveyTicket #SurveyTicketBox .SurveyPoint {
        margin: 9px 0 0 0;
    }

    .SurveyTicket #SurveyTicketBox .SurveyPoint li {
        margin: 0 10px;
    }

    .SurveyTicket #SurveyTicketBox {
        padding: 25px 10px;
    }

    .TransferTicket .author {
        display: flex;
        flex-direction: column;
        width: 30%;
    }

    .TransferTicket .author .thumb {
        width: 20px;
        height: 20px;
    }

    .TransferTicket .author .name {
        font-size: 10px;
        text-align: center;
        padding: 0;
        margin: 6px 0 0 0;
        width: 100%;
        text-align: center;
        height: 17px;
        overflow: hidden;
        border: ;
    }

    .TransferTicket .message {
        font-size: 11px;
    }

    .TransferTicket .date {
        font-size: 10px;
        text-align: center;
    }

    .BannerPromotion {
        padding: 0;
    }

    .content.Notif.BannerSHow .row {
        padding: 0 !important;
        flex-direction: column;
    }

    .content.Notif.BannerSHow .row .col-md-4 {
        margin: 0 0 8px 0;
    }

    .Select_package.hideMorePackage > li.active {
        width: 100%;
    }

    .notificationNewAccoount {
        font-size: 13px;
        padding: 10px 6px;
    }

    .form-control {
        font-size: 14px !important;
    }

    .CustomerToolsList .ToolsItem {
        width: 98% !important;
    }

    .CustomerToolsList .ToolsItem .thumb {
        width: 50px;
        height: 50px;
    }

    .CustomerToolsList .ToolsItem h2 {
        width: calc(100% - 120px);
        font-size: 15px;
    }


    .form-group.fourth {
        width: 98%;
    }

    .ProfileBox .StepOfProfile li {
        padding: 0 11px;
    }

    .Img_selector .thumb {
        height: 85px;
    }

    .Img_selector .box_upload {
        height: 66px;
    }

    .Img_selector {
        height: 107px;
    }

    .NPSForm label {
        height: auto;
    }

    .ShowDetailTask {
       display: none;
    }
    .Show_top_personal .show_top_person li {
        margin: 4px 0px;
        padding: 12px;
    }

    .Show_top_personal .show_top_person {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-items: center;
    }

    .Show_top_personal .titleSub, .new-users .titleSub {
        font-size: 18px;
    }

    .Show_top_personal .show_top_person li span {
        font-size: 13px;
    }

    .Show_top_personal .show_top_person li b {
        font-size: 10px;
        padding: 2px 14px;
    }

    .BOx_of_Invocie.sensitive li {
        width: 48% !important;
    }

    .BOx_of_Invocie .List_of_detail li span {
        width: 80px;
    }

    .Show_top_personal .show_top_person li .Thumb {
        width: 48px;
        height: 48px;
    }
    ul.list_of_data.head.hide_in_desktop.show_horizental {
        display: block !important;
    }
    ul.list_of_data.head {
        display: none;
    }
    .pagination {
        margin: 0;
    }
    .page-template-academy_transcation .show_horizental li a {
        margin: 0 6px;
    }
    .pagination span, .pagination a {
        margin: 0;
        background: #eee;
        padding: 2px 5px;
        margin: 0 4px;
        font-size: 12px;
    }
    .GradingBox {
        display: flex;
        flex-wrap: wrap;
    }

    .list_of_access li {
        float: right;
        width: 48%;
    }
    .access_list label {
        font-size: 10px;
        text-align: right;
    }
    .access_list label:after {
        right: 8px;
        width: 13px;
        height: 13px;
        top: 8px;
    }
    .access_list label:after {
        right: 4px;
        width: 12px;
        height: 12px;
        top: 15px;
    }
    .ListOfTabPersonal li {
        padding: 10px 24px;
        font-size: 13px;
        border-left: 1px solid #ccc;
        width: 50%;
        margin: 3px 0;
    }
    .ListOfTabPersonal li {
        padding: 8px 20px;
        border-left: 1px solid #ccc;
        width: 50%;
        margin: 2px 0;
    }
    .page-template-Personal .show_horizental {
        display: block !important;
    }
    .page-template-Personal  ul.list_of_data {
        display: none;
    }
    .form-group label {
        width: 100%;
        height: 28px;
        font-size: 12px;
    }
    ul.list_of_data.show_in_desktop {
        display: none;
    }
    .title {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        flex-direction: row;
        text-align: right;
        justify-content: flex-start;
        align-content: center;
    }
    .page-template-SabtMap_transaction .title span {
        float: right;
        margin: 12px;
    }
    .AdvancedSearch {
        width: 100%;
        margin: 8px 0;
        border-bottom: none;
    }
    #ConvertToEcxel {
        width: 100%;
        margin: 0 !important;
        border-bottom: 0;
    }

    #item-per-page {
        width: 100%;
    }
    #item-per-page {
        height: 36px;
        padding: 0;
        margin: 8px 0;
        width: 100%;
    }
    .SearchOptionBox {
        padding: 8px 0px;
    }
    .list_of_Report {
        padding: 0;
        margin: 0;
        display: flex;
        margin-top: 24px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .list_of_Report a {
        padding: 4px 13px;
        margin: 0 2px;
        font-size: 10px;
    }
    .FromAccount {
        padding: 23px 0;
        margin: 0 0 -48px 0;
    }

    .last_change {
        margin: 0;
    }
    .SearchBoxCarable .SearchBox li .text {
        padding: 4px 8px;
        display: flex;
        font-size: 10px;
        width: 100px;
    }
    .SearchBoxCarable .SearchBox li {
        float: right;
        position: relative;
        margin: 6px 0px;
        width: 33%;
    }
    .SearchBoxCarable .SearchBox li .text {
        padding: 4px;
        display: flex;
        align-items: center;
        border-radius: 6px;
        font-size: 10px;
        flex-direction: column;
    }
    .SearchBoxCarable .SearchBox {
        margin: 20px 0;
    }
    .Calender_show_date .section_time .timeShow {
        height: 100%;
        width: 100px;
        padding: 8px;
    }
    .Calender_show_date .section_time .timeShow .dat {
        display: inline-block;
        background: #d7d7d7;
        font-size: 9px;
    }
    .page-template-setting_mcc ul.list_of_data.head {
        display: flex;
    }
    .page-template-setting_form_description ul.list_of_data.head {
        display: flex !important;
    }
    .Calender_show_date .section_time .timeShow .date {
        font-size: 11px;
}
    .Calender_show_date .section_time .Task_show .task_item {
        width: 200px;
}
    .Calender_show_date .section_time .Task_show {
        float: left;
        width: calc(100% - 100px);
        min-height: 90px;
        padding: 9px;
}
    .Calender_show_date .section_time .Task_show .task_item .CTATask .taskCTA li > div {
        font-size: 9px;
    }
    .Calender_show_date .section_time .Task_show .task_item .task {
        float: right;
        width: 100%;
        height: 48px;
        font-size: 10px;
    }
    .Calender_show_date .section_time .Task_show .task_item .Box_Author {
        display: flex;
        flex-direction: row;
    }
    .Calender_show_date .section_time .Task_show .task_item .Box_Author .thumb {
        float: right;
        width: 24px;
        height: 24px;
    }
    .Calender_show_date .section_time .Task_show .task_item .Box_Author .title {
        font-size: 10px;
        margin-right: 3px;
    }
    .Calender_show_date .section_time .Task_show .task_item .Project_Detail b {
        font-size: 8px;
        padding: 4px 8px;
    }
    .Calender_show_date .section_time .Task_show .TaskItemParent.\31 {
        transform: none;
    }
    .Calender_show_date .section_time .add_task_custom {
        font-size: 9px;
    }
    .Calender_show_date .section_time .timeShow .count {
        text-align: center;
        font-size: 8px;
    }
    .page-template-vacation .form-group.forth {
        width: 100%;
    }
    .addproxyLink {
        padding: 4px;
    }
    .page-template-proxy .row {
        display: flex;
        flex-direction: column-reverse;
    }
    .List_of_filter_tab li {
        position: relative;
        width: 45%;
        margin: 0 4px;
    }
    .List_of_filter_tab {
        display: flex;
        flex-wrap: wrap;
    }
    .List_of_filter_tab li a {
        width: 100%;
    }
    .List_of_filter_tab li a {
        margin: 4px 0;
        padding: 6px;
        font-size: 9px;
    }
    .List_of_filter_tab li a .Badge {
        width: 24px !important;
        font-size: 9px;
        height: 16px;
    }
    .page-template-O-Ticket .ListOfTaskOrder {
        float: right;
        width: 100%;
        display: block;
    }
    .balance {
        width: 20px;
        height: 18px;
        margin: 0 8px 0 0;
    }
    .list_of_Report {
        float: right;
        width: 100%;
        padding: 16px 8px 0 0;
    }
    .list_of_data.refound::before {
        border-radius: 5px 0;
        right: 0px;
    }
    .fee {
        padding: 4px;
    }
    .page-template-list_transaction .show_horizental li {
        height: 54px !important;
    }
    .page-template-Admin-ads li.account_id {
        width: 70%;
        height: 32px;
    }
    .acc_name {
        position: absolute;
        left: 64px;
        bottom: 30px;
        width: 44%;
        height: 20px;
        display: flex;
        justify-content: center;
    }
}

.CTAFLEX a {
    width: 100%;
    padding: 28px 25px 15px !important;
}