/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/


/*==========  Mobile First Method  ==========*/


/* Custom, iPhone Retina */

@media only screen and (min-width: 320px) {
}


/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {
}


/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .navbar-collapse {
        padding-right: 0;
        padding-left: 0;
    }
}


/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}


/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}


/*==========  Non-Mobile First Method  ==========*/


/* Large Devices, Wide Screens */

@media only screen and (max-width: 1199px) {
    html {
        font-size: 90%;
    }
    body {
        margin-bottom: 300px;
    }

    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0;
    }
    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 15px !important;
    }
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {
    html {
        font-size: 75%;
    }
    body {
        margin-bottom: 300px;
    }

    .navbar-nav .dropdown-menu {
        left: auto;
    }
    #header-logo {
        padding: 10px 15px;
    }
    section>.container,
    section>.container-fluid {
        padding-bottom: 30px;
    }
    .header .navbar-default .navbar-nav>li>a::after {
        display: none;
    }
    .team-member,
    .working-progress {
        margin-bottom: 60px !important;
    }
    .testimonial-carousel .owl-controls .owl-pagination {
        margin-right: 0px !important;
    }
    .map {
        margin-top: 30px;
    }
    .curve-bg:after,
    .curve-bg-half:after {
        left: auto;
        -webkit-transform: rotate(-0deg);
        -moz-transform: rotate(-0deg);
        -ms-transform: rotate(-0deg);
        -o-transform: rotate(-0deg);
        transform: rotate(-0deg);
    }
    .blog-posts .entry-header .entry-title {
        padding-top: 0;
    }
    .blog-posts .entry-header .entry-date {
        margin-left: 0;
    }
    .contact-wrapper {
        padding: 50px 30px;
    }
    .header #header-logo {
        padding-top: 20px;
    }
    .boxed-layout .header #header-logo,
    .vertical-header .header #header-logo {
        padding-top: 10px;
    }
    .header .navbar-default .navbar-toggle {
        margin-top: 18px;
    }
    .boxed-layout .header .navbar-default .navbar-toggle {
        margin-top: 8px;
    }
    .header #header-logo img {
        height: 30px;
    }
    .pricing-table .table-price {
        font-size: 30px;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 0px;
    }
    .bg-img-box .caption .schedule {
        font-size: 14px;
        margin-top: 0px;
    }
    .menuzord-responsive .menuzord-brand {
        margin-left: 0;
    }
    .menuzord-responsive .menuzord-menu>li {
        background-color: #009F9B !important;
        text-align: left;
    }
    .menuzord-responsive .menuzord-menu>li a {
        font-size: 110%;
    }
    .pricing-info {
        min-height: 150px;
    }
    article .toc {
        display: block;
    }
}


/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
    html {
        font-size: 60%;
    }
    body {
        margin-bottom: 750px;
    }
    .some-buttons {
        text-align: center;
    }
    .pricing-info {
        min-height: 0;
    }
    .box-hover-effect {
        float: none;
    }
    #header-logo {
        padding: 10px 15px;
    }
    #spinner {
        left: 42%;
    }
    #home .display-table p {
        margin: 15px 0;
        font-size: 14px;
    }
    .icon-box {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: left;
    }
    .icon-box.left {
        text-align: center;
    }
    .icon-box.left a {
        margin-right: 0;
        padding: 0;
    }
    .icon-box .media-left {
        float: none !important;
        margin: 0 0 30px 0;
    }
    .icon-box .media-left,
    .icon-box .media-right,
    .icon-box .media-body {
        display: block;
        width: auto;
    }
    .call-to-action {
        text-align: center;
    }
    .call-to-action .icon {
        float: none;
    }
    .sidebar.pull-left,
    .sidebar.pull-right {
        float: none !important;
    }
    .blog-posts .entry-meta {
        background: none;
        left: auto;
        position: relative;
        top: auto;
    }
    .testimonial-carousel.boxed .owl-dots {
        text-align: center;
    }
    .bg-img-box .caption .title {
        font-size: 24px;
        margin-top: 30px;
    }
    .tab-content {
        padding: 0;
    }
    footer .col-xs-12 {
        text-align: center;
    }
    .welcome-text h2 {
        margin-top: 2em;
    }

}


/* Extra Small Devices, Phones */

@media only screen and (max-width: 479px) {
    html {
        font-size: 50%;
    }
    .vertical-text-carousel .owl-controls .owl-buttons {
        top: 18%;
    }
    .widget {
        margin-bottom: 10px;
    }
    .height-150,
    .height-120 {
        height: inherit;
    }
    .article-container {
        padding-bottom: 8em;
    }
}

@media only screen and (max-width: 410px) {
    .navbar-dm .navbar-brand img {
        max-height: 30px;
        width: 240px;
    }
    .icon-box {
        text-align: center;
    }
    .icon-box .icon {
        clear: both;
        float: none;
        text-align: center;
    }
    .icon-box .ikoni {
        text-align: center;
    }
    h1,
    .h1 {
        font-size: 20px !important;
    }
    h2,
    .h2 {
        font-size: 24px !important;
    }
    h3,
    .h3 {
        font-size: 20px !important;
    }
    h4,
    .h4 {
        font-size: 18px !important;
    }
    h5,
    .h5 {
        font-size: 15px !important;
    }
    h6,
    .h6 {
        font-size: 12px !important;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 319px) {
    html {
        font-size: 35%;
    }
}


/* Custom, iPhone Retina */

@media only screen and (max-width: 1439px) {
    #wp-nav {
        position: relative;
        margin-left: 0px;
        display: flex;
        flex-direction: column;
    }
    #wp-nav-toggle {
        display: none;
    }
    a.navbar-brand {
        padding: 0px !important;
        height: 100%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding-right: 10px !important;
        width: 100%;
    }
    nav.navbar.navbar-dm {
        padding: 0px !important;
        display: flex;
        height: 60px;
        width: 100vw;
        border: 0px;
    }
    .navbar>.container-fluid {
        padding: 0px;
        margin: 0px;
        display: flex;
        min-width: 100vw;
    }
    .navbar-header {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 15px;
        flex-direction: row-reverse;
        margin: 0px auto !important;
        width: 100%;
    }
    button.navbar-toggle {
        padding: 0px;
        margin: 0px;
        width: 5vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 100%;
        border: none;
        min-width: 25px;
        align-items: center;
        z-index: 999;
    }
    .navbar-collapse.collapse {
        display: none !important;
    }
    .nav.navbar-nav.navbar-right.ng-scope {
        display: flex;
        flex-direction: column;
        background: #009F9B;
        z-index: 900;
        width: 100vw !important;
        margin: 0px auto;
        margin-top: 58px;
    }
    .collapse.in {
        display: flex !important;
    }
    /*
    .more-info-pane {
        display: none;
        background: #ffffff;
        z-index: 99;
        width: 100%;
        max-width: 500px;
        padding-top: 15px;
    }
    .more-info-pane .toc {
        top: auto;
    }
     */
    .toc-btn {
        display: flex;
    }
    .db-article {
      width: calc(100% / 6);
    }

    .db-service {
        width: calc(100% / 4);
    }

    ul.nav.navbar-nav.navbar-right {
      width: 100vw;
      background: #009f9b;
      z-index: 999;
      margin: 0px auto;
      padding: 0px;
    }
    div#bs-example-navbar-collapse-1 {
      position: absolute;
      z-index: 900;
      transition: all 250ms;
      padding: 0px 0px !important;
      margin: 0px 0px !important;
    }
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      -webkit-box-shadow: none;
      box-shadow: none;
    }
    .navbar-dm .nav>li>a:focus,
    .nav>li>a:hover,
    .navbar-dm .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        border-radius: 0;
    }
    .navbar-dm .dropdown-menu>li>a,
    .navbar-dm .dropdown-menu>li>a,
    .navbar-dm .list-unstyled>li>a {
        color: #fff !important;
    }
    .navbar-dm .dropdown-menu>li>a:before,
    .navbar-dm .dropdown-menu>li>a:before,
    .navbar-dm .list-unstyled>li>a:before {
        font-family: FontAwesome;
        content: "\f105";
        padding-right: 10px;
    }
    .navbar-dm .dropdown-content {
        margin: inherit;
        padding: inherit;
    }
    .navbar-dm .list-dashed>li {
        border-bottom: 0px !important;
    }
    .navbar-dm .dropdown-content h5 {
        padding-left: 20px;
    }
    .navbar-default .navbar-toggle {
      margin-top: 15px;
      border-radius: 0px;
    }
}

@media only screen and (max-width: 1200px) {
    #login-register {
        display: flex;
        flex-direction: column;
    }
    .lr-btn {
        padding: 12px 26px;
        margin: 5px;
        width: 160px;
    }
    .col-xs-12.some-buttons {
        padding: 10px 0px;
    }
    .some-buttons {
        text-align: center;
        padding: 0;
    }
    #db-services {
        float: none;
        margin: 0 auto;
        width: 100%;
        padding: 0 15px;
    }
    .search-form {
        width: auto;
    }
    #objects {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .db-article {
        padding: 0px;
    }
    .db-news {
        margin: 0px auto;
        width: 100%;
        padding: 0px 15px;
    }
    #search-tabs>div {
        width: 100%;
        box-sizing: border-box;
    }
    .left-pane.dm-results,
    .right-pane.dm-results {
        height: auto !important;
        min-height: auto;
    }
    .h3-pricing {
        font-size: 18px;
        font-weight: 600;
    }
    #lightbox-close {
        width: 95%;
        margin-top: 15px;
    }
    .right-pane.dm-results {
        padding-right: 0px;
    }
    .dti-registration-wp>.has-background {
        padding: 15px !important;
    }
    article table {
        display: flex;
    }
    #product-info {
        max-width: 100vw !important;
    }
}

@media only screen and (max-width: 1024px) {
    .widgetObject .entry-header {
        text-align: left;
    }

    #about-us-grid {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        row-gap: 60px;
        column-gap: 60px;
    }
    #company-page {
        max-width: 100vw;
    }
    .pricing-plan {
        width: 100%;
    }
    .pricing-feature.invisible {
        display: none;
    }
    .db-article {
      width: calc(100% / 4);
    }

    .db-service {
        width: calc(100% / 2);
    }

}

@media only screen and (max-width: 992px) {
    /* .post-thumb>img.ng-scope {
        max-width: 60px !important;
        min-width: 60px;
        min-height: 60px;
        display: flex;
    } */
    .widget {
        margin-bottom: 10px;
    }
    .right-pane {
        padding-left: 0px !important;
    }
    #tree-root {
        padding-top: 15px;
    }
    .h3-pricing {
        font-size: 15px;
        font-weight: 600;
    }
    .pricing-btn-row {
        display: flex;
        flex-direction: column;
    }
    .pricing-btn-row>td:first-child,
    .pricing-btn-row>td:last-child {
        display: none;
    }
    .pricing-btn-row>td {
        width: 100%;
    }
    .dti-subscription-form .btn {
        font-size: x-large;
    }
    .section-title>.row {
        justify-content: center;
    }
    #product-info>ul {
        flex-direction: column;
    }
    #welcome-container {
        flex-direction: column;
    }
    .welcome-image {
        width: 100%;
        background-position: center;
    }
    .welcome-text {
        width: 100%;
    }
    #product-header {
      grid-template-columns: 1fr;
    }
    #product-main-info {
      grid-row-start: 1;
    }
}

@media only screen and (max-width: 760px) {
  .db-article {
    width: calc(100% / 3);
  }
    .db-service {
        width: calc(100% / 2);
    }

    .mobile-banner {
        display: block;
  }
  #banner-carousel {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    /* .post-thumb>img.ng-scope {
        max-width: 120px !important;
        min-width: 120px;
        min-height: 120px;
        display: flex;
    } */
    .db-object {
        padding: 0px;
        width: 20% !important;
    }
}

@media only screen and (max-width: 524px) {
    .widgetObject .entry-header {
        text-align: left;
    }
    .db-object {
        padding: 0px;
        width: 100%;
    }
    .db-article {
      width: calc(100% / 2);
      padding: 10px;
    }
    .db-service {
        width: calc(100% / 1);
    }

    .post-thumb > img {
      max-width: 120px;
      min-width: 120px;
      min-height: 120px;
    }
    a.post-thumb {
      width: 120px;
    }
    #objects > .db-article {
      width: 100%;
    }
}

@media only screen and (max-width: 370px) {
    .h3-pricing {
        font-size: 13px;
        font-weight: 600;
    }
    .db-article {
      width: calc(100% / 1);
    }

    .db-service {
        width: calc(100% / 1);
    }

}

@media only screen and (min-width: 525px) {
    #login-register {
        display: block;
    }
    .db-object {
        padding: 15px 15px 15px 0;
        width: 50%;
    }
    .news-article {
        width: 50%;
        padding-right: 15px;
    }
}

@media only screen and (min-width: 768px) {
    .container {
        margin: 0px auto;
    }
}

@media only screen and (min-width: 1439px) {
    button.navbar-toggle.collapsed {
        display: none !important;
    }
}

@media only screen and (min-width: 1199px) {
    .db-object {
        padding: 15px 15px 15px 0;
        width: 20%;
    }
    .news-article {
        width: 25%;
        padding-right: 15px;
    }
    .nowrap {
        flex-wrap: nowrap;
    }
}

@media only screen and (min-width: 1920px) {
    .db-object {
        padding: 15px 15px 15px 0;
        width: 20% !important;
    }
    .news-article {
        width: 20%;
        padding-right: 15px;
    }
}