@media (max-width: 1400px) {
    .LogForm{width: 400px;    left: 31%;}
}
@media (max-width: 1200px) {
    .LogForm {  width: 360px;}
    .RgtLog > img{width: 400px;}
    .LogoLog p {font-size: 15px;line-height: 19px;}
    .LogoLog > img {width: 200px;margin-bottom: 10px; }
    .LogoLog {position: relative;top: 46%;}
}
@media (max-width: 1100px) {
    .view-dtl.dash-modal .modal-content,
    .update-dtail.dash-modal .modal-content,
    .view-history-modal .modal-content,
    .view-detail-modal .modal-content,
    .laybye-modal .modal-content,
    .add-grv-modal .modal-content,
    .view-dtl-new .modal-content,
    .new-rqt-modal .modal-content,
    .add-items-modal .modal-content {width: 90%;}
    .dash-content .brands_filter {width: 100%;margin-top: 10px;}
    .dash-content .modal-top-filter .dash-select {width: 100% !important;margin: 10px 0;}
    .col-md-9.modal-top-filter {width: 100% !important;flex: unset;max-width: 100%;}
    div#date-range {width: 100% !important;margin: 0px;margin-bottom: 10px;}
}
@media (max-width: 1024px) {
    .RgtLog {width: 100%;}
    .LogMain {flex-direction: column-reverse;}
    .LogoLog {top: 0;transform: unset;position: relative;margin-top: 50px;margin-bottom: 23px;}
    .RgtLog > img {width: 300px;position: relative;margin: auto;display: block;opacity: 0.8;}
    .LftLog {width: 100%;height: 100%;}
    .LogForm {width: 80%;left: 0;right: 0;top: -61px;position: relative;transform: unset;margin: auto;padding: 20px;}
    .LogoLog p {width: 80%;}
}
@media (max-width: 900px) {
    .footable-toggle {display: inline-block !important;font-family: 'Ionicons' !important;speak: none !important;font-style: normal !important;font-weight: normal !important;font-variant: normal !important;text-transform: none !important;-webkit-font-smoothing: antialiased !important;padding-right: 19px !important;font-size: 16px !important;color: #011e83 !important;line-height: 0 !important;padding-left: 5px !important;}
    .footable-toggle:before {content: '\f48b' !important;}
    .footable-toggle:before {content: '\f207';font-size: 15px;}
    .breadcrumb-dashbord ul {width: 100%;flex-wrap: wrap;}
    .text-right label.text-danger {text-align: left;margin-bottom: 0px;font-size: 12px;}
    .mb-0 {margin-bottom: 0px !important;}
    .content-pannel {padding-bottom: 0px !important;/*height: 100%;*/}
}
@media (max-width: 767px) {
    .dash-pagination {text-align: center !important;}
    .dash-pagination>div>div {text-align: center !important;margin-top: 10px !important;margin-bottom: 10px !important;}
    .col-md-3.form-group.pe-3 {padding: 0 !important;}
    .dash-title {margin-bottom: 10px !important;}
    .brands_filter {width: 100%;margin-top: 20px;}
    .pe-3,
    .ps-4,
    .pe-4,
    .pe-5 {padding: 0px !important;}
    .mob-direction {flex-direction: column-reverse;}
    .form-group {margin-bottom: 1rem !important;}
    .add-email-modal .text-center {text-align: left !important;}
    .all-pe3,
    .all-pe4 {margin-right: 0;width: 100%;}
    .width-pe3 {max-width: 100% !important;}
    .add-email-block .text-center {text-align: left !important;}
    .add-email-block .form-group.text-center button {margin: 0px !important;}
    .dash-tabing .nav-tabs a {padding: 7px 10px;margin-bottom: 0px;}
    .dash-verticle-tabing .nav-tabs a {padding-left: 32px;}
    .outer-block-head h4 {font-size: 14px;line-height: 20px;}
    .outer-block-head {padding: 15px;}
    .pe-1,
    .ps-1,
    .pe-2,
    .ps-2 {padding: 0px !important;}
    .input-daterange>div:first-child {margin-bottom: 10px !important;}
    .mb-0 {margin-bottom: 0px !important;}
}
@media (max-width: 600px) {
    td.dtr-control {padding-left: 32px;position: relative;}
    .footable-toggle {position: absolute;left: 3px;top: 18px;}
    .footable-row-detail-inner {width: 100%;}
    .footable-row-detail-value {margin-bottom: 7px;}
    .footable-row-detail-value input,
    .footable-row-detail-value textarea,
    .footable-row-detail-value select,
    .footable-row-detail-value .select2-container--default .select2-selection--single {margin-bottom: 5px;}
    td.footable-visible.footable-first-column {padding-left: 30px;}
    .modal-dtl-pagination ul {flex-wrap: wrap;}
    .modal-dtl-pagination ul li.prev a,
    .modal-dtl-pagination ul li.next a {margin: 0 10px;}
    .modal-dtl-pagination {position: relative;}
    .btn-custom,
    .drop-main {/*width: 100%;*/text-align: center;margin-bottom: 10px;margin-right: 0 !important;}
    .menu-header ul li,
    .menu-header ul li a {font-size: 14px;font-family: 'Roboto-Regular', sans-serif;}
    .menu-header ul li>ul>li>a {font-family: 'Roboto-Regular', sans-serif;}
    .preview-dtl h2 {width: 100%;margin-bottom: 10px;}
    .preview-dtl {flex-wrap: wrap;margin-bottom: 0px;}
    .form-table tr td {display: block;}
    .form-table tr td:first-child {width: 100%;display: block;}
    .form-table tr td:not(:first-child) {padding: 0px;}
    .content-pannel {padding-bottom: 0px !important;height: calc(100vh - 69px);}
    .text-right {text-align: left !important;}
    /*ul.drop-down {right: unset;left: 0;}*/
}
@media (max-width: 400px) {
    li.first-btn,
    li.last-btn {position: absolute;top: -39px;}
    li.first-btn {left: 0;}
    li.last-btn {right: 0;}
    .btn-custom,
    .drop-main {margin-bottom: 10px;}
    ul.drop-down {min-width: 100%;width: 300px;}
}