/*
Theme Name: Passionate 
Version: 1.3.2
Theme URI: https://www.famethemes.com/themes/passionate
Author: FameThemes
Author URI: https://www.famethemes.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: passionate
Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-menu, custom-colors, threaded-comments, featured-images, post-formats, translation-ready, full-width-template, sticky-post
Description: Passionate is a professional multipurpose WordPress theme built with Bootstrap grid and is fully responsive for all the screen sizes. It can be used for Business, Portfolio, Personal, Blogging, Agency or any other types of site. Passionate theme comes with built-in widgets and widgets positions, customizer to customize and setup logo, color and layouts. Currently it have 10 widgets positions and  8 built-in widgets for Call to Action, Recent Posts, Image Slider, Clients Logos, Recent Works(Portfolio), Services Listing, Social Profiles Icons(13 different social icons) and Testimonial.  It also includes wide and narrow layout and option to have top menu sticky. We are planning to have some more widgets in future theme updates. You can get support in http://famethemes.com/contact and check demo at http://demos.famethemes.com/passionate/

This theme, like WordPress, is licensed under the GPL.

Passionate is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/
.container::after {
  content: "";
  display: table;
  clear: both;
}

.eq-row-col-1 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-1.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-1::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-1 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-1 .eq-col {
    width: 100%;
    float: left;
  }
  .eq-row-col-1 .eq-col:nth-child(1n+1) {
    clear: left;
  }
  .eq-row-col-1 .eq-col.col-border:nth-child(1n) {
    border-right: 0px none;
  }
  .eq-row-col-1 .eq-col.col-border:nth-child(n+2) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-1 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-1 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-1 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-1 .eq-col.col-border:nth-child(n+2) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-1 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-1 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-1 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-1 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-1 .eq-col {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-1 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-1 .eq-col {
    width: 100%;
  }
}

.eq-row-col-2 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-2.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-2::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-2 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-2 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-2 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-2 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-2 .eq-col.col-border:nth-child(n+3) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-2 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-2 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-2 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-2 .eq-col.col-border:nth-child(n+3) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-2 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-2 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-2 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-2 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-2 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-2 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-2 .eq-col {
    width: 100%;
  }
}

.eq-row-col-3 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-3.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-3::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-3 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-3 .eq-col {
    width: 33.3333333333%;
    float: left;
  }
  .eq-row-col-3 .eq-col:nth-child(3n+1) {
    clear: left;
  }
  .eq-row-col-3 .eq-col.col-border:nth-child(3n) {
    border-right: 0px none;
  }
  .eq-row-col-3 .eq-col.col-border:nth-child(n+4) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-3 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-3 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-3 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-3 .eq-col.col-border:nth-child(n+4) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-3 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-3 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-3 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-3 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-3 .eq-col {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-3 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-3 .eq-col {
    width: 100%;
  }
}

.eq-row-col-4 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-4.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-4::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-4 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-4 .eq-col {
    width: 25%;
    float: left;
  }
  .eq-row-col-4 .eq-col:nth-child(4n+1) {
    clear: left;
  }
  .eq-row-col-4 .eq-col.col-border:nth-child(4n) {
    border-right: 0px none;
  }
  .eq-row-col-4 .eq-col.col-border:nth-child(n+5) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-4 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-4 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-4 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-4 .eq-col.col-border:nth-child(n+5) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-4 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-4 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-4 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-4 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-4 .eq-col {
    width: 25%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-4 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-4 .eq-col {
    width: 100%;
  }
}

.eq-row-col-5 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-5.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-5::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-5 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-5 .eq-col {
    width: 20%;
    float: left;
  }
  .eq-row-col-5 .eq-col:nth-child(5n+1) {
    clear: left;
  }
  .eq-row-col-5 .eq-col.col-border:nth-child(5n) {
    border-right: 0px none;
  }
  .eq-row-col-5 .eq-col.col-border:nth-child(n+6) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-5 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-5 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-5 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-5 .eq-col.col-border:nth-child(n+6) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-5 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-5 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-5 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-5 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-5 .eq-col {
    width: 20%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-5 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-5 .eq-col {
    width: 100%;
  }
}

.eq-row-col-6 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-6.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-6::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-6 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-6 .eq-col {
    width: 16.6666666667%;
    float: left;
  }
  .eq-row-col-6 .eq-col:nth-child(6n+1) {
    clear: left;
  }
  .eq-row-col-6 .eq-col.col-border:nth-child(6n) {
    border-right: 0px none;
  }
  .eq-row-col-6 .eq-col.col-border:nth-child(n+7) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-6 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-6 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-6 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-6 .eq-col.col-border:nth-child(n+7) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-6 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-6 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-6 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-6 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-6 .eq-col {
    width: 16.6666666667%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-6 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-6 .eq-col {
    width: 100%;
  }
}

.eq-row-col-7 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-7.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-7::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-7 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-7 .eq-col {
    width: 14.2857142857%;
    float: left;
  }
  .eq-row-col-7 .eq-col:nth-child(7n+1) {
    clear: left;
  }
  .eq-row-col-7 .eq-col.col-border:nth-child(7n) {
    border-right: 0px none;
  }
  .eq-row-col-7 .eq-col.col-border:nth-child(n+8) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-7 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-7 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-7 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-7 .eq-col.col-border:nth-child(n+8) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-7 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-7 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-7 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-7 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-7 .eq-col {
    width: 14.2857142857%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-7 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-7 .eq-col {
    width: 100%;
  }
}

.eq-row-col-8 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-8.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-8::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-8 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-8 .eq-col {
    width: 12.5%;
    float: left;
  }
  .eq-row-col-8 .eq-col:nth-child(8n+1) {
    clear: left;
  }
  .eq-row-col-8 .eq-col.col-border:nth-child(8n) {
    border-right: 0px none;
  }
  .eq-row-col-8 .eq-col.col-border:nth-child(n+9) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-8 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-8 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-8 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-8 .eq-col.col-border:nth-child(n+9) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-8 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-8 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-8 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-8 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-8 .eq-col {
    width: 12.5%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-8 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-8 .eq-col {
    width: 100%;
  }
}

.eq-row-col-9 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-9.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-9::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-9 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-9 .eq-col {
    width: 11.1111111111%;
    float: left;
  }
  .eq-row-col-9 .eq-col:nth-child(9n+1) {
    clear: left;
  }
  .eq-row-col-9 .eq-col.col-border:nth-child(9n) {
    border-right: 0px none;
  }
  .eq-row-col-9 .eq-col.col-border:nth-child(n+10) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-9 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-9 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-9 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-9 .eq-col.col-border:nth-child(n+10) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-9 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-9 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-9 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-9 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-9 .eq-col {
    width: 11.1111111111%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-9 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-9 .eq-col {
    width: 100%;
  }
}

.eq-row-col-10 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-10.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-10::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-10 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-10 .eq-col {
    width: 10%;
    float: left;
  }
  .eq-row-col-10 .eq-col:nth-child(10n+1) {
    clear: left;
  }
  .eq-row-col-10 .eq-col.col-border:nth-child(10n) {
    border-right: 0px none;
  }
  .eq-row-col-10 .eq-col.col-border:nth-child(n+11) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-10 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-10 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-10 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-10 .eq-col.col-border:nth-child(n+11) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-10 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-10 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-10 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-10 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-10 .eq-col {
    width: 10%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-10 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-10 .eq-col {
    width: 100%;
  }
}

.eq-row-col-11 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-11.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-11::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-11 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-11 .eq-col {
    width: 9.0909090909%;
    float: left;
  }
  .eq-row-col-11 .eq-col:nth-child(11n+1) {
    clear: left;
  }
  .eq-row-col-11 .eq-col.col-border:nth-child(11n) {
    border-right: 0px none;
  }
  .eq-row-col-11 .eq-col.col-border:nth-child(n+12) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-11 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-11 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-11 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-11 .eq-col.col-border:nth-child(n+12) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-11 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-11 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-11 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-11 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-11 .eq-col {
    width: 9.0909090909%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-11 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-11 .eq-col {
    width: 100%;
  }
}

.eq-row-col-12 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-12.eq-row-no-mg {
  padding-left: 15px;
  padding-right: 15px;
}
.eq-row-col-12::after {
  content: "";
  display: table;
  clear: both;
}
.eq-row-col-12 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-12 .eq-col {
    width: 8.3333333333%;
    float: left;
  }
  .eq-row-col-12 .eq-col:nth-child(12n+1) {
    clear: left;
  }
  .eq-row-col-12 .eq-col.col-border:nth-child(12n) {
    border-right: 0px none;
  }
  .eq-row-col-12 .eq-col.col-border:nth-child(n+13) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-12 .eq-col {
    width: 50%;
    float: left;
  }
  .eq-row-col-12 .eq-col:nth-child(2n+1) {
    clear: left;
  }
  .eq-row-col-12 .eq-col.col-border:nth-child(2n) {
    border-right: 0px none;
  }
  .eq-row-col-12 .eq-col.col-border:nth-child(n+13) {
    border-top: 1px solid rgba(0, 0, 0, 0.07);
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-12 .eq-col {
    width: 100%;
    float: none;
    clear: left;
  }
  .eq-row-col-12 .eq-col.col-border {
    border-right: 0px none;
  }
}

.eq-row-col-no-f-12 {
  margin-left: -15px;
  margin-right: -15px;
}
.eq-row-col-no-f-12 .eq-col {
  padding-left: 15px;
  padding-right: 15px;
}
@media screen and (min-width: 991px) {
  .eq-row-col-no-f-12 .eq-col {
    width: 8.3333333333%;
  }
}
@media screen and (max-width: 991px) {
  .eq-row-col-no-f-12 .eq-col {
    width: 50%;
  }
}
@media screen and (max-width: 576px) {
  .eq-row-col-no-f-12 .eq-col {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
}

blockquote,
q {
  quotes: "" "";
}

hr {
  background-color: #ccc;
  border: 0;
  height: 1px;
  margin-bottom: 1.5em;
}

ul,
ol {
  margin: 0 0 1.5em 3em;
}

ul {
  list-style: disc;
}

ol {
  list-style: decimal;
}

li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}

dt {
  font-weight: bold;
}

dd {
  margin: 0 1.5em 1.5em;
}

img {
  height: auto;
  /* Make sure images are scaled correctly. */
  max-width: 100%;
  /* Adhere to container width. */
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid rgba(39, 48, 57, 0.2);
  border-radius: 3px;
  background: rgba(39, 48, 57, 0.05);
  color: rgba(39, 48, 57, 0.8);
  line-height: 1;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
  padding: 11px 15px;
  font-size: 1em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: rgba(39, 48, 57, 0.25);
  background: rgba(39, 48, 57, 0.1);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
  border-color: #aaa #bbb #bbb;
  box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
input[type="search"],
textarea,
select {
  color: rgba(39, 48, 57, 0.8);
  border-radius: 3px;
  border: 1px solid rgba(39, 48, 57, 0.25);
  min-width: 60%;
  max-width: 100%;
  padding: 5px 10px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
  color: #111;
  outline: none;
  border-color: rgba(39, 48, 57, 0.5);
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
  /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
  outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
  display: inline;
  float: left;
  margin-right: 1.5em;
}

.alignright {
  display: inline;
  float: right;
  margin-left: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
  margin-bottom: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;
}

.gallery-columns-2 .gallery-item {
  max-width: 50%;
}

.gallery-columns-3 .gallery-item {
  max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
  max-width: 25%;
}

.gallery-columns-5 .gallery-item {
  max-width: 20%;
}

.gallery-columns-6 .gallery-item {
  max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
  max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
  max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
  max-width: 11.11%;
}

.gallery-caption {
  display: block;
}

/*--------------------------------
* Layout
* --------------------------------*/

.dt-main-cont.layout-left_sidebar aside.dt-sidebar {
    padding-right: 25px;
    padding-left: 0;
}

/*--------------------------------
*Button
* --------------------------------*/
.btn-theme {
  font-size: 18px;
  display: inline-block;
  opacity: .8;
  color: #fff;
  background: rgba(23, 190, 187, 0.95);
}
.btn-theme:hover {
  background: #17bebb;
  opacity: 1;
  color: #fff;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
  margin: 0;
}

/* Make sure select elements fit in widgets. */
.widget select {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
  display: block;
}

.hentry {
  margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
  display: none;
}

.single .byline,
.group-blog .byline {
  display: inline;
}

.page-content,
.entry-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
  display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-list,
.comment-list ol,
.comment-list ol ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

.comment-list ol,
.comment-list ol ol {
  list-style: none;
  padding: 0;
  margin: 0 -10px;
}

.comment-list li {
  padding: 10px 10px 0;
  border: 1px solid #e5e5e5;
  margin-bottom: 10px;
}

.comment-list ol li,
.comment-list ol ol li {
  border: 0;
  border-top: 1px solid #e5e5e5;
  background: #fdfdfd;
}

.comment-list li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}

.comment-list .reply {
  padding-bottom: 10px;
  text-align: right;
}

.comment-form label {
  min-width: 80px;
}

.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
  padding: 5px 10px;
  border-radius: 0;
  font-size: 15px;
}

.form-submit input[type="submit"] {
  font-size: 15px;
}

.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

.comment-author img {
  margin: 0 10px 10px 0;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  /* Theme Footer (when set to scrolling) */
  display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/*--------------------------------------------------------------
# Default Styles
--------------------------------------------------------------*/
body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.8em;
  background: #f6f6f6;
}

body,
a,
.dt-logo a,
.dt-main-menu li a,
.dt-main-menu li:hover,
.dt-nav-md li a,
.dt-logo-md a {
  color: #273039;
}

a:hover,
.dt-footer-cont li a:hover,
.dt-sec-menu li a:hover,
.dt-featured-posts-wrap h2 a:hover,
.dt-pagination-nav .current,
.dt-footer .dt-news-layout-wrap a:hover,
.dt-footer-bar a:hover,
.current-menu-item.menu-item-has-children:after,
.current-menu-item.menu-item-has-children:hover:after,
.menu-item-has-children:hover:after,
.dt-main-menu li:hover > a {
  color: #17bebb;
}

#back-to-top:hover,
.dt-call-to-action-btn a,
.dt-footer h2 span,
#back-to-top:hover {
  background: rgba(23, 190, 187, 0.95);
}

.dt-footer h2:after,
.dt-footer .tagcloud a:hover,
.dt-call-to-action-btn a:hover,
.dt-service-more a:hover {
  background: #17bebb;
}

.dt-category-post-readmore a:hover,
.dt-pagination-nav .current,
.dt-pagination-nav a:hover,
.dt-archive-post .dt-archive-post-readmore a:hover,
.dt-testimonial-wrap h2 span,
.dt-news-layout-wrap h2 span,
.dt-pagination-nav .current,
.dt-pagination-nav a:hover {
  border-color: rgba(23, 190, 187, 0.95);
}

.dt-main-menu,
.dt-main-menu li ul,
.dt-menu-bar-sticky {
  background: #fff !important;
}

.dt-main-menu li.menu-item:hover,
.dt-main-menu li a:hover,
.current-menu-item > a,
.dt-nav-md li.menu-item > a:hover,
.current-menu-item a,
.current_page_item a {
  /*background: #fff ;*/
  color: #17bebb !important;
}

h1,
h2,
h3 {
  margin-bottom: 30px;
}

p {
  margin-bottom: 30px;
}

a {
  outline: none;
  text-decoration: none !important;
}

pre {
  border: 1px solid rgba(0, 0, 0, 0.07);
  padding: 10px 20px;
}

table {
  border-collapse: separate;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.75em;
  table-layout: fixed;
  width: 100%;
}

table,
th,
td {
  border: 1px solid #d1d1d1;
}

table {
  border-right: 0;
  border-bottom: 0;
}

th {
  border-width: 0 1px 1px 0;
  font-weight: 600;
}

th,
td {
  padding: 6px 15px;
}

td {
  border-width: 0 1px 1px 0;
}

.content-area li {
  margin: 10px 0;
}

.content-area a {
  opacity: .8;
}

.content-area a:hover {
  opacity: 1;
}

.dt-layout-boxed {
  margin: 30px auto;
  border: 1px solid rgba(0, 0, 0, 0.07);
  background: #fff;
}

.dt-layout-wide {
  width: 100%;
  margin: 0;
  border: 0;
}
.dt-layout-wide .dt-header .container,
.dt-layout-wide .dt-footer .container {
  width: 100%;
}

.dt-main-cont {
  padding: 20px 10px 0;
}

.transition5,
.search-form input[type='search'] {
  width: 100%;
  -webkit-transition: all .5s ease;
  -moz-transition: all .5s ease;
  -o-transition: all .5s ease;
  transition: all .5s ease;
}

.transition35,
.dt-main-menu li a,
.dt-main-menu li ul,
.menu-item-has-children {
  -webkit-transition: all .35s ease;
  -moz-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}

ul,
ol {
  margin: 0;
  padding-left: 24px;
}

img {
  max-width: 100%;
  height: auto;
}

/*
 *  Single Post nav
 -----------------------------------*/
.dt-post-nav {
  margin: 10px 0;
  padding: 10px;
  border: 1px solid #e5e5e5;
  background: #fefefe;
}

.dt-post-nav a {
  display: inline-block;
  width: 48%;
  padding-right: 10px;
  text-align: left;
}

.dt-post-nav a:nth-child(2) {
  padding-right: 0;
  padding-left: 10px;
  text-align: right;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
/*
 *  Logo
 -----------------------------------*/
.dt-logo {
  padding: 36px 0px;
}

.dt-layout-wide .dt-logo {
  padding: 36px 15px;
}

.dt-logo img {
  max-width: 100%;
  margin: 5px 0;
}

.dt-logo h1 {
  font-weight: 400;
  margin: 5px 0;
}

.dt-logo p {
  font-size: 1em;
  margin-bottom: 0;
  opacity: .75;
}

/*
 *  Top Social Icons
 -----------------------------------*/
.dt-top-social-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.dt-top-social {
  position: relative;
  padding: 0;
  text-align: right;
}

.dt-contact-items-wrap {
  font-size: 80%;
}
.dt-contact-items-wrap .contact-item {
  margin: 0 5px;
}
.dt-contact-items-wrap .contact-item i {
  margin-right: 5px;
}

.dt-top-social h2 {
  display: none;
  margin: 0;
  padding: 0;
}

.dt-social-icons {
  margin-bottom: 0;
}
.dt-social-icons ul {
  margin: 0;
  padding: 0;
}

.dt-social-icons .social-search {
  margin-bottom: -13px;
}
@media screen and (max-width: 767px) {
  .dt-social-icons .social-search {
    margin-bottom: 0px;
  }
}

.dt-top-social [id*='dt_social_icons'] {
  display: inline-block;
}

.dt-top-social ul {
  display: inline-block;
  margin: 0;
  text-align: right;
}

.dt-top-social li,
.dt-top-social .dt-search-icon {
  display: inline-block;
  margin: 0 1px;
  text-align: center;
  outline: none !important;
}

.dt-top-social li a {
  font-size: 18px;
  line-height: 1em;
  display: block;
  text-decoration: none;
  color: #2f363e;
  outline: none !important;
}

.dt-top-social li .fa,
.dt-top-social .dt-search-icon .fa {
  display: block;
  width: 36px;
  height: 36px;
  padding-top: 10px;
  opacity: .65;
  border-radius: 3px;
}

.dt-top-social .dt-search-icon .fa {
  cursor: pointer;
}

.dt-top-social li .fa:hover {
  opacity: 1;
  color: #fff;
}

.dt-top-social li.social-search .dt-search-icon .fa:hover {
  color: #17bebb;
}

.dt-top-social .fa-facebook:hover {
  background: #325c94;
}

.dt-top-social .fa-twitter:hover {
  background: #00abdc;
}

.dt-top-social .fa-google-plus:hover {
  background: #dd4b38;
}

.dt-top-social .fa-instagram:hover {
  background: #4480b1;
}

.dt-top-social .fa-github:hover {
  background: #3f91cb;
}

.dt-top-social .fa-flickr:hover {
  background: #ff0084;
}

.dt-top-social .fa-pinterest:hover {
  background: #cb2027;
}

.dt-top-social .fa-wordpress:hover {
  background: #0090c5;
}

.dt-top-social .fa-youtube:hover {
  background: #d32323;
}

.dt-top-social .fa-vimeo:hover {
  background: #1ab7ea;
}

.dt-top-social .fa-linkedin:hover {
  background: #007bb6;
}

.dt-top-social .fa-behance:hover {
  background: #2d9ad2;
}

.dt-top-social .fa-dribbble:hover {
  background: #f26798;
}

/*
 *  Top Search Bar
 -----------------------------------*/
.dt-search-wrap {
  position: relative;
  display: inline-block;
  float: right;
  overflow: hidden;
  width: 38px;
}
.dt-search-wrap.dt-search-wrap-extend {
  width: 220px;
}

.dt-search-wrap .widget_search {
  visibility: hidden;
  margin-bottom: 0;
  opacity: 0;
}

.dt-search-wrap .search-form input[type='search'] {
  font-size: 16px;
  font-weight: 400;
  width: 220px;
  height: 40px;
  padding: 5px 5px 5px 12px;
  opacity: 0;
  border: 1px solid #e5e5e5;
  background: transparent;
  box-shadow: none;
  text-shadow: none;
}

.search-form input[type='search']:focus {
  border-color: #ccc;
  outline: none;
}

.dt-search-icon {
  font-size: 18px;
  position: absolute;
  z-index: 99;
  top: 1px;
  right: 4px;
  width: 36px;
  height: 36px;
}

.dt-search-wrap-extend .widget_search {
  visibility: visible;
  opacity: 1;
}

.dt-search-wrap-extend .search-form input[type='search'] {
  opacity: 1;
}

.dt-search-wrap-extend .dt-search-icon,
.dt-search-icon:hover {
  color: #17bebb;
}

.dt-search-wrap .screen-reader-text,
.dt-search-wrap .search-submit {
  display: none;
}

.dt-search-md-wrap {
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  height: 0;
  margin-top: 6px;
  margin-left: 9px;
  opacity: 0;
}

.dt-search-md-wrap-extend {
  visibility: visible;
  height: 45px;
  opacity: 1;
}

.dt-search-md-wrap label {
  width: 96%;
}

.dt-search-md-wrap .search-form input[type='search'] {
  font-weight: 400;
  height: 40px;
  padding: 5px 10px;
}

.dt-search-md-wrap input[type='submit'] {
  display: none;
}

.dt-top-social.dt-search-toggle .dt-social-icons li {
  display: none;
}
.dt-top-social.dt-search-toggle .dt-social-icons li.social-search {
  display: inline-block;
}

/*
 *  BreadCrumbs
 -----------------------------------*/
.dt-breadcrumbs {
  font-size: 13px;
  padding: 5px 15px;
  border-top: 1px solid rgba(0, 0, 0, 0.03);
  border-bottom: 1px solid rgba(0, 0, 0, 0.03);
  background: #fcfcfc;
}

.dt-breadcrumbs ul {
  margin: 0;
  padding: 0;
}

#dt_breadcrumbs li {
  display: inline-block;
  padding: 0 2px;
  opacity: .8;
}

#dt_breadcrumbs li strong {
  font-weight: 500;
}

/*--------------------------------------------------------------
# Header Image
--------------------------------------------------------------*/
.dt-header-image img {
  width: 100%;
}

/*--------------------------------------------------------------
# Menu
--------------------------------------------------------------*/
.dt-main-menu-wrap {
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-menu-bar-sticky {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 100vh;
  box-shadow: 2px 0 5px rgba(0, 0, 0, 0.1);
}

.dt-menu-bar-sticky .dt-main-menu {
  border: 0;
  max-width: 1170px;
  margin: 0 auto;
}

.dt-main-menu ul {
  margin: 0;
  padding: 0 0 0 12px;
}

.dt-main-menu,
.dt-main-menu li ul,
.dt-menu-bar-sticky {
  background: #fff;
}

.dt-main-menu .menu > ul {
  padding: 0 10px;
}

.dt-main-menu li {
  font-size: 16px;
  line-height: 1.6em;
  position: relative;
  display: inline-block;
}

.dt-main-menu li a {
  display: block;
  padding: 14px 20px;
  text-decoration: none;
}

.dt-main-menu li ul {
  position: absolute;
  z-index: 99999;
  top: 150%;
  display: block;
  visibility: hidden;
  padding-left: 0;
  width: 220px;
  max-width: 500%;
  opacity: 0;
}

.dt-main-menu li li ul {
  top: 50%;
  left: 100%;
}

.dt-main-menu li li a {
  position: relative;
  padding: 8px 20px;
}

.dt-main-menu li li.page_item_has_children > a:after,
.dt-main-menu li li.menu-item-has-children > a:after {
  font-family: 'FontAwesome';
  position: absolute;
  top: 10px;
  right: 5px;
  width: 16px;
  height: 24px;
  content: '\f105';
  text-align: center;
}

.dt-main-menu li:hover > ul {
  top: 100%;
  visibility: visible;
  opacity: 1;
}

.dt-main-menu li li:hover > ul {
  top: -1px;
}

.dt-main-menu li ul li {
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-main-menu li ul li:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

/*
 *  Main Menu Mobile Version
 -----------------------------------*/
.dt-nav-md-trigger {
  font-size: 16px;
  font-weight: 500;
  display: none;
  padding: 10px 0;
  cursor: pointer;
}

.dt-nav-md-trigger .fa {
  font-size: 21px;
  display: block;
  float: right;
  width: 48px;
  padding-top: 3px;
  text-align: center;
}

.dt-nav-md {
  display: none;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-nav-md-expand {
  visibility: visible;
  overflow-x: scroll;
  height: auto;
}

.dt-nav-md ul {
  margin: 0;
  padding: 0;
}

.dt-nav-md ul ul {
  padding-left: 20px;
}

.dt-nav-md li {
  position: relative;
  display: block;
}

.dt-nav-md li a {
  display: block;
  padding: 5px 15px;
}

/*--------------------------------------------------------------
# Front page Image Slider
--------------------------------------------------------------*/
.swiper-container {
  position: relative;
  overflow: hidden;
  width: 100%;
}

.dt-image-slider-holder {
  position: relative;
  width: 100%;
}

.dt-slider-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  margin: 0px;
}

.dt-image-slider-desc {
  font-size: 22px;
  font-weight: 300;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 25px 0;
  color: #fff;
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75));
}

.dt-image-slider-holder h2 {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.4em;
  margin: 0;
  padding: 0 40px;
}

.dt-image-slider-holder p {
  margin: 0;
  padding: 0 40px;
}

.dt-image-slider .swiper-button-next,
.dt-image-slider .swiper-button-prev {
  z-index: 999;
  right: 0;
  width: 48px;
  height: 60px;
  margin-top: -24px;
  padding-top: 10px;
  text-align: center;
  opacity: .5;
  background: transparent;
  filter: alpha(opacity=75);
}

.dt-image-slider .swiper-button-prev {
  left: 0;
}

.dt-image-slider .swiper-button-next:hover,
.dt-image-slider .swiper-button-prev:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.35);
  filter: alpha(opacity=100);
}

.dt-image-slider .swiper-button-next .fa,
.dt-image-slider .swiper-button-prev .fa {
  font-size: 36px;
  color: #fff;
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.dt-services {
  margin: 15px 0 45px;
}

.dt-services-holder {
  float: left;
  width: 33.3%;
  padding: 40px 30px 40px;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-services-gt-3 .dt-service-cont {
  min-height: 108px;
  display: block;
}

.dt-services-holder figure:hover img {
  opacity: .75;
}

.dt-services-holder h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5em;
  margin: 25px 0;
}

.dt-services-holder p {
  font-size: 15px;
  line-height: 1.8em;
  opacity: .75;
}

.dt-service-more {
  margin-top: 30px;
}

.dt-service-more a {
  font-size: 13px;
  font-weight: 500;
  display: inline-block;
  padding: 6px 18px 5px;
  text-transform: uppercase;
  opacity: .7;
  border-radius: 2px;
}

.dt-service-more a:hover {
  opacity: 1;
  color: #fff;
}

/*--------------------------------------------------------------
# Recent Works
--------------------------------------------------------------*/
.dt-works-holder {
  margin: 0 0 30px;
  text-align: center;
}

.dt-works-holder figure {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-bottom: 70%;
}

.dt-works-holder figure img {
  width: 100%;
  height: auto;
}

.dt-works-desc {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  width: 0;
  height: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
}

.dt-works-holder figure:hover .dt-works-desc {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
}

.dt-work-ttl {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 50%;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.35s;
}

.dt-works-holder figure:hover .dt-work-ttl {
  top: 32%;
  opacity: 1;
  visibility: visible;
}

.dt-works-desc h3 {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6em;
  padding: 0 25px;
  color: #fff;
}

.dt-works-desc a {
  font-size: 14px;
  display: inline-block;
  padding: 5px 16px;
  color: rgba(255, 255, 255, 0.75);
  border-radius: 2px;
}

/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.dt-testimonial-wrap {
  overflow: hidden;
  width: 100%;
  padding-bottom: 20px;
}

.dt-testimonial-slider {
  position: relative;
  overflow: hidden;
  width: 100%;
  text-align: center;
}

.dt-testimonial-slider .swiper-slide {
  width: 100%;
}

.dt-testimonial-holder {
  width: 100%;
}

.dt-testimonial-desc {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.7em;
  padding: 35px 100px 20px;
  opacity: .8;
}

.dt-testimonial-meta figure {
  position: relative;
  overflow: hidden;
  width: 96px;
  height: 96px;
  margin: 10px auto;
  border-radius: 50%;
}

.dt-testimonial-meta figure img {
  position: absolute;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  left: -9999px;
  width: auto;
  min-width: 100%;
  max-width: 500%;
  height: 100%;
  margin: auto;
}

.dt-testimonial-meta h5 {
  font-size: 18px;
  margin: 20px 0 5px;
  text-transform: capitalize;
}

.dt-testimonial-meta span {
  display: block;
  margin-top: 5px;
  font-size: 15px;
  opacity: .7;
}

.dt-testimonial-slider .swiper-button-next,
.dt-testimonial-slider .swiper-button-prev {
  z-index: 999;
  right: 20px;
  width: 48px;
  height: 60px;
  margin-top: -24px;
  padding-top: 10px;
  text-align: center;
  opacity: .4;
  background: transparent;
  filter: alpha(opacity=40);
}

.dt-testimonial-slider .swiper-button-prev {
  left: 20px;
}

.dt-testimonial-slider .swiper-button-next:hover,
.dt-testimonial-slider .swiper-button-prev:hover {
  opacity: 1;
  filter: alpha(opacity=100);
}

.dt-testimonial-slider .swiper-button-next .fa,
.dt-testimonial-slider .swiper-button-prev .fa {
  font-size: 42px;
  color: rgba(0, 0, 0, 0.6);
}

/*--------------------------------------------------------------
# Team member
--------------------------------------------------------------*/
.member-wrapper {
  padding-bottom: 10px;
  padding-top: 10px;
}

.member-wrapper .member-info {
  padding-left: 180px;
  min-height: 150px;
  position: relative;
}

@media (max-width: 767px) {
  .member-wrapper .member-info {
    padding-left: 120px;
  }
}
.member-wrapper .member-avatar {
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  width: 150px;
  height: 150px;
}

@media (max-width: 767px) {
  .member-wrapper .member-avatar {
    width: 100px;
    height: 100px;
  }
}
.member-wrapper .member-avatar img {
  border-radius: 100px;
  box-shadow: 0 0 6px rgba(39, 48, 57, 0.1);
}

.member-wrapper .member-name {
  font-size: 20px;
  margin-bottom: 1px;
}

.member-wrapper .member-role {
  margin-bottom: 13px;
  font-size: 13px;
  letter-spacing: 2.2px;
  text-transform: uppercase;
}

.member-wrapper .member-social {
  margin-bottom: 0px;
  margin-top: 8px;
  padding: 0px;
  list-style: none;
}

.member-wrapper .member-social li {
  display: inline-block;
}

.member-wrapper .member-social li i {
  font-size: 20px;
  margin-right: 5px;
}

/*--------------------------------------------------------------
# Pricing Table
--------------------------------------------------------------*/
.pricing__item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 3px solid #ccc;
  border-radius: 0px;
  padding: 35px 35px;
  padding:  2.1875rem 2.1875rem;
  position: relative;
  margin-bottom: 30px;
  margin-bottom: 1.875rem;
}
.pricing__item:hover {
  border-top-color: rgba(23, 190, 187, 0.95);
}
.pricing__item h1, .pricing__item h2, .pricing__item h3, .pricing__item h4 {
  text-transform: none;
}

.pricing__title {
  letter-spacing: -0.2px;
}

.pricing__price {
  padding: 15px 0px 15px;
  padding:  0.9375rem 0px 0.9375rem;
  margin-top: 20px;
  margin-top: 1.25rem;
  font-size: 40px;
  font-size: 2.5rem;
  border-top: 3px solid rgba(139, 144, 157, 0.1);
  font-weight: bold;
  font-family: serif,sans-serif;
  color: #333333;
}
.pricing__price .pricing__currency {
  font-size: 18px;
  vertical-align: super;
  margin-right: 2px;
}

.pricing__sentense {
  border-bottom: 3px solid rgba(139, 144, 157, 0.1);
  font-weight: bold;
  padding: 0 0 13px;
}

.pricing__feature-list {
  font-style: italic;
  list-style: outside none none;
  margin: 0;
  padding: 0.25em 0 2.5em;
}

/*--------------------------------------------------------------
# Call to Action
--------------------------------------------------------------*/
.dt-call-to-action-wrap {
  margin: 0 15px;
  padding: 40px;
  border: 2px dashed #d5d5d5;
}

.dt-call-to-action-meta {
  float: left;
  width: 70%;
}

.dt-call-to-action-meta p {
  font-size: 18px;
  font-weight: 400;
  margin-top: 15px;
  opacity: .8;
}

.dt-call-to-action-btn {
  float: right;
  width: 30%;
  text-align: center;
}

.dt-call-to-action-btn a {
  font-size: 18px;
  display: inline-block;
  margin-top: 16%;
  padding: 10px 30px;
  opacity: .8;
  color: #fff;
  border-radius: 4px;
}

.dt-call-to-action-btn a:hover {
  opacity: 1;
  color: #fff;
}

/*--------------------------------------------------------------
# Logos
--------------------------------------------------------------*/
.dt-logo-display ul {
  margin: 0;
  padding: 0;
}

.dt-logo-display li {
  display: block;
  float: left;
  width: calc(20% - 44px);
  min-height: 64px;
  margin: 0 20px;
  padding: 15px;
}

.dt-logo-display li:hover {
  opacity: .5;
}

.dt-logo-display li a {
  display: block;
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.dt-news-layout-wrap {
  padding-bottom: 40px;
}

.dt-news-layout-wrap h2 {
  padding-left: 14px;
}

.dt-recent-post-holder {
  float: left;
  width: calc(25% - 28px);
  margin: 20px 14px 0;
}

.dt-recent-post-holder figure:hover {
  opacity: .6;
}

.dt-recent-post-content h3 {
  font-size: 16px;
  line-height: 1.6em;
  opacity: .9;
}

.dt-recent-post-content p {
  font-size: 15px;
  line-height: 1.7em;
  margin-bottom: 0;
  opacity: .85;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.dt-footer-cont {
  margin-top: 30px;
  line-height: 1.6em;
  background: #fdfdfd;
  border-top: 1px solid rgba(0, 0, 0, 0.027);
  padding: 20px 25px;
}

.dt-footer h2 {
  position: relative;
}

.dt-footer h2 span {
  position: absolute;
  bottom: -1px;
  left: 0;
  display: inline-block;
  width: 60px;
  height: 1px;
}

.dt-footer-bar {
  padding: 20px 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-footer .dt-social-icons .social-search {
  display: none;
}

.dt-footer-bar a {
  opacity: .75;
}

.dt-footer-bar a:hover {
  opacity: 1;
}

.dt-footer-designer {
  text-align: right;
}

.dt-footer h3:after,
.dt-footer .tagcloud a:hover {
  color: #17bebb;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
aside.dt-sidebar {
  padding-left: 25px;
}

.front-page-sidebar .container {
  width: 100%;
}
.front-page-sidebar .widget {
  padding: 40px 0px;
}

.widget-meta-bg {
  background: #fdfdfd;
  border: 1px solid rgba(0, 0, 0, 0.027);
  border-left: 0;
  border-right: 0;
}

.dt-widget-meta {
  padding: 0 30px;
  text-align: center;
}

.dt-widget-meta h2 {
  font-weight: 400;
  line-height: 1.5em;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 10px;
  text-align: center;
}

.dt-widget-meta h2 span {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 80px;
  height: 2px;
  margin-left: -40px;
  background: #ccc;
}

.dt-widget-meta p {
  margin-bottom: 64px;
  opacity: .8;
}

.dt-sidebar h2 {
  font-size: 22px;
  margin-top: 25px;
  margin-bottom: 6px;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.dt-sidebar ul,
.dt-sidebar ol {
  margin: 0;
  padding: 10px 0 10px 20px;
}

.dt-sidebar ul li {
  padding: 3px 0;
}

.dt-sidebar select,
.dt-sidebar input[type='text'],
.dt-sidebar input[type='email'],
.dt-sidebar input[type='number'],
.dt-sidebar input[type='search'],
.dt-sidebar input textarea {
  margin: 10px 12px;
}

.dt-sidebar select,
.dt-sidebar input[type='text'],
.dt-sidebar input[type='email'],
.dt-sidebar input[type='number'],
.dt-sidebar input[type='search'],
.dt-sidebar input textarea,
.dt-footer select,
.dt-footer input[type='text'],
.dt-footer input[type='email'],
.dt-footer input[type='number'],
.dt-footer input[type='search'],
.dt-footer input textarea {
  font-size: 15px;
  min-width: 224px;
  padding: 5px;
}

.dt-sidebar .widget_archive,
.dt-sidebar .widget_calendar,
.dt-sidebar .widget_meta,
.dt-sidebar .widget_pages,
.dt-sidebar .widget_recent_comments,
.dt-sidebar .widget_recent_entries,
.dt-sidebar .widget_search,
.dt-sidebar .widget_tag_cloud,
.dt-sidebar .widget_text,
.dt-sidebar .dt-social-icons {
  margin-top: 20px;
}

.dt-sidebar #calendar_wrap {
  padding: 0 15px;
}

.dt-sidebar #wp-calendar > caption,
.dt-footer #wp-calendar > caption {
  font-weight: bold;
}

.dt-sidebar #wp-calendar tbody a,
.dt-footer #wp-calendar tbody a {
  font-weight: bold;
}

.dt-sidebar #wp-calendar tfoot,
.dt-footer #wp-calendar tfoot {
  margin-top: 10px;
  padding-top: 10px;
}

.dt-sidebar #wp-calendar #next,
.dt-footer #wp-calendar #next {
  text-align: right;
  color: #888;
}

.dt-sidebar .widget_recent_entries ul,
.dt-sidebar .widget_recent_comments ul {
  list-style: decimal;
}

.dt-sidebar .widget_recent_entries li {
  padding: 6px 0;
}

.dt-sidebar .tagcloud {
  padding: 10px 0;
}

.dt-sidebar .tagcloud a {
  margin: 5px;
  padding: 4px 12px;
  border-radius: 3px;
}

.dt-sidebar .tagcloud a:hover {
  color: #fff;
}

.dt-sidebar .textwidget {
  padding: 10px 0;
}

.dt-sidebar .dt-social-icons ul {
  padding: 0 0 20px;
}

.dt-sidebar .dt-social-icons li {
  font-size: 22px;
  display: inline-block;
  float: left;
  width: 48px;
  height: 48px;
  margin: 15px 0 0 14px;
  text-align: center;
}

.dt-sidebar .dt-social-icons li.social-search {
  display: none;
}

.dt-sidebar .dt-social-icons li .fa {
  display: block;
  width: 48px;
  height: 48px;
  padding-top: 12px;
  opacity: .8;
  border: 1px solid #e5e5e5;
}

.dt-sidebar .dt-social-icons li .fa:hover {
  color: #fff;
  border-color: transparent;
}

.dt-sidebar .dt-search-icon .fa:hover {
  color: #2f363e;
  background: #fafafa;
}

.dt-sidebar .fa-facebook:hover {
  background: #325c94;
}

.dt-sidebar .fa-twitter:hover {
  background: #00abdc;
}

.dt-sidebar .fa-google-plus:hover {
  background: #dd4b38;
}

.dt-sidebar .fa-instagram:hover {
  background: #4480b1;
}

.dt-sidebar .fa-github:hover {
  background: #3f91cb;
}

.dt-sidebar .fa-flickr:hover {
  background: #ff0084;
}

.dt-sidebar .fa-pinterest:hover {
  background: #cb2027;
}

.dt-sidebar .fa-wordpress:hover {
  background: #0090c5;
}

.dt-sidebar .fa-youtube:hover {
  background: #d32323;
}

.dt-sidebar .fa-vimeo:hover {
  background: #1ab7ea;
}

.dt-sidebar .fa-linkedin:hover {
  background: #007bb6;
}

.dt-sidebar .fa-behance:hover {
  background: #2d9ad2;
}

.dt-sidebar .fa-dribbble:hover {
  background: #f26798;
}

/*--------------------------------------------------------------
# 404 Error Page
--------------------------------------------------------------*/
.dt-error-page {
  padding-top: 25px;
}

/*--------------------------------------------------------------
# Post Navigation
--------------------------------------------------------------*/
.post-navigation {
  margin: 30px 0 60px;
  padding: 30px 0;
  border-top: 1px solid rgba(39, 48, 57, 0.05);
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
  font-size: 0;
  position: relative;
  display: inline-block;
  width: 50%;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:before,
.post-navigation .nav-next a:after {
  position: absolute;
  top: 0;
  font-size: 22px;
}

.post-navigation .nav-previous a:before,
.post-navigation .nav-next a:before {
  content: '';
  width: 24px;
  height: 32px;
  font-family: 'FontAwesome';
  left: 0;
  font-size: 36px;
}

.post-navigation .nav-previous a:after,
.post-navigation .nav-next a:after {
  content: 'Previous Post';
  width: calc(100% - 32px);
  left: 32px;
  padding-top: 2px;
  font-weight: 500;
}

.post-navigation .nav-next a:before {
  content: '';
  right: 0;
  left: auto;
  text-align: right;
}

.post-navigation .nav-next a:after {
  content: 'Next Post';
  right: 32px;
  left: auto;
  text-align: right;
}

/*--------------------------------------------------------------
# Archive Page
--------------------------------------------------------------*/
.dt-archive-post {
  margin-bottom: 60px;
  border-bottom: 1px solid #e5e5e5;
}

.dt-archive-post:last-of-type {
  margin-bottom: 0;
  border: 0;
}

.dt-archive-post .entry-header h2 {
  font-size: 24px;
  opacity: .9;
  margin-bottom: 5px;
}

.dt-archive-post .entry-meta {
  text-transform: capitalize;
  opacity: .9;
  margin-bottom: 20px;
}

.dt-archive-post .entry-meta .posted-on,
.dt-archive-post .cat-links,
.cat-links,
.tags-links {
  display: block;
  margin-bottom: 10px;
}

.cat-links a,
.tags-links a {
  padding-left: 6px;
}

.dt-archive-post .entry-meta a,
.dt-archive-post .entry-footer a {
  opacity: .6;
}

.dt-archive-post .entry-meta a:hover,
.dt-archive-post .entry-footer a:hover {
  opacity: 1;
}

.dt-archive-img {
  margin: 20px 0 30px;
}

.dt-archive-img img {
  border: 8px solid #fff;
  box-shadow: 0 0 1px #ccc;
}

.dt-archive-post-desc {
  margin-top: 25px;
}

.dt-archive-post-desc p {
  opacity: .9;
}

.dt-archive-post .entry-footer {
  margin: 15px 0;
  text-transform: capitalize;
  opacity: .9;
}

.dt-archive-post .dt-archive-post-readmore {
  margin: 50px 0;
  text-align: center;
}

.dt-archive-post .dt-archive-post-readmore a {
  display: inline-block;
  padding: 10px 25px;
  opacity: .8;
  border: 2px solid #ddd;
  border-radius: 25px;
}

.dt-archive-post .dt-archive-post-readmore a:hover {
  opacity: 1;
}

.dt-pagination-nav {
  margin-bottom: 25px;
}

.dt-pagination-nav a,
.dt-pagination-nav .current {
  display: inline-block;
  margin: 0 2px;
  padding: 2px 10px;
  border: 1px solid #e5e5e5;
  border-radius: 2px;
}

/*--------------------------------------------------------------
# Back to top
--------------------------------------------------------------*/
#back-to-top {
  font-size: 32px;
  position: fixed;
  z-index: 9999;
  right: 20px;
  bottom: 60px;
  width: 48px;
  height: 48px;
  padding-top: 6px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  opacity: 0;
  color: #fff;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.35);
  filter: alpha(opacity=0);
}

#back-to-top:hover {
  background: #666;
}

#back-to-top.show {
  opacity: 1;
  filter: alpha(opacity=100);
}

/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media all and (min-width: 1200px) {
  .dt-layout-boxed {
    overflow: hidden;
    width: 1170px;
  }

  .dt-layout-wide {
    width: 100%;
  }
}
@media all and (max-width: 1200px) {
  .dt-layout-boxed {
    width: 970px;
  }

  .dt-layout-wide {
    width: 100%;
  }

  .dt-main-menu li a {
    padding: 12px 16px;
  }
}
@media all and (max-width: 991px) {
  .dt-layout-boxed {
    overflow: hidden;
    width: 750px;
  }

  .dt-layout-wide {
    width: 100%;
  }

  .dt-image-slider-holder h2 {
    font-size: 28px;
  }

  .dt-image-slider-holder p {
    font-size: 18px;
  }

  .dt-works-desc h3 {
    font-size: 18px;
    margin-top: 20%;
  }

  .dt-logo-display ul {
    text-align: center;
  }

  .dt-logo-display li {
    display: inline-block;
    float: none;
    width: calc(33.333333% - 44px);
    margin: 0 20px 20px;
  }

  .dt-call-to-action-meta,
  .dt-call-to-action-btn {
    width: 100%;
    text-align: left;
  }

  .dt-call-to-action-btn a {
    margin: 0;
  }

  .dt-footer-bar,
  .dt-footer-designer {
    text-align: center;
  }

  .dt-footer-designer {
    margin-top: 10px;
  }

  .dt-main-menu li a {
    font-size: 13px;
    padding: 8px;
  }

  aside.dt-sidebar {
    padding-left: 0;
  }
}
@media all and (max-width: 767px) {
  .dt-footer .container {
    width: 100%;
  }

  .dt-layout-boxed {
    width: auto;
    margin: 15px;
  }

  .dt-layout-wide {
    width: 100%;
    margin: 0;
  }

  .dt-logo {
    padding: 20px 0 0;
    text-align: center;
  }

  .dt-top-social {
    margin-left: -18px;
    padding: 10px 0;
    text-align: center;
  }

  .dt-search-wrap {
    float: none;
    width: 36px;
    margin-bottom: -14px;
  }

  .dt-search-icon {
    top: 0;
    right: 0;
  }

  .dt-main-menu {
    display: none;
  }

  .dt-nav-md-trigger {
    background: #17bebb;
    padding: 10px 15px;
    color: #fff;
  }

  .dt-nav-md-trigger,
  .dt-nav-md {
    display: block;
  }

  .dt-menu-bar-sticky {
    overflow-y: scroll;
  }

  .dt-recent-post-holder {
    width: calc(50% - 28px);
  }

  .dt-recent-post-holder:nth-child(3) {
    clear: both;
  }
}
@media all and (max-width: 600px) {
  .dt-logo-display li {
    width: calc(50% - 44px);
  }

  .dt-testimonial-desc {
    padding: 30px 50px 10px;
  }

  .dt-testimonial-desc p {
    font-size: 15px;
    line-height: 1.8em;
  }

  .dt-call-to-action-wrap {
    padding: 20px 20px 40px;
  }
}
@media all and (max-width: 480px) {
  .dt-image-slider .swiper-button-next,
  .dt-image-slider .swiper-button-prev,
  .dt-testimonial-slider .swiper-button-next,
  .dt-testimonial-slider .swiper-button-prev {
    display: none;
  }

  .dt-image-slider-holder h2 {
    font-size: 18px;
  }

  .dt-image-slider-holder p {
    font-size: 15px;
    line-height: 1.2em;
  }

  .dt-works-holder {
    width: calc(100% - 20px);
    margin: 0 10px 20px;
  }

  .dt-works-desc h3 {
    font-size: 18px;
    margin-top: 20%;
  }

  .dt-recent-post-holder {
    width: calc(100% - 28px);
  }

  .dt-testimonial-desc {
    padding: 30px 0 10px;
  }

  .dt-call-to-action {
    margin: 0 10px;
  }

  .dt-call-to-action-wrap {
    margin: 0;
  }
}
@media all and (max-width: 400px) {
  .dt-logo-display li {
    width: calc(100% - 44px);
  }
}