@media (max-width: 1460px) {
}
@media (max-width: 1024px) {
    .wrapper { padding-top: 99px; padding-left: 0; }
    .wrapper.full { padding-left: 0; }
    .header-area { padding: 5px 10px; }
    .header-area .btn-menu { margin: 0 10px 0 0; }
    .header-area .logo-icon span { display: none; }
    .header-area .right { margin-left: 10px; }
    #sidebar { left: -260px; }
    #sidebar.mini-sidebar { min-width: 240px; max-width: 240px; left: 0; }
    #sidebar.mini-sidebar ul.main-menu li a { font-size: 0.778rem; font-weight: 400; text-decoration: none; line-height: 1.3; color: #212121; padding: 4px 8px 4px 50px; min-height: 40px; position: relative; display: flex; align-items: center; transition: all 0.3s; }
    #sidebar.mini-sidebar ul.main-menu li a .icon { left: 8px; transition: all 0.3s; }
    .titlebar-area { top: 51px; padding: 8px 12px; }
    .titlebar-area .right {justify-content: space-between; }
    .titlebar-area.full { padding: 8px 12px; }
    .form-main-area { width: 100%; }
    .form-main-area .form-block { padding: 10px 15px !important; top: 50px; }
    .form-main-area .top-part { padding: 10px 15px; }
    .form-main-area .form-block .mb-3 { margin-bottom: 15px !important; }
    .form-main-area .form-block .form-control,
    .form-main-area .form-block .form-select { font-size: 13px; line-height: 16px; padding: 10px 12px; }
    .form-main-area ul.radio-area li { width: auto; }
    input[type="radio"].css-radio + label.css-radiolabel { padding: 8px 10px; font-size: 0.8rem; }
    .filter-area .top-part { padding: 10px 15px; }
    .dl-menuwrapper li.dl-back > a { padding: 8px 8px 8px 42px; font-size: 14px; line-height: 19px; }
    .dl-menuwrapper li.dl-back > a::before { top: 5px; left: 12px; }
    .dl-menuwrapper li a { font-size: 14px; padding: 6px 15px; }
    .filter-area .sub-title { font-size: 12px; line-height: 12px; }
    .filter-area .inside .mb-3 { margin-bottom: 15px !important; }
    .filter-area .inside .form-control,
    .filter-area .inside .form-select { font-size: 13px; line-height: 16px; padding: 10px 12px; }
    .filter-area .inside .form-check { margin-bottom: 12px; }
    .whatsapp-page { padding: 25px; }
    .whatsapp-page .inner-flex .left-side { width: 40%; padding: 5px 0 0 0; }
    .whatsapp-page .inner-flex .right-side { width: 60%; }
    .whatsapp-page .right-side .right-side-chat { padding: 5px 25px 10px 25px; }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-img { margin: 0 10px 0 8px; }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col { height: 65px; }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant { height: 65px; }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-title h5 { font-size: 15px; line-height: 18px; }
    .whatsapp-page .wb-tab-menu .wp-tab-details .wp-tab-col .wp-tab-contant .wp-tab-contant-text p { font-size: 13px; line-height: 14px; }
    .whatsapp-page .right-side .right-side-top  { padding: 8px 12px; }
    .whatsapp-page .right-side .right-side-top .right-side-top-left { gap: 10px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items h6 { font-size: 13px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items { max-width: 238px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time span { font-size: 10px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time svg { width: 11px !important; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item h6 { font-size: 13px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item span { font-size: 10px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-receive-item img { width: 160px; }
    .whatsapp-page .wb-tab-menu ul .wp-tab-a { font-size: 13px; }
    .whatsapp-page .right-side .right-side-footer-menu .right-side-footer-menu-input input { padding: 8px 8px; font-size: 14px; }
    .whatsapp-page .right-side .right-side-footer-menu { min-height: 54px; }
    .whatsapp-page .whatsapp-title h1 { font-size: 20px; }
    .whatsapp-page .right-side .right-side-chat .right-side-chat-send .right-side-chat-send-items .right-side-chat-send-time { bottom: 2px; }
    .form-main-area.page-view .text-block .page-view-area .gride-three { grid-template-columns: 1fr 1fr; }
    .form-main-area.page-view .text-block .page-view-area .gride-three .form-group:last-child { grid-column: span 2;}
    .refer-btn-area { display: block;}
    .form-main-area .top-part .btn.desktop-view.btn-submit.btn-save { display: none; width: 0; height: 0;}
}

@media (max-width: 767px) {
    html { -webkit-text-size-adjust: none; }
    .wrapper { padding-top: 129px; padding-left: 0; }
    .titlebar-area { top: 51px; padding: 8px 12px; display: block; }
    .titlebar-area h1 { text-align: center; margin: 0 0 10px 0; }
    .form-main-area .top-part { flex-direction: column; align-items: flex-start; padding: 10px 15px; }
    .form-main-area .top-part .left { width: 100%; margin: 0 0 10px 0; }
    .form-main-area .top-part .right { width: 100%; display: flex; justify-content: space-between; }
    .form-main-area .top-part .btn-cancel { width: 49%; }
    .form-main-area .top-part .btn-submit { width: 49%; }
    .form-main-area .form-block { top: 80px; }
    .filter-area .top-part { flex-direction: column; align-items: flex-start; padding: 10px 15px; }
    .filter-area .top-part .left { width: 100%; margin: 0 0 10px 0; }
    .filter-area .top-part .right { width: 100%; display: flex; justify-content: space-between; }
    .filter-area .top-part .btn-cancel { width: 49%; }
    .filter-area .top-part .btn-submit { width: 49%; }
    .referral-users-form.form-main-area .top-part { width: 100%;}
    .referral-users-form.form-main-area .top-part .left { display: flex; justify-content: space-between;}
    .referral-users-form.form-main-area .form-block { top: 50px;}
}