@media (min-width: 1400px) {
  .dtr-content-area,
  .dtr-widget-area {
    width: 70%;
  }
  .dtr-widget-area {
    width: 26%;
  }
}

@media (max-width: 1024px) {
  /* blog */
  .dtr-blog-grid .dtr-post-item,
  .dtr-search-grid .dtr-search-item,
  .dtr-blog-grid.dtr-blog-grid-3col .dtr-post-item {
    width: 49.99%;
  }
}

@media (max-width: 992px) {
  /* header */
  #dtr-topbar,
  #dtr-header-global,
  #dtr-header-global.header-fixed,
  .sf-sub-indicator,
  .main-navigation .sf-menu {
    display: none;
  }
  #dtr-responsive-header,
  .slicknav_menu,
  #dtr-menu-button {
    display: block;
  }
  .dtr-page-title-wrapper,
  .dtr-header-v3 .dtr-page-title-wrapper {
    padding: 40px 0 20px 0 !important;
  }
  .dtr-page-title-content {
    padding: 20px 0 !important;
  }
  .dtr-copyright,
  .dtr-copyright .text-left,
  .dtr-copyright .text-right {
    text-align: center !important;
  }
  .copyright-list {
    justify-content: center;
  }
  .copyright-list li {
    margin: 0 10px;
  }
  /* layout */
  .elementor-default.elementor-page #dtr-main-wrapper {
    padding-top: 0 !important;
  }
  .elementor-default.elementor-page #dtr-main-wrapper {
    padding-bottom: 0 !important;
  }
  .elementor-default.elementor-page.single-post #dtr-main-wrapper {
    padding-top: 0 !important;
    padding-bottom: 50px !important;
  }
  #dtr-main-wrapper {
    padding-top: 100px;
    padding-bottom: 100px;
  }
  .dtr-content-area,
  .dtr-widget-area {
    width: 100%;
    float: none;
  }
  #dtr-secondary-section {
    margin-top: 100px;
  }
  .container {
    width: 100%;
    max-width: 100%;
  }
  #dtr-wrapper {
    padding-left: 0;
  }
  /*comments*/
  .comment-list li.comment ol.children {
    margin-left: 20px;
  }
  .dtr-comment-meta {
    display: block;
  }
  .comment-reply-link {
    margin: 10px 0 0 0;
  }
  #commentform {
    padding: 30px;
  }
  /*-- blog --*/
  .dtr-author-info,
  .dtr-author-contentbox {
    width: 100%;
    display: block;
    text-align: center;
  }
  .dtr-author-avatar {
    text-align: center;
    padding-right: 0;
    margin: 0 auto 20px auto;
  }
  .text-right,
  .dtr-single-nav-next {
    text-align: left !important;
  }
  .dtr-single-nav-right-icon {
    justify-content: flex-start;
  }
  .small-device-space {
    margin: 30px 0 0 0;
  }
  .dtr-copyright .small-device-space {
    margin: 20px 0 0 0;
  }
  .dtr-single-meta,
  .dtr-entry-meta {
    display: block;
  }
  .dtr-single-meta .dtr-meta-item,
  .dtr-entry-meta .dtr-meta-item {
    display: inline-block;
  }
  .dtr-post-footer-meta {
    display: block;
  }
}

@media (max-width: 782px) {
  .dtr-btn,
  input[type="submit"],
  input[type="reset"],
  .dtr-px-lg,
  .dtr-px-sm {
    padding-left: 20px;
    padding-right: 20px;
  }
  .heading-404 {
    font-size: 7em;
  }
  /* blog */
  .dtr-blog-grid .dtr-post-item,
  .dtr-search-grid .dtr-search-item,
  .dtr-blog-grid.dtr-blog-grid-3col .dtr-post-item {
    width: 100%;
    padding: 0;
  }
  .dtr-blog-grid .dtr-post-grid,
  .dtr-search-grid-wrapper .dtr-search-grid {
    margin: 0;
  }
  .dtr-blog-list-layout,
  .dtr-blog-list-layout-thumb,
  .dtr-entry-content-list-layout {
    display: block;
    width: 100%;
  }
  .dtr-blog-list-layout-thumb {
    min-height: 280px;
    margin-bottom: 30px;
  }
  .dtr-entry-content-list-layout-inner {
    padding: 0;
  }
  .dtr-title-nav {
    display: block;
  }
  .dtr-title-nav .dtr-single-nav-prev {
    width: 100%;
    padding-right: 0;
  }
  .dtr-title-nav .dtr-single-nav-next {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
  .dtr-title-nav .dtr-single-nav-next a {
    justify-content: flex-start;
  }
  /*-- forms --*/
  .dtr-form-row,
  .dtr-form-row-2col,
  .dtr-form-row-3col,
  .dtr-form-row-unequal,
  .dtr-form-row-2col-unequal {
    margin-right: 0;
    margin-left: 0;
  }
  .dtr-form-row,
  .dtr-form-row-2col,
  .dtr-form-row-3col,
  .dtr-form-row-unequal,
  .dtr-form-row-2col-unequal,
  .dtr-form-row-2col .dtr-form-column,
  .dtr-form-row-3col .dtr-form-column,
  .dtr-form-row-unequal .dtr-form-column,
  .dtr-form-row-unequal .dtr-form-column:last-child,
  .dtr-form-row-2col-unequal .dtr-form-column,
  .dtr-form-row-2col-unequal .dtr-form-column:last-child {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
  .dtr-testimonial {
    padding: 20px;
  }
}