/*
Theme Name: Interior Designer Pro
Theme URI: https://www.misbahwp.com/products/interior-designer-wordpress-theme
Description: The Interior Designer WordPress Theme is a premium website template crafted specifically for interior design professionals seeking a sophisticated online presence. Ideal for showcasing portfolios, offering design services, and engaging potential clients, this theme is designed with elegance and functionality in mind. It’s perfect for interior designers, decorators, and architects looking to highlight their expertise in areas such as modern interiors, sustainable design, and luxury decor. The theme features a clean, modern design that enhances the visual appeal of any interior design business. It includes vibrant color palettes, customizable layouts, and high-resolution images to effectively showcase a variety of design styles—from minimalist and Scandinavian to vintage and contemporary. The Interior Designer WordPress Theme’s visually engaging elements, such as sliders, galleries, and banners, help to present portfolios, home renovation ideas, and design consultations attractively. One of the key benefits of this premium theme is its comprehensive set of features tailored for interior design professionals. The responsive design ensures that your website looks stunning on any device, providing a seamless experience whether on desktops, tablets, or smartphones. Cross-browser compatibility further guarantees that your site maintains its appearance and functionality across various web browsers.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.1
Tested up to: 6.2
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: interior-designer-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.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;
  clip-path: none;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: 600;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.alignwide {
  margin-left: -80px;
  margin-right: -80px;
}

.alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
}

.alignfull img {
  width: 100vw;
}

img {
  max-width: 100%;
}

.post-single a,
.page-single a,
.sidebar-area .textwidget a,
.comment-content a {
  text-decoration: none;
  color: #55585B;
  text-transform: capitalize;
  font-weight: 500;
}

body {
  font-family: "Montserrat", sans-serif;
  font-weight: 400;
  color: #010F1C;
  margin: 0;
  background: #F4F4F4;
  overflow-x: hidden;
  max-width: 1920px;
  margin: auto;


}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 1rem;
  font-family: "Montserrat", sans-serif;
}

a {
  color: #fff;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #CD9967;
  text-decoration: none;
}

.header-top {
  font-size: 15px;
  font-weight: 400;
  line-height: 26px;
  color: #55585B;
  padding: 26px 0 0 0;
  position: absolute;
  left: 19.7rem;
}

.header-top b {
  color: #842BB7;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}


/* ===============================================
   HEADER BOX
   ============================================= */

.register,
.login {
  background: #aa8a63;
  color: #fff;
  padding: 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.login {
  background: #fff;
  color: #212121;
}

.header {
  position: static;
}

.header-cart {
  display: flex;
  padding: 0;
  justify-content: right;
}

/*404 Page*/
.page-404 h1 {
  font-size: 300px;
  color: #000000;
}

.page-404 h3 {
  font-size: 38px;
  color: #000000;
}

.page-404 hr {
  width: 10%;
  background: #CD9967;
  padding: 1px;
}

.page-404 p {
  margin-left: 30%;
  margin-right: 30%;
}

.page-404 .intro-button {
  text-align: center;
  display: inline-block;
  padding: 5px;
}

.page-404 .button {
  padding: 15px 40px;
  color: #fff;
  font-size: 18px;
  display: inline-block;
  transition: all 0.2s;
  text-decoration: none;
}

.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.page-404 .intro-button::before,
.page-404 .intro-button::after {
  content: '';
  position: absolute;
  z-index: -1;
}

.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
  min-height: 53px;
  line-height: 1.4em;
  word-break: break-all;
}

.logo a {
  color: #000000;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}

.logo a:hover,
.logo a:focus {
  color: #000000;
}

.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}



/* ===============================================
   MENU BOX
   ============================================= */

#main-menu ul.children,
#main-menu ul.sub-menu {
  display: none;
}

#main-menu ul li:hover .sub-menu {
  display: block;
}

#main-menu {
  display: block;
  position: relative;
  margin: 0 auto;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
}

#main-menu ul li {
  position: relative;
  display: block;
  float: left;
  text-align: left;
  margin: 0 35px;
  padding: 20px 0;
}

#main-menu ul li.current_page_item:after,
#main-menu ul li:hover:after {
  position: absolute;
  bottom: -18px;
  width: 100%;
  height: 4px;
  background-color: #CD9967;
  left: 0;
  right: 0;
  display: block;
  content: '';
}

#main-menu ul.sub-menu li:after {
  display: none;
}

/*
#main-menu ul li.menu-item-has-children:after {
  content: '';
  background-image: url(images/sub-menu-icon.svg);
  position: absolute;
  right: 1px;
  width: 12px;
  height: 27px;
  top: 10px;
}*/

#main-menu ul li a {
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  line-height: 19.5px;
  text-align: left;
  color: #ffffff;
  text-decoration: none;
  display: block;
  z-index: 1;
  margin: 0;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;

}

#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover>a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus>a,
#main-menu li:focus>a,
#main-menu ul li.current-menu-item>a,
#main-menu ul li.current_page_item>a,
#main-menu ul li.current-menu-parent>a,
#main-menu ul li.current_page_ancestor>a,
#main-menu ul li.current-menu-ancestor>a {
  color: #CD9967;
}

#main-menu ul.children,
#main-menu ul.sub-menu {
  opacity: 0;
  position: absolute;
  top: 58px;
  left: 0;
  background: #fff;
  z-index: 10001;
  width: 213px;
  padding-left: 0;
  -webkit-transition: opacity 0.3s ease 0s;
  -moz-transition: opacity 0.3s ease 0s;
  -o-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}

#main-menu ul.children li,
#main-menu ul.sub-menu li {
  display: block;
  position: relative;
  float: none;
  line-height: 18px;
  margin-left: 0;
  margin-right: 0;
  -webkit-transform: skew(0deg);
  -ms-transform: skew(0deg);
  transform: skew(0deg);
  padding: 5px 10px;
}

#main-menu li li:hover>ul,
#main-menu li li:focus>ul,
#main-menu li li.focus>ul {
  top: 0px;
  left: -100%;
}

#main-menu ul.children li a,
#main-menu ul.sub-menu li a {
  display: block;
  position: relative;
  padding: 10px 14px;
  font-size: 14px;
  color: #000000;
  -webkit-transition:
    all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#main-menu ul.sub-menu li a:hover {
  color: #fff;
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  content: '';
  position: absolute;
  -webkit-transition:
    inherit;
  transition:
    inherit;
  z-index: -1;
}

#main-menu ul.sub-menu li a:before,
#main-menu ul.sub-menu li a:after {
  top: 0;
  width: 0;
  height: 100%;
}

#main-menu ul.sub-menu li a:before {
  left: 0;
  border: 1px solid #000000;
  border-left: 0;
  border-right: 0;
}

#main-menu ul.sub-menu li a:hover:before {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.sub-menu li a:after {
  right: 0;
}

#main-menu ul.sub-menu li a:hover:after {
  background: #000000;
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

#main-menu ul.sub-menu li a:hover:before,
#main-menu ul.sub-menu li a:hover:after {
  width: 100%;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

#main-menu li:hover>ul,
#main-menu li:focus>ul,
#main-menu li.focus>ul {
  opacity: 1;
  right: calc(100% - 213px);
}

.menu-toggle,
.dropdown-toggle,
button.close-menu {
  display: none;
  background: #000000;
  color: #fff;
}

#main-menu ul.children li ul:before,
#main-menu ul.sub-menu li ul:before {
  display: none;
}

.woocommerce a.button {
  background-color: #f6886a;
}

.woocommerce button.button.alt {
  background-color: #f6886a;
}

.woocommerce-message {
  border-top-color: #CD9967;
}


/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  width: 100%;
  margin-right: 20px;
}

.cart-sec,
.wish-view-btns {
  margin-right: 21px;
  display: flex;
  align-items: center;
}

.cart-sec .cart-customlocation,
.wish-view-btns a {
  position: relative;
  color: #f6886a;
  width: 60px;
  height: 60px;
  border-radius: 20px;
  background-color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 17px;
}

#popular-product span.discount_amt {
  border-radius: 50px;
  background-color: #f6886a;
  padding: 2px 5px;
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  position: absolute;
  top: 20px;
  left: 20px;
}

.wish-view-btns a {
  color: #CD9967;
}

.woocommerce div.product form.cart .button {
  margin-left: 10px;
  border: 0;
  outline: 0;
}

.wp-block-woocommerce-cart.alignwide {
  margin: 0;
}

.cart-sec p.cart-item-box {
  position: absolute;
  top: 0%;
  right: -10px;
  background: #CD9967;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px !important;
}

p.cart-item-box {
  position: absolute;
  top: 0%;
  right: -10px;
  background: #CD9967;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 12px !important;
}

.header .cart-sec p.cart-item-box {
  position: absolute;
  top: 12px;
  right: 5px;
  background: #CD9967;
  width: 18px;
  height: 18px;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  font-size: 8px !important;
  padding: 0;
  margin: 0;
  line-height: 18px;
}

.header-search .open-search-form i:hover {
  color: #000000;
}

/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property: all, -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}

.header-search .search-form.is-open {
  right: 0;
  height: 100%;
  visibility: visible;
}

.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

.header-search .search-form a.close-search-form {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}

.header-search .search-form i.searchform-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

.header-search .search-form.is-open i.searchform-close-button {
  opacity: 1;
}

.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn,
.open-menu {
  display: none;
}


/* ===============================================
   POST BOX
   ============================================= */



h4.post-title {
  font-size: 22px;
  color: #000000;
  font-weight: 800;
}

.post-meta i {
  color: #CD9967;
}

.post-meta span {
  text-decoration: none;
  text-transform: capitalize;
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #121d21;
  white-space: break-spaces;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
  max-width: 100%;
}

.post-content img,
.post-thumbnail img {
  max-height: 100%;
  height: auto;
}

.post-content:after {
  content: "";
  display: table;
  clear: both;
}

.latest-post .post-date {
  float: left;
}

.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #000000;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.single-product .main-wrapper {
  padding-top: 14rem !important;
}

.post-single .tags-bg a {
  padding: 10px 15px;
  background: #000000;
  border-radius: 5px;
  text-transform: uppercase;
  color: #fff;
  margin: 0 10px;
}

.post-single .tags-bg a:hover {
  background: #000000;
}

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #000000;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.post-single .blog_share_icon .fab:hover {
  transform: rotate(360deg);
  background: #CD9967;
}

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #000000;
  font-weight: 600;
}

.latest-post h4 a:hover {
  color: #CD9967;
}

.latest-post .post-content p {
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img {
  width: auto;
  display: inline-block;
  border-radius: 50%;
}

.latest-post {
  filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.08));
  background: #f1f4f7;
  border: 1px solid #e9e7f4;
  padding: 20px;
}

.latest-post .far.fa-calendar-alt,
.latest-post .fas.fa-bookmark {
  color: #717982;
}

.latest-post .icon-book {
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}

.latest-post figure {
  margin: 0;
  padding: 0;
  background: #000000;
  overflow: hidden;
}

.latest-post figure:hover+span {
  opacity: 1;
}

.latest-post figure img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

.latest-post .post-item:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}

.latest-post .far.fa-calendar-alt {
  color: #db1d14;
}

.latest-post .far {
  color: #db1d14;
  font-size: 18px;
}

.latest-post span {
  text-transform: uppercase;
  color: #ee9c71;
  letter-spacing: 1px;
  font-weight: 500;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input {
  width: 100%;
}

.comment-respond input#submit {
  background: #000000;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}

.comment-respond input#submit:hover {
  background-color: #CD9967;
}

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

.bypostauthor {
  display: block;
}

.comments-title {
  font-size: 1.125rem;
}

.comment-body .pull-left {
  padding-right: 0.625rem;
}

.comment-list {
  padding-left: 0;
}

.comment-list .comment {
  display: block;
}

.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}

.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}

.comment-content.card-block {
  padding: 15px;
}

.comment-reply a {
  background: #000000;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}

.comment-reply a:hover {
  background: #CD9967;
  color: #f3f4f7;
  text-decoration: none;
}


@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .logo {
    text-align: center;
  }

  .open-menu {
    display: block;
    color: #fff;
    padding: 0;
    margin-right: -20px;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu>li>ul.children,
  #main-menu>li>ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus>ul.children,
  #main-menu li.focus>ul.sub-menu,
  #main-menu li:hover>ul.children,
  #main-menu li:hover>ul.sub-menu,
  #main-menu li:focus>ul.children,
  #main-menu li:focus>ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #000000;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover>a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus>a,
  #main-menu li:focus>a,
  #main-menu ul li.current-menu-item>a,
  #main-menu ul li.current_page_item>a,
  #main-menu ul li.current-menu-parent>a,
  #main-menu ul li.current_page_ancestor>a,
  #main-menu ul li.current-menu-ancestor>a {
    background: none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.interior-designer-pro-pagination {
  margin: 25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.interior-designer-pro-pagination a span,
.interior-designer-pro-pagination span.current {
  display: inline-block;
  text-decoration: none;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21px;
  color: #222;
  border-radius: 4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  position: relative;
  margin: 0;
  -webkit-transition: background-color .3s ease;
  -moz-transition: background-color .3s ease;
  -ms-transition: background-color .3s ease;
  -o-transition: background-color .3s ease;
  transition: background-color .3s ease;
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.interior-designer-pro-pagination span.current,
.interior-designer-pro-pagination span.current:hover,
.interior-designer-pro-pagination span.current:focus,
.interior-designer-pro-pagination a span:hover,
.interior-designer-pro-pagination a span:focus {
  background: #000000;
  color: #ffffff;
}

.commentlist {
  list-style: none;
  margin: 0;
  padding: 0
}

.commentlist ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.commentlist li {
  margin: 0;
}

.commentlist li .comment-respond {
  margin-bottom: 25px;
}

.commentlist li:last-of-type .comment-respond {
  margin-bottom: 0px;
}

.comment-container {
  position: relative;
  margin: 0 0 25px 0;
  padding: 30px;
  background: #fff;
  border: solid 1px #f3f4f7 !important;
  z-index: 999
}

.comment-avatar img {
  float: left;
}

.comment-text {
  position: relative;
  margin-left: 110px;
  padding: 0 0 0 15px
}

.comment-container .comment-date {
  padding: 15px 0;
}

.comment-avatar {
  position: relative;
  width: 110px;
  float: left;
}

.comment-author .author {
  display: block;
  font-weight: bold;
}

.commentlist .children li {
  margin-left: 30px;
}

.comment-notes {
  font-size: 12px;
  margin: -25px 0 25px 0;
}

h3#reply-title,
h3.comments {
  height: 30px;
  line-height: 30px;
  margin: 30px 0;
}

h3#reply-title small,
.logged-in-as {
  font-size: 15px;
  margin: -25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
  padding: 10px 2%;
  background: #fff;
  width: 100%;
  margin: 0 0 15px 0;
  border: 1px solid black;
  color: #000000;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
}

.comment-form input[type=submit] {
  background: #000000;
  color: #fff;
  border: none;
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  position: relative;
  display: block;
  text-shadow: none;
  padding: 10px 15px;
  width: inherit;
  margin: 0;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
  cursor: pointer;

}

.comment-form input[type=submit]:hover,
.comment-form input[type=submit]:focus {
  background-color: #248efa;
  text-decoration: none
}

.logged-in-as a {
  color: #000000;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
  display: block;
}


/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img {
  width: 100%;
  height: auto;
}

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #fff;
  border: 1px solid #e9e7f4;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.08));
  padding-bottom: 15px;
}

.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
  line-height: 1.9em;
  font-weight: normal;
}

.sidebar-area a {
  font-size: 16px;
  line-height: normal;
  color: #000000;
}

.sidebar-area ul,
#calendar_wrap,
.sidebar-area .textwidget,
.tagcloud {
  list-style: none;
  margin: 0;
  padding: 0 15px;
}

.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
}

.sidebar-area li {
  padding-bottom: 15px;
  color: #000000;
}

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #CD9967;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase;
  background: #CD9967;
}

.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}

.sidebar-area .tagcloud a:hover {
  background: #000000;
  color: #fff;
}

.sidebar-area form {
  padding: 0;
}

.sidebar-area select,
.sidebar-area textarea,
#comments textarea,
.sidebar-area input[type="text"],
#comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}

.sidebar-area input[type="search"] {
  width: 69%;
  border: none;
  background: transparent;
}

#wp-calendar th,
#wp-calendar #today,
#wp-calendar #today a {
  background: #f3f4f7;
  color: #434343 !important;
}

#wp-calendar a:hover {
  border: none;
}

#wp-calendar {
  background: #fff;
  width: 100%;
}

#wp-calendar caption {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-align: left;
}

#wp-calendar th,
#wp-calendar td {
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  padding: 3px 6px;
}

#wp-calendar td a {
  display: block;
  text-align: center;
  font-size: 14px;
  color: #434343 !important;
  text-decoration: underline
}

#wp-calendar td#prev a,
#wp-calendar td#prev a {
  text-decoration: none;
  text-align: left;
}

#wp-calendar th {
  font-weight: bold
}

tr:nth-child(2n+2) {
  background-color: #f3f4f7;
}

.searchform label {
  display: block;
}


.sidebar-area .post-thumbnail {
  width: 80px;
  height: 80px;
  border-radius: 100px;
  overflow: hidden;
}

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 100%;
  border-radius: 50%;

}

.sidebar-area .post-title {
  font-size: 18px;
}

footer {
  background: #171014;
}

footer .sidebar-area {
  background: none;
  padding: 25px 0 0 0;
}

footer a,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {

  font-size: 14px;
  font-weight: 400;
  line-height: 30px;

}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width: 100%;
  height: auto;
}

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
  max-width: 100%;
  height: auto;
  margin-bottom: 20px;
}

.alignleft,
img.alignleft {
  display: inline;
  float: left;
  margin-right: 24px;
  margin-top: 4px;
}

.alignright,
img.alignright {
  display: inline;
  float: right;
  margin-left: 24px;
  margin-top: 4px;
}

div.aligncenter,
img.aligncenter {
  display: block;
  margin-left: auto !important;
  margin-right: auto !important;
  float: none;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  background: #f1f1f1;
  line-height: 18px;
  margin-bottom: 25px;
  max-width: 100% !important;
  padding: 4px;
  text-align: center;
}

.wp-caption img {
  margin: 5px 5px 0;
  width: 96%;
  height: 100%
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
}

.footer-area .woocommerce ul.cart_list li img,
.footer-area .woocommerce ul.product_list_widget li img {
  height: 70px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  background: #CD9967;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #000000;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}

#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
}

#button_scroll.show {
  opacity: 1;
  visibility: visible;
}

#button_scroll .fas {
  color: #fff;
  padding: 8px;
  margin: 5px 0;
}


#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#button_scroll::before,
#button_scroll::after {
  background: #000000;
  content: '';
  position: absolute;
  z-index: -1;
}

#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #F5F5F5;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #272239;
  ;
  ;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}

.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent transparent #CD9967F7;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }

  100% {}
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }

  100% {}
}

.lt {
  color: #000;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}

a.close-search-form {
  display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.admin-bar .fix-sticky {
  margin-top: 32px;
}


/*Body*/

.top-header option {
  background: #fff;
}

.delivery:hover,
.policy:hover {
  color: #CD9967;
}

.main-header {
  margin: 0;
  position: relative;
}

.main-header .container {
  position: relative;
}

.top-header .container {
  padding: 0;
}

.header-menu {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 999;
}

#banner {
  padding-top: 110px !important;
}

.header-menu .logo-image img {
  width: auto;
}

.header-menu .button1,
.header-menu .button2 {
  text-transform: uppercase;
  font-weight: 500;
  color: #3d3c3c;
  padding: 0 7px;
}

.header-menu .button1 {
  border-right: 2px solid #403f3f;
}


.order-button {
  display: flex;
  justify-content: space-between;
}

.order-button a {
  width: 40px;
  height: 40px;
  background: #CD9967;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
}

.order-button a:hover {
  background: #000000;
}

#site-navigation {
  background-color: #201B2F;
  margin-top: 20px;
  position: relative;
  padding: 16px 19px;
}

.logo-image {
  flex: 0 0 16.6%;
  max-width: 16.6%;
  position: relative;
}


.woocommerce .woocommerce-breadcrumb {
  margin-bottom: 2rem;
}


.header .order-button {
  display: flex;
  align-items: center;
  justify-content: space-around;
}

.product-btn {
  border: 0;
  background: transparent;
  outline: none;
  box-shadow: none;
  cursor: pointer;
}

.header .product-cat {
  list-style: none;
  position: absolute;
  top: 35px;
  left: 15px;
  right: 0;
  z-index: 999;
  text-align: left;
  font-size: 14px;
  border: none;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.08));
}

.header li.drp_dwn_menu {
  padding: 10px;
  background: #CD9967;
  border-bottom: 1px solid #fff;
}

.header li.drp_dwn_menu:hover {
  background: #000;
}

.header li.drp_dwn_menu a {
  color: #fff;
}

.product-btn:focus {
  outline: none;
}

i.fa.fa-shopping-bag {
  margin-right: 28px;
}

/*SLIDER SECTION*/

#slider {
  position: relative;
}

.slider-heading {
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  letter-spacing: 3px;
}

.slider-heading span {
  color: #CD9967;
}

#slider .work-enquiry-div .deta-box {
  height: 70px;
  border-radius: 35px;
  background-color: #ffffff;
  padding: 10px;
}

#slider h4.kaushan-font {
  font-size: 36px;
}

#slider .slider-box img {
  height: 845px;
  width: 100%;
  object-fit: cover;
}

#slider .slider-text {
  left: 4%;
  max-width: 613px;
  font-size: 18px;
  line-height: 34px;
  color: #fff;
  font-weight: 500;
  bottom: auto;
  top: 245px;
  margin-bottom: 53px;
}

.slider-content {
  max-width: 588px;
  margin-bottom: 30px;
}

#slider .owl-dots {
  position: absolute;
  bottom: 113px;
  right: 36.6%;
}

#slider .owl-nav {
  bottom: 95px;
  position: absolute;
  right: 34.5%;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
  font-size: 32px;
  border: 0;
  outline: 0;
}

#slider .owl-carousel .owl-dots .owl-dot {
  width: 28px;
  height: 1.5px;
  background-color: #ffffff;
  margin: 0 6px;
}

.slider-contact-bottom .button {
  position: relative;
  padding: 0 64px 0 30px;
  line-height: 65px;
  height: 65px;
  border: solid 2px #CD9967;
}

.slider-contact-bottom .button:hover {
  color: #fff;
  border: solid 2px #CD9967;
}

.slider-contact-bottom .button:after,
.slider-contact-bottom .button:hover:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(images/arrow-right.svg);
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
  left: auto;
}

@media screen and (min-width: 1800px) {
  #slider .slider-text {
    left: 12.5%;
  }

  #slider img {
    max-height: 945px;
  }

  div#gallery_div {
    background-position: center 0 !important;
  }

  #slider .owl-nav {
    right: 37.5%;
  }

  #slider .owl-dots {
    right: 39.6%;
  }
}

#slider h2 {
  margin-bottom: 20px;
}

#slider h1 {
  color: #fff;
  font-size: 64px;
  font-weight: 700;
  line-height: 78.02px;

}

#slider h1 span {
  color: #CD9967;
}

.header-menu {
  margin-left: -15px;
  margin-right: -15px;
}

header .contact-us .buttons {
  border: solid 1px #fff;
  padding: 15px 71px 15px 31px;
  position: relative;
  display: block;
  font-weight: 600;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
  header .contact-us .buttons {
    padding: 15px 56px 18px 13px;
  }

  header .contact-us .buttons:after {
    right: 20px;
  }

}

@media screen and (min-width: 1300px) and (max-width: 1400px) {
  .container {
    padding: 0 30px;
  }

}

header .contact-us .buttons:after {
  content: '';
  position: absolute;
  width: 24px;
  height: 24px;
  background-image: url(images/arrow-right.svg);
  right: 30px;
  top: 50%;
  transform: translateY(-50%);
}

.button {
  transition: linear 300ms;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;

  font-size: 16px;
  line-height: 16px;
  color: #ffffff;
  font-weight: 600;
  height: 54px;
  line-height: 54px;
  display: table;
  padding: 0 40px;
  background-color: #CD9967;
}

.button:hover {
  color: #CD9967;
  background-color: #fff;
}

.button,
.button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}


.button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#about_us h5,
#Our-team h6,
#recent_blog h5,
#testimonials h5,
#contact_detail h5,
#gallery_div h5 {
  color: #CD9967;
  margin: 0 0 30px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  letter-spacing: 3px;

}

/* ABout Us Section */

#about_us {
  padding: 125px 0 67px !important;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
  color: #626B7D;
}

.about-us-right {
  padding-left: 57px;
  max-width: 609px;
}

#about_us .div2 {
  font-size: 16px;
  line-height: 35px;
  font-weight: 300;
}

#about_us figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
}

#about_us figure:hover+span {
  opacity: 1;
}

#about_us img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
}


#about_us .button {
  background: #222222;
  color: #fff;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
  font-weight: 400;
  overflow: hidden;
  display: inline-block;
  border-radius: 30px;
}

#about_us .about-us-div {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#about_us .about-us-div span {
  color: #780CAB;
}

#about_us .content {
  margin-bottom: 22px;
}

#about_us p.about-text.ml-2 {
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  color: #55585B;
  margin-bottom: 0;
}


.page-template-frontpage h3 {
  color: #010f1c;
  font-size: 44px;
  font-weight: 700;
  line-height: 53.64px;
  margin-bottom: 30px;
}

/* What We Do Section*/
div#what_we_do {
  padding-bottom: 87px;
}

#what_we_do .what-backg {
  background-repeat: no-repeat;
  background-size: 100% 561px;
  background-position: center;
}

#what_we_do .what-we-do {
  padding: 15px;
  background: #fff;
  margin: 23px 0;
  box-shadow: 0px 4px 14px 0px #0000000D;
}

.do-thumb {
  overflow: hidden;
}

.do-thumb img {
  transition: all 0.2s ease-out;
  overflow: hidden;
}

.do-thumb img:hover {
  transform: scale(1.1);
}

#what_we_do .do-deatil h4 {
  font-size: 24px;
  font-weight: 700;
  line-height: 29.26px;
  color: #333333;
  margin-bottom: 10px;
}

#what_we_do .do-deatil p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #666666;
  margin-bottom: 0;
}

.do-deatil {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
  align-content: center;
  padding: 0 28px 0 7px;
}

#what_we_do h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  letter-spacing: 3px;
  color: #CD9967;
}

#what_we_do h2 {
  font-size: 44px;
  font-weight: 700;
  line-height: 53.64px;
  color: #fff;
  text-transform: capitalize;
  max-width: 458px;
}

.what_we_do_text {
  padding-top: 9%;
}

/*Our Project*/

ul#filterOptions {
  display: flex;
  padding: 0;
  border-bottom: solid 1px #626B7D66;
  margin-bottom: 47px;
}

#gallery_div .tab-section button {
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
  padding: 14px 44px;
}

#gallery_div .tabcontent.active {
  display: block;
}

#gallery_div .tabcontent {
  display: none;
  margin: 0 0 36px;
}

#gallery_div h5 {
  margin-bottom: 5px;
}

#gallery_div ul li {
  list-style: none;
  padding: 0 48px 0 0;
}

#gallery_div .tablinks.active {

  position: relative;
  background-color: #CD9967;
  color: #fff;
}


#gallery_div .tablinks {
  color: #000000;
  padding: 10px 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.94px;

}

#gallery_div h3 {
  margin-bottom: 30px;
}

#gallery_div h3.our-project {
  font-size: 44px;
  font-weight: 700;
  line-height: 53.64px;
  color: #272239;
}

#ourHolder {
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

#ourHolder .grid-item {
  max-width: 50%;
  flex: 0 0 50%;
  padding: 0 15px;
  margin-bottom: 30px;
  overflow: hidden;
}

#gallery_div figure {
  margin: 0;
  overflow: hidden;
  background-color: #272239;
  box-shadow: 0px 4px 14px 0px #0000000D;
  position: relative;
  transition: all 0.2s ease-out;
}

#gallery_div figure:hover .search-icon {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 45%;
  transform: translateY(-50%);
  width: 70px;
  height: 70px;
  background-image: url(images/search-icon.png);
  transition: all 0.2s ease-out;
  cursor: pointer;
  z-index: 99;
}

#gallery_div figure:hover img {
  opacity: 40%;
  transition: all 0.2s ease-out;
}

#gallery_div figure h4 {
  position: absolute;
  left: 40px;
  bottom: 40px;
  font-size: 24px;
  font-weight: 900;
  line-height: 29.26px;
  color: #fff;
  transition: all 0.2s ease-out;
}

#gallery_div figure h5 {
  position: absolute;
  left: 40px;
  bottom: 40px;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  line-height: 24.38px;
  display: none;
  transition: all 0.2s ease-out;
}

#gallery_div figure:hover h5 {
  display: block;
}

#gallery_div figure:hover h4 {
  bottom: 79px;
}

#gallery_div figure:hover+span {
  opacity: 1;
}

#gallery_div img {
  width: 100%;
  height: 537px;
  object-fit: cover;
}

#gallery_div figure.projects-img {
  position: relative;
  overflow: hidden;
  text-align: center;
  -webkit-perspective: 50em;
  perspective: 50em;
}

#gallery_div figure.projects-img * {
  -webkit-box-sizing: padding-box;
  box-sizing: padding-box;
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  object-fit: cover;
}

#gallery_div figure.projects-img {
  max-width: 100%;
  vertical-align: top;
}

#gallery_div .project-box {
  margin: 0 0 36px;
  padding: 15px;
  background-color: #fff;
}

#gallery_div figure:hover figcaption,
#gallery_div figure.hover figcaption {
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}

#gallery_div figure:hover:after,
#gallery_div figure.hover:after {
  -webkit-transform: rotateX(0);
  transform: rotateX(0);
  opacity: 1;
}

#gallery_div figcaption {
  top: 90%;
  left: 0%;
  right: 20%;
  position: absolute;
  opacity: 0;
  z-index: 1;
  margin: 0 auto;
}

#gallery_div .icon {
  color: #fff;
  font-size: 16px;
}

#gallery_div a.read_more {
  color: #fff;
  font-weight: 600;
  cursor: pointer;
}

#gallery_div a.read_more:hover {
  color: #2d3446;
}

#gallery_div .button {
  background: #dd7643;
  color: #fff;
  padding: 10px 20px;
  font-weight: 600;
  overflow: hidden;
  display: inline-block;
  text-transform: uppercase;
  font-size: 14px;
}

#gallery_div .button:hover {
  background: #fff;
  color: #23272c;
}

#gallery_div .button,
#gallery_div .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

#gallery_div .button::before,
#gallery_div .button::after {
  background: #dd7643;
  content: '';
  position: absolute;
  z-index: -1;
}

#gallery_div .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

#gallery_div .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

#gallery {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 36px;
  -moz-column-gap: 36px;
  column-gap: 36px;
}

#gallery_div a.button1 {
  padding: 10px 25px;
  font-size: 14px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 600;
  background-color: #dd7643;
  transition: linear 300ms;
  text-transform: uppercase;
  margin: 30px auto 0;
  display: table;
}

#gallery_div a.button1:hover {
  color: #262930;
  background: #fff;
}

/*FAQ SECTION*/

#faq-section {
  padding: 38px 0 110px !important;
}

#faq-section h3 {
  font-size: 44px;
  font-weight: 700;
  line-height: 48px;
  color: #272239;
}

#faq-section p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  margin-bottom: 0;
}

#faq-section .aks-accordion-item-row {
  display: flex;
  justify-content: flex-start;
  font-size: 18px;
  font-weight: 500;
  align-items: center;
  margin-bottom: 30px;
  cursor: pointer;
}

#faq-section .opened .aks-accordion-item-row {
  background: #CD9967;
  color: #fff;
  padding: 26px 56px 26px 30px !important;
}

#faq-section .aks-accordion-item-icon {
  width: 24px;
  height: 24px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
  position: absolute;
  right: 30px;
}

#faq-section .aks-accordion-item-icon .fas {
  color: #CD9967;
  background: #fff;
  border-radius: 50px;
  padding: 4px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  padding: 0;
  text-align: center;
}

#faq-section .aks-accordion-item-title {
  width: 100%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

#faq-section .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
}

#faq-section .aks-accordion-item-icon {
  width: 25px;
  height: 25px;
  border-radius: 9999px;
  cursor: pointer;
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1rem;
  text-align: center;
}

#faq-section .aks-accordion-item-icon .fas {
  color: #fff;
  background: #292D32;
  border-radius: 50px;
  padding: 4px;
  width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 24px;
  padding: 0;
  text-align: center;
}

#faq-section .aks-accordion-item-icon .fas.fa-minus {
  background-color: #fff;
  color: #CD9967;
}

#faq-section .aks-accordion-item-title {
  width: 90%;
  text-align: left;
  line-height: 1.5;
  display: flex;
  align-items: center;
}

#faq-section .aks-accordion-item-content {
  display: none;
  width: 100%;
  overflow: hidden;
  word-break: break-word;
  text-align: left;
  line-height: 1.5;
  padding: 0px 82px 30px 30px;
}


#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-open {
  display: none;
}

#faq-section .aks-accordion-item-icon-close {
  display: none;
}

#faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close {
  display: block;
}

#faq-section .aks-accordion h6 {
  font-size: 18px;
  color: #272239;
  font-weight: 500;
  line-height: 28px;
  margin-bottom: 0;
}

#faq-section .aks-accordion .opened h6 {
  color: #fff;
}

#faq-section figure {
  margin: 0;
  padding: 15px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 4px 14px 0px #0000000D;
  max-width: 637px;
}

.faq-icon {
  position: relative;
}

.faq-icon::before {
  position: absolute;
  width: 148px;
  height: 229px;
  background-image: url(images/faq/faq-icon.png);
  left: -110px;
  top: 0;
  content: '';
  z-index: -1;
}

.faq-icon::after {
  position: absolute;
  width: 176px;
  height: 176px;
  background-image: url(images/faq/faq-wave.png);
  right: -20px;
  bottom: -60px;
  content: '';
  z-index: -1;
}

#faq-section figure:hover+span {
  opacity: 1;
}

#faq-section figure img {
  width: 100%;
}

/*Our Team Section*/

#Our-team .team-backg {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-bottom: 102px;
}

#Our-team h3 {
  margin: 0 auto 52px;
  color: #fff;
  text-transform: capitalize;
}

#Our-team .team-deatil h2 {
  font-size: 24px;
  color: #272239;
  line-height: 36px;
  text-align: center;
  font-weight: 700;
  text-transform: capitalize;
  margin-bottom: 10px;
}

.team-section {
  padding-top: 110px;
  max-width: 1149px;
  margin: auto;
}

#Our-team .team-deatil h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #272239;
  margin-bottom: 0;
}

#Our-team .team-cols {
  background: #fff;
  padding: 11px 11px 39px 11px;
  margin-bottom: 30px;
}

#Our-team .team-cols .team-thumb {
  overflow: hidden;
  margin-bottom: 20px;
}

#Our-team .team-cols .team-thumb img {
  width: 100%;
  object-fit: cover;
  transition: .3s ease-in-out;
  height: 376px;
}

#Our-team .team-cols .team-thumb img:hover {
  transform: scale(1.1);
}

#Our-team .owl-carousel .owl-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}

#Our-team .owl-carousel .owl-nav button.owl-prev,
#Our-team .owl-carousel .owl-nav button.owl-next {
  background-color: #ffffff;
  border: 0;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  font-size: 30px;
  line-height: 30px;
  left: -145px;
  position: absolute;
  top: -50px;
}

#Our-team .owl-carousel .owl-nav button.owl-next {
  right: -145px;
  left: auto;
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {

  #Our-team .owl-carousel .owl-nav button.owl-prev,
  #Our-team .owl-carousel .owl-nav button.owl-next {
    left: -90px;
    right: auto;
  }

  #Our-team .owl-carousel .owl-nav button.owl-next {
    right: -90px;
    left: auto;
  }
  ul#filterOptions {
    justify-content: space-between;
  }
  #gallery_div ul li {
    padding: 0;
  }
}

/*Recent Blog Section*/


body.home #recent_blog {
  padding: 110px 0 70px;
}

#recent_blog .wish-view-btns a {
  border: solid 1px rgba(203, 178, 255, 1);
  width: 45px;
  height: 45px;
  border-radius: 45px;
  margin: 0 3px;
  font-size: 14px;
  line-height: 45px;
  text-align: center;
  color: #FC7277;
}


#recent_blog .blog-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center top;
}

#recent_blog .row .col-md-4:first-child,
#recent_blog .row .col-md-4:nth-child(3) {
  flex: 0 0 30%;
  max-width: 30%;
}

#recent_blog .row .col-md-4:nth-child(2) {
  flex: 0 0 39.933333%;
  max-width: 39.933333%;
}

#recent_blog .row .col-md-4,
#recent_blog .row .col-md-6 {
  margin-bottom: 41px;
  padding-left: 20px;
  padding-right: 21px;
}

#recent_blog .row .col-md-4:nth-child(4),
#recent_blog .row .col-md-4:nth-child(5) {
  flex: 0 0 50%;
  max-width: 50%;
}

.blog-title {
  text-align: center;
}

#recent_blog h5 {
  margin-bottom: 5px;
}

#recent_blog h3 {
  max-width: 300px;
  margin: 0 auto 50px;
}

#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#recent_blog figure:hover+span {
  opacity: 1;
}

#recent_blog .recent_box {
  background: #FFFFFF;
  opacity: 1;
  margin: 0;
  overflow: hidden;
  box-shadow: 0px 5px 24px 0px #0000001F;
  display: flex;
  flex-wrap: wrap;
  padding: 15px 15px 20px;
  height: 100%;
}

#recent_blog .recent_box .post-thumbnail {
  position: relative;
}

#recent_blog .recent_box .post-thumbnail .read_more {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  transform: translateY(-50%);
  display: none;
}

#recent_blog .recent_box:hover .post-thumbnail .read_more {
  background-color: #fff;
  color: #CD9967;
  display: table;
}

#recent_blog h4.post-title {
  margin: 0 0 10px;
}

#recent_blog img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: 350px;
  width: 100%;
  object-fit: cover;
}

#recent_blog .recent_box .post-thumbnail {
  overflow: hidden;
}

#recent_blog img:hover {
  transform: scale(1.1);
}

#recent_blog h4 a {
  color: #000203;
  font-weight: 500;
  font-size: 20px;
  line-height: 30px;
}

#recent_blog .read_more {
  color: #fff;
  font-weight: 600;
  background: #CD9967;
  padding: 8px 26px;
  font-size: 12px;
  line-height: 14.63px;
}

#recent_blog a.button3.read_more {
  position: absolute;
  top: 51px;
  left: 50px;
}

#recent_blog .post-details {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}

#recent_blog .post-time {
  text-transform: capitalize;
  margin-left: 5px;
}

#recent_blog .recent_post {
  padding: 0 20px;
  line-height: 28px;
  width: 100%;
}

#recent_blog .post-details .dashicons {
  font-size: 18px;
  color: #CD9967;
  margin-top: 2px;
}

#recent_blog .recent_post p.content-post {
  margin-bottom: 0;
  min-height: 115px;

}

#recent_blog .post-date {
  background: #CD9967;
  color: #fff;
  position: absolute;
  top: 0;
  right: 20px;
  padding: 10px;
  font-weight: 500;
  border-radius: 0 0 20px 20px;
  width: 150px;
  text-align: center;
}

#recent_blog .owl-carousel .owl-nav button span {
  display: block;
}

#recent_blog .fas {
  font-size: 20px;
}

#recent_blog .post-user,
#recent_blog .post-details,
#recent_blog .post-details a {
  text-transform: capitalize;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;
  color: #CD9967;

}

.post-content .read_more i.fa.fa-arrow-right {
  color: #CD9967;
  font-size: 12px;
  margin-left: 5px;
  transition: linear 600ms;
}

#recent_blog .post-content .read_more:hover {
  color: #040f30;
  transition: linear 600ms;
}

.post-content .read_more:hover i.fa.fa-arrow-right {
  margin-left: 10px;
  color: #040f30;
}

.blog-view-btns {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #626B7D26;
  padding-top: 20px;
  margin-top: 85px;
  color: #626B7D;
  font-size: 14px;
  font-weight: 400;
  line-height: 17.07px;

}

.blog-view-btns .post-comments,
.blog-view-btns .wish-view-btns {
  display: flex;
  align-items: center;
  margin: 0;
}

.blog-view-btns span {
  margin-right: 10px;
}

/*Pricing Table Section */

#pricing_table h3 {
  color: #2c233d;
}

#pricing_table .special-offer-box {
  background: #fff;
  padding: 15px;
  box-shadow: 0px 5px 24px 0px #0000001F;
}

#pricing_table .button {
  background: #CD9967;
  color: #fff;
  padding: 0 20px;
  height: 45px;
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 20px;
  display: inline-block;
  transition: all .5s ease 0s;
  width: 100%;
  text-align: center;
}

#pricing_table {
  padding: 110px 0 !important;
}

#pricing_table .pricing_tag {
  color: #fff;
  background: #6f6484;
  border-radius: 30px;
  height: 25px;
  padding: 0 10px;
  margin-left: 30px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 25px;
}

#pricing_table .plan-list-div .dashicons {
  color: #CD9967;
  font-size: 27px;
  margin-right: 16px;
  width: 24px;
  height: 24px;
}

#pricing_table .plan-list-div.free-text-icon .dashicons {
  background: #272239;
  color: #fff;
  border-radius: 30px;
  font-size: 20px;
  width: 22px;
  line-height: 22px;
  height: 22px;
}

#pricing_table .plan-list-div {
  line-height: 16px;
  margin-bottom: 35px;
  display: flex;
  align-items: center;
}

#pricing_table .plan-list-div p {
  margin-bottom: 0;
}

.plan-list-wrap {
  max-width: 280px;
  margin: auto;
}

.plan-list-wrap .text-center {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
  text-transform: capitalize;
}

#pricing_table .special-price {
  color: #272239;
}

a#pricingtable-button {
  display: flex;
}

#pricing_table #pricingtable-button h6 {
  background-color: #272239;
  color: #fff;
  padding: 5px;
  display: flex;
  margin: 0 auto 50px;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
}

#pricing_table #pricingtable-button h6 span {
  padding: 0 22px;
  display: block;
  cursor: pointer;
}

#pricing_table #pricingtable-button h6 .special-text,
#pricing_table #pricingtable-button.on h6 .special-text2 {
  background-color: #CD9967;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#pricing_table #pricingtable-button.on h6 .special-text {
  background-color: transparent;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#pricing_table .special-box {
  color: #272239;
  font-size: 40px;
  font-weight: 700;
  line-height: 48.76px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  margin-bottom: 33px !important;
}

.pricing-thumb {
  overflow: hidden;
}

.pricing-thumb img {
  width: 100%;
  height: 321px;
  transition: .3s ease-in-out;
}

.pricing-thumb img:hover {
  transform: scale(1.1);
}

#pricing_table .row .col-lg-4 {
  flex: 0 0 30.933333%;
  max-width: 30.933333%;
}

#pricing_table .row .col-lg-4:nth-child(2n) {
  flex: 0 0 38.133333%;
  max-width: 38.133333%;
}

#pricing_table .titel-box h6 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24.38px;
  letter-spacing: 0.1em;
  color: #CD9967;
  text-align: center;
  margin: 27px 0 32px;
  text-transform: uppercase;
}


/*Testimonials Section*/

.testimonial_description p {
  font-size: 16px;
  font-weight: 400;
  line-height: 26px;
  color: #666666;
  margin-bottom: 0;
}

.testi-name h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  color: #272239;
  margin-bottom: 5px;
}

.testi-name h6 {
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
  color: #666666;
  margin-bottom: 20px;
}

.testi-quote span {
  font-size: 50px;
  line-height: 40px;
  color: #626B7D4D;
  width: 100%;
  height: 100%;
}

.testi-quote {
  position: absolute;
  right: 40px;
  transform: rotate(180deg);
  width: 60px;
  height: 60px;
  display: flex;
  align-items: flex-start;
  top: -20px;
}

.testimonials-boxes {
  background-color: #fff;
  position: relative;
  padding: 51px 45px 51px 38px;
  margin-top: 50px;
}

.testimonials-boxes::before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  background-color: #fff;
  box-shadow: 0px 4px 14px 0px #0000000D;
}

.testimonials-boxes:hover:before {
  background-color: #F4F4F4;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  box-shadow: none;
}

#testimonials .testi-thumb img {
  width: 258px;
  height: 387px;
  object-fit: cover;
}

.testimonials-carousel {
  margin-left: -20px;
  margin-right: -20px;
}

#testimonials .testi-thumb {
  position: absolute;
  top: -95px;
}

#testimonials .owl-nav {
  position: absolute;
  top: -90px;
  right: 0;
}

#testimonials .owl-carousel .owl-nav button.owl-prev,
#testimonials .owl-carousel .owl-nav button.owl-next {
  font-size: 36px;
  border: 0;
  outline: 0;
  width: 40px;
  color: #292D32;
}

/*#testimonials .owl-carousel .owl-nav button:hover {
  background-color: #d0d2d8;
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 6px;
}*/


/*Contact Detail Section*/

#contact_detail .contact-backg {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center bottom;
  padding-bottom: 102px;
}

#contact_detail .form {
  max-width: 600px;
  padding: 50px;
  background: #FFFFFF;
  box-shadow: 0px -6px 43px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
}

#contact_detail .form input {
  height: 52px;
  line-height: 52px;
  background: #F4F4F4;
  border: 2px solid #F4F4F4;
  border-radius: 10px;
  width: 100%;
  padding: 0 16px 0 49px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #777D83;
  margin-bottom: 20px;
}

#contact_detail .form input[name="FullName"] {
  background-image: url(images/contact-detail/user.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[type="email"] {
  background-image: url(images/contact-detail/sms.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[type="tel"] {
  background-image: url(images/contact-detail/call-calling.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form input[name="Website"] {
  background-image: url(images/contact-detail/global.png);
  background-position: 14px center;
  background-repeat: no-repeat;
}

#contact_detail .form textarea {
  background: #F4F4F4;
  border: 2px solid #F4F4F4;
  border-radius: 10px;
  width: 100%;
  padding: 16px;
  font-weight: 500;
  font-size: 15px;
  letter-spacing: 0.3px;
  color: #777D83;
  margin-bottom: 20px;
  height: 180px;
}

#contact_detail .form [type="submit"] {
  border-radius: 30px;
  height: 64px;
  line-height: 64px;
  font-size: 18px;
  font-weight: 600;
  cursor: pointer;
  background-image: linear-gradient(90deg, #f3017a 0%, #670db1 100%);
  color: #fff;
  border: 0;
  margin-bottom: 0;
  margin-top: 13px;
}

#contact_detail .wpcf7-spinner {
  position: absolute;
  left: 0;
}

#contact_detail .form p {
  margin-bottom: 0;
}

#contact_detail .news-heading {
  max-width: 418px;
  margin-left: 20%;
  font-size: 18px;
}

#contact_detail .news-heading h3 {
  margin-bottom: 0;
}

#contact_detail h5 {
  margin-bottom: 0;
  display: table;
}

#contact_detail h6 {
  color: #F3017A;
  font-size: 24px;
  margin-bottom: 11px;
  line-height: 24px;
  font-weight: 600;
}

#contact_detail p {
  margin-bottom: 30px;
}

#contact_detail .contact-bottom {
  display: flex;
}

#contact_detail .details-contact {
  margin-left: 48px;
  font-size: 15px;
  line-height: 12px;
}

.contact-bottom a.button1.animate__animated.animate__pulse {
  border: 0;
  color: #C0068F;
  padding: 0px 32px;
  border-radius: 50px;
  line-height: 50px;
  height: 54px;
  font-size: 16px;
  font-weight: 700;
  color: #CD9967;
  position: relative;
  background: linear-gradient(90deg, #780CAB 0%, #C0068F 65.6%, #C2068E 67.6%, #CD9967 100%);
}

.contact-bottom a.button1.animate__animated.animate__pulse:after {
  content: '';
  position: absolute;
  width: 163px;
  height: 49px;
  left: 1.5px;
  top: 2.7px;
  border-radius: 50px;
  background-color: #fff;
  z-index: -1;
}



#services-page .services-box {
  background: #fff;
  filter: drop-shadow(0 0 25px rgba(100, 58, 117, 0.1));
  border-radius: 10px;
}

#services-page .services-box h4.post-title {
  font-size: 18px;
  font-weight: 700;
}

#services-page .services-box h4.post-title:hover {
  color: #222222;
}

#services-page figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 10px;
}

#services-page figure:hover+span {
  opacity: 1;
}

#services-page img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}

#services-page .services-box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
  border-radius: 10px;
}

#services-page .read_more {
  text-transform: uppercase;
  color: #222222;
  font-weight: 700;
}

/* Get In Touch Section*/

#get_in_touch .container.contact_box {
  max-width: 1920px;
}

.get-in-backg-text {
  max-width: 757px;

}

.get-in-backg-form {
  max-width: 740px;
  margin-left: auto;
}

#get_in_touch .get-in-backg-form .get-thumb-wrap {
  margin-left: -360px;
}

.form-wrap {
  max-width: 262px;
  margin-left: 56px;
}

.form-wrap input,
.form-wrap textarea {
  border: 0;
  outline: 0;
  background-color: transparent;
  border-bottom: solid 1px #FFFFFF66;
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  color: #fff;
  margin-bottom: 30px;
  padding: 0;
  width: 100%;
}

.form-wrap textarea {
  height: 119px;
}

.form-wrap input[type="submit"] {
  background: #272239;
  font-size: 16px;
  font-weight: 600;
  line-height: 50px;
  color: #fff;
  height: 50px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  text-transform: uppercase;
  cursor: pointer;
}

.form-wrap input[type="submit"]:hover {
  background: #fff;
  color: #272239;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}

.form-wrap p {
  margin-bottom: 0;
}

.form-wrap .wpcf7-spinner {
  position: absolute;
  right: 0;
}

::-webkit-input-placeholder {
  color: #fff;
}

::-moz-placeholder {
  color: #fff;
}

/* firefox 19+ */
:-ms-input-placeholder {
  color: #fff;
}

/* ie */
input:-moz-placeholder {
  color: #fff;
}

.get-text {
  max-width: 252px;
  color: #fff;
  font-weight: 400;
  line-height: 19.5px;
  margin-left: auto;
  margin-right: 71px;
}

.get-text p {
  margin-bottom: 30px;
}

#get_in_touch .col-md-6 .row {
  align-items: center;
  justify-content: center;
  height: 615px;
  position: relative;
}

#get_in_touch .col-md-6 .get-in-backg-text .row {
  right: -180px;
}

#get_in_touch h5 {
  font-size: 20px;
  font-weight: 700;
  line-height: 24.38px;
  letter-spacing: 3px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

#get_in_touch h6 {
  font-weight: 400;
}

#get_in_touch .get-thumb {
  padding: 15px;
  box-shadow: 0px 4px 14px 0px #0000000D;
  background-color: #fff;
  width: 379px;
  height: 527px;
  overflow: hidden;
}

#get_in_touch .get-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s ease-in-out;
}

#get_in_touch .get-thumb img:hover {
  transform: scale(1.1);
}

#get_in_touch .col-md-6 {
  padding: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1720px) {
  #get_in_touch .col-md-6 .get-in-backg-text .row {
    right: 0;
  }

  #get_in_touch .get-in-backg-form .get-thumb-wrap {
    margin-left: 0;
  }

  #get_in_touch .get-thumb {
    width: 90%;
  }

  #get_in_touch .get-in-backg-form .get-thumb-wrap .get-thumb {
    position: relative;
    left: 10%;
  }
}

/*Brand Logo Section*/

div#client-logo {
  margin: 110px 0 -70px;
  position: relative;
  z-index: 9;
}


.b_logo {
  background: #fff;
  padding: 51px 185px;
}

.brand-box {
  padding: 0 55px;
  display: flex;
  align-items: center;
  height: 100%;
}

#client-logo .brands-logo img {
  height: auto;
  width: auto;
}

#client-logo .owl-carousel .owl-stage {
  display: flex;
}

/*Footer Section*/

footer.footer-area {
  padding-top: 80px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF80;

}

footer.footer-area .footer {
  margin-top: 80px;
}

.footer-area form {
  position: relative;
  margin: 35px 0 10px;
}

.footer1 .widget p {
  margin-bottom: 30px;
}

.footer-area form input[type="email"] {
  height: 50px;
  color: #FFFFFF80;
  padding: 9px 20px;
  width: 100%;
  outline: 0;
  background-color: transparent;
  border: 1px solid #FFFFFF80;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 300;
  line-height: 32px;
  text-align: left;
}

.footer-area form ::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #FFFFFF80;
}

.footer-area form ::-moz-placeholder {
  /* Firefox 19+ */
  color: #FFFFFF80;
}

.footer-area form :-ms-input-placeholder {
  /* IE 10+ */
  color: #FFFFFF80;
}

.footer-area form :-moz-placeholder {
  /* Firefox 18- */
  color: #FFFFFF80;
}

.footer-area form [type="submit"] {
  position: absolute;
  width: 18px;
  height: 18px;
  border: 0;
  background-color: transparent;
  font-size: 0;
  background-image: url(images/sms.png);
  cursor: pointer;
  right: 16px;
  top: 16px;
}

.submit-btn {
  position: absolute;
  top: 3px;
  right: 5px;
  width: 47px;
  height: 46px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.submit-btn p {
  position: absolute;
  width: 100%;
}

.submit-btn .wpcf7-spinner {
  margin: 0;
}

.submit-btn [type="submit"] {
  cursor: pointer;
  border: 0;
  font-size: 0;
  background-color: #fff;
  transition: all 0.6s;
  color: #fff;
  width: 47px;
  height: 47px;
  border-radius: 47px;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
}

.submit-btn::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 700;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
  content: "\f061";
  z-index: 99;
  transform: rotate(-45deg);
  color: #fff;
  font-size: 18px;
}

.footer-area .textwidget {
  list-style: none;
}

.footer-area .textwidget ul {
  padding: 0;
}

.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #a4a0bc;
  font-weight: 500;
}

.footer-area li::marker {
  color: #222222;
}

.footer-area h4 {
  color: #fff;
  position: relative;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 36px;

}

.textwidget .contact-info {
  display: flex;
  margin-bottom: 20px;
}

.textwidget span.dashicons {
  margin-right: 10px;
  color: #CD9967;
}

.footer-area .fab,
.footer-area .fas,
.footer-area .far {
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 15px;
  width: 33px;
  height: 33px;
  background: #000000;
  border-radius: 30px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.footer-area .textwidget ul.social-links {
  padding-left: 0;
}

.footer-area .fab {
  width: 24px;
  height: 24px;
  color: #565764;
  background-color: #fff;
  font-size: 14px;
  line-height: 24px;
}

.copyright .social-links a {
  line-height: normal;
  margin-left: 10px;
}

.footer-area .fab:hover {
  background: #fff;
  color: #fff;
  transition: all 400ms;
  background-color: #CD9967;
}

.footer-area .post-thumbnail img {
  max-width: 100px;
  height: 70px;
  float: right;
}

.footer-area .post-title {
  font-size: 16px;
  font-weight: 400;
}

.footer-area .post-meta a {
  font-weight: 400;
  color: #222222;
  font-size: 18px;
}

.footer-area ul {
  padding: 0 0 0 15px;
  line-height: 2;
  list-style: none;
}

.footer-area li {
  margin: 0;
}

.footer-area li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF80;
}

.footer-area select {
  width: 100%;
  padding: 10px;
}

.footer-area bdi {
  color: #222222;
}


footer.footer-area .footer-2 {
  padding: 0 0 0 70px;
}

footer.footer-area .footer-2 ul li {
  position: relative;
  padding: 0 25px 0 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

footer.footer-area .footer-2 ul li a {
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  color: #FFFFFF80;
}

footer.footer-area .footer3 {
  padding: 0 25px 0 80px;
}

footer.footer-area .footer4 {
  padding: 0 0 0 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
}

footer.footer-area .footer4 a {
  padding: 0 0 0 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  position: relative;
  display: flex;
}

footer.footer-area .footer4 a:after {
  position: absolute;
  content: '';
  background-image: url(images/location.png);
  width: 20px;
  height: 20px;
  left: 0;
  top: 0;
}

footer.footer-area .footer4 .phone-link:after {
  background-image: url(images/call.png);
}

footer.footer-area .footer4 .mail-link:after {
  background-image: url(images/footer-sms.png);
}

footer .wpcf7-spinner {
  position: absolute;
  right: 0;
}

.footer-contact .dashicons {
  width: 45px;
  height: 45px;
  font-size: 45px;
  color: #fff;
  margin-right: 40px;
}

.contact-info {
  display: flex;
  align-items: center;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  color: #fff;
  border-right: solid 1px #fff;
  height: 100%;
  margin-right: 20px;
}

.footer-contact .col-md-4:last-child .contact-info {
  border-right: 0;
}

.header-email-inner span {
  display: block;
  font-size: 18px;
  font-weight: 800;
  line-height: 25.2px;
  color: #fff;
  margin-bottom: 5px;
}

.contact-info a {
  color: #fff;
}


.copyright p {
  margin-bottom: 0;
  padding: 0;
}

.copyright a {
  color: #FFFFFF80;

}

.copyright a:hover {
  color: #fff;
}

.footer-area .woocommerce ul.product_list_widget li {
  padding: 5px 0;
}

.custom-h6 {
  font-size: 18px !important;
}

.footer-area .textwidget img {
  width: auto;
  margin: 0 5px 10px;
}

.wp-block-group {
  box-sizing: border-box;
  display: none;
}

.copyright {
  border-top: solid 1px #696F6D4D;
  margin-top: 65px;
  padding: 30px 0 33px;
}

.copyright .social-links {
  text-align: right;
  display: flex;
  justify-content: right;
  align-items: center;
  height: 100%;
}

/*Contact Page*/

#contact .contact-title {
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}

#contact h2 {
  font-size: 30px;
  line-height: 42px;
  color: #fff;
  font-weight: 600;
}

#contact p {
  color: #CD9967;
}

#contact .contact-text {
  color: #fff;
}

#contact .icon1 {
  background: #fff;
  color: #CD9967;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}

#contact .icon1:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #222222;
}

#contact .contact-enquiry {
  background: #fff;
}

#contact .services-box {
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
  height: 100%;
}

#contact .services-box a {
  color: #CD9967;
  display: table;
  margin: auto;
}

#contact .services-box a:hover {
  color: #222222;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}

#contact input.wpcf7-form-control.wpcf7-text {
  padding: 15px 20px;
  background: transparent;
  border: 1px solid #fff;
  margin: 10px;
  outline: none;
  width: 46%;
  color: #fff;
  border-radius: 30px;
}

#contact input.wpcf7-form-control.wpcf7-text::placeholder {
  color: #fff;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: transparent;
  border: 1px solid #fff;
  outline: none;
  color: #fff;
  border-radius: 10px;
}

#contact textarea.wpcf7-form-control.wpcf7-textarea::placeholder {
  color: #fff;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff;
  text-decoration: none;
  font-weight: 500;
  background: #222222;
  border: none;
  border-radius: 30px;
  transition: all .3s ease-out;
}

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #fff;
  color: #CD9967;
  font-weight: 500;
  border: none;
}

#contact span.wpcf7-spinner {
  display: block;
}

#contact embed {
  width: 100%;
  height: 500px;
}

#contact .icon2 {
  font-size: 50px;
  color: #CD9967;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
}

#contact .services-box:hover .icon2 {
  transform: rotate(360deg);
  color: #222222;
}

#contact h6 {
  color: #CD9967;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}

#contact h5 {
  color: #fff;
  text-transform: capitalize;
  font-size: 32px;
  font-weight: 700;
}

.contact-enquiry h5 {
  color: #010F1C !important;
}

#contact h3 {
  color: #CD9967;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}

.contact-form {
  background: #CD9967;
}

/*MEDIA QUERY 320 TO 720*/

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

  header .contact-us .buttons {
    padding: 10px 71px 10px 33px;
    background-color: #CD9967;
    border: 0;
  }

  ul#filterOptions {
    display: block;
  }

  #get_in_touch .get-thumb {
    width: auto;
    height: auto;
  }

  #get_in_touch .get-thumb img {
    width: 100%;
    height: auto;
  }

  #get_in_touch .col-md-6 {
    padding: 0 15px;
  }

  .get-in-backg-text {
    padding: 15px;
  }

  #pricing_table #pricingtable-button h6 {
    font-size: 14px;
  }

  #pricing_table #pricingtable-button h6 span {
    padding: 0 10px;
  }

  #pricing_table .row .col-lg-4,
  #pricing_table .row .col-lg-4:nth-child(2n) {
    max-width: 100%;
    flex: 100%;
    margin-bottom: 30px;
  }

  #get_in_touch .col-md-6 .get-in-backg-text .row {
    right: 0;
  }

  div#pricingtable .row {
    display: block;
  }

  div#client-logo {
    margin: 50px 15px;
  }

  .b_logo {
    background: #fff;
    padding: 0;
  }

  .brand-box {
    padding: 15px 25px;
    justify-content: center;
  }


  #banner h1 {
    font-size: 24px;
    text-align: center;
  }

  #recent_blog .row .col-md-4:nth-child(2),
  #recent_blog .row .col-md-4:first-child,
  #recent_blog .row .col-md-4:nth-child(3),
  #recent_blog .row .col-md-4:nth-child(4),
  #recent_blog .row .col-md-4:nth-child(5) {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .admin-bar .fix-sticky {
    margin-top: 0;
  }

  .footer-area h4::after {
    margin: auto;
  }

  footer.footer-area {
    padding-top: 50px;
  }

  footer.footer-area .footer-2 {
    padding: 30px 15px;
    text-align: left;
  }

  footer.footer-area .footer3 {
    padding: 0 15px 30px;
  }

  footer.footer-area .footer4 {
    text-align: left;
    padding: 0 15px;
  }

  #pricing_table .special-offer-box.special-offer-box3 {
    padding: 15px !important;
  }

  .blog-view-btns {
    margin-top: 30px;
  }

  .copyright {
    margin-top: 35px;
  }

  .fix-sticky {
    position: unset;
  }

  #main-menu ul li a {
    color: #CD9967;
  }

  #skill_development .skillbar-title span {
    margin-right: 0;
    text-align: left !important;
  }

  .sidenav {
    width: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    background-color: #ffff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 30px 0 60px;
    text-align: center;
  }

  #our_process .process-text p {
    display: block;
  }

  .sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
    transition: 0.3s;
  }


  .sidenav a:hover {
    color: #f1f1f1;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    box-shadow: none;
  }

  .sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    z-index: 999;
  }

  #site-navigation .sidenav a.closebtn {
    display: inline-block;
    padding: 0 10px;
    top: 4rem;
  }

  #main-menu ul li.current_page_item:after,
  #main-menu ul li:hover:after {
    display: none;
  }

  .header-bars::after {
    display: none;
  }

  #main-menu ul.children,
  #main-menu ul.sub-menu {
    background: transparent;
  }

  #main-menu ul.sub-menu li a:hover:after {
    background: transparent;
    color: #CD9967;
  }

  #main-menu ul.sub-menu li a:hover {
    color: #CD9967;
  }

  #main-menu ul.sub-menu li a:before {
    border: none;
  }

  .woocommerce #content table.cart td.actions .coupon .button.alt,
  .woocommerce #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce table.cart td.actions .coupon .button.alt,
  .woocommerce table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page #content table.cart td.actions .coupon .button.alt,
  .woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
  .woocommerce-page table.cart td.actions .coupon .button.alt,
  .woocommerce-page table.cart td.actions .coupon .input-text+.button {
    float: unset;
    width: 100% !important;
    margin: 0;
  }

  .woocommerce #content table.cart td.actions .button,
  .woocommerce table.cart td.actions .button,
  .woocommerce-page #content table.cart td.actions .button,
  .woocommerce-page table.cart td.actions .button {
    width: 100%;
    margin: 0;
  }

  .woocommerce-cart table.cart td.actions .coupon .input-text {
    width: 100% !important;
  }

  .woocommerce div.product .woocommerce-tabs ul.tabs li {
    padding: 10px 20px;
  }

  .woocommerce .quantity .qty {
    max-width: 120px;
  }

  .summary.entry-summary {
    text-align: center;
  }

  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img {
    padding: 0 5px;
  }

  section.related.products {
    padding: 0 5px;
  }

  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: 100%;
  }

  .page-404 h1 {
    font-size: 100px;
  }

  .page-404 p {
    margin-left: 0;
    margin-right: 0;
  }

  .page-template-frontpage .menu-header {
    position: relative;
  }

  .menu-header .div_box2 {
    position: absolute;
    top: 85px;
    right: 0;
    width: auto;
    padding-right: 10px;
  }

  div#mySidenav {
    max-width: 100%;
  }

  div#mySidenav #main-menu {
    padding: 6rem 0;
  }

  div#mySidenav #main-menu ul li {
    text-align: center;
  }

  .menu-header .div_box1 {
    order: 2;
  }

  .menu-header .quote-box {
    order: 3;
  }

  .menu-header .extra-div {
    order: 4;
  }

  .menu-header .quote-box {
    display: block;
    margin-bottom: 5px;
  }

  .menu-header .social-links a {
    width: 35px;
    height: 35px;
    font-size: 15px;
    margin: 0 5px;
  }

  #contact_detail .news-heading {
    margin-left: 0;
  }

  .footer-area .textwidget ul.social-links {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
  }

  .button {
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
  }

  #slider .slider-text .button {
    font-size: 10px;
    padding: 0 40px 0 10px;
    margin-bottom: 15px;
    line-height: 40px;
    height: 40px;
  }

  .slider-contact-bottom .button:after,
  .slider-contact-bottom .button:hover:after {
    background-size: 16px;
    background-repeat: no-repeat;
    right: 10px;
    top: 24px;
  }

  #slider .slider-box img {
    height: 180px;
  }

  header .contact-us .button {
    height: 40px;
    line-height: 40px;
  }

  .menu-header .appintment-div {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
    min-width: 130px;
    padding: 0 10px;
  }

  #slider .contact-slider {
    display: none;
  }

  #slider .slider-content {
    top: 45%;
    left: 5%;
    right: 30%;
  }

  #slider p {
    display: none;
  }

  #slider h1 {
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 15px;
    max-width: 55%;
  }

  .button1,
  #slider .button2 {
    line-height: 30px;
    font-size: 14px;
    height: auto;
  }

  #slider .button1:after {
    padding: 9px 10px;
  }

  .header .div_box1::after {
    border: 0;
    display: none;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: none;
    position: absolute;
    bottom: -30px;
  }

  #what_we_do .what-backg {
    background-size: cover;
    padding: 50px 0;
  }

  #what_we_do h2 {
    font-size: 24px;
    font-weight: 700;
  }

  .do-thumb {
    margin-bottom: 20px;
  }

  #gallery_div ul li {
    padding: 0;
  }

  #gallery_div figure h4 {
    left: 30px;
    bottom: 70px;
    font-size: 20px;
    line-height: 1;
  }

  #gallery_div figure h5 {
    position: absolute;
    left: 30px;
    bottom: 35px;
    font-size: 18px;
    font-weight: 500;
    line-height: 24.38px;
  }

  .faq-icon {
    margin-bottom: 40px;
  }

  #faq-section h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 38px;
  }

  #faq-section .aks-accordion-item-icon {
    margin-right: 0;
    margin-left: auto;
    right: 10px;
  }

  #faq-section .aks-accordion-item.opened .aks-accordion-item-icon-close {
    display: block;
    margin-right: 20px;
  }

  #recent_blog a.button3.read_more {
    position: absolute;
    top: 30px;
    left: 45px;
  }

  .faq-icon::before,
  .faq-icon::after {
    display: none;
  }

  div#slider {
    margin-bottom: 40px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  .page-template-frontpage h3 {
    font-size: 24px;
    line-height: 1.4;
  }

  #about_us .image-grp2 {
    position: relative;
    margin-top: 20px;
  }

  #about_us img {
    width: auto;
  }

  #services .owl-carousel .owl-nav {
    display: none;
  }

  #services .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }

  #services .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #services .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  #why_choose img {
    max-width: 100%;
  }

  #achievements h3 {
    font-size: 18px;
  }

  #our_blog .recent_box {
    margin: 0;
  }

  #newsletter .newsletter_box {
    width: 100%;
    padding: 20px;
    border-radius: 0;
  }

  #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    padding: 15px 20px;
    width: 100%;
    font-size: 14px;
  }

  .menu-header-right:after {
    left: 0;
    width: 100%;
  }

  .menu-header-right nav#main-menu {
    display: none;
  }

  .header-top-contact {
    padding-bottom: 0;
  }

  header#site-navigation {
    margin: 80px 0px 35px;
  }

  #slider h4 {
    margin-bottom: 10px;
    font-size: 13px;

  }

  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    position: unset;
    right: 0;
    margin: 15px 0;
    padding: 10px 20px;
  }

  #newsletter {
    background-size: auto !important;
  }

  #newsletter .wpcf7-spinner {
    display: block;
  }

  .page-template-frontpage .footer-area .footer {
    margin-top: 0;
  }

  .footer-area ul {
    padding: 0 10px;
  }

  #contact .dashicons {
    margin: 10px 8px 30px;
    display: inline-block;
  }

  #contact hr {
    width: 30%;
  }

  #contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }

  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
    left: 38%;
  }

  #comments textarea {
    width: 100%;
  }

  .woocommerce-page div.product div.summary {
    padding: 15px;
  }

  .post-single .blog_share_icon .fab {
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }

  .copyright img {
    margin: 10px 0;
  }

  .latest-post .comments {
    font-size: 16px;
  }

  .latest-post .date-meta {
    font-size: 14px;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

  #enquiry .enquiry-box {
    width: 100%;
  }


}


/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
  .main-header {
    margin: 0 30px 0 0;
  }

  .header-menu .social-links {
    margin-right: 5px;
  }

  .header-menu .social-links a {
    margin: 0 6px;
  }

  .header-menu .col-md-4 {
    flex: 0 0 32.333333%;
    max-width: 32.333333%;
  }

  #site-navigation {
    height: auto;
  }

  #slider .slider-text {
    max-width: 360px;
    font-size: 18px;
    line-height: 18px;
    bottom: auto;
    top: 150px;
    margin-bottom: 0;
    padding: 0;
  }

  .slider-heading {
    font-size: 16px;
    line-height: 19.94px;
  }

  div#mySidenav #main-menu {
    float: unset;
    width: 100%;
    display: flex;
    justify-content: end;
  }

  .header-top {
    left: 1.7rem;
  }

  #main-menu ul {
    width: 100%;
  }

  .about-us-right {
    padding-left: 0px;
    text-align: left !important;
  }

  #gallery_div .tablinks {
    padding: 10px 0;
  }

  #testimonials .testi-backg {
    padding: 10px 0 150px;
  }

  .admin-bar .fix-sticky {
    margin-top: 45px;
  }

  header#site-navigation.fix-sticky {
    position: relative;
  }


  .footer-contact .dashicons {
    margin-right: 15px;
  }

  .footer-contact .dashicons {
    width: 35px;
    height: 35px;
    font-size: 35px;
    margin-right: 10px;
  }

  .contact-info {
    font-size: 16px;
    margin-right: 0;
  }

  .footer-contact.container {
    padding: 25px 10px;
    margin: 60px auto 30px;
  }

  .contact-info a {
    font-size: 16px;
  }

  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    width: 30%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
    margin: 15px 0;
  }

  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number {
    width: 45%;
    margin: 10px 10px;
  }

  #contact input.wpcf7-form-control.wpcf7-text {
    width: 46%;
    margin: 20px 10px;
  }

  #contact .wpcf7 .ajax-loader {
    display: block;
  }

  .sidebar-area .post-title {
    font-size: 14px;
  }


  .woocommerce div.product div.images img {
    width: auto;
  }

  .woocommerce #content div.product div.images,
  .woocommerce div.product div.images,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page div.product div.images {
    width: 50%;
  }

  .woocommerce #content div.product div.images,
  .woocommerce #content div.product div.summary,
  .woocommerce div.product div.images,
  .woocommerce div.product div.summary,
  .woocommerce-page #content div.product div.images,
  .woocommerce-page #content div.product div.summary,
  .woocommerce-page div.product div.images,
  .woocommerce-page div.product div.summary {
    float: left;
    width: 50%;
  }

  .woocommerce button.button {
    margin: 0 10px;
    padding: 12px 20px;
  }

  /*#main-menu ul li a{
  padding: 10px 10px;
  font-size: 14px;
 }*/

  .logo-image {
    margin-right: 0 !important;
  }

  .header-text {
    padding: 0;
    text-align: center;
  }

  .header-top-contact .dashicons {
    display: block;
  }

  .header-email {
    padding: 0;
    text-align: center;
  }

  .header-email a {
    display: block;
    margin: 0 5px;
  }

  .header-top-contact {
    font-size: 14px;
  }

  .projects-wrap {
    margin-left: 15px;
    margin-right: 15px;
  }

  #newsletter figure.newsletter-images img {
    margin-left: 0;
  }

  #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    width: 100%;
  }

  #newsletter .news-heading {
    padding: 40px 0;
  }

  #newsletter .news-heading h3 {
    font-size: 27px;
    width: auto;
    line-height: 1.3;
    margin-bottom: 0;
  }

  #main-menu ul li a {
    padding: 0 7px;
    font-size: 12px;
    line-height: 24px;
  }

  #slider .slider-box img {
    height: 415px;
  }

  header .contact-us .button {
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
  }

  .contact-header {
    margin-right: -10px;
  }

  #about_us .total-customer {
    bottom: 150px;
  }

  #about_us .div2 {
    margin-top: 30px;
  }

  #our_process .process-box-inner {
    padding: 0 20px;
  }

  #testimonials .owl-carousel .owl-nav i {
    font-size: 24px;
  }

  #about_us h5,
  #Our-team h6,
  #recent_blog h5,
  #testimonials h5,
  #contact_detail h5,
  #gallery_div h5 {
    margin-bottom: 10px;
  }

  .menu-header .quote-box {
    display: block;
    margin-top: 10px;
  }

  .header-top-contact span {
    display: block;
    width: 100%;
  }

  .header-bars {
    flex: 0 0 10.666667%;
    max-width: 10.666667%;
  }

  .menu-header .col-md-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  header .contact-us .buttons {
    padding: 10px 22px 10px 5px;
    font-size: 10px;
  }

  header .contact-us .buttons:after {
    background-size: 12px;
    background-repeat: no-repeat;
    right: -8px;
    height: 10px;
  }

  #main-menu ul li {
    margin: 0 8px;
    padding: 0;
  }

  #main-menu ul li.current_page_item:after,
  #main-menu ul li:hover:after {
    bottom: -23px;
    height: 3px;
  }

  div#about_us {
    padding: 60px 0 !important;
  }

  #projects_div .project-box a h4 {
    line-height: 24px;
    margin: 0 !important;
  }

  #recent_blog {
    padding: 60px 0;
  }

  #recent_blog .post-time {
    height: auto;
  }

  #recent_blog .recent_box .post-thumbnail {
    margin-top: 20px;
  }

  .page-template-frontpage .menu-header {
    position: relative;
  }

  #slider .slider-content {
    top: 15%;
    left: 5%;
    right: 55%;
  }

  #pricing_table .special-offer-box p {
    margin-bottom: 10px;
  }

  #pricing_table .button {
    font-size: 14px;
  }


  #Our-team {
    padding: 0;
  }

  #testimonials .owl-carousel .owl-item.active.center .testimonials-boxes {
    margin-left: 0;
    margin-right: 0;
  }

  #testimonials .testimonials-boxes {
    margin-top: 0;
  }

  .testimonial_description p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
  }

  .testi-quote {
    right: 0;
    top: -30px;
    width: 50px;
  }

  .testi-quote span {
    font-size: 40px;
  }

  .b_logo {
    padding: 30px 20px;
  }

  div#client-logo {
    margin: 40px 0;
  }

  .brand-box {
    padding: 0 20px;
  }

  footer.footer-area .footer3 {
    padding: 0 20px;
  }

  footer.footer-area .footer3 {
    padding: 0 20px;
  }

  #contact_detail .form {
    padding: 20px 20px;
  }

  #contact_detail .contact-bottom {
    display: block;
  }

  .contact-bottom a.button1.animate__animated.animate__pulse {
    display: table;
    margin-bottom: 20px;
  }

  .testimonials-carousel {
    margin: 0 -10px;
  }

  #testimonials .testimonials-boxes .row {
    display: block;
  }

  #testimonials .testimonials-boxes .row .col-md-5,
  #testimonials .testimonials-boxes .row .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #testimonials .testi-thumb {
    position: static;
    margin-bottom: 30px;
  }

  #contact_detail .details-contact {
    margin-left: 0;
  }

  #testimonials .owl-carousel .owl-item.active.center {
    transform: scale(1);
  }

  #testimonials h5 {
    margin-bottom: 0;
  }

  div#appointment {
    padding: 0 15px;
  }

  div#appointment h3 {
    font-size: 24px;
    line-height: 1.2;
  }

  .app-content {
    padding: 30px 10px;
  }

  .video-section h3.video-text {
    font-size: 18px;
    line-height: 1.2;
  }

  #slider p {
    display: none;
  }

  #slider h1 {
    font-size: 23px;
    line-height: 1.3;
  }

  
  ul#filterOptions {
    justify-content: space-between;
  }

  #gallery_div ul li {
    margin-bottom: 10px;
    padding: 0;
  }

  #gallery_div .tab-section button {
    font-size: 14px;
    padding: 5px 27px;
  }

  #pricing_table .special-price {
    font-size: 28px;
    line-height: 32px;
  }

  #pricing_table .plan-list-div p {
    margin: 0;
  }

  .special-offer-box.special-offer-box1 {
    padding-top: 88px;
  }


  #slider .button {
    padding: 15px 40px 15px 10px;
    font-size: 14px;
    height: auto;
    line-height: normal;
    margin-top: 30px;
  }

  .slider-contact-bottom .button:after,
  .slider-contact-bottom .button:hover:after {
    background-repeat: no-repeat;
    background-size: 20px;
    right: 10px;
    height: 20px;
  }

  #slider .owl-carousel .owl-nav {
    display: none;
  }

  #slider .owl-dots {
    position: absolute;
    bottom: 23px;
    right: 31%;
  }

  #what_we_do .what-backg {
    background-size: cover;
    padding: 40px 0;
  }

  #what_we_do h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 44px;
  }

  #gallery_div figure h4 {
    left: 20px;
    bottom: 30px;
    font-size: 15px;
    line-height: 29.26px;
    margin-bottom: 0;
  }

  #gallery_div figure h5 {
    left: 20px;
    bottom: 10px;
    font-size: 16px;
    line-height: 24.38px;
  }

  .faq-icon::before,
  .faq-icon::after {
    display: none;
  }

  #faq-section h3 {
    font-size: 24px;
    line-height: 48px;
    margin: 0 0 10px;
  }

  #faq-section .opened .aks-accordion-item-row {
    padding: 15px 20px 15px 15px !important;
    font-size: 14px;
  }

  #faq-section .aks-accordion h6 {
    font-size: 16px;
    line-height: 1.4;
  }

  #faq-section .aks-accordion-item-content {
    padding: 0;
    margin-bottom: 20px;

  }

  #faq-section p {
    font-size: 14px;
  }

  #faq-section .aks-accordion-item-row {
    justify-content: space-between;
    margin-bottom: 20px;
  }

  .team-section {
    padding-top: 50px;
  }

  #Our-team .team-backg {
    padding-bottom: 50px;
  }

  #Our-team .team-cols .team-thumb img {
    height: 176px;
    margin-bottom: 10px;
  }

  #Our-team .team-cols {
    padding-bottom: 20px;
  }

  body.home #recent_blog {
    padding: 60px 0 50px;
  }

  #recent_blog .row .col-md-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    padding: 0 5px;
  }

  #recent_blog .row {
    padding: 0 10px;
  }

  #recent_blog img {
    height: 170px;
  }

  body {
    font-size: 14px;
  }

  #recent_blog .recent_post {
    line-height: 24px;
    padding: 10px 0 0 0;
  }

  .blog-view-btns {
    margin-top: 30px;
  }

  #recent_blog .row .col-md-4:nth-child(4),
  #recent_blog .row .col-md-4:nth-child(5) {
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }

  #get_in_touch>.contact_box>.row>.col-md-6 {
    flex: 100%;
    max-width: 100%;
  }

  #get_in_touch .col-md-6 .get-in-backg-text .row {
    right: 0;
    height: auto;
    padding: 50px 20px;
  }

  #get_in_touch .col-md-6 .row {
    height: auto;
    padding: 50px 20px;
  }

  #get_in_touch .get-in-backg-form .get-thumb-wrap {
    margin-left: 0;
  }

  #pricing_table {
    padding: 50px 0 !important;
  }

  #pricing_table .row .col-lg-4 {
    flex: 0 0 33.333333% !important;
    max-width: 33.333333% !important;
    padding: 0 10px;
  }

  div#pricingtable {
    padding: 0 5px;
  }

  .pricing-thumb img {
    height: 170px;
  }

  #pricing_table .special-box {
    font-size: 24px;
    align-items: center;
    margin-bottom: 20px !important;
  }

  #pricing_table .plan-list-div {
    margin-bottom: 20px;
  }

  #pricing_table .titel-box h6 {
    margin-top: 20px;
  }

  #get_in_touch .col-md-6 {
    padding: 0 15px;
  }

  #get_in_touch .get-thumb {
    width: auto;
    height: auto;
  }

  #faq-section .aks-accordion-item-icon {
    margin-right: 0;
    right: 25px;
  }

  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }

  #slider .owl-dots button.owl-dot.active {
    background-color: #222222;
  }

  .page-template-frontpage h3 {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 20px;
  }

  #gallery_div img {
    height: 290px;
  }

  #newsletter .newsletter_box {
    top: 0;
    margin-bottom: 0;
    width: 100%;
    border-radius: 10px;
  }

  #newsletter h3 {
    font-size: 24px;
    max-width: 100%;
  }

  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    padding: 15px 15px;
    width: 100%;
  }

  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    right: 0;
    margin: 15px 0;
    position: relative;
  }

  #newsletter .wpcf7-spinner {
    display: block;
  }

  .page-template-frontpage .footer {
    margin-top: 40px;
  }

  #banner_div .banner_box {
    margin-bottom: 0;
  }

  .page-template-frontpage .footer-area .footer {
    margin-top: 0;
  }

  #our_team img {
    height: 350px;
    max-height: 350px;
  }

  #quote .box2 {
    display: flex;
    justify-content: end;
    right: 50px;
    left: 0;
  }

}

@media only screen and (min-width: 768px) and (max-width: 1199px) {

  div#what_we_do .row .col-md-5,
  div#what_we_do .row .col-md-7 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .do-thumb img {
    width: 100%;
  }

  #what_we_do h2 {
    max-width: 100%;
  }

  #faq-section figure {
    margin-top: 3.5rem;
  }

  #Our-team .owl-carousel .owl-nav button.owl-prev,
  #Our-team .owl-carousel .owl-nav button.owl-next {
    position: static;
    margin: 0 15px;
  }

  #testimonials .owl-carousel .owl-nav {
    text-align: center;
    margin-top: 20px;
  }

  #projects_div .owl-carousel .owl-nav,
  #Our-team .owl-carousel .owl-nav,
  #testimonials .owl-carousel .owl-nav,
  #recent_blog .owl-carousel .owl-nav {
    position: static;
    transform: none;

  }

  #pricing_table .plan-list-div .dashicons {
    font-size: 20px;
  }

  #pricing_table .plan-list-div.free-text-icon .dashicons {
    font-size: 15px;
    line-height: 18px;
    width: 18px;
    height: 18px;
  }
  footer.footer-area .footer4 {
    padding: 0 0 0 75px;
  }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {

  #main-menu ul li {
    margin: 0 15px;
  }

  .menu-header .quote-box {
    justify-content: flex-start;
    margin-top: 10px;
  }

  #main-menu {
    float: unset;
    width: 100%;
    display: flex;
  }

  header .contact-us .buttons {
    padding: 15px 35px 15px 15px;
    font-size: 14px;
  }

  header .contact-us .buttons:after {
    background-size: 18px;
    right: 9px;
    background-repeat: no-repeat;
    width: 18px;
    height: 18px;
  }

  #slider .slider-box img {
    height: 560px;
  }

  #main-menu ul li a {
    padding: 0px 9px;
    margin: 0;
    position: relative;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0em;
  }

  .header-menu .social-links {
    display: flex;
    margin-right: 0px;
  }

  .header-top {
    left: 8.7rem;
  }

  .about-us-right {
    padding-left: 0px;
  }

  .container {
    max-width: 100%;
  }

  #slider .owl-nav {
    bottom: 25px;
    right: 33.5%;
  }

  #slider .owl-dots {
    bottom: 43px;
  }

  #recent_blog .recent_post {
    padding: 20px 10px 0 0;
  }

  .footer-area .fab,
  .footer-area .fas,
  .footer-area .far {
    margin-left: 10px;
  }

  .footer-contact.container {
    padding: 25px 40px;
    margin: 50px auto 40px;
  }

  #testimonials .testi-backg {
    padding: 17px 0 200px;
  }

  div#about_us {
    padding: 60px 0 !important;
  }

  #about_us h5,
  #Our-team h6,
  #recent_blog h5,
  #testimonials h5,
  #contact_detail h5,
  #gallery_div h5 {
    margin-bottom: 10px;
  }

  #recent_blog .read_more {
    padding: 6px 18px;
  }

  .recent_post p.content-post {
    font-size: 14px;
  }

  #recent_blog h4.post-title {
    margin: 0 0 18px;
    font-size: 10px;
    line-height: 25px;
    font-weight: 700;
  }

  .b_logo {
    background: #fff;
    padding: 40px;
  }

  .brand-box {
    padding: 0 25px;
  }

  #gallery_div img {
    width: auto;
    height: 418px;
  }

  #slider .slider-content {
    left: 5%;
  }

  #slider h2 {
    font-size: 18px;
  }

  #slider h1 {
    font-size: 32px;
    line-height: 1.2;
  }

  .slider-heading {
    font-size: 16px;
  }

  #slider .slider-text {
    max-width: 450px;
    font-size: 16px;
    line-height: 28px;
    top: 195px;
    padding: 0;
  }

  #what_we_do .what-backg {
    background-size: cover;
    padding: 40px 0;
  }

  #gallery_div .tab-section button {
    font-size: 16px;
    padding: 10px 40px;
  }

  .faq-icon::before,
  .faq-icon::after {
    display: none;
  }

  .team-section {
    padding-top: 60px;
  }

  #Our-team .team-backg {
    padding-bottom: 60px;
  }

  #get_in_touch .col-md-6 {
    padding: 0 15px;
  }

  #get_in_touch .get-thumb {
    width: auto;
    height: auto;
  }

  #get_in_touch>.contact_box>.row>.col-md-6 {
    flex: 100%;
    max-width: 100%;
  }

  #get_in_touch .col-md-6 .get-in-backg-text .row {
    right: 0;
    height: auto;
    padding: 50px 20px;
  }

  #get_in_touch .col-md-6 .row {
    height: auto;
    padding: 50px 20px;
  }

  #get_in_touch .get-in-backg-form .get-thumb-wrap {
    margin-left: 0;
  }

  .get-in-backg-text,
  .get-in-backg-form {
    max-width: none;
  }

  
  ul#filterOptions {
    justify-content: space-between;
  }

  #gallery_div ul li {
    margin-bottom: 10px;
    padding: 0;
  }

  #pricing_table .special-box {
    font-size: 24px;
    align-items: center;
    margin-bottom: 20px !important;
  }

  .testimonials-carousel {
    margin: 0;
  }

  .testi-quote {
    right: 0px;
    width: 40px;
    height: 40px;
    top: -20px;
  }

  #slider .slider-content {
    left: 5%;
  }

  .page-template-frontpage h3 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 1.6;
  }

  #what_we_do h5,
  #what_we_do h2 {
    text-align: center;
  }

  .do-thumb {
    margin-bottom: 20px;
  }

  .button-author {
    max-width: 100%;
  }

  #newsletter .news-heading h3,
  #newsletter .newsletter_box input.wpcf7-form-control.wpcf7-email.wpcf7-text.wpcf7-validates-as-email {
    width: auto;
  }

  #newsletter figure.newsletter-images img {
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 0;
  }

  #pricing_table .button2 {
    line-height: 1.2;
    padding: 10px;
  }

  #pricing_table .button2:after {
    position: relative;
    top: -12px;
  }

  .projects-wrap {
    margin: 0;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

  #recent_blog .post-date {
    top: 46%;
  }

  #recent_blog .owl-dots {
    display: block;
  }

  #achievements h3 {
    font-size: 24px;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {
  #testimonial .owl-carousel .owl-nav {
    display: none;
  }

  .woocommerce .quantity .qty {
    max-width: 150px;
  }

  .latest-post .date-meta {
    font-size: 12px;
  }

}


@media screen and (min-width : 0) and (max-width : 767px) {

  #site-navigation {
    height: auto;
    z-index: 999;
  }

  .header-top {
    position: static;
    padding: 20px 0 5px;
    text-align: center;
  }

  .main-header {
    margin: 0;
  }

  #slider .slider-text {
    left: 15px;
    font-size: 16px;
    line-height: 20px;
    top: 0px;
    margin-bottom: 0;
  }

  .slider-contact {
    margin-left: 0;
  }

  .slider-contact-bottom {
    display: block;
  }

  .slider-contact h6 {
    font-size: 14px;
    line-height: 1;
  }

  div#logo {
    padding: 3rem 0 0rem !important;
  }

  #services h5,
  #about_us h5,
  #skill_development h5,
  #Our-team h6,
  #recent_blog h5,
  #testimonials h5,
  #contact_detail h5,
  #gallery_div h5 {
    margin-bottom: 10px;
  }


  #services h3 {
    margin: 0 auto 3rem;
  }

  #services h4.post-title {
    font-size: 24px;
    line-height: 42px;
    margin-bottom: 3px;
  }

  #services .services-box {
    padding: 40px 30px 20px;
  }

  div#about_us {
    padding: 0 !important;
  }

  .home .header-menu {
    position: static;
    margin: 50px 0 0;
  }

  .about-us-right {
    padding-left: 15px;
  }

  #gallery_div {
    text-align: center;
  }

  #gallery {
    column-count: auto;
    column-gap: 30px;
  }

  #gallery_div img {
    height: auto;
  }


  div#skill_development {
    text-align: center;
  }

  .logo-image {
    flex: 0 0 50.6%;
    max-width: 50.6%;
  }

  #skill_development .skillbar-title span:last-child {
    font-size: 15px;
    text-align: center !important;
  }

  .header-cart {
    display: flex;
    padding: 0;
    justify-content: center;
    position: absolute;
    top: -80px;
  }

  #get_in_touch .col-md-6 .row {
    height: auto;
  }

  #get_in_touch .get-in-backg-form .get-thumb-wrap {
    margin: 15px 15px 40px;
  }

  .form-wrap {
    margin: 0 25px 40px;
  }

  .slider-heading {
    font-size: 10px;
    letter-spacing: 0;
    max-width: 63%;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .menu-sec {
    flex: 0 0 46.066667%;
    max-width: 46.666667%;
    justify-content: right;
    display: flex;
  }

  section.category-title h1 {
    text-align: center;
  }

  #mySidenav span {
    display: block;
    font-size: 30px;
    cursor: pointer;
  }

  .logo {
    text-align: center;
  }

  #contact_detail .contact-bottom {
    display: block;
  }

  .projects-wrap {
    margin: 50px 0 30px;
  }

  #newsletter .news-heading h3 {
    width: auto;
  }

  #main-menu ul li {
    float: none;
    width: auto;
    padding: 10px 15px;
  }

  #main-menu>li>ul.children,
  #main-menu>li>ul.sub-menu {
    position: absolute;
    top: -100%;
    background: #fff;
  }

  #main-menu li.focus>ul.children,
  #main-menu li.focus>ul.sub-menu,
  #main-menu li:hover>ul.children,
  #main-menu li:hover>ul.sub-menu,
  #main-menu li:focus>ul.children,
  #main-menu li:focus>ul.sub-menu {
    width: 100%;
    top: 0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0 0 30px;
    float: none;
    display: block;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
    margin-bottom: 20px;
  }

  #main-menu ul.children li a,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height: 53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #CD9967;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0, -50%) rotate(-45deg);
    transform: translate(0, -50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover>a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus>a,
  #main-menu li:focus>a,
  #main-menu ul li.current-menu-item>a,
  #main-menu ul li.current_page_item>a,
  #main-menu ul li.current-menu-parent>a,
  #main-menu ul li.current_page_ancestor>a,
  #main-menu ul li.current-menu-ancestor>a {
    background: none;
  }

  #testimonials .owl-carousel .owl-item.active.center .testimonials-boxes {
    margin-left: 15px;
    margin-right: 15px;
  }

  #services .services-box {
    text-align: center;
  }

  #services .services-heading {
    display: block;
  }

  #services .services-box figure {
    display: inline-block;
  }

  #about_us .about-us-div {
    align-items: normal;
  }

  #about_us .about-us-div span {
    margin-top: 5px;
  }

  #about_us figure,
  #about_us .image-grp2 {
    margin: 0 0 30px;
  }

  #about_us .total-customer {
    left: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    top: 0;
  }

  #about_us .Author-text {
    display: block;
    margin-top: 20px;
  }

  .button-author {
    max-width: none;
    flex-direction: column-reverse;
  }

  .Author-img {
    margin-right: 0;
  }

  .footer-area .col-12 {
    margin-bottom: 20px;
  }

  .footer-area h4 {
    margin-bottom: 25px;
  }

  .textwidget .contact-info {
    justify-content: center;
  }

  .footer-area .footer {
    padding-bottom: 10px !important;
  }

  #about_us .Author-detail {
    display: table;
    margin: 20px auto;
  }

  #about_us .Author-detail figure {
    margin-bottom: 0;
  }

  #our_process .process-text {
    width: auto;
    height: auto;
    padding: 15px;
  }

  section#projects_div {
    text-align: center;
  }

  #projects_div .owl-carousel .owl-nav,
  #Our-team .owl-carousel .owl-nav,
  #testimonials .owl-carousel .owl-nav,
  {
  top: 0;
  right: 0;
  left: 0;
  margin: auto;
  display: table;
  bottom: auto;
}

#newsletter figure.newsletter-images img {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
}

#pricing_table .special-box {
  font-size: 30px;
  line-height: 48.76px;
  margin-bottom: 23px !important;
}

#pricing_table .col-md-3.col-lg-3 {
  margin-bottom: 40px;
}

.special-offer-box.special-offer-box1 .special-box-content {
  border-radius: 25px;
}

.special-box-content {
  height: auto;
  border-radius: 25px;
}

.special-offer-box.special-offer-box4 .special-box-content {
  border-radius: 25px;
}

#Our-team .team-backg {
  padding-bottom: 0;
}

#testimonials .testi-backg {
  background-size: 100%;
  background-position: center bottom;
  padding: 90px 0 0;
  text-align: center;
  background: none;
}

.testi-quote span {
  font-size: 32px;
  line-height: 32px;
  width: 32px;
  height: 32px;
}

.testimonials-boxes {
  padding-left: 0;
  padding: 25px;
  text-align: center;
}

.testimonial_description p {
  font-size: 14px;
}

#testimonials .owl-carousel .owl-nav {
  position: static;
  margin-top: 20px;
}

#testimonials .testi-thumb img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.testi-quote {
  position: static;
  margin-bottom: 10px;
  margin-left: auto;
}

.get-text {
  max-width: 100%;
  margin: 0;
  padding: 40px;
}

.special-offer-box.special-offer-box1::before {
  top: 0px;
}

#pricing_table {
  padding-bottom: 0 !important;
  text-align: center;
}


.special-offer-box.special-offer-box3::before {
  left: 15px;
  right: 15px;
}

#pricing_table .special-offer-box.special-offer-box3 {
  padding: 30px 0;
}

#pricing_table .special-offer-box.special-offer-box3 .special-box-content {
  background-color: transparent;
}

#achievements {
  margin: 0;
}

#pricing_table .inner-box,
.choose-heading {
  text-align: center;
}

#projects_div .box-content {
  justify-content: center;
}

#choose .choose-box {
  text-align: center;
}

#video_section {
  padding: 0;
}

.video-backg {
  height: auto;
}

.container.text-center.video_section_div {
  padding-top: 7rem;
  transform: scale(0.5);
}

#video_section a.open-video {
  top: -10px;
}

.video-backg {
  height: 195px;
  background-position: center bottom;
}

#video_section .video-section .video-blog {
  right: 0;
}

div#appointment {
  text-align: center;
}

#Our-team .owl-carousel .owl-nav {
  display: none;
}

#Our-team .team-section h1 {
  margin-bottom: 40px;
}

#testimonials {
  padding: 90px 0 20px;
}

#testimonials h3 {
  line-height: 1;
  font-size: 22px;
}

#testimonials h5 {
  text-align: center;
  margin-bottom: 5px;
  margin-top: -100px;
}



.testimonials-carousel {
  padding-top: 0rem;
  margin: 0;
}

#testimonials .testi-thumb {
  position: static;
}

#testimonials .owl-carousel .owl-item.active.center {
  transform: none;
}

#testimonials .owl-carousel .owl-nav {
  top: auto;
  bottom: 30px;
  padding: 0;
  text-align: center;
}

#recent_blog .owl-carousel .owl-nav,
#projects_div .owl-carousel .owl-nav {
  top: auto !important;
  bottom: -40px;
}

#projects_div .owl-carousel .owl-nav {
  bottom: -70px;
}

#newsletter .news-heading {
  padding: 30px 10px 30px;
  text-align: center;
}

#recent_blog {
  padding: 80px 0 40px !important;
  text-align: center;
}

#contact_detail .form {
  padding: 50px 35px;
  margin-bottom: 40px;
}

.contact-bottom a.button1 {
  display: table;
  padding: 0 20px;
  margin: 0 auto 30px;
}

#contact_detail .details-contact {
  margin: 0 0 50px;
  text-align: center;
}

div#contact_detail {
  text-align: center;
}

footer.footer-area .button {
  display: inline-block;
}

.footer-contact.container {
  padding: 25px 30px;
  margin: 40px 15px 50px;
  width: auto;
}

.contact-info {
  border: 0;
  margin: 0 0 20px;
}

.footer-contact .dashicons {
  margin-right: 25px;
}

#recent_blog .text-left.recent_box {
  margin: 20px 15px 40px;
  text-align: center !important;
}

.footer-area h2::after {
  margin: 10px auto;
}

.copyright .social-links {
  justify-content: center;
  margin-bottom: 60px;
}

.copyright {
  text-align: center;
}

#projects_div .owl-carousel .owl-nav {
  top: -75px;
}
}




div#tpbr_box {
  font-family: 'Lora', serif !important;
  font-size: 18px !important;
  padding: 10px !important;
  font-style: italic;
  letter-spacing: 1px;
  font-weight: bold !important;
}

a#tpbr_calltoaction {
  background: #fff !important;
  color: #ff497c !important;
  font-family: 'Lora', serif !important;
  text-transform: uppercase;
  font-size: 15px;
}


@media screen and (min-width: 1400px) and (max-width: 1500px) {
  .testimonials-carousel {
    margin-left: -15px;
    margin-right: -15px;
}
  #Our-team .owl-carousel .owl-nav button.owl-prev,
  #Our-team .owl-carousel .owl-nav button.owl-next {
    left: -100px;
  }

  #Our-team .owl-carousel .owl-nav button.owl-next {
    right: -100px;
    left: auto;
  }
}
@media screen and (min-width: 1450px) {
  footer.footer-area .footer {
    padding: 0;
  }  
  #copyright.container, #pricing_table .container, #testimonials .container, #recent_blog .container, #gallery_div .container, #faq-section .container, #what_we_do .container, #about_us .container {
    padding: 0;
  }
  
#client-logo .container {
  padding: 0;
}
  
}