@media only screen and (max-width: 1200px) {
  /*.....dashboard............*/
  .ta-Dpannel .ta-DpannelBody {
    padding: 20px;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper-title {
    font-size: 17px;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-oneColumn {
    grid-gap: 20px;
    margin-bottom: 20px;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-twoColumn {
    grid-gap: 20px;
    margin-bottom: 20px;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-threeColumn {
    grid-gap: 20px;
    margin-bottom: 20px;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-fourColumn {
    grid-gap: 20px;
    margin-bottom: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  /*.....Global Veriables......*/
  .ta-small-sc {
    width: 350px;
    flex: none;
  }
  .ta-medium-sc {
    width: 550px;
    flex: none;
  }
  .ta-large-sc {
    width: 750px;
    flex: none;
  }
  .ta-extralarge-sc {
    width: 950px;
    flex: none;
  }
  /*........gallery.........*/
  .ta-gallery-formWrapper .ta-gallery-content .ta-gallery-column {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1024px) {
  /*......Dashboard Design.......*/
  .ta-Dpannel .ta-DpannelBody {
    padding: unset;
    box-shadow: unset;
    border-radius: unset;
  }
  .ta-dashboard-container .ta-header .ta-header_logo {
    width: 140px;
  }
  .ta-dashboard-container .ta-header .ta-header_logo .ta-dH-logoFull {
    display: none;
  }
  .ta-dashboard-container .ta-header .ta-header_logo .ta-dH-logoIcon {
    display: block;
  }
  .ta-dashboard-container .ta-header .ta-header_logo .ta-dH-logoIcon img {
    height: 38px;
    width: auto;
    max-height: unset;
  }
  .ta-dashboard-container .ta-header .ta-header-content .ta-header-content-right .ta-header-content-user .user-content .user-content-wrapper .user-content-left .ta-user-img-wrapper {
    margin-right: unset;
  }
  .ta-dashboard-container .ta-header .ta-header-content .ta-header-content-right .ta-header-content-user .user-content .user-content-wrapper .user-content-left .ta-my-aD {
    display: none;
  }
  .ta-dashboard-container .ta-header .ta-header-content .ta-header-content-right .ta-header-content-user .user-content .user-content-wrapper .user-content-left .ta-my-aDa {
    display: none;
  }
  .ta-dashboard-container .ta-dashboard-content {
    min-height: calc(100vh - 60px);
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar {
    display: none;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse {
    display: block;
    position: fixed;
    width: 250px;
    overflow: auto;
    min-height: unset;
    top: 60px;
    bottom: 0;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .ta-sidebar-inner.ta-padding {
    padding: 1rem 1rem 15px 1rem;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .ta-sidebar-inner.ta-padding .ta-text-align {
    text-align: left;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .ta-sidebar-inner.ta-padding .ta-text-align .ta-sidebar-parent-title.ta-hide {
    all: unset !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .ta-sidebar-inner.ta-padding .ta-text-align .ta-dropdownArrow.ta-hide {
    display: block !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-child:hover .child-menu {
    position: unset;
    background: unset;
    left: unset;
    top: unset;
    width: unset;
    display: none !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-child:hover .child-menu .has-dgrandchild {
    position: unset;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-child:hover .child-menu .has-dgrandchild:hover .ta-dgrandchild-menu {
    position: unset;
    width: unset;
    top: unset;
    left: unset;
    background: unset;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-child .child-menu.ta-dropDown-show {
    display: block !important;
    padding: 0.5em 0 0 1rem !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-child .child-menu .has-dgrandchild .ta-dgrandchild-menu.ta-dropDown-show {
    display: block !important;
    padding: 0.5em 0 0 1rem !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse .has-dgrandchild .ta-dropdownArrow {
    transform: translate(0, -50%) rotate(0) !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar .ta-sidebar-wrapper .ta-sidebar-inner.ta-padding ul li a {
    padding-left: 8px !important;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer {
    width: 100%;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer .ta-dashboard-outer-inner {
    padding: 20px 20px 80px 20px;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer.ta-defeat {
    width: 100%;
  }
  .filter-slide {
    bottom: 0;
  }
  .ta-footer {
    margin-left: unset;
  }
  .ta-footer.ta-defeat {
    margin-left: unset;
  }
  /*.......side bar pannel from right to left.......*/
  .ta-dashboard-container .ta-dashboard-content .filter-overlay {
    left: 0;
  }
  .ta-dashboard-container .ta-dashboard-content .modal {
    left: 0;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer.ta-defeat .filter-overlay {
    left: 0;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer.ta-defeat .modal {
    left: 0;
  }
  .ta-dashboard-outer-inner .modal-card .ta-DpannelBody {
    padding: 15px;
  }
}
@media only screen and (max-width: 992px) {
  /*.....dashboard............*/
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-twoColumn {
    grid-template-columns: 1fr;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-threeColumn {
    grid-template-columns: 1fr 1fr;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-fourColumn {
    grid-template-columns: 1fr 1fr 1fr;
  }
  /*.....Global Veriables......*/
  .ta-small-sc {
    width: 300px;
    flex: none;
  }
  .ta-medium-sc {
    width: 500px;
    flex: none;
  }
  .ta-large-sc {
    width: 650px;
    flex: none;
  }
  .ta-extralarge-sc {
    width: 900px;
    flex: none;
  }
  /*........gallery.........*/
  .ta-gallery-formWrapper .ta-gallery-content .ta-gallery-column {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (max-width: 768px) {
  /*....greeting.....*/
  .ta-dashboard-greeting h1 {
    font-size: 32px;
  }
  /*.....dashboard............*/
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-threeColumn {
    grid-template-columns: 1fr;
  }
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-fourColumn {
    grid-template-columns: 1fr 1fr;
  }
  .taDatagrid .columns {
    display: flex !important;
  }
  .taDatagrid .pagination-next, .taDatagrid .pagination-previous {
    flex-grow: unset;
    flex-shrink: unset;
  }
  .ta-dashboard-container .ta-header .ta-header_logo {
    width: 115px;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-sidebar.ta-collapse {
    bottom: 0;
  }
  .ta-dashboard-container .ta-dashboard-content .ta-dashboard-outer .ta-dashboard-outer-inner {
    padding: 20px 20px;
  }
  .taDatagrid-filter {
    margin-bottom: 15px;
  }
  .taDatagrid-filter .ta-group {
    gap: 8px;
  }
  .ta-footer {
    position: unset;
    padding: 0 20px;
  }
  .ta-footer .ta-copyRignt {
    text-align: center;
  }
  /*.......side bar pannel from right to left.......*/
  .ta-dashboard-container .ta-dashboard-content .filter-slide {
    bottom: 0;
    max-width: 100%;
  }
  .ta-dashboard-container .ta-dashboard-content .filter-overlay {
    display: none;
  }
  .ta-dashboard-container .ta-dashboard-content .modal {
    bottom: 0;
  }
  /*.....Popup modal design......*/
  .ta-dashboard-container .ta-dashboard-content .modal-card {
    width: calc(100% - 40px);
  }
  /*.....Global Veriables......*/
  .ta-large-sc {
    width: 550px;
    flex: none;
  }
  .ta-extralarge-sc {
    width: 850px;
    flex: none;
  }
  /*........gallery.........*/
  .ta-gallery-formWrapper .ta-gallery-content .ta-gallery-column {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 568px) {
  .ta-Dpannel .ta-DpannelBody .ta-formWrapper.ta-fourColumn {
    grid-template-columns: 1fr;
  }
}