/*
Theme Name: Law Firm Attorney Pro
Theme URI: https://www.themespride.com/themes/attorney-wordpress-theme/
Author: ThemesPride
Author URI: https://www.themespride.com/
Description: Attorney WordPress theme is a premium theme suitable for any type of law website. There are a number of options and customizable elements included in this template, which will make web design an easy and enjoyable with the Attorney WordPress theme. You can easily build a website for your law firm, a personal website for a lawyer, or any other type of law-related website. A website that is related to the law. It is a wise decision to choose this Attorney WordPress theme. After using it, you will not feel the need for anything else. In addition to having a beautiful visual appeal and wonderful features, this theme will help your website serve as a complete solution for your profession, as well as help you deal with clients online. By including sections such as Services and About Us on your website, you can provide potential clients with more information about your business.
Version: 0.0.1
Tested up to: 6.0
Requires PHP: 7.2
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: law-firm-attorney-pro
Tags: wide-blocks, block-styles, one-column, two-columns, right-sidebar, left-sidebar, three-columns, four-columns, grid-layout, custom-colors, custom-header, custom-background, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, post-formats, threaded-comments, translation-ready, blog, e-commerce, portfolio

Law Firm Attorney Pro WordPress Theme, Copyright 2022 ThemesPride
Law Firm Attorney Pro is distributed under the terms of the GNU GPL
*/

.owl-nav button i{
  color :#c18f59;
}
body{
  font-family: "Roboto";
  font-size: 14px;
  color: #757575;
}
a {
  text-decoration: none;
}
p{
  font-size: 14px;
}
h1,h2,h3,h4,h5,h6{
  font-family: "Roboto";
}
h2{
  font-size: 42px;
  font-weight: 400;
}
.sub-heading{
  margin: 10px 35% 20px 35%;
  font-size: 15px;
  font-weight: 500;
}
/*------------------------Topbar-----------------*/
#topbar {
    background: #282e3f;
}
#header {
    background: #333a4d;
}
#topbar .content {
  padding: 5px 10px;
}
#topbar .email p i {
  font-size: 14px;
  color: #c18f59;
}
#topbar .email p {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 400;
}
#header .phone p i {
  font-size: 40px;
  color: #c18f59;
  margin-top: 7px;
}
#header .phone p {
  font-size: 24px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
}

/*------------------------Header-----------------*/

.home.page-template .site-header {
  position: relative;
  width: 100%;
  z-index: 99;
}
#topbar h1{
  line-height: 1;
  font-size: 40px;
  color: #fff;
}
#topbar h1 a {
  color: #fff;
  text-decoration: none;
}
#topbar .logo p {
  margin-bottom: 0;
  color: #fff;
}
#topbar .email_icon {
  font-size: 40px;
  color: #c18f59;
}
#topbar p.email_title {
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #fff;
  font-weight: 700;
}
#topbar p.email_text {
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 15px;
  color: #fff;
  font-weight: 400;
}
#topbar .button a {
  font-size: 12px;
    letter-spacing: 1px;
    color: #fff;
    background: red;
    font-weight: 700;

    text-align: center;
    text-decoration: none;
    background: #c18f59;
    color: #fff;
    padding: 15px;
    border-radius: 2px;
}
#topbar .social-icons a {
  color: #fff;
  font-size: 14px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 60px;
  width: 40px;
  border-right: 1px solid #e6b981;
}

/*------------------------ Menu -----------------*/
.main-navigation ul{
  margin-bottom: 0;
  padding: 0;
  list-style-type: none;
}
.main-navigation ul li{
  display: inline-block;
}
.main-navigation ul ul{
  display: none;
}
.main-navigation ul li a{
  font-size: 14px;
  padding: 20px 0px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0 20px;
  font-weight: 600;
}

/*------------------------ Responsive Menu -----------------*/
.toggle-nav.mobile-menu,a.closebtn.mobile-menu{
  display: none;
}
.toggleMenu{
  display:none;
}
.menubar {
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;
}
@keyframes smoothScroll {
  0% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0px);
  }
}
ul.list_nav {
    margin: 0 auto;
    text-align: center;
    display: block;
}
.main-navigation ul{
  list-style: none;
  margin: 0;
  padding-left: 0;
}

.main-navigation li:last-child{
  border-right: none;
}
.main-navigation a{
  display: block;
  text-decoration: none;
  text-transform: none;
  padding: 0;
  position: relative;
  font-size: 15px;
  letter-spacing: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #757575;
  font-weight: 700;
  font-family: "Overpass";
}
.socialbox i{
  color: #A2A2A2;
}
.socialbox i:hover{
  color: #E43315 !important;
}
.main-navigation a:hover{
  color: #c18f59;
}
.main-navigation ul ul{
  display: none;
  position: absolute;
  top: 100% ;
  background: #F6F6F6;
  min-width: 200px;
  z-index: 9999;
}
.main-navigation ul ul ul{
  left: 100%;
  top: 0;
}

.main-navigation ul ul a{
  text-transform: none;
  font-weight: 400;
  color: #1e1d1c;
  padding: 8px 0px;
  font-size: 14px;
  line-height: 1.5;
}
.main-navigation ul ul a:hover{
  color: #c18f59 ;
}
.main-navigation ul ul li,
.menubar.scrolled .main-navigation ul ul li{
  float: none;
  display: block;
  text-align: left;
  border-bottom: 1px solid #cccccc;
}

.main-navigation ul ul li:last-child{
  border-bottom: 0;
}

.main-navigation ul li:hover > ul{
  display: block;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a{
  color: #fff !important;
  border-bottom: 2px solid #c18f59;
}

.main-navigation .menu > ul > li.highlight{
  background-color: #c18f59;
}
h1 a{
  font-size: 30px;
}
h1{
  padding: 0;
}
.main-navigation .menu > ul > li.highlight:hover{
  background: transparent;
}

.menubar.scrolled .menu > ul > li:hover > a:after,
.menubar.scrolled .menu > ul > li.current_page_item > a:after,
.menubar.scrolled .menu > ul > li.current-menu-item > a:after{
  height: 2px;
}

.menu > ul > li.exoplanet-search:after{
  background: transparent !important;
}

.main-navigation ul ul li:hover > a{
  color: #1e1d1c;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation{
  margin: 0 0 15px;
  overflow: hidden;
}
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  float: right;
  text-align: right;
  width: auto;
}
.search-box{
  margin-top: 20px;
  text-align: left;
}
.search-icon{
  cursor: pointer;
}
.search-icon i{
  color: #151515;
}
ul.sub-menu li {
  padding: 5px 15px;
}

/*------------------------Search Popup-----------------*/
#header .close-btn{
  position: absolute;
  top: 30px;
  right: 30px;
}
.popup {
  display: none;
  position: fixed;
  padding: 10px;
  width: 100%;
  left: 0;
  height: 100%;
  top: 0;
  background: rgb(0,0,0,.3);
  border: 3px solid #F04A49;
  z-index: 20;
}
#popup:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -2;
}
#popup form.search-form.serach-page{
  position: relative;
  top: 50%;
}
#popup input[type=search]{
  padding: 11px 20px;
  width: 100%;
  text-indent: 8px;
  border: 1px solid #c18f59;
}
#popup input[type="submit"]{
  position: relative;
  right: 5px;
  padding: 10px 20px;
  font-weight: bold;
  color: #ffffff;
  border: 1px solid #c18f59;
  background-color: #c18f59;
}
#popup:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,0.5);
  z-index: -1;
}
.header-search {
  font-size: 15px;
  background: #c18f59;
  font-weight: 500;
  color: #fff;
  padding: 15px;
  border-radius: 2px;
}
#popup i.far.fa-window-close{
  color: white;
  font-size: 20px;
}

/*------------------------Slider-----------------*/

#slider .slider-img img{
  width: 100%;
  height: 100%;
}
#slider {
  position: relative;
}
#slider .owl-carousel{
  display: block;
}
#slider .slider-text{
  position: absolute;
  top: 40%;
  left: 10%;
  transform: translateY(-30%);
  width: 40%;
}
#slider h4{
  font-size: 16px;
  letter-spacing: 1px;
  color: #c18f59;
  font-weight: 700;
}
#slider h1{
  font-size: 35px;
  letter-spacing: 1px;
  line-height: 50px;
  color: #ffffff;
  font-weight: 700;
  margin-bottom: 15px;
}
#slider p {
  font-size: 12px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 100;
  font-family: "Roboto";
}
#slider .button a {
  font-size: 14px;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}
#slider a.btn-1 {
  margin-right: 25px;
  background: #c18f59;
  padding: 10px;
  border-radius: 2px;
}
#slider .owl-prev {
  background: #c18f59;
  border: none;
  padding: 20px 15px;
  position: absolute;
  bottom: 40%;
  left: 0;
  clip-path: polygon(100% 50%, 0 0%, 0 100%);
  text-align: center;
}
#slider .owl-prev i {
  color: #fff;
  position: relative;
  right: 8px;
  font-size: 12px;
}
#slider .owl-next {
  position: absolute;
  bottom: 40%;
  background: #fff;
  border: none;
  padding: 20px 15px;
  right: 0;
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
#slider .owl-next i {
  color: #c18f59;
  position: relative;
  left: 8px;
  font-size: 12px;
}
span.last_slide_head {
    color: #c18f59;
}

/*------------------------ About -----------------*/

  #about .abt_bg {
    background: #fff;
    position: relative;
    padding: 45px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin: 4% 0%;
  }
  #about .about-content img {
    width: 100%;
  }
  #about .heading img {
    float: left;
    margin-right:15px;
    margin-bottom: 10px;
  }
  #about .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;

    padding-top: 10px;
  }
  #about .main_title {
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 32px;
    color: #3d4043;
    font-weight: 600;

    clear: both;
  }
  #about .main_text {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #about .about-content h6 {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 22px;
    color: #4d4f52;
    font-weight: 700;

  }
  #about .button a {
    font-size: 15px;
    letter-spacing: 1px;
    color: #212121;
    font-weight: 700;

  }
  #about .left_img {
    position: relative;
    text-align: center;
  }
  #about .exp-box {
    position: absolute;
    bottom: -15px;
    left: 0px;
    padding: 25px 15px;
    display: block;
    background: rgba(224, 167, 98, 0.8);
    border: 5px solid #ccc;
  }
  #about .exp-box h5 {
    font-size: 54px;
    letter-spacing: 1px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 700;

    text-align: left;
  }
  #about .exp-box p {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 29px;
    color: #ffffff;
    font-weight: 500;

    text-align: left;
  }

/*------------------------Services-----------------*/

  section#services {
    margin-top: 4%;
  }
  #services .heading img {
    float: left;
    margin-right:15px;
  }
  #services .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;

  }
  #services .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #services .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;

    text-align: center;
  }
  #services .box{
    background: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #services .box:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  }
  #services .box img{
    height: auto;
    transition: all 0.5s ease-out;
  }
  #services .box:hover .post-img img{
    opacity: 0.3;
    transform: scale(1.15);
  }
  #services .box .box-content{
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
  }
  #services .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #services .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 32px;
    font-weight: 700;
    text-align: left;
  }
  #services .box .title {
    color: #ffffff;

  }
  #services .box .title:after {
    content: "";
    border-bottom: 2px solid #c18f59;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #services .box .post{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #services .box .button{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 400;

  }
  #services .box .button i {
    position: relative;
    top: 2px;
    left: 5px;
    color: #fff;
  }

/*------------------------ Feature -----------------*/

  #feature {
    padding: 60px 0;
  }
  #feature .text {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;

    opacity: 0.9;
  }
  #feature .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
    background: #dfa761;
    padding: 10px 25px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
  }
  #feature h6.title {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 34px;
    color: #c18f59;
    font-weight: 700;

  }
  #feature span.text {
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 34px;
    color: #fff;
    font-weight: 700;

  }
  #feature .days {
    font-size: 16px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;

  }
  #feature hr {
    margin: 25px 0;
  }
  section#feature_slider {
    background: #f7f7f7;
    padding-bottom: 60px;
  }
  #feature_slider .feature-content {
    background: #dfa761;
    padding: 40px;
  }
  #feature_slider .feature_box .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;

  }
  #feature_slider .feature_box .title:after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #feature_slider .feature_box .text{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #feature span.phone {
    background-color:#c18f59;
    width: 40px;
    height: 35px;
    font-size: 15px;
    margin-right: 10px;
    color: #fff;
    position: relative;
    clip-path: polygon(0% 0%, 65% 0, 100% 50%, 65% 100%, 0% 100%);
    display: inline-block;
  }
  #feature span.phone i {
   transform: rotate(85deg);
   position: relative;
   letter-spacing: 7px;
  }
/*---------------------- Practice -----------------*/

  section#practice {
    padding: 60px 0;
    background: #f7f7f7;
  }
  #practice .heading img {
    float: left;
    margin-right:15px;
  }
  #practice .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 55px;
    color: #212121;
    font-weight: 700;

  }
  #practice .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #practice .button a {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #212121;
    font-weight: 700;

    text-align: center;
    writing-mode: tb-rl;
  }
  #practice .nav-tabs .nav-link.active {
    color: #000!important;
  }
  #practice .nav-tabs .nav-link.active:after {
    content: "";
    border-bottom: 1px solid #dfa761;
    display: block;
    width: 100%;
    top: 18px;
    position: relative;
  }
  #practice .tab-head {
    background: #ffffff;
    padding: 25px 0px;
  }
  #practice .tab-head .nav-tabs {
    display: block;
    border-bottom: none;
  }
  #practice li.nav-item {
    border-bottom: 1px solid #eee;
    padding: 11px 10px;
  }
  #practice li:last-child.nav-item {
    border-bottom: none;
  }
  #practice .tab-head .nav-tabs .nav-link {
    border-color: unset;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #898a8b;
    border: unset;
    font-weight: 700;

  }
  #practice .box {
    background: #000;
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #practice .box:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  }
  #practice .box .post-img img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-out;
  }
  #practice .box:hover .post-img img{
    opacity: 0.3;
    transform: scale(1.15);
  }
  #practice .box .box-content{
    width: 80%;
    padding: 40px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 1;
    transition: all 0.5s ease-out;
    background: #dfa761;
  }
  #practice .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #practice .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    color: #ffffff;
    font-weight: 700;

  }
  #practice .box .title:after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #practice .box .post{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }

/*------------------------ Counter -----------------*/

  section#counter {
    background: #f7f7f7;
    padding-bottom: 60px;
  }
  #counter .counter-content {
    background: #dfa761;
    padding: 40px;
  }
  #counter .counter_box .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 25px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;

  }
  #counter .counter_box h6::after {
    content: "";
    border-bottom: 2px solid #fff;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #counter .counter_box h6 {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;

    text-align: left;
  }

/*------------------------ Cases -----------------*/

  #testimonials {
    padding: 60px 0;
    position: relative;
  }
  #testimonials .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
    background: #dfa761;
    padding: 10px 25px;
    border-radius: 2px;
    display: flex;
    justify-content: center;
  }
  #testimonials .text {
    font-size: 13px;
    letter-spacing: 1px;
    line-height: 25px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #testimonials .content img {
    width: 90px!important;
    height: 100%;
  }
  #testimonials .name {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #c18f59;
    font-weight: 700;

    display: inline-block;
  }
  #testimonials .bar span {
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 30px;
    font-weight: 400;

    color: #fff;
    margin-right: 10px;
  }
  #testimonials .bar i {
    font-size: 40px;
    color: #dfa761;
    margin-right: 10px;
  }
  #testimonials .owl-dots {
    position: absolute;
    right: 10px;
    bottom: 8px;
  }
  #testimonials button.owl-dot {
    width: 5px;
    height: 12px;
    margin-right: 5px;
    background-color: #c18f59;
    border: 1px solid #c18f59;
  }
  #testimonials button.owl-dot.active, {
    border-color: red;
  }

/*------------------------ Home Contact -----------------*/

  #home_contact .left_img img{
    width: 100%;
  }
  #home_contact .bg {
    background: #000;
  }
  #home_contact .main_heading {
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 700;

  }
  #home_contact .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 18px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #home_contact .overlap {
    position: relative;
    right: 15%;
    background: #000;
    top: 15%;
  }
  #home_contact input::placeholder , #home_contact textarea::placeholder {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #home_contact .button {
    width: 100%;
    text-align: left;
  }
  #home_contact input[type="submit"] {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
    background: #dfa761;
    border: 1px solid #dfa761;
    margin-top: 10px;
  }
  #home_contact div.wpcf7 .ajax-loader {
    display: none;
  }
  #home_contact input {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Roboto';
    font-size: 14px;
    padding: 15px 10px;
    line-height: 15px;
    margin: 7px 0;
    max-width: 100%;
  }
  #home_contact textarea {
    background-color: #fff;
    border: 1px solid #fff;
    color: #fff;
    font-family: 'Roboto';
    width: 100%;
    padding: 15px 10px;
    line-height: 15px;
    margin: 7px 0;
  }
  #home_contact span.pencil-icon {
    position: absolute;
    top: -13%;
    left: 10px;
  }
  #home_contact span.pencil-icon img {
    width: 70%;
  }
  #home_contact .flid {
    padding-left: 0!important;
  }

/*------------------------ Cases -----------------*/

  #cases {
    padding: 60px 0;
  }
  #cases .heading h3 {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #212121;
    font-weight: 700;

  }
  #cases .heading h4 {
    font-size: 14px;
    line-height: 21px;
    color: #888888;
    font-weight: 500;
    font-family: "Roboto";
  }
  #cases .heading p {
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    font-weight: 400;
    font-family: "Roboto";
  }
  #cases .button a {
    font-size: 14px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
    background: #dfa761;
    padding: 10px 25px;
    border-radius: 2px;
  }
  #cases .our-case{
    border: 1px solid #d3d3d3;
    position: relative;
    overflow: hidden;
  }
  #cases .our-case img{
    width: 100%;
    height: auto;
  }
  #cases .our-case .case-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 45px 18px;
    background: rgba(0,0,0,0.7);
    transform: translateX(-100%);
    transition: all 0.20s ease 0s;
  }
  #cases .our-case:hover .case-content{
    transform: translateX(0);
  }
  #cases .our-case .case-content .post-title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;

    text-align: left;
  }
  #cases .our-case .case-content .post-title:after {
    content: "";
    border-bottom: 2px solid #c18f59;
    display: block;
    width: 40px;
    padding-bottom: 10px;
  }
  #cases .our-case .case-content .description{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #cases .our-case .case-content a {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 30px;
    color: #ffffff;
    font-weight: 700;

  }
  #cases .our-case .case-content a i {
    position: relative;
    top: 2px;
    left: 5px;
    color: #dfa761;
  }
  #cases .our-case .case-prof{
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: right;
    padding: 20px 16px;
    background: rgba(0,0,0,0.7);
    transform: translateX(0);
    transition: all 0.20s ease 0s;
  }
  #cases .our-case:hover .case-prof{
    transform: translateX(100%);
  }
  #cases .our-case .case-prof .post-title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
  }

/*------------------------ Our-Blog -----------------*/

  section#our-blog {
    padding: 60px 0;
  }
  #our-blog .heading img {
    float: left;
    margin-right:15px;
  }
  #our-blog .icon:after {
    content: "";
    border-bottom: 3px solid #c18f59;
    display: block;
    width: 40px;
    padding-bottom: 10px;
    text-align: center;
    margin: 0 auto;
  }
  #our-blog .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #212121;
    font-weight: 700;

  }
  #our-blog .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #our-blog .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;

    text-align: center;
  }
  #our-blog .box {
    background: #000;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative;
    transition: all 0.3s ease 0s;
  }
  #our-blog .box:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
  }
  #our-blog .box img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease-out;
  }
  #our-blog .box:hover .post-img img {
    opacity: 0.3;
    transform: scale(1.15);
  }
  #our-blog .box .box-content {
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    transform: translateY(-50%) rotate(-360deg);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transition: all 0.5s ease-out;
  }
  #our-blog .box:hover .box-content{
    opacity: 1;
    transform: translateY(-50%) rotate(0);
  }
  #our-blog .box .title{
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 700;
    text-align: left;
    color: #ffffff;

  }
  #our-blog .box .meta {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
  }
  #our-blog .box .post{
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 27px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Roboto";
    text-align: left;
  }
  #our-blog .box .button{
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 32px;
    color: #ffffff;
    font-weight: 400;

  }
  #our-blog .box .button i {
    position: relative;
    top: 2px;
    left: 5px;
  }

/*---------------------- Team ------------------------------*/

  section#team {
    padding: 60px 0;
  }
  #team .heading img {
    float: left;
    margin-right:15px;
  }
  #team .main_heading {
    font-size: 25px;
    letter-spacing: 1px;
    line-height: 40px;
    color: #212121;
    font-weight: 700;

  }
  #team .main_text {
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #898a8b;
    font-weight: 500;
    font-family: "Roboto";
  }
  #team .button a {
    font-size: 14px;
    letter-spacing: 2px;
    color: #212121;
    font-weight: 700;

    text-align: center;
  }

  #team .our-team {
    background: #000;
    color: #dfa761;
    overflow: hidden;
    transition: all 0.3s ease 0s;
  }
  #team .our-team:hover{
    background: #dfa761;
    color: #fff;
  }
  #team .our-team .pic {
   position: relative;
  }
  #team .our-team .pic img{
    width: 100%;
    height: auto;
    transition: all 0.3s ease 0s;
  }
  #team .our-team:hover .pic img {
    transform: translateY(-20px);
  }
  #team .our-team .social{
    width: 20%;
    height: 100%;
    background: #dfa761;
    padding: 20px 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 0;
    right: -50%;
    transition: all 0.5s ease 0s;
  }
  #team .our-team:hover .social {
    right: 0;
  }
  #team .our-team .social li {
    display: block;
  }
  #team .our-team .social li a{
    display: block;
    padding: 10px 0;
    font-size: 16px;
    color: #fff;
    transition: all 0.5s ease 0s;
    text-align: center;
  }
  #team .our-team .social li a:hover {
    color: #000;
  }
  #team .our-team .team-content {
    padding: 15px 0;
  }
  #team .our-team .title{
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;

    text-align: center;
  }
  #team .our-team .post{
    display: block;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 400;

    text-align: center;
  }

/*------------------------ Partner -----------------*/
  section#partner {
    padding: 60px 0;
  }
  .partner-img {
    box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
    margin: 10px;
  }
/*------------------------ Our Blog -----------------*/
.page-template-home-page #our-blog{
  padding: 80px 0;
}
#our-blog h2{
  color: #222222;
}
#our-blog p{
  color: #757575;
}
.blog-img img{
  width: 100%;
}
#our-blog h3{
  font-size: 26px;
  color: black;
}
#our-blog h3 a{
  color: black;
}
.blog-social i{
  color: black;
  font-size: 16px;
  letter-spacing: 20px;
}
.blog-social i:hover{
  color: #c18f59;
}
.blog-meta i{
  color: #c18f59;
  font-size: 14px;
  letter-spacing: 15px;
}

.blog-meta span,.blog-meta span a{
  font-weight: bold;
  font-size: 14px;
  color: #757575;
}
.blog-date{
  position: absolute;
  top: 20px;
  right: 20px;
  background: #c18f59;
  color: white;
  padding: 10px;
  font-weight: 600;
  z-index: 5;
}
.blog-card:hover .blog-date{
  background: white;
  color: #c18f59;
}
#our-blog .blog-card:hover h3 a{
  color: #c18f59;
}
.archive-inner .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
.search-post .blog-date {
  position: absolute;
  top: 20px;
  right: 40px;
}
#full-width-blog .blog-date,#blog-left-sidebar .blog-date,#blog-right-sidebar .blog-date{
  position: absolute;
  top: 30px;
  right: 40px;
}
.blog-date-number{
  line-height: 1;
  font-size: 30px;
}
#our-blog a.btn{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #c18f59;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
}
#our-blog a.btn::after {
    content: '';
    border-bottom: 2px solid white;
    width: 20px;
    display: inline-block;
    margin: 0 auto;
    position: relative;
    bottom: 5px;
    left: 10px;
}



/*------------------------ Instagram Post -----------------*/
#instagram-post{
  padding: 80px 0;
  color: white;
}

/*------------------------ Footer -----------------*/

#footer_box{
  padding: 60px 0 60px 0 ;
}
#footer_box h3.widget-title,#footer_box h2,#footer_box h1,#footer_box h5,#footer_box h6{
  font-size: 28px;
  letter-spacing: 1px;
  color: #c18f59;
  font-weight: 700;
  padding-bottom: 35px;
}
#footer_box ul li{
  margin: 18px 0;
}
#footer .contact-widget i {
  color: #dfa761;
}
#footer input[type="email"] {
  font-size: 14px;
  font-weight: 400;
  font-family: "Roboto";
  letter-spacing: 2px;
  border-radius: 4px;
  border: 1px solid #b9b8b8;
  background: #fff;
}
#footer input[type="submit"] {
  font-size: 15px;
  line-height: 25px;
  color: #fff;
  font-weight: 400;
  font-family: "Roboto";
  background: #dfa761;
  width: 100%;
  border-radius: 4px;
}
#footer p {
  font-size: 14px;
  line-height: 21px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Roboto";
}
#footer input[type="email"]::placeholder {
  font-size: 14px;
  line-height: 25px;
  color: #888888;
  font-weight: 400;
  font-family: 'Roboto';
  text-align: left;
  padding-left: 15px;
}
#footer_box ul li a{
  font-size: 13px;
  letter-spacing: 0px;
  line-height: 20px;
  color: #ffffff;
  font-weight: 500;
}
#footer .social-icons a {
  display: inline-block;
  line-height: 10px;
}
#footer .social-icons i {
  font-size: 12px;
  color: #dfa761;
}
#footer_box ul li:hover a{
  color: #c18f59;
}
#footer_box ul{
  list-style-type: none;
  padding-inline-start: 0px;
}
#footer_box ul li .recent-post-box a{
  color: white;
}
#footer_box .widget_recent_entries ul li::before{
  content: "";
}
#footer_box .recent-post-box img{
  width: 100%;
  height: 100%;
}
#footer_box img {
  width: 50%;
  padding-bottom: 20px;
}
.widget_media_image{
  margin-bottom: 20px;
}
#footer input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email{
  width: 100%;
  border: none;
  height: 45px;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-required.wpcf7-validates-as-email:before{
  font-family: "Font Awesome 5 Free";
  content: "\f0e0";
  display: inline-block;

}
.wpcf7-form br{
  display: none;
}
/*------------------------ Copyright -----------------*/
#copyright{
  padding: 20px 0;
}
#copyright p{
  color: #a3a3a3;
  margin-bottom: 0;
}
#copyright span.theme-name{
  color: #c18f59;
}


/*------------------------ Sidebar -----------------*/
#sidebar h1,#sidebar h2,#sidebar h3,#sidebar h4,#sidebar h5,#sidebar h6,label.wp-block-search__label{
  font-size: 18px;
  font-weight: 500;
  color: white;
  letter-spacing: 2px;
}
#sidebar{
  margin-top: 0;
  border: 1px solid #e7e7e7;
  padding: 20px;
  margin-bottom: 50px;
  color: white;
}
#sidebar ul{
  padding-left: 20px;;
}
#sidebar strong, #our-blog #sidebar p{
  color: white;
}
#sidebar a{
  color: white;
}
#sidebar .widget{
  padding: 20px;
  background-color: #c18f59;
  margin-bottom: 30px;
}

#sidebar select{
  width: 100%;
  border: none;
  padding: 10px;
  background: white;
}
#sidebar select{
  padding: 10px;
  background: white;
}
#sidebar img{width: 100%;height: 100%;}
#sidebar .wp-block-search .wp-block-search__button,#sidebar input.search-submit{
  background: white;
  border: none;
  font-family: 'Bebas Neue', cursive;
  font-size: 15px;
  padding: 10px;
  height: 45px;
}
#sidebar input.search-field{
  height: 45px;
  border: none;
  padding: 10px;
}
#sidebar .about_me .widget{
  padding: 10px;
  margin-bottom: 10px;
  border-bottom: none;;
  padding-bottom: 0;
}
#sidebar .social_widget i{
  color: white;
  font-size: 16px;
  letter-spacing: 20px;
}
img.rss-widget-icon{
  width: auto!important;
  height: auto!important;
}
.blog-card {
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
  margin: 10px 0;
}
.blog-content{
  padding:0 20px 20px 20px;
}
.page-template-home-page .blog-card{
  box-shadow: none;
}
/*-------------------------- Calendar widget --------------------------*/
li.woocommerce-MyAccount-navigation-link{
  list-style-type: none;
  background-color: #c18f59;
  height: 50px;
  width: 200px;
  padding: 10px;
  margin: 10px;
}
li.woocommerce-MyAccount-navigation-link a{
  color: white;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 1.45em;
  table-layout: fixed;
  width: 100%;
}
.widget.widget_calendar table {
  margin: 0;
}
.widget.widget_calendar td, .widget.widget_calendar tr, .widget.widget_calendar th {
    border: 1px solid #fff;
}
.widget_calendar td,
.widget_calendar th {
  line-height: 2.5625;
  padding: 0;
  text-align: center;
}
.widget_calendar caption {
  font-weight: 900;
  margin-bottom: 1.75em;
  padding-left: 15px;
  color: white;
}
.widget_calendar tbody a {
  background-color: #bbb;
  color: #fff;
  display: block;
  font-weight: 700;
}
.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
  background-color: #686868;
  color: #fff;
}
.widget th,
.widget td {
  padding: 0em;
}






/*---------------- Inner Pages -------------------*/
.navigation a.page-numbers{
  padding: 10px 20px;
  background: rgb(233,33,27);
  color: white;
  margin: 5px;
  font-size: 15px;
}
.navigation span.page-numbers.current{
  background: rgb(233,33,27);
  padding: 10px 20px;
  color: black;
  margin: 5px;
  font-size: 15px;
}
.nav-links{
  margin: 50px 0;
}
.nav-links span{
  background: #c18f59;
  color: white;
  padding: 10px;
}
.metabox{
  font-size: 14px;
  color: black;
}
.metabox i{
  color: #c18f59;
  font-size: 14px;
  letter-spacing: 15px;
}
.metabox a{
  font-size: 14px;
  color: black;
}
.metabox span{
  margin-right: 20px;
}
.socila_share i{
  text-align: center;
  padding: 10px 0;
  width: 35px;
  height: 35px;
  background-color: rgb(33,33,33);
  border-radius: 50%;
  margin: 0 5px;
  font-size: 13px;
  color: white;
}
.content_page a{
  color: black;
}
.content_page .nav-previous,.content_page .nav-next{
  display: inline;
}
.content_page textarea#comment{
  display: block;
}
.content_page h1,.content_page h2,.content_page h3,.content_page h4,.content_page h5,.content_page h6{
  font-size: 30px;
  font-weight: 500;
  color: black;
  letter-spacing: 2px;
}
.content_page input#submit{
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #c18f59;
  border-radius: 0;
  padding: 20px 30px 20px 20px;
  border: none;
}
div#comments{
  padding: 20px;
  box-shadow: 0 0 20px rgb(0 0 0 / 25%);
}
img.avatar.avatar-100.photo{
  width: 50px;
  height: 50px;
}
.comment-author.vcard{
  margin: 20px 0;
}
div#comments p{
  background: lightgrey;
  padding: 20px;
}
.comment-respond p{
  background: white!important;
  padding: 0!important;
}
.comment-meta.commentmetadata{
  background: rgb(233,33,27,0.2);
  padding: 10px;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  letter-spacing: 2px;
  color: #ffffff;
  font-weight: 600;
  background: #c18f59;
  border-radius: 0;
  padding: 10px 10px 10px 10px;
  border: none
}
span.wpcf7-form-control-wrap.your-message textarea{
  height: 120px;
}
.main_title{
  color: black;
}
.team-image.box img,.actor-image img,.textimonial-img img{
  width: 100%;
}
.team_wrap{
  text-shadow: 2px 2px 3px rgba(0, 0, 0, .3);
  text-align: center;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.team_name{
  padding: 10px 0;

}
.team-box p{
  color: #c18f59;
}
.team-box{
  padding: 10px 0;
  background: #efefef;
}
.team_name a{
  color: black;
}
.about-socialbox i {
    text-align: center;
    padding: 10px 0;
    width: 35px;
    height: 35px;
    background-color: rgb(33,33,33);
    border-radius: 50%;
    margin: 0 5px;
    font-size: 13px;
    color: white;
}
.testimonial_box{
  padding: 40px 30px 0;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.testimonial_box a,.actor-box a{
  color: black;
}
.outer_dpage {
  margin: 50px 0;
}
.actor-box{
  background-color: #efefef;
  padding: 30px;
  box-shadow: 0 0 20px rgba(0,0,0,0.25);
}
.actor-box p{
  font-weight: bold;
  margin-bottom: 0;
  color: #c18f59;
}
form#commentform label,form#commentform input,.comment-form-comment textarea{
  padding: 10px;
  width: 100%;
}
form#commentform label{
  margin-bottom: 0;
}
input#wp-comment-cookies-consent,.comment-form-cookies-consent label{
  width: auto!important;
}
.testimonial-desig strong,.about-socialbox strong{
  color: #c18f59;
}
.team-designation ,.testimonial-desig, .actor-designation{
  font-weight: normal;
  color: black;
  font-size: 16px;
}
.team-designation strong,.about-socialbox p,p.testimonial_desig ,.actor-designation strong{
    color: #c18f59;
}
.page-content-404{
  margin: 100px 0;
}
.page-content-404 h3{
  font-size: 50px;
}
.page-content-404 a{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #c18f59;
    border-radius: 0;
    padding: 20px 30px 20px 20px;
    margin: 50px 0;
}
.archive-inner h1,.archive-inner h2,.archive-inner h3,.archive-inner h4,.archive-inner h5,h1.entry-title{
  color: black;
}
.archive-inner{
  margin: 50px auto;
}
form.search-form.serach-page input[type=search]{
  flex-grow: 1;
  min-width: 3em;
  border: 1px solid #c18f59;
}
input.search-submit{
  font-size: 16px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 600;
    background: #c18f59;
    border-radius: 0;
    padding: 10px 10px 10px 10px;
    border: none;
}
.wp-block-search .wp-block-search__input{
  padding: 10px;
}

/*------------------ Contact Page -----------------*/

.c_icon {
  display: table;
  margin: 0 auto;
  padding: 12px 8px;
  border: 2px solid #c18f59;
  border-radius: 50%;
  background: #c18f59;
}
.contact-box h3 {
  color: #c18f59;
  margin: 20px 0;
}
h3.contact-page {
  margin-left: 3%;
  font-weight: bold;
  color: #c18f59;
  border-bottom: solid 4px #d3da36;
  display: table;
  margin-bottom: 4%;
}
.contac_form input[type='text'],
.contac_form input[type='email'],
.contac_form input[type='url'],
.contac_form input[type='password'],
.contac_form input[type='search'],
.contac_form input[type='number'],
.contac_form input[type='tel'],
.contac_form input[type='range'],
.contac_form input[type='date'],
.contac_form input[type='month'],
.contac_form input[type='week'],
.contac_form input[type='time'],
.contac_form input[type='datetime'],
.contac_form input[type='datetime-local'],
.contac_form input[type='color'],
.contac_form select,
.contac_form textarea,
.contac_form .wpcf7 .wpcf7-form-control-wrap[class*="file-"] {
  width: 100%;
  background-color: #ffffff;
  border-color: #ccc;
  color: #2f3357;
  border-radius: 0px;
  box-shadow: none;
  border: 2px solid #fff;
}
.contact-box .wpcf7 input[type="text"], .contact-box .wpcf7 input[type="email"] {
  width: 100% !important;
  font-size: 16px;
  padding: 10px 10px;
  margin: 0 12px 23px 0;
  height: auto;
  float: left;
}
.shorthcode {
  background: #f2f2f2;
  padding: 30px 40px;
}
.contact-email i, .contact-address i, .contact-phone i {
  text-align: center;
  background-color: transparent;
  border-radius: 50%;
  font-size: 25px;
  color: #fff;
  margin: 0 auto;
  text-align: center;
  width: 38px;
  display: inline-table;
}
.contact-info .head{
  color:#000;
}
.contact-address, .contact-email, .contact-phone {
  margin: 20px 0;
}
.c_content span {
  font-size: 18px;
}
.c_content p{
  font-size: 16px;
}
.contac_form .fancy-title {
    width: 250px;
    margin: 0 auto;
}
.contac_form label{
  width: 100%;
}
.contact-address:hover i, .contact-email:hover i, .contact-phone:hover i{
  color: #151515;
}
.contact-address:hover .c_icon, .contact-email:hover .c_icon, .contact-phone:hover .c_icon {
  border-color: #151515;
  background: #fff;
}



/*-------------- media section ---------------*/

  @media only screen and (min-width: 310px) and (max-width: 1024px){

    .toggle-nav.mobile-menu{
      display: block;
    }
    a.closebtn.mobile-menu{
      display: block;
    }
    .postbtn a{
      padding-left: 10px;
    }
    .main-navigation ul ul{
      background-color: transparent;
      position: relative;
    }
    .main-navigation ul ul li, .menubar.scrolled .main-navigation ul ul li{
      text-align: left;
      border-bottom: none;
    }
    .toggle-nav {
      display: none;
      position: relative;
      float: left;
      cursor: pointer;
      margin-right: 0;
    }
    .toggle-nav i {
      font-size: 29px;
      color: #fff;
    }
    .sidenav {
      height: 100%;
      width: 0;
      position: fixed;
      z-index: 9999999;
      top: 0;
      right: 0;
      background-color: #111;
      overflow-x: hidden;
      transition: 0.5s;
      padding-top: 60px;
    }
    .sidenav a {
      padding: 8px 8px 8px 32px;
      text-decoration: none;
      color: #818181;
      display: block;
      transition: 0.3s;
    }
    .sidenav a:hover {
      color: #c18f59;
    }
    .sidenav .closebtn {
      position: absolute;
      top: 0;
      right: 25px;
      font-size: 36px;
      margin-left: 50px;
      display: block;
      color: #ffffff;
    }
    .sidenav #site-navigation {
      width: 100%;
    }
    .toggle-nav span{
      font-size:30px;
      cursor:pointer;
      text-align: right;
    }
    iframe {
      width: 100%;
      height: auto;
    }
    .main-navigation ul li{
      display: block;
    }
    .toggle-nav{
      display: block;
    }
    .innermenubox {
      position: static;
    }
    .main-navigation .menu{
      float: none;
      text-align: center;
    }
    .main-navigation ul:hover ul{
      display: block;
    }
    .main-navigation ul ul{
      display: none;
    }
    .main-navigation .menu > ul > li.highlight{
      background: transparent !important;
    }
    .menu > ul > li:hover:before,
    .menu > ul > li.current_page_item:before,
    .menu > ul > li.current-menu-item:before{
      display: none;
    }
    .sf-arrows .sf-with-ul:after{
      border-top-color: #a2a2a2;
    }
    .toggle i.fa.fa-bars,.toggle i.fa.fa-times {
      float: right;
      color: black;
    }
    .menubar .nav ul{
      width:100%;
      margin-top:0;
    }
    .menubar .nav ul li,
    .menubar.scrolled .main-navigation li{
      border-top:1px #303030 solid;
      display:block;
      text-align:left;
      float:none;
      width: 100%;
    }
    .nav ul li a{
      padding:10px 10px;
      display:block;
      color:#ffffff;
      text-align: left;
    }
    .nav ul li a:hover{
      color:#c18f59;
    }
    .nav ul li ul,
    .nav ul li ul ul{
      display:block !important;
    }
    section {
      padding: 30px 0!important;
    }
  }


@media screen and (max-width:575px) {

  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #dfa761;
    padding: 0;
  }
  #topbar .content {
    text-align: center;
  }
  #topbar .email p i {
    color: #fff;
  }
  #header .social-icons a {
    color: #000;
  }
  .logo , #footer {
    text-align: center!important;
  }
  .logo {
    margin-bottom: 20px;
  }
  #topbar .button {
    text-align: center;
    margin: 20px 0;
  }
  #slider {
    padding: 30px 0;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 100%;
    left: 6%;
    right: 0;
    top: 35%;
  }
  #slider a.btn-1 {
    margin-right: 5px;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #slider .owl-nav button {
    display: none;
  }
  #slider p , #practice .box .post {
    display: none;
  }
  #about .heading , #services .heading ,
  #team .heading , #our-blog .heading ,
  #practice .heading {
    text-align: center;
  }
  #about .heading img ,
  #services .heading img ,
  #team .heading img ,
  #our-blog .heading img,
  #practice .heading img  {
    float: unset;
    margin-right: unset;
    margin-bottom: unset;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: unset;
  }
  #about .about-content img {
    width: 100%;
    margin: 10px 0;
  }
  #about .button , #services .button ,
  #team .button , #our-blog .button ,
  #practice .button {
    text-align: center;
    margin: 20px 0;
  }
  #feature .text , #feature h6.title ,#feature .days {
    text-align: center;
  }
  #feature_slider .feature-content .icon img , #counter .icon img {
    width: 100%!important;
  }
  #testimonials .content img {
    margin: 0 auto;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #counter .counter_box .title , #testimonials .text {
    text-align: center;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact .heading {
    text-align: center;
  }
  #home_contact input , #home_contact textarea {
    text-align: center;
    max-width: unset;
    width: 100%;
  }
  #cases .heading {
    text-align: center;
  }

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

  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #dfa761;
    padding: 0;
  }
  #topbar .email p i {
    color: #fff;
  }
  #header .social-icons a {
    color: #000;
  }
  .logo {
    margin-bottom: 20px;
  }
  #slider {
    padding: 30px 0;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 75%;
    left: 10%;
    top: 35%;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: unset;
  }
  #about .about-content img {
    width: 100%;
    margin: 10px 0;
  }
  #about .button , #services .button ,
  #team .button , #our-blog .button ,
  #practice .button {
    text-align: center;
    margin: 20px 0;
  }
  #feature h6.title ,#feature .days {
    text-align: center;
  }
  #feature_slider .feature-content .icon img , #counter .icon img {
    width: 100%!important;
  }
  #testimonials .content img {
    margin: 0 auto;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #testimonials .text {
    text-align: center;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact .heading {
    text-align: center;
  }
  #home_contact input , #home_contact textarea {
    text-align: center;
    max-width: unset;
    width: 100%;
  }
  #cases .heading {
    text-align: center;
  }

}
@media screen and (min-width: 768px) and (max-width:991px) {

  .home.page-template .site-header {
    position: unset;
  }
  section#topbar {
    background: #dfa761;
    padding: 0;
  }
  #topbar .email p i {
    color: #fff;
  }
  #topbar .email p {
    text-align: left;
  }
  #topbar .phone p {
    text-align: right;
  }
  #header .social-icons a {
    color: #000;
  }
  #slider .slider-text {
    position: absolute;
    right: 10%;
    width: 75%;
    left: 10%;
    top: 35%;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
  #about .abt_bg {
    position: unset;
    box-shadow: unset;
    padding: 0;
  }
  #about .left_img img {
    width: 100%;
  }
  #home_contact .overlap {
    position: unset;
  }
  #home_contact input[type="text"] ,#home_contact input[type="email"] ,#home_contact input[type="tel"] {
    width: 100%;
  }
  #practice .button , #about .button {
    text-align: center;
    margin-top: 20px;
  }
  #feature h6.title , #feature .days {
    text-align: center;
  }
  #practice .button a {
    writing-mode: unset;
  }
  #testimonials .test_btn {
    align-self: center;
  }
  #topbar .button a {
    font-size: 10px !important;
    font-weight: 900;
    padding: 10px;
}
}
@media screen and (min-width: 992px) and (max-width:1200px) {
  section#topbar , section#slider {
    padding: 0;
  }
  .home.page-template .site-header {
    top: 0;
  }
  #home_contact .overlap {
    top: 2%;
  }
  #practice li.nav-item {
    padding: 5px 5px;
  }
  .toggle-nav i {
    color: #fff;
  }
  #slider .slider-text h1 {
    font-size: 20px;
    line-height: 30px;
  }
}


/*-----------------Animation----------------*/

@keyframes outer-left {
  from {
    transform: translateX(50%);
  }
  to {
    transform: none;
  }
}
@keyframes inner-left {
  from {
    transform: translateX(-50%);
  }
  to {
    transform: none;
  }
}

#slider{
  animation: outer-left 1s 1s cubic-bezier(0.5, 0, 0.1, 1) both;
}
#slider h1{
  animation: outer-left 1s 1s ease both;
}
#slider h4{
  animation: outer-left 2s 2s ease both;
}
#slider a.btn{
  animation: outer-left 2s 2s ease both;
}