/*-----------------------------------------------------------------------------------

    Template Name: Asore – Business Bootstrap 5 Template
    Version: 1.0

-----------------------------------------------------------------------------------*/
/*  
    CSS INDEX
    =========================================
    01. header css here
    02. slider area css here
    03. blog css here
    04. testimonial css here
    05. other css here
    06. footer css here
    07. services css here
    08. about css here
    09. contact page css here
*/
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,900&display=swap");
* {
  box-sizing: border-box;
}

/*----------------------------------------*/
/*  01. Theme default CSS
/*----------------------------------------*/
/*-- Google Font --*/
/*-- Common Style --*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body {
  height: 100%;
}

/*body {
  line-height: 24px;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  visibility: visible;
  font-family: "Roboto", sans-serif;
  color: #000000;
  letter-spacing: 0.02em;
}*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  margin-top: 0;
  font-family: "Roboto", sans-serif;
}

h1 {
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

h2 {
  font-size: 36px;
  line-height: 36px;
}

h3 {
  font-size: 30px;
  line-height: 30px;
}

h4 {
  font-size: 16px;
  line-height: 19px;
}

h5 {
  font-size: 14px;
  line-height: 18px;
}

h6 {
  font-size: 12px;
  line-height: 14px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: inherit;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a,
button,
img,
input,
span {
  transition: all 0.3s ease 0s;
}

.btn:focus {
  box-shadow: none;
}

*:focus {
  outline: none !important;
}

a:focus {
  color: inherit;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

button,
input[type=submit] {
  cursor: pointer;
}

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

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

figure {
  padding: 0;
  margin: 0;
}

/*-- 
    - Common Classes
-----------------------------------------*/
.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.container {
  max-width: 1200px;
}

@media only screen and (max-width: 767px) {
  .container {
    max-width: 576px;
  }
}
@media only screen and (max-width: 479px) {
  .container {
    width: 100%;
  }
}
.theme-color {
  color: #90744f !important;
}

.capitalize {
  text-transform: capitalize;
}

.uppercase {
  text-transform: uppercase;
}

.no-gutters > .col,
.no-gutters > [class*=col-] {
  padding-right: 0;
  padding-left: 0;
  margin: 0;
}

.btn.btn-link {
  font-size: 18px;
  line-height: 60px;
  height: 60px;
  padding: 0 43px;
  background: #90744f;
  border-radius: 0;
  position: relative;
  z-index: 9;
  color: #ffffff;
  border: 0;
  font-weight: 400;
  text-decoration: none;
  border-radius: 30px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .btn.btn-link {
    font-size: 16px;
    line-height: 52px;
    height: 52px;
    padding: 0 35px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-link {
    font-size: 15px;
    line-height: 48px;
    height: 48px;
    padding: 0 26px;
  }
}
.btn.btn-link::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background: #000000;
  transition: 0.3s;
  border-radius: 30px;
}
.btn.btn-link:hover::before {
  width: 100%;
}

@media only screen and (max-width: 575px) {
  .section_title {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.text-right {
    text-align: center !important;
  }
}
.section_title.mb-67 {
  margin-bottom: 67px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-67 {
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-67 {
    margin-bottom: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-67 {
    margin-bottom: 37px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-80 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-80 {
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-80 {
    margin-bottom: 28px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-66 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-66 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-66 {
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-77 {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-77 {
    margin-bottom: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-77 {
    margin-bottom: 35px;
  }
}
.section_title.mb-66 {
  margin-bottom: 66px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.mb-66 {
    margin-bottom: 46px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.mb-66 {
    margin-bottom: 39px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.mb-66 {
    margin-bottom: 39px;
  }
}
.section_title h2 {
  font-size: 48px;
  line-height: 60px;
  text-transform: capitalize;
  font-weight: 700;
  color: #90744f;
  display: inline-block;
  margin-bottom: 0;
}
.section_title h2 span {
  font-weight: 300;
  color: #000000;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .section_title h2 {
    font-size: 42px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title h2 {
    font-size: 36px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title h2 {
    font-size: 33px;
    line-height: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title h2 {
    font-size: 28px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .section_title h2 {
    font-size: 23px;
    line-height: 37px;
  }
}

/*--
  -  Fonts color
------------------------------*/
.text-black {
  color: #000000;
}

/*-- 
    - Background color
-----------------------------------------*/
.bg-white {
  background-color: #ffffff;
}

.bg-grey {
  background-color: #f8f8f8;
}

.bluewood-bg {
  background: #354b65;
}

/*-- 
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*-- 
    Scroll Up 
-----------------------------------------*/
#scrollUp {
  background: #90744f none repeat scroll 0 0;
  bottom: 85px;
  color: #ffffff;
  cursor: pointer;
  display: none;
  font-size: 20px;
  height: 45px;
  line-height: 39px;
  position: fixed;
  right: 12px;
  text-align: center;
  width: 45px;
  z-index: 9999;
  border-radius: 50%;
  border: 2px solid #fff;
  transition: 0.3s;
}
#scrollUp:hover i {
  animation-name: fadeInUp;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-iteration-count: infinite;
}

.section-pdding-top {
  padding-top: 147px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-pdding-top {
    padding-top: 117px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pdding-top {
    padding-top: 97px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pdding-top {
    padding-top: 77px;
  }
}

.section-pdding-bottom {
  padding-bottom: 125px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-pdding-bottom {
    padding-bottom: 95px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-pdding-bottom {
    padding-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .section-pdding-bottom {
    padding-bottom: 55px;
  }
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 5px;
}

.pr-2 {
  padding-right: 10px;
}

.pr-3 {
  padding-right: 15px;
}

.pr-4 {
  padding-right: 20px;
}

/*margin css here*/
.mb-222 {
  margin-bottom: 222px;
}

.mb-142 {
  margin-bottom: 142px;
}

.mb-135 {
  margin-bottom: 135px;
}

.mb-132 {
  margin-bottom: 132px;
}

.mb-137 {
  margin-bottom: 137px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .mb-137 {
    margin-bottom: 107px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .mb-137 {
    margin-bottom: 87px;
  }
}
@media only screen and (max-width: 767px) {
  .mb-137 {
    margin-bottom: 67px;
  }
}

.mb-126 {
  margin-bottom: 126px;
}

.mb-115 {
  margin-bottom: 115px;
}

.mb-114 {
  margin-bottom: 114px;
}

.mb-100 {
  margin-bottom: 100px;
}

.mb-96 {
  margin-bottom: 96px;
}

.mb-86 {
  margin-bottom: 86px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-77 {
  margin-bottom: 77px;
}

.mb-66 {
  margin-bottom: 66px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-35 {
  margin-bottom: 35px;
}

.mr-30 {
  margin-right: 30px;
}

.mb-25 {
  margin-bottom: 25px;
}

/*padding css here*/
.pb-100 {
  padding-bottom: 100px;
}

/* small mobile  */
@media only screen and (max-width: 767px) {
  .mb-lm-30px {
    margin-bottom: 30px;
  }

  .pr-lm-0 {
    padding-right: 0 !important;
  }

  .pr-lm-1 {
    padding-right: 5px !important;
  }

  .pr-lm-2 {
    padding-right: 10px !important;
  }

  .pr-lm-3 {
    padding-right: 15px !important;
  }

  .pr-lm-4 {
    padding-right: 20px !important;
  }

  .pl-lm-1 {
    padding-left: 5px !important;
  }

  .pl-lm-2 {
    padding-left: 10px !important;
  }

  .pl-lm-3 {
    padding-left: 15px !important;
  }

  .pl-lm-4 {
    padding-left: 20px !important;
  }
}
/* small mobile  */
@media only screen and (max-width: 575px) {
  .sm-d-none {
    display: none;
  }

  .mb-sm-30px {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 479px) {
  .mb-xs-30px {
    margin-bottom: 30px;
  }
}
/* 01. header css here */
.body_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: progress;
  background-color: rgba(0, 0, 0, 0.6);
  top: 0;
}
.body_overlay.active {
  opacity: 0.3;
  visibility: visible;
}

.off_canvars_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  cursor: crosshair;
  background: #000000;
  top: 0;
}
.off_canvars_overlay.active {
  opacity: 0.5;
  visibility: visible;
}

.offcanvas_menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .offcanvas_menu {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .offcanvas_menu {
    display: block;
  }
}

.offcanvas_menu_wrapper {
  width: 290px;
  position: fixed;
  background: #fff;
  z-index: 999;
  top: 0;
  height: 100vh;
  transition: 0.5s;
  left: 0;
  margin-left: -300px;
  padding: 55px 15px 30px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper.active {
  margin-left: 0;
}
.offcanvas_menu_wrapper .slinky-theme-default {
  background: inherit;
  min-height: 300px;
  overflow-y: auto;
}
.offcanvas_menu_wrapper .header_contact_info {
  display: block;
}
.offcanvas_menu_wrapper .header_social {
  display: flex !important;
}
.offcanvas_menu_wrapper .language_currency {
  display: block;
}

.offcanvas_main_menu > li.menu-item-has-children.menu-open > span.menu-expand {
  transform: rotate(180deg);
}
.offcanvas_main_menu > li ul li.menu-item-has-children.menu-open span.menu-expand {
  transform: rotate(180deg);
}

.offcanvas_main_menu li {
  position: relative;
}
.offcanvas_main_menu li:last-child {
  margin: 0;
}
.offcanvas_main_menu li span.menu-expand {
  position: absolute;
  right: 0;
  cursor: pointer;
}
.offcanvas_main_menu li span.menu-expand:hover {
  color: #90744f;
}
.offcanvas_main_menu li a {
  font-size: 14px;
  font-weight: 400;
  text-transform: capitalize;
  display: block;
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ededed;
}
.offcanvas_main_menu li a:hover {
  color: #90744f;
}
.offcanvas_main_menu li ul.sub-menu {
  padding-left: 20px;
}
.canvas_close {
  position: absolute;
  top: 15px;
  right: 25px;
}
.canvas_close a {
  font-size: 30px;
  transition: 0.7s;
  display: inline-block;
  transform: scale(1) rotate(0deg);
}
.canvas_close a:hover {
  color: #ffb83c;
  transform: scale(1.3) rotate(180deg);
}
.canvas_close a:hover {
  color: #90744f;
}

.canvas_open {
  display: none;
  margin-left: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .canvas_open {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .canvas_open {
    display: block;
  }
}
.canvas_open a {
  font-size: 38px;
  display: block;
  line-height: 16px;
  color: #ffffff;
}
.canvas_open a:hover {
  color: #90744f;
}

.sticky-header.sticky {
  position: fixed;
  z-index: 99;
  width: 100%;
  top: 0;
  background: rgb(255 255 255 / 100%);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.11);
  box-shadow: 0 3px 2px rgb(0 0 0 / 20%);
  animation-name: fadeInDown;
  animation-duration: 900ms;
  animation-timing-function: cubic-bezier(0.2, 1, 0.22, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  border-bottom: 0;
  display: block;
  transition: 0.4s;
}
.sticky-header.sticky.blog-page {
  background: rgba(255, 255, 255, 0.9);
}
.sticky-header.sticky.blog-page:hover {
  background: white;
}
.sticky-header.sticky:hover {
  /*background: black;*/
  background: #FFFCE3;
}
.sticky-header.sticky .main_header {
  padding: 15px 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .sticky-header.sticky .main_header {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sticky-header.sticky .main_header {
    padding: 10px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .sticky-header.sticky .main_header {
    padding: 10px 0;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-header.sticky .main_header {
    padding: 10px 0;
  }
}

/*header css heer*/
.header_transparent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9;
  background: rgb(255 255 255 / 75%);
}

@media only screen and (max-width: 575px) {
  .header_logo img {
    max-width: 100px;
  }
}

.main_header {
  padding: 36px 46px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .main_header {
    /*padding: 38px 0;*/
    padding: 15px 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_header {
    padding: 15px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_header {
    padding: 15px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main_header {
    padding: 10px 0;
  }
}

.main_menu nav > ul > li {
  margin-right: 48px;
  position: relative;
  line-height: 50px;
}
.main_menu nav > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_menu nav > ul > li {
    margin-right: 33px;
  }
}
.main_menu nav > ul > li:hover ul.sub_menu {
  visibility: visible;
  opacity: 1;
  top: 100%;
}
.main_menu nav > ul > li:hover > a::before {
  width: 100%;
}
.main_menu nav > ul > li > a {
  font-size: 16px;
  line-height: 20px;
  display: inline-block;
  text-transform: capitalize;
  /*color: #ffffff;*/
  color: #000;
  position: relative;
}
.main_menu nav > ul > li > a::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #524040;
  left: 0;
  bottom: 0;
  transition: 0.3s;
}
.main_menu nav > ul > li > a.active::before {
  width: 100%;
}
.main_menu nav > ul > li ul.sub_menu {
  position: absolute;
  min-width: 190px;
  padding: 18px 20px;
  background: #ffffff;
  box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.1);
  left: 0;
  right: auto;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: 0.3s;
  z-index: 99;
  top: 120%;
  text-align: left;
}
.main_menu nav > ul > li ul.sub_menu li a {
  font-size: 13px;
  font-weight: 400;
  display: block;
  line-height: 32px;
  text-transform: capitalize;
}
.main_menu nav > ul > li ul.sub_menu li a:hover {
  color: #90744f;
}

.header_account > ul > li {
  margin-right: 26px;
  position: relative;
}
.header_account > ul > li:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li {
    margin-right: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li {
    margin-right: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li {
    margin-right: 14px;
  }
}
.header_account > ul > li > a {
  font-size: 24px;
  display: inline-block;
  color: #000;
}
.header_account > ul > li > a:hover {
  color: #90744f;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .header_account > ul > li > a {
    font-size: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li > a {
    font-size: 19px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li > a {
    font-size: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .header_account > ul > li > a {
    font-size: 17px;
  }
}
.header_account > ul > li span.item_count {
  font-size: 10px;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: #90744f;
  color: #ffffff;
  display: inline-block;
  text-align: center;
  line-height: 19px;
  position: absolute;
  right: -8px;
  bottom: -3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .header_account > ul > li span.item_count {
    font-size: 10px;
    width: 17px;
    height: 17px;
    line-height: 17px;
  }
}

.page_search_box {
  position: fixed;
  width: 100%;
  height: 0;
  background: #ffffff;
  z-index: 999;
  left: 0;
  top: 0;
  transition: 0.3s;
  display: flex;
  align-items: center;
  opacity: 0;
  visibility: hidden;
}
.page_search_box.active {
  height: 100%;
  opacity: 1;
  visibility: visible;
}
.page_search_box form {
  width: 70%;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .page_search_box form {
    width: 90%;
  }
}
.page_search_box form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #000000;
}
.page_search_box form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #000000;
}
.page_search_box form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #000000;
}
.page_search_box form input:-moz-placeholder {
  /* Firefox 18- */
  color: #000000;
}
.page_search_box form input {
  width: 100%;
  background: none;
  height: 50px;
  font-size: 24px;
  color: #000000;
  font-weight: 400;
  padding: 0 35px 0 20px;
}
@media only screen and (max-width: 767px) {
  .page_search_box form input {
    width: 90%;
    font-size: 16px;
  }
}
.page_search_box form button {
  position: absolute;
  bottom: 11px;
  right: 0;
  border: 0;
  padding: 0;
  background: none;
  font-size: 20px;
}
.page_search_box form button:hover {
  color: #90744f;
}
@media only screen and (max-width: 767px) {
  .page_search_box form button {
    font-size: 18px;
  }
}
.page_search_box form p {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 20px;
}

.search_close {
  position: absolute;
  top: 50px;
  right: 100px;
}
@media only screen and (max-width: 767px) {
  .search_close {
    top: 22px;
    right: 30px;
  }
}
.search_close i {
  font-size: 20px;
  cursor: pointer;
  transform: scale(1) rotate(0deg);
  display: inline-block;
  transition: 0.5s;
}
.search_close i:hover {
  color: #90744f;
  transform: scale(1.3) rotate(180deg);
}

.menu_stye2 nav > ul > li > a {
  color: #000000;
}
.menu_stye2 nav > ul > li > a::before {
  background: #000000;
}

.header_account2 > ul > li > a {
  color: #000000;
}
.header_account2 > ul > li > a:hover {
  color: #90744f;
}

.canvas_style2 a {
  color: #000000;
}

.bottom-line-shape {
  position: relative;
}
.bottom-line-shape::after {
  position: absolute;
  top: auto;
  bottom: -16px;
  left: 0;
  right: 0;
  width: auto;
  height: 1px;
  content: "";
  background-color: rgba(255, 255, 255, 0.251);
  margin-right: 1rem;
  margin-left: 1rem;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .bottom-line-shape::after {
    bottom: -16px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bottom-line-shape::after {
    bottom: -15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bottom-line-shape::after {
    bottom: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .bottom-line-shape::after {
    bottom: -10px;
  }
}

.sticky .bottom-line-shape::after {
  background: transparent;
}

/* 06. footer css here */
.footer_widgets {
  position: relative;
  padding-top: 138px;
  background: #f8f4f0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .footer_widgets {
    padding-top: 108px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_widgets {
    padding-top: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_widgets {
    padding-top: 68px;
  }
}

@media only screen and (max-width: 767px) {
  .footer_form_input {
    flex-wrap: wrap;
  }
}

.form_input_list {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .form_input_list {
    margin-bottom: 32px;
    width: 44%;
    margin-right: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .form_input_list {
    width: 100%;
    margin-right: 0;
  }
}
.form_input_list input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666666;
}
.form_input_list input::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}
.form_input_list input:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
}
.form_input_list input:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}
.form_input_list input {
  font-size: 14px;
  line-height: 26px;
  padding-bottom: 5px;
  color: #666666;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
  background: inherit;
  width: 305px;
}
.form_input_list input:focus {
  border-color: #000;
  color: #000;
}
.form_input_list input:focus::-webkit-input-placeholder {
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .form_input_list input {
    width: 180px;
  }
}
@media only screen and (max-width: 767px) {
  .form_input_list input {
    width: 100%;
  }
}

.footer_form {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 50px 50px 65px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .footer_form {
    padding: 28px 30px 38px;
  }
}
.footer_form textarea {
  width: 100%;
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
  background: inherit;
  height: 160px;
  resize: none;
  padding-bottom: 3px;
}
.footer_form textarea:focus {
  border-color: #000;
  color: #000;
}
.footer_form textarea:focus::-webkit-input-placeholder {
  color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .footer_form textarea {
    height: 130px;
  }
}
@media only screen and (max-width: 767px) {
  .footer_form textarea {
    height: 100px;
  }
}

.contact-form .btn.btn-link {
  font-size: 14px;
  line-height: 51px;
  height: 50px;
  padding: 0 35px;
  margin-top: 22px;
}

.main_footer {
  padding: 138px 0 136px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .main_footer {
    padding: 108px 0 106px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .main_footer {
    padding: 88px 0 86px;
  }
}
@media only screen and (max-width: 767px) {
  .main_footer {
    flex-wrap: wrap;
    padding: 68px 0 66px;
  }
}

@media only screen and (max-width: 767px) {
  .footer_widget_list {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .footer_widget_list {
    width: 100%;
  }
}

.footer_menu ul li a {
  font-size: 14px;
  line-height: 36px;
  color: #000000;
}
.footer_menu ul li a:hover {
  color: #90744f;
}

.newsletter_subscribe p {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
  margin-bottom: 17px;
}
.newsletter_subscribe form {
  position: relative;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .newsletter_subscribe form {
    width: 228px;
  }
}
.newsletter_subscribe form input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.newsletter_subscribe form input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.newsletter_subscribe form input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.newsletter_subscribe form input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.newsletter_subscribe form input {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  border: 0;
  border-bottom: 1px solid #959290;
  background: inherit;
  width: 100%;
  height: 50px;
  padding: 0 32px 0 0;
}
.newsletter_subscribe form input:focus {
  border-color: #000;
  color: #000;
}
.newsletter_subscribe form input:focus::-webkit-input-placeholder {
  color: #000;
}
.newsletter_subscribe form button {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  border: 0;
  padding: 0;
  font-size: 24px;
  color: #000000;
  background: inherit;
}
.newsletter_subscribe form button:hover {
  color: #90744f;
}
.newsletter_subscribe .mailchimp-error {
  color: #000;
  text-align: center;
}
.newsletter_subscribe .mailchimp-success.active {
  max-width: 280px;
  color: #000;
  text-align: center;
  margin: 15px auto 0;
}

.mc-news {
  position: absolute;
  left: -5000px;
}

.footer_bottom {
  border-top: 1px solid #d0cdc9;
  padding: 41px 0 48px;
}
@media only screen and (max-width: 767px) {
  .footer_bottom {
    padding: 30px 0 32px;
    flex-direction: column-reverse;
  }
}

.footer_logo {
  margin-right: 40px;
}
@media only screen and (max-width: 575px) {
  .footer_logo {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 575px) {
  .copyright_right {
    text-align: center;
  }
}
.copyright_right p {
  font-size: 14px;
  line-height: 17px;
  color: #000000;
  text-transform: capitalize;
  font-weight: 400;
}
.copyright_right p i {
  color: #f53400;
  font-size: 18px;
  vertical-align: middle;
  margin: 0 5px;
}
@media only screen and (max-width: 767px) {
  .copyright_right p {
    font-size: 13px;
    line-height: 22px;
  }
}
.copyright_right p a:hover {
  color: #90744f;
}

@media only screen and (max-width: 767px) {
  .footer_social {
    margin-bottom: 20px;
  }
}
.footer_social ul li {
  margin-right: 23px;
}
.footer_social ul li:last-child {
  margin-right: 0;
}
.footer_social ul li a {
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}
.footer_social ul li a:hover {
  color: #90744f;
}

@media only screen and (max-width: 575px) {
  .footer_bottom_left {
    flex-direction: column;
    align-items: center !important;
  }
}

/* 05. other css here */
.hero_banner_section {
  height: 1080px;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_banner_section {
    height: 900px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hero_banner_section {
    height: 800px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner_section {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner_section {
    height: 600px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner_section {
    height: 500px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner_section.mb-142 {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner_section.mb-142 {
    margin-bottom: 50px;
  }
}

.hero_content h1 {
  font-size: 80px;
  line-height: 95px;
  font-weight: 700;
  margin-bottom: 27px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_content h1 {
    font-size: 67px;
    line-height: 80px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_content h1 {
    font-size: 55px;
    line-height: 65px;
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_content h1 {
    font-size: 47px;
    line-height: 55px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_content h1 {
    font-size: 38px;
    line-height: 48px;
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_content h1 {
    font-size: 25px;
    line-height: 34px;
  }
}
.hero_content h1 span {
  font-weight: 100;
}
.hero_content p {
  font-size: 18px;
  line-height: 30px;
  color: #cccccc;
  max-width: 530px;
  margin: auto;
  margin-bottom: 71px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_content p {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_content p {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_content p {
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_content p {
    font-size: 17px;
    line-height: 28px;
    margin-bottom: 33px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_content p {
    font-size: 15px;
    line-height: 25px;
    max-width: 440px;
  }
}

.hero_banner_inner {
  margin-top: 50px;
}
@media only screen and (min-width: 1200px) and (max-width: 1365px) {
  .hero_banner_inner {
    margin-top: 126px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner_inner {
    margin-top: 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner_inner {
    margin-top: 98px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner_inner {
    margin-top: 78px;
  }
}

/*template manner css*/
@media (min-width: 1600px) {
  .feature-area .row-cols-md-3 > * {
    width: 27.333333%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .feature-area .row-cols-md-3 > * {
    width: 27.333333%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .feature-area .row-cols-md-3 > * {
    width: 30.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .feature-area .row-cols-md-3 > * {
    width: 30.333333%;
  }
}
@media only screen and (max-width: 575px) {
  .feature-area .row-cols-md-3 > * {
    width: 50%;
  }
}
@media only screen and (max-width: 479px) {
  .feature-area .row-cols-md-3 > * {
    width: 100%;
  }
}

.manner_text_list h3 {
  font-size: 30px;
  line-height: 30px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 17px;
  margin-bottom: 24px;
  color: #000000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .manner_text_list h3 {
    font-size: 25px;
    line-height: 25px;
    padding-bottom: 15px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .manner_text_list h3 {
    font-size: 23px;
    line-height: 27px;
    padding-bottom: 15px;
    margin-bottom: 17px;
  }
}
@media only screen and (max-width: 767px) {
  .manner_text_list h3 {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 15px;
    margin-bottom: 16px;
  }
}
.manner_text_list p {
  font-size: 14px;
  line-height: 30px;
  color: #999999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .manner_text_list p {
    line-height: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .manner_text_list p {
    font-size: 14px;
    line-height: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .manner_text_list p {
    font-size: 14px;
    line-height: 29px;
  }
}

/*pricing table css here*/
.business_section {
  padding: 140px 0 145px 0;
  background-position: center center;
  background-size: cover;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .business_section {
    padding: 110px 0 115px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .business_section {
    padding: 90px 0 95px;
  }
}
@media only screen and (max-width: 767px) {
  .business_section {
    padding: 70px 0 75px;
  }
}

.business_section_inner {
  position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_table {
    margin-bottom: 60px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_table {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}

.pricing_box {
  flex-direction: column;
  margin-right: 30px;
  padding: 35px 35px 50px;
  background: #ffffff;
  border-radius: 10px;
  transition: 0.3s;
}
.pricing_box:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_box {
    padding: 30px 20px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box {
    margin-right: 26px;
    padding: 25px 17px 30px;
    border-radius: 5px;
    width: 48%;
    margin-bottom: 30px;
  }
  .pricing_box:nth-child(2) {
    margin-right: 0;
  }
  .pricing_box:nth-child(4) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_box {
    margin-right: 28px;
    padding: 25px 20px 30px;
    border-radius: 5px;
    margin-bottom: 30px;
  }
  .pricing_box:nth-child(2) {
    margin-right: 0;
  }
  .pricing_box:nth-child(4) {
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .pricing_box {
    margin-right: 0;
    width: 100%;
  }
}
.pricing_box:hover {
  box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.75);
}

.pricing_box_header {
  border-bottom: 1px dashed #999;
  padding-bottom: 28px;
  margin-bottom: 22px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_box_header {
    padding-bottom: 20px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_header {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_box_header {
    padding-bottom: 18px;
    margin-bottom: 15px;
  }
}
.pricing_box_header > span {
  font-size: 14px;
  line-height: 20px;
  color: #90744f;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 12px;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_header > span {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_box_header > span {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
.pricing_box_header h3 {
  font-size: 40px;
  line-height: 50px;
  color: #669900;
  margin-bottom: 8px;
}
.pricing_box_header h3 span {
  font-size: 20px;
  color: #000000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_box_header h3 {
    font-size: 35px;
    line-height: 42px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_header h3 {
    font-size: 32px;
    line-height: 35px;
    margin-bottom: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_box_header h3 {
    font-size: 32px;
    line-height: 36px;
    margin-bottom: 6px;
  }
}
.pricing_box_header p {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_header p {
    font-size: 14px;
    line-height: 22px;
  }
}

.pricing_box_menu {
  margin-bottom: 37px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_box_menu {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_menu {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .pricing_box_menu {
    margin-bottom: 20px;
  }
}
.pricing_box_menu ul li {
  font-size: 14px;
  line-height: 36px;
}
.pricing_box_menu ul li i {
  font-size: 15px;
  color: #669900;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_box_menu ul li {
    line-height: 32px;
  }
}

.pricing_box_bottom {
  flex-direction: column;
  flex-grow: 1;
}

.pricing_btn .btn.btn-link {
  border: 1px solid #90744f;
  background: #fff;
  color: #90744f;
  font-size: 14px;
  line-height: 48px;
  height: 50px;
  padding: 0 45px;
}
.pricing_btn .btn.btn-link:hover {
  color: #ffffff;
}
.pricing_btn .btn.btn-link::before {
  background: #90744f;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pricing_btn .btn.btn-link {
    padding: 0 32px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pricing_btn .btn.btn-link {
    font-size: 13px;
    line-height: 38px;
    height: 40px;
    padding: 0 14px;
  }
}

/*counterup css here*/
@media only screen and (max-width: 767px) {
  .counterup_aera {
    flex-wrap: wrap;
  }
}

.counterup_text {
  text-align: center;
  width: 25%;
  padding-right: 15px;
  margin-right: 15px;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counterup_text {
    padding-right: 13px;
    margin-right: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .counterup_text {
    width: 50%;
    padding-right: 0;
    margin-right: 0;
  }
}
@media only screen and (max-width: 575px) {
  .counterup_text {
    width: 50%;
    padding-right: 0;
    margin-right: 0;
    margin-bottom: 13px;
  }
}
.counterup_text:last-child {
  margin-right: 0;
  padding-right: 0;
}
.counterup_text:last-child::before {
  display: none;
}
.counterup_text::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 66px;
  background: rgba(154, 160, 164, 0.7);
  right: 0;
  top: 50%;
  transform: translatey(-50%);
}
@media only screen and (max-width: 767px) {
  .counterup_text::before {
    display: none;
  }
}
.counterup_text h3 {
  color: #ffffff;
  font-size: 36px;
  line-height: 48px;
  font-weight: 700;
  margin-bottom: 3px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .counterup_text h3 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .counterup_text h3 {
    font-size: 28px;
    line-height: 38px;
  }
}
.counterup_text p {
  color: #ffffff;
  font-size: 13px;
  line-height: 20px;
  text-transform: uppercase;
}

/*team members css here*/
.team_members_section {
  margin-bottom: 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .team_members_section {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_members_section {
    margin-bottom: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .team_members_section {
    margin-bottom: 80px;
  }
}

.team_members_list {
  flex-wrap: wrap;
}

.single_team_members {
  text-align: center;
  width: 20%;
  margin-bottom: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_team_members {
    width: 25%;
  }
}
@media only screen and (max-width: 767px) {
  .single_team_members {
    width: 33.33%;
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 479px) {
  .single_team_members {
    width: 50%;
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 575px) {
  .team_img img {
    width: 120px;
  }
}

.team_text {
  padding-top: 25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_text {
    padding-top: 23px;
  }
}
@media only screen and (max-width: 575px) {
  .team_text {
    padding-top: 20px;
  }
}
.team_text h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_text h3 {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
  }
}
@media only screen and (max-width: 575px) {
  .team_text h3 {
    font-size: 17px;
    line-height: 22px;
  }
}
.team_text span {
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  display: inline-block;
}

.all_team_members .btn.btn-link {
  padding: 0 55px;
}
@media only screen and (max-width: 767px) {
  .all_team_members .btn.btn-link {
    padding: 0 35px;
  }
}

.creative_section {
  padding: 103px 0 165px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .creative_section {
    padding: 77px 0 74px;
  }
}
@media only screen and (max-width: 767px) {
  .creative_section {
    padding: 58px 0 13px;
  }
}
.creative_section .manner_text_list h3 {
  color: #90744f;
}
.creative_section .manner_text_list p {
  color: #666666;
}
.creative_section .template_manner_text {
  padding-bottom: 0;
}

.team_bg_section {
  background: #f8f4f0;
  padding: 135px 0 170px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .team_bg_section {
    padding: 72px 0 80px;
  }
}
@media only screen and (max-width: 767px) {
  .team_bg_section {
    padding: 50px 0 60px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner2 {
    height: 700px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner2 {
    height: 650px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner2 {
    height: 550px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_banner2 {
    height: 420px;
  }
}

.footer_about {
  padding-top: 0;
}
.footer_about::before {
  display: none;
}

.portfolio_section {
  padding: 139px 0 141px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_section {
    padding: 109px 0 111px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_section {
    padding: 89px 0 91px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_section {
    padding: 71px 0 71px;
  }
}

.hero_banner3 {
  height: 700px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_banner3 {
    height: 620px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner3 {
    height: 530px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner3 {
    height: 470px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner3 {
    height: 400px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_banner3 {
    height: 355px;
  }
}

.breadcrumb_content.breadcrumb_portfolio ul li {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb_content.breadcrumb_portfolio ul li {
    font-size: 16px;
  }
}
.breadcrumb_content.breadcrumb_portfolio ul li a {
  color: #cccccc;
}

.portfolio_messonry_button {
  margin-bottom: 67px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_messonry_button {
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_messonry_button {
    margin-bottom: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_messonry_button {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.portfolio_messonry_button button {
  font-size: 16px;
  line-height: 36px;
  color: #000000;
  text-transform: capitalize;
  margin-right: 46px;
  padding: 0;
  background: inherit;
  border: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .portfolio_messonry_button button {
    font-size: 15px;
    margin-right: 27px;
    line-height: 30px;
  }
}
.portfolio_messonry_button button:last-child {
  margin-right: 0;
}
.portfolio_messonry_button button.active {
  color: #90744f;
}
.portfolio_messonry_button button.active::before {
  width: 100%;
}
.portfolio_messonry_button button::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #90744f;
  left: 0;
  bottom: 0;
  transition: 0.3s;
}

.portfolio_thumb {
  position: relative;
  overflow: hidden;
}
.portfolio_thumb a {
  display: block;
}
.portfolio_thumb:hover::before {
  opacity: 0.7;
}
.portfolio_thumb:hover .portfolio_text {
  opacity: 1;
  top: 50%;
}
.portfolio_thumb:hover img {
  transform: scale(1.1) translateZ(0);
}
.portfolio_thumb::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #90744f;
  left: 0;
  top: 0;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  pointer-events: none;
  z-index: 9;
}

.portfolio_text {
  position: absolute;
  top: 40%;
  transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  opacity: 0;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  z-index: 9;
}
.portfolio_text h3 {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio_text h3 {
    font-size: 28px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio_text h3 {
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 13px;
  }
}
@media only screen and (max-width: 767px) {
  .portfolio_text h3 {
    font-size: 22px;
    line-height: 22px;
    margin-bottom: 8px;
  }
}
.portfolio_text span {
  font-size: 14px;
  line-height: 26px;
  color: #cccccc;
  display: inline-block;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .portfolio_text span {
    font-size: 13px;
    line-height: 20px;
  }
}

.loding_bar {
  margin-top: 71px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .loding_bar {
    margin-top: 51px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .loding_bar {
    margin-top: 41px;
  }
}
@media only screen and (max-width: 767px) {
  .loding_bar {
    margin-top: 41px;
  }
}
.loding_bar i {
  display: block;
  font-size: 24px;
  line-height: 26px;
  color: #999999;
}
.loding_bar a {
  display: inline-block;
  font-size: 14px;
  line-height: 26px;
  font-weight: 700;
  color: #999999;
  text-transform: uppercase;
  letter-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .loding_bar a {
    font-size: 13px;
  }
}

.hero_banner4 {
  height: 800px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_banner4 {
    height: 700px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner4 {
    height: 570px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner4 {
    height: 450px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner4 {
    height: 300px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_banner4 {
    height: 260px;
  }
}

.breadcrumbs_contact {
  margin-bottom: 113px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_contact {
    margin-bottom: 88px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_contact {
    margin-bottom: 36px;
  }
}
.breadcrumbs_contact .breadcrumb_content h2 {
  font-size: 48px;
  line-height: 48px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_contact .breadcrumb_content h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_contact .breadcrumb_content h2 {
    font-size: 35px;
    line-height: 35px;
    margin-bottom: 18px;
  }
}
.breadcrumbs_contact .breadcrumb_content h2 span {
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_contact .breadcrumb_content ul li a {
    font-size: 16px;
  }
}

.contact_page_section {
  padding: 143px 0 142px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_page_section {
    padding: 113px 0 112px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_page_section {
    padding: 93px 0 92px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_page_section {
    padding: 73px 0 72px;
  }
}

.contact_info {
  margin-bottom: 144px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info {
    margin-bottom: 97px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info {
    flex-wrap: wrap;
    justify-content: flex-start !important;
    margin-bottom: 26px;
  }
}

.contact_info_list {
  padding-right: 100px;
  margin-right: 70px;
  position: relative;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact_info_list {
    padding-right: 70px;
    margin-right: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_list {
    padding-right: 40px;
    margin-right: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_info_list {
    padding-right: 0;
    margin-right: 0;
    width: 50%;
    margin-bottom: 30px;
  }
  .contact_info_list::before {
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  .contact_info_list {
    width: 100%;
    text-align: center;
  }
}
.contact_info_list:last-child {
  margin-right: 0;
  padding-right: 0;
}
.contact_info_list:last-child::before {
  display: none;
}
.contact_info_list::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 225px;
  background: #d3d0cc;
  right: 0%;
  top: 50%;
  transform: translatey(-50%);
  -webkit-transform: translatey(-50%);
  -moz-transform: translatey(-50%);
  -ms-transform: translatey(-50%);
  -o-transform: translatey(-50%);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_info_list::before {
    height: 192px;
  }
}
.contact_info_list i {
  font-size: 40px;
  line-height: 36px;
  color: #90744f;
  margin-bottom: 30px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .contact_info_list i {
    font-size: 35px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.contact_info_list h3 {
  font-size: 18px;
  line-height: 36px;
  font-weight: 700;
  margin-bottom: 4px;
}
.contact_info_list p {
  font-size: 14px;
  line-height: 26px;
  color: #666666;
  margin-bottom: 0;
}
.contact_info_list p a:hover {
  color: #90744f;
}

.contact_map iframe {
  height: 500px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact_map iframe {
    height: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .contact_map iframe {
    height: 300px;
  }
}

/*services css here*/
.service_section {
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_section.mb-123 {
    margin-bottom: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .service_section.mb-123 {
    margin-bottom: 51px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service_section.mb-222 {
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service_section.mb-222 {
    margin-bottom: 67px;
  }
}
@media only screen and (max-width: 767px) {
  .service_section.mb-222 {
    margin-bottom: 51px;
  }
}

.single_services {
  margin-bottom: 54px;
}
.single_services:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single_services {
    margin-bottom: 36px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single_services {
    margin-bottom: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .single_services {
    margin-bottom: 32px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_position_img {
    text-align: center;
    width: 59%;
  }
}
@media only screen and (max-width: 767px) {
  .services_position_img {
    margin: 50px 0 45px 0;
  }
}
.services_text h4 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 9px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_text h4 {
    font-size: 17px;
    line-height: 24px;
    margin-bottom: 7px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text h4 {
    font-size: 15px;
    line-height: 17px;
    margin-bottom: 6px;
  }
}
.services_text p {
  font-size: 14px;
  line-height: 26px;
  color: #999999;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .services_text p {
    line-height: 23px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text p {
    font-size: 13px;
    line-height: 23px;
  }
}

.services_icon {
  width: 70px;
  height: 70px;
  background: #fbf6f0;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_icon {
    width: 55px;
    height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .services_icon {
    width: 60px;
    height: 60px;
  }
}
.services_icon i {
  font-size: 30px;
  color: #90744f;
  line-height: 70px;
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_icon i {
    font-size: 25px;
    line-height: 55px;
  }
}
@media only screen and (max-width: 767px) {
  .services_icon i {
    font-size: 25px;
    line-height: 60px;
  }
}

.services_text {
  width: calc(100% - 70px);
  padding-left: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .services_text {
    width: calc(100% - 55px);
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .services_text {
    width: calc(100% - 60px);
  }
}

.service-page .services_text {
  width: auto;
  padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-page .services_text h4 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 500;
    margin-bottom: 9px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-page .services_text p {
    font-size: 14px;
    line-height: 26px;
    color: #999999;
  }
}
.service-page .services_icon {
  margin-bottom: 20px;
}
@media (min-width: 1600px) {
  .service-page .row-cols-md-3 > * {
    width: 27.333333%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .service-page .row-cols-md-3 > * {
    width: 27.333333%;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .service-page .row-cols-md-3 > * {
    width: 30.333333%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .service-page .row-cols-md-3 > * {
    width: 30.333333%;
  }
}
@media only screen and (max-width: 767px) {
  .service-page .row-cols-md-3 > * {
    width: 100%;
  }
}
@media only screen and (max-width: 575px) {
  .service-page .row-cols-md-3 > * {
    width: 100%;
    display: block !important;
  }
}
@media only screen and (max-width: 479px) {
  .service-page .row-cols-md-3 > * {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .service-page .single_services {
    margin-bottom: 40px;
    width: 45%;
  }
}
@media only screen and (max-width: 575px) {
  .service-page .single_services {
    width: 100%;
  }
}

.hero-overlay {
  position: relative;
  z-index: 1;
}
.hero-overlay::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: 0.4;
  left: 0;
  top: 0;
  z-index: -1;
}

/*Banner Css Here*/
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_section.mb-109 {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_section.mb-109 {
    margin-bottom: 55px;
  }
}
@media only screen and (max-width: 575px) {
  .banner_section.mb-109 {
    margin-bottom: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .single_banner.mr-30 {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single_banner.mr-30 {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .single_banner img {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .banner_container.d-flex {
    flex-direction: column;
  }
}

.banner_text {
  top: 66px;
  left: 65px;
  right: 18px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text {
    top: 45px;
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text {
    top: 25px;
    left: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text {
    top: 20px;
    left: 15px;
    right: 10px;
  }
}
.banner_text h3 {
  font-size: 36px;
  text-transform: uppercase;
  line-height: 48px;
  font-weight: 400;
  margin-bottom: 17px;
}
.banner_text h3 span {
  font-weight: 600;
  color: #ff2f2f;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text h3 {
    font-size: 28px;
    line-height: 36px;
    margin-bottom: 13px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text h3 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 11px;
  }
}
.banner_text p {
  font-size: 14px;
  color: #666666;
  margin-bottom: 0;
  font-weight: 400;
}
@media only screen and (max-width: 767px) {
  .banner_text p {
    font-size: 13px;
    line-height: 19px;
  }
}
.banner_text a.btn-primary {
  margin-top: 198px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_text a.btn-primary {
    margin-top: 135px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_text a.btn-primary {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_text a.btn-primary {
    margin-top: 30px;
  }
}
.banner_text a.btn-primary:hover {
  color: #000000;
}
.banner_text a.btn-primary::before {
  background: #fff;
}

.banner_style2 {
  padding: 0 55px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 {
    padding: 0;
  }
}
@media only screen and (max-width: 575px) {
  .banner_style2 .single_banner {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .single_banner img {
    height: 270px;
    object-fit: cover;
  }
}
.banner_style2 .banner_text {
  bottom: 66px;
  top: auto;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_style2 .banner_text {
    bottom: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text {
    bottom: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text {
    bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text {
    bottom: 30px;
  }
}
.banner_style2 .banner_text h3 {
  font-size: 48px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text h3 {
    font-size: 32px;
    margin-bottom: 9px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text h3 {
    font-size: 25px;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text h3 {
    font-size: 18px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text p {
    font-size: 13px;
  }
}
.banner_style2 .banner_text a.btn-primary {
  margin-top: 47px;
  text-transform: uppercase;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 9px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_style2 .banner_text a.btn-primary {
    margin-top: 10px;
  }
}

.banner_tag {
  position: absolute;
  top: 60px;
  left: 70px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .banner_tag {
    top: 40px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner_tag {
    top: 25px;
    left: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner_tag {
    top: 18px;
    left: 23px;
  }
}
@media only screen and (max-width: 767px) {
  .banner_tag {
    top: 25px;
    left: 15px;
  }
}
.banner_tag span {
  font-size: 14px;
  line-height: 24px;
  color: #999999;
  text-transform: uppercase;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .banner_tag span {
    font-size: 13px;
    line-height: 20px;
  }
}

/* 03. product section css here */
.tab-content > .tab-pane.active {
  display: block;
  height: auto;
  opacity: 1;
  overflow: visible;
}

.tab-content > .tab-pane {
  display: block;
  height: 0;
  opacity: 0;
  overflow: hidden;
}

.works_slide_header .section_title {
  margin-bottom: 60px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .works_slide_header .section_title {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works_slide_header .section_title {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .works_slide_header .section_title {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .tab__button.d-flex {
    justify-content: space-between;
    margin-top: 12px;
  }
}
@media only screen and (max-width: 575px) {
  .tab__button.d-flex {
    flex-direction: column;
    text-align: center;
  }
}
@media only screen and (max-width: 575px) {
  .tab__button ul {
    justify-content: center;
  }
}
.tab__button ul li {
  margin-right: 40px;
}
@media only screen and (max-width: 767px) {
  .tab__button ul li {
    margin-right: 20px;
  }
}
.tab__button ul li:last-child {
  margin-right: 0;
}
.tab__button ul li a {
  font-size: 18px;
  line-height: 18px;
  color: #999999;
  display: inline-block;
}
.tab__button ul li a:hover {
  color: #90744f;
}
.tab__button ul li a.active {
  color: #90744f;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .tab__button ul li a {
    font-size: 15px;
  }
}
@media only screen and (max-width: 575px) {
  .tab__button ul li a {
    font-size: 15px;
    line-height: 28px;
  }
}

.works_slide_wrapper {
  position: relative;
  padding: 80px 0px 80px 0px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .works_slide_wrapper {
    padding: 54px 0px 70px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works_slide_wrapper {
    padding: 44px 0px 60px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .works_slide_wrapper {
    padding: 44px 0px 50px 0px;
  }
}
.works_slide_wrapper.swiper-container-horizontal .swiper-scrollbar {
  position: absolute;
  left: 50%;
  bottom: 0px;
  z-index: 50;
  height: 5px;
  width: 1170px;
  margin-left: -585px;
  background: #e6e6e6;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .works_slide_wrapper.swiper-container-horizontal .swiper-scrollbar {
    width: 922px;
    margin-left: -461px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .works_slide_wrapper.swiper-container-horizontal .swiper-scrollbar {
    width: 700px;
    margin-left: -350px;
  }
}
@media only screen and (max-width: 767px) {
  .works_slide_wrapper.swiper-container-horizontal .swiper-scrollbar {
    width: 350px;
    margin-left: -175px;
  }
}
.works_slide_wrapper.swiper-container-horizontal .swiper-scrollbar-drag {
  background: #90744f;
  border-radius: 0px;
}

.work_slick_text {
  text-align: center;
  height: 100px;
  width: 100%;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -100px;
  transition: 0.4s;
}
.work_slick_text .title {
  font-size: 30px;
  color: #000000;
  font-weight: 700;
  margin: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .work_slick_text .title {
    font-size: 28px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .work_slick_text .title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .work_slick_text .title {
    font-size: 20px;
  }
}
.work_slick_text .title .title-link {
  color: #000000;
}
.work_slick_text .title .title-link:hover {
  color: #90744f;
}

.works_slick_list {
  position: relative;
  overflow: hidden;
}
.works_slick_list:hover .work_slick_text {
  bottom: 0;
}

.view_all_works {
  margin-top: 141px;
  margin-bottom: 148px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .view_all_works {
    margin-top: 111px;
    margin-bottom: 118px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .view_all_works {
    margin-top: 91px;
    margin-bottom: 98px;
  }
}
@media only screen and (max-width: 767px) {
  .view_all_works {
    margin-top: 71px;
    margin-bottom: 67px;
  }
}
.view_all_works a {
  display: inline-block;
  font-size: 14px;
  line-height: 30px;
  font-weight: 700;
  color: #90744f;
  word-spacing: 2px;
  letter-spacing: 7px;
  text-transform: uppercase;
  position: relative;
  padding-bottom: 21px;
}
.view_all_works a::before {
  position: absolute;
  content: "";
  height: 1px;
  width: 70px;
  background: #90744f;
  bottom: 0;
  left: 50%;
  transform: translatex(-50%);
}
@media only screen and (max-width: 767px) {
  .view_all_works a {
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 2px;
    padding-bottom: 13px;
  }
}

/*blog css here*/
.blog_section {
  background: #f8f4f0;
  padding: 137px 0 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_section {
    padding: 107px 0 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_section {
    padding: 87px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_section {
    padding: 67px 0 80px;
  }
}

.blog_meta {
  margin-bottom: 9px;
}
@media only screen and (max-width: 767px) {
  .blog_meta {
    margin-bottom: 4px;
  }
}
.blog_meta span {
  font-size: 14px;
  line-height: 20px;
  color: #666666;
}

.single_blog {
  transition: 0.3s;
}
.single_blog:hover {
  box-shadow: 0 8px 10px 0 rgba(0, 0, 0, 0.1);
}

.blog_thumb {
  overflow: hidden;
}
.blog_thumb:hover img {
  transform: scale(1.05);
}
.blog_thumb img {
  width: 100%;
  transition: 0.3s;
}

.blog_content {
  padding: 18px 30px 28px;
  background: #ffffff;
}
@media only screen and (max-width: 767px) {
  .blog_content {
    padding: 17px 17px 23px;
  }
}
.blog_content > h3 {
  font-size: 18px;
  line-height: 30px;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_content > h3 {
    font-size: 17px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_content > h3 {
    font-size: 16px;
    line-height: 27px;
  }
}
.blog_content > h3 a {
  color: #000000;
}
.blog_content > h3 a:hover {
  text-decoration: underline;
}
.blog_content > a {
  font-size: 13px;
  line-height: 24px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase;
  display: inline-block;
  margin-top: 20px;
}
@media only screen and (max-width: 767px) {
  .blog_content > a {
    margin-top: 14px;
  }
}
.blog_content > a:hover {
  color: #90744f;
}
.blog_content > a i {
  font-size: 18px;
  margin-left: 4px;
  vertical-align: middle;
}

.blog_page_bg {
  padding: 110px 0 140px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_bg {
    padding: 110px 0 110px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_bg {
    padding: 76px 0 90px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_bg {
    padding: 57px 0 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_blog.mb-96 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_blog.mb-96 {
    margin-bottom: 45px;
  }
}
.breadcrumbs_blog .breadcrumb_content ul li {
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_blog .breadcrumb_content ul li {
    font-size: 16px;
  }
}
.breadcrumb_content h2 {
  font-size: 80px;
  line-height: 80px;
  color: #90744f;
  font-weight: 700;
  margin-bottom: 26px;
}
.breadcrumb_content h2 span {
  color: #000000;
  font-weight: 100;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb_content h2 {
    font-size: 67px;
    line-height: 67px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb_content h2 {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumb_content h2 {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 21px;
  }
}
.breadcrumb_content ul li {
  display: inline-block;
  margin-right: 8px;
  font-size: 15px;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .breadcrumb_content ul li {
    line-height: 20px;
  }
}
.breadcrumb_content ul li:last-child {
  margin-right: 0;
}
.breadcrumb_content ul li a {
  color: #666666;
  text-transform: capitalize;
}
.breadcrumb_content ul li a:hover {
  color: #90744f;
}
.breadcrumb_content ul li span {
  color: #000000;
}

.blog_messonry_button {
  margin-bottom: 67px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_messonry_button {
    margin-bottom: 47px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_messonry_button {
    margin-bottom: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_messonry_button {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.blog_messonry_button button {
  font-size: 16px;
  line-height: 36px;
  color: #000000;
  text-transform: capitalize;
  margin-right: 46px;
  padding: 0;
  background: inherit;
  border: 0;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .blog_messonry_button button {
    font-size: 15px;
    margin-right: 27px;
    line-height: 30px;
  }
}
.blog_messonry_button button:last-child {
  margin-right: 0;
}
.blog_messonry_button button.active {
  color: #90744f;
}
.blog_messonry_button button.active::before {
  width: 100%;
}
.blog_messonry_button button::before {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #90744f;
  left: 0;
  bottom: 0;
  transition: 0.3s;
}

.blog_page_gallery {
  margin-bottom: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_page_gallery {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_page_gallery {
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .blog_page_gallery {
    margin-bottom: 0;
  }
}
.blog_page_gallery .single_blog {
  margin-bottom: 60px;
}
@media only screen and (max-width: 767px) {
  .blog_page_gallery .single_blog {
    margin-bottom: 30px;
  }
}

.pagination_style ul li {
  margin-right: 24px;
}
.pagination_style ul li:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .pagination_style ul li {
    margin-right: 18px;
  }
}
.pagination_style ul li a {
  font-size: 16px;
  line-height: 36xp;
  color: #000000;
}
.pagination_style ul li a:hover {
  color: #90744f;
}
.pagination_style ul li a:hover i {
  color: #cccccc;
}
@media only screen and (max-width: 767px) {
  .pagination_style ul li a {
    font-size: 15px;
  }
}
.pagination_style ul li a i {
  font-size: 26px;
  vertical-align: middle;
  transition: 0.3s;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
}
@media only screen and (max-width: 767px) {
  .pagination_style ul li a i {
    font-size: 20px;
  }
}

/* 12. blog details css here */
.blog_details_bg {
  padding: 143px 0 150px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .blog_details_bg {
    padding: 113px 0 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_bg {
    padding: 93px 0 100px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_bg {
    padding: 73px 0 80px;
  }
}

.breadcrumbs_area.bread_blog_details.mb-96 {
  margin-bottom: 96px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumbs_area.bread_blog_details.mb-96 {
    margin-bottom: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .breadcrumbs_area.bread_blog_details.mb-96 {
    margin-bottom: 50px;
  }
}

.bread_blog_details .breadcrumb_content h2 {
  font-size: 48px;
  line-height: 48px;
  font-weight: 400;
  color: #000000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bread_blog_details .breadcrumb_content h2 {
    font-size: 40px;
    line-height: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bread_blog_details .breadcrumb_content h2 {
    font-size: 32px;
    line-height: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .bread_blog_details .breadcrumb_content h2 {
    font-size: 30px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 575px) {
  .bread_blog_details .breadcrumb_content h2 {
    font-size: 25px;
    line-height: 21px;
    margin-bottom: 17px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bread_blog_details.mb-96 {
    margin-bottom: 74px;
  }
}
@media only screen and (max-width: 767px) {
  .bread_blog_details.mb-96 {
    margin-bottom: 54px;
  }
}

.post_header {
  padding-bottom: 30px;
  margin-bottom: 57px;
}
@media only screen and (max-width: 767px) {
  .post_header {
    flex-direction: column;
  }
}
@media only screen and (max-width: 575px) {
  .post_header {
    padding-bottom: 54px;
    margin-bottom: 55px;
  }
}

@media only screen and (max-width: 575px) {
  .blog_meta_post {
    flex-direction: column;
  }
}

@media only screen and (max-width: 575px) {
  .meta_post_text {
    text-align: center;
  }
}
.meta_post_text h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .meta_post_text h3 {
    font-size: 16px;
    line-height: 22px;
  }
}
.meta_post_text span {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
  display: inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .meta_post_text span {
    font-size: 13px;
  }
}

.meta_post_img {
  margin-right: 30px;
}
@media only screen and (max-width: 575px) {
  .meta_post_img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .blog_details_meta {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_details_meta {
    flex-direction: column;
    margin-top: 20px;
  }
}
.blog_details_meta .meta_post_text {
  margin-right: 65px;
}
.blog_details_meta .meta_post_text:last-child {
  margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog_details_meta .meta_post_text {
    margin-right: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .blog_details_meta .meta_post_text {
    margin-right: 42px;
  }
}
@media only screen and (max-width: 575px) {
  .blog_details_meta .meta_post_text {
    margin-right: 0;
    margin-top: 20px;
  }
  .blog_details_meta .meta_post_text:first-child {
    margin-top: 0;
  }
}

.blog_details_desc {
  margin-bottom: 72px;
}
@media only screen and (max-width: 767px) {
  .blog_details_desc {
    margin-bottom: 52px;
  }
}
.blog_details_desc h4 {
  font-size: 16px;
  line-height: 28px;
  font-weight: 700;
  margin: auto;
  margin-bottom: 40px;
  font-style: italic;
  max-width: 700px;
}
.blog_details_desc p {
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  margin-bottom: 24px;
}

.post__social.blog__post__social {
  margin: 0 0 90px;
  padding-bottom: 88px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post__social.blog__post__social {
    margin: 0 0 74px;
    padding-bottom: 79px;
  }
}
@media only screen and (max-width: 767px) {
  .post__social.blog__post__social {
    margin: 0 0 57px;
    padding-bottom: 53px;
  }
}

.blog_container-2 {
  padding: 50px 0px;
  margin: 0 -15px;
}
.blog_container-2 .swiper-slide {
  padding: 0 15px;
}

.related_posts {
  padding-bottom: 40px;
  margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
  .related_posts {
    padding-bottom: 20px;
    margin-bottom: 58px;
  }
}
.related_posts .section_title h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #90744f;
}
.related_posts .section_title h2 span {
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .related_posts .section_title h2 {
    font-size: 28px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .related_posts .section_title h2 {
    font-size: 25px;
  }
}

.comments_box {
  margin-bottom: 70px;
}
@media only screen and (max-width: 767px) {
  .comments_box {
    margin-bottom: 30px;
  }
}
.comments_box .section_title {
  margin-bottom: 39px;
}
@media only screen and (max-width: 767px) {
  .comments_box .section_title {
    margin-bottom: 30px;
  }
}
.comments_box .section_title h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #90744f;
}
.comments_box .section_title h2 span {
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .comments_box .section_title h2 {
    font-size: 28px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .comments_box .section_title h2 {
    font-size: 25px;
  }
}

.comment_list {
  overflow: hidden;
  margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
  .comment_list {
    flex-direction: column;
  }
}
.comment_list:last-child {
  margin-bottom: 0;
}
.comment_list .comment_thumb {
  width: 70px;
  margin-right: 35px;
}
@media only screen and (max-width: 767px) {
  .comment_list .comment_thumb {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_thumb {
    margin: 0 auto 20px;
  }
}
.comment_list .comment_meta {
  margin-bottom: 11px;
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_meta {
    flex-direction: column;
  }
}
.comment_list .comment_content {
  width: calc(100% - 70px);
  background: #fff;
  padding: 20px 25px 27px;
  position: relative;
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_content {
    flex-direction: column;
    width: 100%;
    margin-top: 20px;
    padding: 20px 17px 24px;
    text-align: center;
  }
}
.comment_list .comment_content::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 16px solid #fff;
  border-bottom: 7px solid transparent;
  left: -16px;
  top: 15px;
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_content::before {
    display: none;
  }
}
.comment_list .comment_content h5 {
  font-size: 16px;
  line-height: 30px;
  font-weight: 500;
  text-transform: capitalize;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .comment_list .comment_content h5 {
    font-size: 16px;
    line-height: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .comment_list .comment_content h5 {
    margin-bottom: 8px;
  }
}
.comment_list .comment_content h5 span {
  font-size: 14px;
  color: #999999;
  font-weight: 400;
}
.comment_list .comment_content p {
  font-size: 14px;
  line-height: 24px;
  color: #666666;
}

.comments_form_inner {
  background: #fff;
  padding: 43px 50px 70px;
  border: 1px solid #e1e1e1;
}
@media only screen and (max-width: 767px) {
  .comments_form_inner {
    padding: 25px 25px 33px;
  }
}
.comments_form_inner .btn.btn-link {
  font-size: 14px;
  line-height: 51px;
  height: 50px;
  padding: 0 35px;
  margin-top: 62px;
}
@media only screen and (max-width: 767px) {
  .comments_form_inner .btn.btn-link {
    margin-top: 30px;
  }
}

.comments_form .section_title {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  .comments_form .section_title {
    margin-bottom: 30px;
  }
}
.comments_form .section_title h2 {
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  color: #90744f;
}
.comments_form .section_title h2 span {
  font-weight: 400;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .comments_form .section_title h2 {
    font-size: 28px;
    line-height: 26px;
  }
}
@media only screen and (max-width: 575px) {
  .comments_form .section_title h2 {
    font-size: 25px;
  }
}
.comments_form form textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.comments_form form textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.comments_form form textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.comments_form form textarea:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.comments_form form textarea {
  color: #999999;
  width: 100%;
  height: 190px;
  border: 0;
  border-bottom: 1px solid #e1e1e1;
}
.comments_form form textarea:focus {
  color: #000000;
  border-bottom: 1px solid #000000;
}
.comments_form form textarea:focus::-webkit-input-placeholder {
  color: #000000;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form form textarea {
    height: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .comments_form form textarea {
    height: 120px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form_input {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .comments_form_input {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comments_form_input .form_input_list {
    width: 33.33%;
    margin-right: 30px;
  }
  .comments_form_input .form_input_list:last-child {
    margin-right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form_input .form_input_list {
    width: 100%;
  }
}
.comments_form_input .form_input_list input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999;
}
.comments_form_input .form_input_list input::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999;
}
.comments_form_input .form_input_list input:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999;
}
.comments_form_input .form_input_list input:-moz-placeholder {
  /* Firefox 18- */
  color: #999999;
}
.comments_form_input .form_input_list input {
  color: #999999;
  width: 300px;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 8px;
}
.comments_form_input .form_input_list input:focus {
  color: #000000;
  border-bottom: 1px solid #000000;
}
.comments_form_input .form_input_list input:focus::-webkit-input-placeholder {
  color: #000000;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .comments_form_input .form_input_list input {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .comments_form_input .form_input_list input {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .comments_form_input .form_input_list input {
    width: 100%;
  }
}

/*blog details css end*/
/*testimonial css here*/
.testimonial_section {
  position: relative;
  margin-bottom: 135px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_section {
    margin-bottom: 105px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_section {
    margin-bottom: 85px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_section {
    margin-bottom: 48px;
  }
}

.testimonial_inner {
  position: relative;
  z-index: 9;
}

.testimonial_position_img {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

.testimonial_slick {
  padding-bottom: 87px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .testimonial_slick {
    padding-bottom: 70px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_slick {
    padding-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_slick {
    padding-bottom: 43px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_slick {
    padding-bottom: 48px;
    margin-bottom: 0px;
  }
}

.testimonial_content h3 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin-bottom: 24px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_content h3 {
    margin-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_content h3 {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 22px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_content h3 {
    margin-bottom: 16px;
  }
}
.testimonial_content > p {
  font-size: 14px;
  line-height: 28px;
  color: #666666;
  margin-bottom: 0;
}
.testimonial_footer {
  margin-top: 47px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial_footer {
    margin-top: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial_footer {
    margin-top: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial_footer {
    margin-top: 25px;
  }
}
.testimonial_footer p {
  font-size: 13px;
  line-height: 24px;
  color: #999999;
  font-style: italic;
}
.testimonial_footer p a {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  font-style: normal;
}
.testimonial_footer p a:hover {
  color: #90744f;
}

.testimonial_slick .swiper-button-next:after,
.testimonial_slick .swiper-button-prev:after {
  display: none;
}
.testimonial_slick .swiper-button-next, .testimonial_slick .swiper-button-prev {
  top: auto;
  bottom: 0;
  color: #999999;
  font-size: 24px;
  transition: 0.3s;
}
.testimonial_slick .swiper-button-next:hover, .testimonial_slick .swiper-button-prev:hover {
  color: #90744f;
}
.testimonial_slick .swiper-button-next {
  right: auto;
  left: 50px;
}
.testimonial_slick .swiper-button-prev {
  right: auto;
  left: 0;
}

.hero_banner5 {
  height: 960px;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_banner5 {
    height: 750px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner5 {
    height: 620px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner5 {
    height: 500px;
    margin-bottom: 77px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner5 {
    height: 390px;
    margin-bottom: 56px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_banner5 {
    height: 310px;
  }
}
.hero_banner5 .hero_content {
  padding-bottom: 0;
}
.hero_banner5 .hero_content h1 {
  font-size: 100px;
  line-height: 118px;
  margin-bottom: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .hero_banner5 .hero_content h1 {
    font-size: 82px;
    line-height: 100px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner5 .hero_content h1 {
    font-size: 60px;
    line-height: 73px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner5 .hero_content h1 {
    font-size: 50px;
    line-height: 65px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner5 .hero_content h1 {
    font-size: 40px;
    line-height: 54px;
  }
}
@media only screen and (max-width: 575px) {
  .hero_banner5 .hero_content h1 {
    font-size: 28px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_section {
    margin-bottom: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_section {
    font-size: 40px;
    line-height: 54px;
  }
}
.brand_archo_section .section_title p {
  font-size: 18px;
  line-height: 22px;
  color: #90744f;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_section .section_title p {
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_section .section_title p {
    font-size: 15px;
    letter-spacing: 2px;
    margin-bottom: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section_title.text-center.mb-96 {
    margin-bottom: 60px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section_title.text-center.mb-96 {
    margin-bottom: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .section_title.text-center.mb-96 {
    margin-bottom: 10px;
  }
}

.hero_banner_section.hero_banner5.mb-132 {
  margin-bottom: 146px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hero_banner_section.hero_banner5.mb-132 {
    margin-bottom: 116px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hero_banner_section.hero_banner5.mb-132 {
    margin-bottom: 96px;
  }
}
@media only screen and (max-width: 767px) {
  .hero_banner_section.hero_banner5.mb-132 {
    margin-bottom: 76px;
  }
}

.brand_archo_section.mb-135 {
  margin-bottom: 146px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .brand_archo_section.mb-135 {
    margin-bottom: 113px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_section.mb-135 {
    margin-bottom: 93px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_section.mb-135 {
    margin-bottom: 73px;
  }
}

.project_desc_list.mb-115 {
  margin-bottom: 146px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_desc_list.mb-115 {
    margin-bottom: 113px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_desc_list.mb-115 {
    margin-bottom: 93px;
  }
}
@media only screen and (max-width: 767px) {
  .project_desc_list.mb-115 {
    margin-bottom: 73px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_text {
    width: 33.33%;
    margin-bottom: 30px;
  }
  .brand_archo_text:last-child {
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_text {
    width: 50%;
    margin-bottom: 0;
  }
}
@media only screen and (max-width: 575px) {
  .brand_archo_text {
    width: 100%;
    text-align: center;
  }
}
.brand_archo_text span {
  font-size: 14px;
  line-height: 20px;
  color: #999999;
  display: inline-block;
  text-transform: uppercase;
  margin-bottom: 19px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_text span {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_text span {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
.brand_archo_text h3 {
  font-size: 18px;
  line-height: 32px;
  font-weight: 700;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_text h3 {
    font-size: 16px;
    line-height: 28px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_text h3 {
    font-size: 16px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_section {
    margin-bottom: 75px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_section {
    margin-bottom: 56px;
  }
}

.brand_archo_container {
  border-bottom: 1px solid #e7e7e7;
  padding-bottom: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .brand_archo_container {
    flex-wrap: wrap;
    padding-bottom: 44px;
  }
}
@media only screen and (max-width: 767px) {
  .brand_archo_container {
    flex-wrap: wrap;
    padding-bottom: 55px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_desc_list.mb-115 {
    margin-bottom: 79px;
  }
}
@media only screen and (max-width: 767px) {
  .project_desc_list.mb-115 {
    margin-bottom: 58px;
  }
}
@media only screen and (max-width: 575px) {
  .project_desc_list.mb-115 {
    margin-bottom: 39px;
  }
}

.project_desc_text {
  margin-bottom: 75px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_desc_text {
    margin-bottom: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .project_desc_text {
    margin-bottom: 37px;
  }
}
.project_desc_text h3 {
  font-size: 42px;
  line-height: 40px;
  color: #000000;
  margin-bottom: 42px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .project_desc_text h3 {
    font-size: 35px;
    line-height: 40px;
    margin-bottom: 35px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_desc_text h3 {
    font-size: 30px;
    line-height: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .project_desc_text h3 {
    font-size: 26px;
    line-height: 28px;
    margin-bottom: 20px;
  }
}
.project_desc_text p {
  font-size: 18px;
  line-height: 36px;
  color: #666666;
  padding: 0 148px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .project_desc_text p {
    font-size: 16px;
    line-height: 32px;
    padding: 0 70px;
  }
}
@media only screen and (max-width: 767px) {
  .project_desc_text p {
    font-size: 15px;
    line-height: 29px;
    padding: 0;
  }
}

@media only screen and (max-width: 575px) {
  .project_desc_popou {
    flex-direction: column;
  }
}

.popou_thumb_list {
  margin-right: 20px;
}
.popou_thumb_list:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 575px) {
  .popou_thumb_list {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.project_desc_slick {
  position: relative;
}
.project_desc_slick .swiper-pagination {
  bottom: 60px;
}
.project_desc_slick .swiper-pagination-bullet {
  margin: 0 8px;
  display: inline-block;
  border-radius: 100%;
  background-color: #999999;
  width: 15px;
  height: 15px;
  opacity: 1;
  transition: 0.3s;
}
.project_desc_slick .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #fff;
}
.project_desc_slick.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 8px;
}

.post__social {
  margin: 85px 0 110px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post__social {
    margin: 40px 0 73px;
  }
}
@media only screen and (max-width: 767px) {
  .post__social {
    margin: 22px 0 55px;
  }
}
.post__social span {
  font-size: 14px;
  line-height: 20px;
  color: #000000;
  display: inline-block;
  margin-right: 28px;
  font-weight: 600;
}
.post__social ul li {
  margin-right: 20px;
}
.post__social ul li:last-child {
  margin-right: 0;
}
.post__social ul li a {
  font-size: 17px;
  color: #999999;
}
.post__social ul li a:hover {
  color: #90744f;
}

.post_navigation {
  padding: 70px 0 143px;
  border-top: 1px solid #e7e7e7;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .post_navigation {
    padding: 72px 0 113px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .post_navigation {
    padding: 72px 0 93px;
  }
}
@media only screen and (max-width: 767px) {
  .post_navigation {
    padding: 52px 0 59px;
  }
}
@media only screen and (max-width: 575px) {
  .post_navigation ul {
    flex-direction: column;
  }
}
@media only screen and (max-width: 575px) {
  .post_navigation ul li {
    text-align: center;
    margin-bottom: 20px;
  }
  .post_navigation ul li:last-child {
    margin-bottom: 0;
  }
}
.post_navigation ul li a {
  font-size: 24px;
  line-height: 35px;
  color: #999999;
}
.post_navigation ul li a i {
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .post_navigation ul li a {
    font-size: 18px;
    line-height: 32px;
  }
}
.post_navigation ul li a:hover {
  color: #90744f;
}
.post_navigation ul li span {
  display: block;
  font-size: 16px;
  line-height: 20px;
  color: #000000;
  margin-top: 13px;
}
@media only screen and (max-width: 767px) {
  .post_navigation ul li span {
    font-size: 13px;
    line-height: 17px;
    margin-top: 7px;
  }
}
.post_navigation ul li.next {
  text-align: right;
}
@media only screen and (max-width: 575px) {
  .post_navigation ul li.next {
    text-align: center;
  }
}