/*
Theme Name: Home Interior Designer Pro
Theme URI:  https://www.misbahwp.com/products/interior-wordpress-theme/
Description: Home Interior Designer is a versatile and visually appealing website template designed specifically for interior designers, home decorators, and architecture enthusiasts. With its sleek and modern design, this theme provides the perfect canvas for showcasing your creative talents and portfolio. One of the standout features of the Home Interior Designer theme is its user-friendly customization options. It offers a range of pre-designed templates and layouts, allowing you to easily create a website that reflects your unique style and brand. The theme is also compatible with popular page builders like Elementor, giving you even more flexibility in designing your site. This theme prioritizes aesthetics and functionality. It includes a variety of gallery and portfolio layouts to display your projects in a visually stunning way. Additionally, it supports high-quality images and multimedia content, making it easy to showcase your work in detail. The responsive design ensures that your website looks great on all devices, from desktops to mobile phones. Home Interior Designer is optimized for SEO, ensuring that your website ranks well in search engine results and attracts more organic traffic. It also includes features like contact forms and social media integration to help you engage with your audience and grow your online presence.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 7.1
Tested up to: 6.2
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: home-interior-designer-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

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

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

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

.alignfull img {
  width: 100vw;
}

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

.post-single span {
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Outfit', sans-serif;
  color: #909090;
  margin: 0;
  background: #fff;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Outfit', sans-serif;
}

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



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

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

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


.header .container {
  max-width: 100%;
  padding: 0 50px;
}

.header {
  z-index: 999;
  width: 100%;
  background-color: #ffffff;
}

.admin-bar .header {
  top: 32px;
}

.header-top {
  background-color: #21252a;
  font-size: 16px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 400;
  font-family: "Outfit";

}

.header-top p {
  margin-bottom: 0;
}

.header-top-left {}

.header-top-right {
  text-align: right;
}


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

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

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

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

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

.page-404 .intro-button:hover {
  background: #2d3446;
}

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

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

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

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

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

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

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

.logo a img.custom-logo {
  height: 65px;
  width: auto;
}

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

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

.logo-image {
  float: unset;
}


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

#main-menu {
  display: block;
  position: relative;
  margin: 0 auto;
	width: 1040px!important;
}

#main-menu ul {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}

#main-menu ul li {
  position: relative;
  display: block;
  text-align: left;
  
}

#main-menu ul li a {
  display: block;
  z-index: 1;
  margin: 0;
  -webkit-transition: color .1s linear, background-color .1s linear;
  -moz-transition: color .1s linear, background-color .1s linear;
  -o-transition: color .1s linear, background-color .1s linear;
  transition: color .1s linear, background-color .1s linear;
  position: relative;
  font-size: 16px;
  line-height: 50px;
  text-transform: uppercase;
  color: #222222;
  font-weight: 600;
  padding: 10px 15px;
}



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* ===============================================
   HEADER SEARCH
   =============================================== */
header#site-navigation.fix-sticky {
  background: #fff;
  filter: drop-shadow(-4.141px 15.455px 10px rgba(0, 0, 0, 0.06));
}

.header-menu {
  background: #fff;
  position: relative;
}

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

/* ===============================================
   POST BOX
   ============================================= */
.post-thumbnail {
  line-height: 0;
  flex: 0 0 45%;
}

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

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

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

.post-content img,
.post-thumbnail img {
width: 650px; 
height: 650px;
  max-height: 100%;
}

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

.latest-post .post-date,
.latest-post .post-comments {
  color: #2d3446;
  text-transform: capitalize;
}

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

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

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

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

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

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

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

.post-single .blog_share_icon .fab {
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 50%;
  background: #dd7643;
  color: #fff;
  font-size: 18px;
  padding: 15px;
  margin: 0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
}

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

.post-single {
  display: block;
}

label {
  display: block;
}

.latest-post h4 a {
  color: #2d3446;
  font-weight: 600;
  font-size: 18px;
}

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

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

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

.latest-box {
  filter: drop-shadow(0 0 18px rgba(0, 0, 0, 0.08));
  background: #fff;
  border-radius: 10px;
}

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

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

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

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

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

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

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

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

.latest-post .comments {
  color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}

.latest-post .read_more {
  color: #dd7643;
  font-weight: 600;
}

.latest-post .post-date {
  width: 60px;
  height: 60px;
  background-color: #dd7643;
  color: #fff;
  padding: 5px;
  border-radius: 10px 0px 10px 10px;
  margin-top: -18px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 32px;
  text-transform: uppercase;
  text-align: center;
  margin-right: 10px;
}

.latest-post span.time {
  font-size: 30px;
  line-height: 20px;
  font-weight: 700;
  display: block;
  margin-top: 5px;
}

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

#recent_blog.post-template {
  margin-top: 0;
  background-color: transparent;
}

.recent_post .post-meta {
  margin-bottom: 20px;
}

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

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

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

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

.bypostauthor {
  display: block;
}

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

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

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

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

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

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

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

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

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




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

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

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

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

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

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

.commentlist li {
  margin: 0;
}

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

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

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

.comment-avatar img {
  float: left;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.sidebar-area .sidebar-widget {
  margin-bottom: 25px;
  background: #F5F5F5;
  border: 1px solid #D9DEE2;
  border-radius: 10px;
  overflow: hidden;
}

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

.sidebar-area a {
  font-weight: 600;
  color: #2b2b47;
}

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

.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 600;
  color: #2b2b47;
}

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

.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #dd7643;
  color: #2b2b47;
  font-size: 24px;
  font-weight: 600;
  background: #F5F5F5;
}

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

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

.sidebar-area form {
  padding: 0;
}

.sidebar-area li a:hover {
  color: #dd7643;
}

.sidebar-area a:hover {
  color: #dd7643;
}

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

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

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

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

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

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

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

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

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

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

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

.searchform label {
  display: block;
}

.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}

.searchform input[type=submit] {
  background: #dd7643;
  border: none;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  position: relative;
  float: left;
  text-shadow: none;
  padding: 14px 0;
  width: 110px;
  margin: 0 auto;
  cursor: pointer;
  -webkit-transition: color .3s ease, background-color .3s ease;
  -moz-transition: color .3s ease, background-color .3s ease;
  -o-transition: color .3s ease, background-color .3s ease;
  transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover,
.searchform input[type=submit]:focus {
  background-color: #2d3446;
  text-decoration: none
}

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

.sidebar-area .post-thumbnail img {
  width: 100%;
  height: 75px;
  border-radius: 50%;
  margin-top: 10px;
}

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

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


footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
  color: #666666;
}
footer a{
  color: #23272c;
  text-transform: capitalize;
  font-size: 16px;
  font-weight: 500;
}

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

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

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

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

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

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

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

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

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

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


/*SCROLL TO TOP BUTTON*/

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

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

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

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

#button_scroll:hover {
  background: #101010;
}

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

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

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

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

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

/** loader **/

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

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

/** animation starts here **/

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

  100% {}
}

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

  100% {}
}

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

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


.header .button1{
  line-height: 40px;
  height: 40px;
  font-weight: 400;
  padding: 0 10px;
  display: inline-block;
  transition: linear 300ms;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  font-size: 14px;
  color: #ffffff;
  text-transform: uppercase;
  background: #23272c;
}

.header .button1:hover {
  background: #dd7643;
}

.logo-image img {
 width: 100%;
}
/*Body*/


/*SLIDER SECTION*/

#slider {
  position: relative;
}

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

#slider .slider-content {
  left: 4%;
  max-width: 500px;
  width: 500px;
  font-size: 16px;
  line-height: 30px;
  color: #6c87ab;
  font-weight: 300;
  bottom: auto;
  top: 20%;
}

#slider h2 {
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
  margin-bottom: 0;
  max-width: 483px;
}

#slider h1 {
  font-size: 42px;
  line-height: 54px;
  color: #222222;
  font-weight: 400;
  margin-bottom: 20px;
  max-width: 410px;
}

#slider .button {
  line-height: 52px;
  font-weight: 400;
  padding: 0 40px;
  margin-top: 10px;
  display: inline-block;
  transition: linear 300ms;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  position: relative;
  font-size: 15px;
  color: #ffffff;
  text-transform: uppercase;
}

#slider .button:hover {
  background: #23272c;
}

#slider .social-links {
  margin-top: 0;
  display: flex;
  width: auto;
  height: auto;
  background-color: #262930;
  margin-left: 0;
  border-radius: 0 100px 100px 0;
  padding: 17px 20px;
  position: absolute;
  left: 0;
  bottom: -40px;
  z-index: 9;
}

#slider .social-links a {
  width: 46px;
  height: 46px;
  border-radius: 23px;
  background-color: #3c3f45;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
  color: #ffffff;
  transition: all .5s ease 0s;
  font-size: 14px;
}

#slider .social-links a:hover {
  transform: rotate(360deg);
  color: #fff;
  background: #dd7643;
}

#slider .contact-info {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

#slider .contact-info i {
  color: #dd7643;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-size: 24px;
}

#slider .contact-info .time,
#slider .contact-info .mail {
  font-size: 18px;
  line-height: 26px;
  color: #222222;
  font-weight: 700;
  font-family: "Outfit";
  position: relative;
  padding-left: 40px;
}

#slider .contact-info .time {
  margin-right: 60px;
}

#slider .contact-info span {
  display: block;
  font-weight: 400;
}

 

#slider .owl-nav {
  margin-top: 0;
  display: flex;
  width: auto;
  height: auto;
  background-color: #262930;
  border-radius: 100px 0 0 100px;
  padding: 28px 20px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 9;
}

#slider .owl-nav button {
  padding: 0 20px !important;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  outline: 0;
}

#slider .owl-nav button:hover {
  color: #dd7643;
}

#slider i.fas.fa-chevron-left{
  margin-right: 5px;
}
#slider i.fas.fa-chevron-right{
  margin-left: 5px;
}
/* Showcase_category */

#Showcase_category {
  max-width: 800px;
  filter: drop-shadow(-2.194px 2.046px 25px rgba(0, 0, 0, 0.1));
  background-color: #ffffff;
  margin: -70px auto 0;
  position: relative;
  z-index: 99;
}


#Showcase_category .owl-carousel .owl-item img{
  width: auto;
  margin: auto;
}

#Showcase_category .category-text{
  font-size: 18px;
  color: #222222;
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  margin-top: 20px;
}
#Showcase_category .category-box:hover .category-text{
  color: #dd7643; 
}

#Showcase_category .category-box{
  border-top: 2px solid transparent;
  border-bottom: 2px solid transparent;
  padding: 30px 0;
}
#Showcase_category .category-box:hover{
  border-top: 2px solid #dd7643;
  border-bottom: 2px solid #dd7643;
}



/*About Us Section*/

#about_us .about_us_img {
  position: relative;
}

#about_us .image-1 {
  padding-top: 2.5rem;
}

#about_us .image-2 {
  position: absolute;
  top: 0;
  right: 0;
}

#about_us .image-1 img {
  max-width: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
}

#about_us .image-1 img:hover {
  transform: scale(1.1);
}


#about_us .image-2 img {
  max-width: 100%;
  transform: scale(1);
  transition: .3s ease-in-out;
}

#about_us .image-2 img:hover {
  transform: scale(1.1);
}

#about_us .about-content h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
  font-family: "Outfit";
}

#about_us .about-content h3 {
  font-size: 50px;
  line-height: 60px;
  color: #222222;
  font-weight: 400;
  font-family: "Outfit";
}

#about_us .about-content p {
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  font-weight: 400;
  font-family: "Outfit";
}

#about_us .button {
  padding: 10px 25px;
  font-size: 15px;
  line-height: 25px;
  color: #ffffff;
  font-weight: 400;
  background-color: #dd7643;
  margin-top: 30px;
  display: table;
  transition: linear 300ms;
  text-transform: uppercase;
}

#about_us .button:hover {
  background: #262930;
}

/*Our Mission Section*/

#our-mission .our-mission-text h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}
#our-mission .our-mission-text{
  margin-bottom: 60px
}
#our-mission .our-mission-text h2 {
  font-size: 42px;
  color: #222222;
  font-weight: 400;
  line-height: 1;
}

#our-mission .our-mission-text p {
  font-size: 15px;
  color: #666666;
  font-weight: 400;
}

#our-mission .owl-nav {
  display: flex;
  width: 245px;
  height: auto;
  background-color: #262930;
  border-radius: 100px;
  padding: 19px 22px;
  transform: translateY(50%);
  position: absolute;
  left: 0;
  bottom: 0;
}

#our-mission .owl-nav button {
  padding: 0 20px !important;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  outline: 0;
}

#our-mission .owl-nav button:hover {
  color: #dd7643;
}

.mission {
  position: relative;
}

.image-section .owl-carousel {
  position: static;
}

.mission .col-md-6 {
  position: static;
}

#our-mission figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#our-mission figure:hover+span{
  opacity: 1;
}
#our-mission img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#our-mission .our-mission-thumb:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*Services Section*/

#services {
  background-color: #23272c;
  padding: 70px 0 260px;
}

#services h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#services h3 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 400;
}

#services p.content-post {
  font-size: 14px;
  color: #ffffff;
  font-weight: 400;
  margin-bottom: 48px;
}

#services a.read_more {
  background-color: #dd7643;
  padding: 11px 22px;
  color: #fff;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

#services a.read_more:hover {
  background-color: #fff;
  color: #23272c;
}

#services .services-box {
  position: relative;
  padding-right: 20px;
}

#services h4.post-title {
  position: absolute;
  transform: rotate(90deg);
  right: -70px;
  top: 180px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 700;
  padding: 0px 10px;
  width: 140px;
  z-index: 99;
  background-color: #23272c;
  height: auto;
}

#services .services-box:after {
  content: '';
  border: solid 1px #dd7643;
  display: block;
  position: absolute;
  width: 200px;
  top: 100px;
  right: -100px;
  transform: rotate(90deg);
}

#services .services-box figure img {
  width: 100%;
}



#services figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 300px;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}
#services figure:hover+span{
  opacity: 1;
}
#services img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#services .services-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.no-bg{
  background: transparent !important;
}

/*Our Achievement Section*/

#our-achievement .achievement-section {
  filter: drop-shadow(-2.194px 2.046px 25px rgba(0, 0, 0, 0.1));
  background-color: #ffffff;
  padding: 55px;
  margin-top: -190px;
}

#our-achievement .achievement-section .hover-text {
  margin-bottom: 20px;
}

#our-achievement .achievement-text h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#our-achievement .achievement-text h2 {
  font-size: 30px;
  line-height: 40px;
  color: #23272c;
  font-weight: 400;
}

#our-achievement .achievement-text {
  align-content: center;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}

.achievement-right-boxes h4 {
  font-size: 34px;
  color: #23272c;
  font-weight: 700;
}

.achievement-right-boxes p {
  font-size: 16px;
  color: #23272c;
  font-weight: 600;
}

.achievement-right-boxes span.dashicons {
  width: 80px;
  height: 80px;
  font-size: 30px;
  position: relative;
  border-radius: 50%;
  padding: 20px 10px;
  margin: 3px;
  transition: color 0.2s ease, background-color 0.2s ease, transform 0.3s ease;
  text-align: center;
  background-color: #f8e4d9;
  color: #dd7643;
}

.achievement-right-boxes span.dashicons:after {
  content: "";
  width: 75px;
  height: 75px;
  border: none;
  transform: scale(0.8);
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.achievement-right-boxes span.dashicons:hover:after {
  transform: scale(1);
  box-shadow: 10px 0 20px rgba(0, 0, 0, 0.19), 6px 0 6px rgba(0, 0, 0, 0.23);
}

.achievement-right-boxes .hover-text :hover span.dashicons {
  background-color: transparent;
  transform: rotate(360deg);
  cursor: pointer;
  box-shadow: none;
  color: #23272c;
  border: 2px solid #dd7643;
}

/*TESTIMONIAL SECTION*/

#testimonial h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
  text-align: center;
}

#testimonial h2 {
  font-size: 42px;
  color: #23272c;
  font-weight: 400;
  text-align: center;
}

#testimonial .testimonial-box {
  max-width: 999px;
  margin: 40px auto;
  padding: 45px 50px 20px 50px;
  position: relative;
  filter: drop-shadow(-2.194px 2.046px 25px rgba(0, 0, 0, 0.1));
  background-color: #ffffff;
  overflow: hidden;
}

#testimonial p {
  font-size: 18px;
  color: #666666;
  font-weight: 400;
}

#testimonial h4 {
  font-size: 20px;
  color: #39314b;
  font-weight: 700;
  margin: 5px 0 5px;
}

#testimonial figure {
  margin: 40px 0 0;
  padding: 10px 0;
  overflow: hidden;
  text-align: center;
}

#testimonial figure:before {
  content: '';
  position: absolute;
  width: 281px;
  height: 281px;
  background-color: #fdf7f4;
  border-radius: 100%;
  top: -140px;
  left: 0;
}

#testimonial .col-md-4 {
  position: static;
}

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

#testimonial figure img {
  webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: auto;
  display: inline-block;
  border-radius: 50%;
  margin-left: -81px;
}

#testimonial .testimonial-box:hover figure img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#testimonial .col-md-8 {
  padding-left: 0;
}

#testimonial .testimonial-box1:after,
#testimonial .testimonial-box3:after,
#testimonial .testimonial-box5:after,
#testimonial .testimonial-box7:after,
#testimonial .testimonial-box9:after {
  background: #f9fafb;
}

#testimonial .testimonial-box2:after,
#testimonial .testimonial-box4:after,
#testimonial .testimonial-box6:after,
#testimonial .testimonial-box8:after {
  background: #f9fafb;
}

#testimonial .testimonial-box1:before,
#testimonial .testimonial-box3:before,
#testimonial .testimonial-box5:before,
#testimonial .testimonial-box7:before,
#testimonial .testimonial-box9:before {
  background: #f9fafb;
}

#testimonial .owl-dots {
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
  top: 15px;
}

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

#testimonial {
  position: relative;
  margin: 70px 0;
}

#testimonial .owl-dots button.owl-dot.active {
  background-color: #febd2e;
}

#testimonial .owl-carousel .owl-nav {
  position: absolute;
  transform: translateY(-50%);
  top: 45%;
  left: 0;
  right: 0;
}

#testimonial .owl-carousel .owl-nav button {
  background-color: #39314b;
}

#testimonial .owl-carousel .owl-nav button.owl-prev {
  width: 50px;
  height: 50px;
  font-size: 30px;
  color: #fff;
  outline: none;
  position: relative;
  right: 21px;
  float: left;
}

#testimonial .owl-carousel .owl-nav button.owl-prev:hover {
  background: #dd7643;
}

#testimonial .owl-carousel .owl-nav button.owl-next {
  width: 50px;
  height: 50px;
  font-size: 30px;
  color: #fff;
  outline: none;
  float: right;
  position: relative;
  left: 21px;
}

#testimonial .owl-carousel .owl-nav button.owl-next:hover {
  background: #dd7643;
}

#testimonial .testi_info hr {
  background: #dd7643;
  margin-right: 89%;
  border: 0;
  padding: 2px;
}

#testimonial i.fas.fa-quote-right {
  color: #dd7643;
  font-size: 39px;
  position: absolute;
  left: 13%;
  top: 72%;
}

#testimonial i.fas.fa-chevron-left {
  color: #fff;
  font-size: 19px;
  position: relative;
  left: 1%;
}

#testimonial i.fas.fa-chevron-right {
  color: #fff;
  font-size: 19px;
  position: relative;
  left: 1%;
}


/*Gallery*/

#gallery_div .tab-section {
  display: inline-block;
}

#gallery_div .tab-section button {
  border: none;
  background: transparent;
  color: #fff;
  outline: none;
  cursor: pointer;
}

#gallery_div .tab-section ul {
  background: #2c3036;
  padding: 0;
  border-radius: 30px;
  margin: 20px 0;
}

#gallery_div .product-tab {
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}

#gallery_div button.tablinks {
  padding: 5px 20px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
}

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

#gallery_div .tabcontent {
  display: none;
}

#gallery_div button.tablinks.active {
  color: #dd7643;
  font-weight: 600;
  border-radius: 30px;
  padding: 5px 20px;
}

#gallery_div button:hover {
  color: #dd7643;
  transition: all 0.2s;
  border-radius: 30px;
  padding: 5px 20px;
}

#gallery_div {
  background-color: #23272c;
}

#gallery_div h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#gallery_div h3 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 400;
}



 
#gallery_div .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
#gallery_div button.tablinks{
  padding: 5px 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  transition: all 0.3s;
  text-transform: uppercase;
}
#gallery_div .tabcontent.active{
  display: block;
}
#gallery_div .tabcontent{
  display: none;
}
#gallery_div button.tablinks.active{
  color: #ea3c57;
  font-weight: 600;
  padding: 5px 10px;
}
#gallery_div button:hover {
  color: #1fba8f;
  padding: 5px 10px;
  color: #ea3c57;
  
}
#gallery_div ul{
  padding: 0;
}
#gallery_div .project-box{
  overflow: hidden;
  position: relative;
}
#gallery_div .project-box{
  position: relative;
}
#gallery_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#gallery_div figure:hover+span{
  opacity: 1;
}
#gallery_div img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#gallery_div .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#gallery_div h4 a{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    padding: 10px;
    transition: all 0.6s;
}
#gallery_div .project-box:hover h4 a{
  color: #fff;
  visibility: visible;
  z-index: 11;
   background: #dd7643;
}


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

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

#gallery_div .tab-section{
  display: inline-block;
}
 
#gallery_div .product-tab{
  float: unset;
  position: relative;
  display: inline-block;
  padding: 10px 5px;
}
#gallery_div button.tablinks{
  padding: 5px 10px;
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  display: inline-block;
  transition: all 0.3s;
}

 
#gallery_div button.tablinks.active{
  color: #dd7643;
  font-weight: 600;
  padding: 5px 10px;
}
#gallery_div button:hover {
  color: #dd7643;
  padding: 5px 10px;
   
}
#gallery_div ul{
  padding: 0;
}

#gallery_div .button1{
    background-color: #dd7643;
    padding: 11px 22px;
    color: #fff;
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
}
#gallery_div .button1:hover{
  background: #fff;
  color: #dd7643;
}

#gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
  
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
@media (max-width:1200px){
  #gallery{
  -webkit-column-count:3;
  -moz-column-count:3;
  column-count:3;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:800px){
  #gallery{
  -webkit-column-count:2;
  -moz-column-count:2;
  column-count:2;
    
  -webkit-column-gap:20px;
  -moz-column-gap:20px;
  column-gap:20px;
}
}
@media (max-width:600px){
  #gallery{
  -webkit-column-count:1;
  -moz-column-count:1;
  column-count:1;
}  
}
#gallery img,#gallery video {
  width:100%;
  height:auto;
  margin: 4% auto;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.modal-img{
  width:100%;
  height:auto;
}
.modal-body{
  padding:0px;
}



/*Inner page gallery*/

.gallery_div .project-box{
  overflow: hidden;
  position: relative;
}
.gallery_div .project-box{
  position: relative;
}
.gallery_div figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gallery_div figure:hover+span{
  opacity: 1;
}
.gallery_div img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
.gallery_div .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.gallery_div h4 a{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 20px;
    right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    padding: 10px;
    transition: all 0.6s;
}
.gallery_div .project-box:hover h4 a{
  color: #fff;
  visibility: visible;
  z-index: 11;
   background: #dd7643;
}

.our-partners-section{
  margin-top: 30px;
}

/*Working Process Section*/

#working_process h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#working_process h3 {
  font-size: 42px;
  color: #23272c;
  font-weight: 400;
	margin-bottom:40px;
}

#working_process .working-process-section {}

#working_process .working-process-section .row .col-md-6:nth-child(2n) .working-process {
  margin: 90px 0 0 -70px;
}

#working_process .working-process-section .row .col-md-6:nth-child(2n) .working-process .working-process-content {
  padding-bottom: 0;
}

#working_process .working-process-section .row .col-md-6:nth-child(3),
#working_process .working-process-section .row .col-md-6:nth-child(4) {
  margin-top: -50px;
}

.working-process-thumb {
  max-width: 240px;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
  z-index: 99;
  height: 241px;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}

.working-process-thumb img {
  width: 100%;
  height: 241px;
  transition: .3s ease-in-out;

  overflow: hidden;
}

.working-process-thumb img:hover {
  transform: scale(1.5);
}

#working_process .working-process-section .row .col-md-6:nth-child(odd) .working-process-content:before {
  content: '';
  position: absolute;
  width: 130%;
  height: 110px;
  border-top: dashed 1px #dd7643;
  border-radius: 20px;
  border-right: dashed 1px #dd7643;
  top: 20px;
  left: -50px;
}

#working_process .working-process-section .row .col-md-6:nth-child(3) .working-process-content::after {
  content: '';
  position: absolute;
  width: 130%;
  height: 110px;
  border-bottom: dashed 1px #dd7643;
  border-radius: 20px;
  border-left: dashed 1px #dd7643;
  bottom: -40px;
  left: -120px;
}

.working-process-content {
  position: relative;
  padding: 50px 50px 0 0;
  font-size: 16px;
  line-height: 26px;
  color: #666666;
  font-weight: 400;
  text-align: left;
}

.working-process-content h4 span {
  opacity: 0.102;
  font-size: 80px;
  line-height: 50px;
  color: #23272c;
  font-weight: 800;
  position: absolute;
}

.working-process-content h4 {
  font-size: 22px;
  line-height: 50px;
  color: #23272c;
  font-weight: 800;
  position: relative;
}

/*Contact Us Section*/

#contact_us figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #222222;
}

#contact_us .div-1 {
  padding: 0;
}

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

#contact_us img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  height: 697px;
}

#contact_us img:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.7;
}

#contact_us .circle {
  font-size: 35px;
  color: #157fd1;
}

#contact_us a.open-video {
  position: relative;
}

#contact_us .large {
  position: absolute;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  text-align: center;
}

#contact_us .large i {
  font-size: 20px;
  color: #fff;
  background: #dd7643;
  width: 60px;
  height: 60px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

#contact_us .large i:hover {
  color: #222222;
}

#contact_us .video-section .video-blog {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100%;
  padding: 0;
  z-index: 1001;
  visibility: hidden;
  -webkit-transition-property: all, -webkit-transform;
  transition-property: all, transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
  background: rgba(255, 255, 255, 0.98) none repeat;
  border: none !important;
}

#contact_us .video-section .video-blog .is-open {
  right: 0;
  height: 100%;
  visibility: visible;
  top: 30px;
}

#contact_us .video-section .video-blog .is-open section {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}

#contact_us .video-section .video-blog a.close-video {
  top: 50px;
  position: absolute;
  margin-left: -13px;
  left: 50%;
}

#contact_us .video-section .video-blog i.videoblog-close-button {
  font-size: 25px;
  color: #616161 !important;
  opacity: 0;
  -webkit-transition: transform .2s linear;
  -moz-transition: transform .2s linear;
  -o-transition: transform .2s linear;
  transition: transform .2s linear;
}

#contact_us .video-section .video-blog .is-open i.videoblog-close-button {
  opacity: 1;
  position: relative;
  bottom: 35px;
}

#contact_us .video-section .video-blog.is-open i.videoblog-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#contact_us .div-2 {
  background-color: #23272c;
  padding: 70px;
}

#contact_us .div-2 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 100%;
  margin-top: 21px;
  padding: 10px;
  border-radius: 6px;
  background-color: #292e33;
  outline: none;
  border: 0;
  color: #fff;
}

#contact_us .div-2 textarea.wpcf7-form-control.wpcf7-textarea {
  width: 428px;
  height: 117px;
  border-radius: 6px;
  background-color: #292e33;
  padding: 10px;
  margin: 14px;
  outline: none;
  border: 0;
  color: #fff;
}

#contact_us .div-2 input.wpcf7-form-control.has-spinner.wpcf7-submit {
  background-color: #dd7643;
  padding: 10px 23px;
  margin: 20px;
  border: 0;
  outline: none;
  color: #fff;
  text-transform: uppercase;
  font-size: 14px;
}

#contact_us .div-2 input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  background: #fff;
  color: #000;
}

#contact_us .contact-title h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#contact_us .contact-title h3 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 400;
}

/*Recent Blog Section*/

#recent_blog h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#recent_blog h3 {
  font-size: 42px;
  color: #23272c;
  font-weight: 400;
}

#recent_blog figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 305px;
  background: #f7f7f7;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

#recent_blog .post-thumbnail {
  margin: 0;
  position: relative;
  z-index: 9;
}

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

#recent_blog .recent_box:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

#recent_blog h4 a {
  font-size: 36px;
  color: #23272c;
  font-weight: 400;
}

#recent_blog p.content-post {
  font-size: 16px;
  color: #666666;
  font-weight: 400;
}

#recent_blog .recent_box:hover h4 a {
  color: #dd7643;
}

#recent_blog .button {
  background: #dd7643;
  color: #fff;
  padding: 10px 25px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
  border-radius: 30px;
  margin: 20px 0;
}

#recent_blog .blog-title {
  text-align: center;
  display: table;
  margin: 20px auto;
}

#recent_blog .blog-content p {
  font-size: 19px;
  line-height: 31px;
  color: #888888;
  font-weight: 400;
  text-align: center;
}

#recent_blog .button:hover {
  background: #2d3446;
  text-decoration: none;
  color: #fff;
}

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

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

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

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

#recent_blog .post-details .dashicons {
  font-size: 18px;
}

#recent_blog .recent_box {
  margin-bottom: 50px;
}

#recent_blog .recent_box:nth-child(2n) .row {
  flex-direction: row-reverse;
}

#recent_blog .recent_box:nth-child(2n) .post-thumbnail {
  margin: 0;
}

#recent_blog .recent_box .post-details {
  display: flex;
}

#recent_blog .recent_left .post-thumbnail {
  margin: 0;
}

#recent_blog .recent_right .recent_box {
  display: block;
}

#recent_blog .recent_right .post-thumbnail {
  margin: 0;
}

#recent_blog .recent_left .post-content.entry-content {
  padding: 0;
}

#recent_blog .recent_right .post-content.entry-content {
  padding: 0;
}

#recent_blog .latest-post figure {
  background: transparent;
}

#recent_blog .post-time {
  font-size: 15px;
  line-height: 25px;
  color: #23272c;
  font-weight: 400;
}

#recent_blog i.fa.fa-calendar.mr-2 {
  color: #dd7643;
}

#recent_blog .owl-carousel .owl-nav button span {
  display: block;
  margin-top: -15px;
}

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

#recent_blog .post-user {
  font-size: 12px;
  margin-right: 10px;
  line-height: 20px;
  color: #8e95ac;
  margin-left: auto;
}

#recent_blog i.far.fa-comments.mr-2 {
  color: #dd7643;
}

#recent_blog span.ml-3 {
  font-size: 15px;
  line-height: 25px;
  color: #23272c;
  font-weight: 400;
}

#recent_blog .read_more {
  line-height: 46px;
  color: #fff;
  padding: 0 22px 0 18px;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.6s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 600;
  position: relative;
  background-color: #dd7643;
}

#recent_blog .blog-content {
  margin-bottom: 30px;
}

#recent_blog.post-template .post-content.entry-content {
  margin-right: 0;
}

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

#recent_blog .post-content.entry-content {
  margin-right: 108px;
}

/*Newsletter*/

#newsletter .newsletters-backg {
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 320px;
}

#newsletter .newsletter-section {
  padding-top: 49px;
}

#newsletter .newsletter-section h4 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#newsletter .newsletter-section h2 {
  font-size: 42px;
  color: #ffffff;
  font-weight: 400;
  max-width: 492px;
  margin: auto;
}

form.wpcf7-form.init {
  position: relative;
}

#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder {
  color: #595959;
}

#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
  background: #dd7643;
  padding: 14px 10px 10px 10px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  right: 31.5%;
  font-weight: 600;
  font-size: 14px;
  width: 172px;
  position: absolute;
  top: 11%;
  text-transform: uppercase;
}

#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #fff;
  background-color: #23272c;
}

#newsletter .wpcf7-form-control {
  background: #ffff;
  border: none;
  outline: none;
  font-size: 16px;
  color: #acacac;
  font-weight: 400;
  padding: 18px 116px 17px 23px;
}

.newsletter-form {
  margin-top: 30px;
}

/*Our Partners*/

#Our_Partners {
  background-color: #f7f7f7;
}

#Our_Partners .partners-heading h5 {
  font-size: 16px;
  text-transform: uppercase;
  color: #dd7643;
  font-weight: 600;
}

#Our_Partners .partners-heading h2 {
  font-size: 42px;
  color: #23272c;
  font-weight: 400;
}

 #Our_Partners .our-partners-thumb img {
    width: 100%;
    margin: auto;
  }

/*Contact Us*/

#contact-us .contact-section {
  background-size: 100%;
  background-repeat: no-repeat;
}

#contact-us .contact {
  padding: 34px;
}

#contact-us .contact h3 {
  font-size: 33px;
  text-transform: uppercase;
  color: #ffffff;
  font-weight: 900;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .contact p {
  font-size: 18px;
  color: #cccccc;
  font-weight: 400;
  filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.1));
}

#contact-us .form {
  height: 100%;
}

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

#contact-us .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
  margin-right: 13px;
  font-size: 18px;
  color: #2c2e30;
  font-weight: 400;
  width: 300px;
  height: 44px;
  background-color: #ffffff;
  border: 1px solid #dd7643;
  padding: 20px;
  outline: none;
}

#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit {
  margin-left: 2px;
  background-color: #dd7643;
  color: #fff;
  height: 44px;
  width: 97px;
  border: 0;
}

#contact-us .form input.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  color: #101010;
}

/*Innner page recent projects*/
.post-content h2 {
  color: #23272c;
}

.post-content h5 {
  color: #dd7643;
}

#recent-page-inner figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
}

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

#recent-page-inner img {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

#recent-page-inner .project-box :hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
}

#recent-page-inner .box {
  background: #2d3446;
}

#recent-page-inner h4 {
  color: #fff;
  font-weight: 600;
}

#recent-page-inner .box:hover h4 {
  color: #dd7643;
}

#recent-page-inner img {
  height: 300px;
  max-height: 300px;
  width: 100%;
}

#recent-page-inner .read-more {
  color: #fff;
}

/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  font-size: 14px;
  color: #737b82;
  font-weight: 500;
}
 .footer-area h4.title{
    width: auto;
    display: inline-block;
    line-height: 30px;
    font-size: 20px;
    color: #23272c;
    font-weight: 700;
    border-bottom: solid 3px #dd7643;
    margin-bottom: 20px;
 }

 .footer-area h3{
    font-size: 30px;
    color: #23272c;
    font-weight: 500;
    margin-bottom: 20px;
 }
  
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #fff;
  text-align: center;
  cursor: pointer;
  font-size: 20px;
  background: #dd7643;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border:1px solid transparent;
}
.footer-area .fab:hover{
  color: #dd7643;
  background: #fff;
  border:1px solid #dd7643;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #e6e6e6;
  font-size: 18px;
}
.footer-area .post-meta a:hover{
  color: #e5a500;
}
.footer-area ul {
    padding: 0px;
    list-style: none;
    line-height: 2;
  }
.footer-area ul li{
  margin: 5px 0; 
}
.footer-area img.alignnone.size-full{
  margin-top: 27px;
}
.footer-area img{
  width: 100%;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #e5a500;
}
.footer-area h6{
  color: #dd7643;
  font-weight: 600;
  margin-bottom: 0;
  text-transform: uppercase;
}
.copyright {
  background: #dd7643;
}

.copyright p{
  color: #fff;
  margin-bottom: 0;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #000;
}
 a.buynowbtn {
    background: #dd7643;
    color: #fff !important;
    padding: 5px 10px !important;
}



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

.copyright {
  background: #dd7643;
}

.post-content h3 {
  color: #23272c;
}

.post-content p {
  color: #666666;
}

.post-content h4 {
  color: #23272c;
}

/*Contact Page*/

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

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

.contact-enquiry h4 {
  color: #dd7643;
  font-size: 34px;
  font-weight: 600;
}

#contact p {
  color: #362a45;
}

#contact .services-box:hover p {
  color: #fff;
}

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

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

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

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

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

#contact .services-box:hover {
  background: #dd7643;
  color: #fff;
}

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

#contact input.wpcf7-form-control.wpcf7-text {
  width: 100%;
  height: 46px;
  border-radius: 6px;
  background-color: #fbfbff;
  border: 1px solid #f0f0ff;
  font-size: 16px;
  line-height: 26px;
  color: #a1a1d4;
  font-weight: 400;
  padding: 13px;
  outline: 0;
  margin-bottom: 15px;
}

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

#contact textarea.wpcf7-form-control.wpcf7-textarea {
  width: 100%;
  border-radius: 6px;
  background-color: #fbfbff;
  border: 1px solid #f0f0ff;
  font-size: 16px;
  line-height: 26px;
  color: #a1a1d4;
  font-weight: 400;
  height: 130px;
  padding: 13px;
  outline: 0;
}

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

#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  font-size: 16px;
  line-height: 43px;
  font-weight: 400;
  border-radius: 6px;
  background-color: #dd7643;
  color: #fff;
  padding: 2px 29px;
  margin-top: 10px;
  display: inline-block;
  transition: all 0.6s;
  border: 0;
  margin-left: 18px;
}

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

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

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

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

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

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

#contact .services-box:hover h6 {
  color: #fff;
}

#contact h5 {
  text-transform: uppercase;
  font-size: 28px;
  font-weight: 600;
  color: #fff;
  ;

}

#contact h3 {
  color: #23272c;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 500;
}

.contact-form {
  background: #dd7643;
}

.form-box {
  background: #fff;
}

/*MEDIA QUERY 320 TO 720*/

@media screen and (min-width : 0) and (max-width : 767px) {
  .header .container {
    padding: 10px 0;
  }

  #main-menu ul li a {
    line-height: 42px;
    display: block;
  }

  .header-top {
    font-size: 14px;
    line-height: 30px;
  }

  .header-top-right {
    text-align: center;
  }

  #Showcase_category {
    margin: 100px auto 0;
  }

  #slider .social-links {
    padding: 10px 10px;
    bottom: -81px;
  }

  #slider .social-links a {
    width: 35px;
    height: 35px;
  }

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

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

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

  .open-menu {
    display: block;
  }

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

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

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

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

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

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

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

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

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

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


  .div_box1{
    order: 2;
  }
  .div_box2{
    order: 1;
  }
  .div_box3{
    order: 3;
  }
  #slider .contact-info .time {
    margin-right: 0;
  }

  #slider .contact-info {
    display: block;
    margin-top: 10px;
  }

  #slider .contact-info .time,
  #slider .contact-info .mail {
    font-size: 14px;
    line-height: 20px;
    margin-top: 10px;
  }

  #about_us .image-2 {
    position: static;
  }

  #about_us .image-2 img {
    width: 100%;
  }

  #our-mission .owl-nav {
    position: static;
    margin-bottom: 20px;
  }

  #services{
    padding: 50px 0;
  }
}

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

    #about_us .about-content h3, 
    #our-achievement .achievement-text h2, 
    #our-mission .our-mission-text h2, 
    #slider h1, #testimonial h2, #working_process h3, 
    #services h3, #gallery_div h3, #recent_blog h3 , 
    #Our_Partners .partners-heading h2, 
    #newsletter .newsletter-section h2,  #contact_us .contact-title h3{
      font-size: 24px;
    }
  
  #gallery_div .menu-cat{
    overflow-x: scroll;
  }
  #gallery_div .tab-section ul{
    display: flex;
    overflow: scroll;
    
  }
  #gallery_div .tab-section{
    display: flex;
    width: 550px;
  }
  .admin-bar .fix-sticky {
    margin-top: 0;
  }

  #main-menu ul {
    display: block;
  }



  .contact-number .time span {
    font-size: 14px;
  }

  .contact-number .time {
    font-size: 23px;
  }

  .fix-sticky {
    position: unset;
  }

  .appointment .appointment-inner {
    padding: 40px 20px 0;
    margin-top: 0;
    margin-left: 0;
  }

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

  #Our-team .team-section h1 {
    font-size: 28px;
    line-height: 42px;
  }

  .contact-info {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }

  #slider .social-links {
    margin-top: 20px;
  }

  #about_us .about-content h3 {
    font-size: 22px;
    line-height: 33px;
  }

  .footer-area .header-email-inner {
    font-size: 17px;
  }

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

  .copyright {
    width: auto;
  }

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

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

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

  #main-menu {
    top: 25px;
  }

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

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

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

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    display: inline-block;
    background: #dd7643;
    padding: 0 5px;
    color: #fff;
    border-radius: 6px;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  p.cart-item-box {
    left: 50%;
  }

  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 12px;
  }

  .admin-bar .fix-sticky {
    position: relative;
  }

  

  .logo a img.custom-logo {
    height: auto;
  }


  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 168px;
  }

  .button-header a {
    font-size: 10px;
    line-height: 35px;
    font-weight: 400;
    border-radius: 6px;
    background-color: #dd7643;
    color: #fff;
    margin-top: -48px;
    display: table;
    margin-left: auto;
    transition: all 0.6s;
    font-size: 10px;
  }


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

  /* Search Form */

  .header-search {
    width: 100%;
    position: relative;
    margin: 0 auto;
    z-index: 99999999
  }

  .header-search .fas.fa-search {
    line-height: 21px
  }

  .header-search .header_right_form {
    position: absolute;
    right: 0;
    z-index: 999;
    width: 100%;
    top: 110px;
    background: #f80;
    padding: 50px 125px
  }

  #slider .slider-content {
    top: 30%;
    transform: translateY(0%);
    left: 5%;
    right: 0;
    width: 90%;
    max-width: 100%;
    font-size: 12px;
    line-height: 14px;
  }

  #slider .expert-div {
    display: none;
  }

  #slider h2 {
    display: none;
  }

  #slider h1 {
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 5px;
  }

  .appointment .appointment-inner h2 {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 20px;
  }

  .appointment .appointment-inner .contact-info {
    justify-content: left;
    margin: 15px 0;
  }

  .appointment .appointment-inner .contact-info .time {
    margin: 30px 0 0;
  }

  .appointment .appointment-form input[type=email],
  .appointment .appointment-form input[type=text],
  .appointment .appointment-form input[type=date],
  .appointment .appointment-form select {
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    padding: 0 12px;
    margin-bottom: 20px;
  }

  #slider .button {
    font-size: 10px;
    padding: 2px 10px;
    display: table;
    margin: 0;
    line-height: 24px;
  }

  #slider .button i {
    width: 42px;
    line-height: 30px;
    font-size: 14px;
    top: 0px;
  }

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

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

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

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

  #slider .work-enquiry-div .deta-box {
    height: 50px;
    margin-bottom: 10px;
  }

  #slider .work-enquiry-div .dashicons {
    width: 30px;
    height: 30px;
    font-size: 18px;
  }

  #slider .work-enquiry-div {
    margin-top: -150px;
  }

  #slider .work-enquiry-div .deta-enquiry h6 {
    font-size: 14px;
    line-height: 6px;
    color: #040f30;
    font-weight: 500;
  }

  .security .security-inner {
    margin-top: 30px;
    padding: 0;
  }

  .security .security-inner-col {
    margin-bottom: 30px;
    display: block;
  }

  .security .security-content {
    padding: 20px 20px 10px;
  }

  #counter .counter-section {
    background-size: cover;
    padding: 10px 0;
  }

  #our-services h2 {
    font-size: 30px;
    line-height: 38px;
    color: #2c2e30;
    font-weight: 900;
    margin-bottom: 20px;
    margin-top: 20px;
  }

  #our-services .services-boxes {
    font-size: 16px;
    line-height: 24px;
    color: #888888;
    margin-bottom: 30px;
  }

  #our-services .services-boxes .button {
    line-height: 46px;
    padding: 0 70px 0 10px;
    margin-top: 20px;
    font-size: 14px;
  }

  .security .services-right-boxes {
    margin: 20px;
  }

  #testimonial .testimonials-section {
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding: 30px 0;
  }

  #testimonial {
    margin-bottom: 0;
  }

  #Our-team .team-cols {
    transition: all 600ms;
    margin-bottom: 30px;
  }

  .testimonials-heading h2 {
    font-size: 22px;
    line-height: 24px;
  }

  .testimonials-heading h5 {
    font-size: 11px;
    letter-spacing: 1px;
    line-height: 20px;
  }

  .testimonials-heading {
    margin-bottom: 20px;
  }

  #testimonial .content {
    font-size: 16px;
    line-height: 24px;
  }

  #Our-team .team-cols {
    margin-bottom: 30px;
  }

  #Our-team .content p {
    font-size: 16px;
    line-height: 28px;
  }

  #Our-team .content h1 {
    font-size: 30px;
    line-height: 30px;
    color: #2c2e30;
    font-weight: 900;
    margin-bottom: 20px;
  }

  #Our-team .team-heading h3 {
    font-size: 16px;
    line-height: 24px;
  }

  #recent_blog {
    margin-top: 40px;
  }

  #recent_blog h5 {
    font-size: 16px;
    margin-top: -20px;
    margin: -20px auto 10px;
    padding: 0 20px;
  }

  #recent_blog .blog-title {
    padding: 10px 20px;
    width: 100%;
  }

  #recent_blog .blog-content p {
    font-size: 16px;
    line-height: 28px;
  }

  #recent_blog .recent_box {
    display: block;
  }

  #recent_blog .post-content.entry-content {
    padding: 25px;
    margin: 15px 0;
  }

  #Our_Partners .our-partners-thumb img {
    width: auto;
    margin: auto;
  }
  #gallery_div button.tablinks{
    font-size: 14px;
  }
  
  .header-top p{
    text-align: center;
  }


  .footer-area .wpcf7 input[type="url"],
  .footer-area .wpcf7 input[type="email"] {
    width: 100%;
  }

  .footer-area i.fa.fa-envelope {
    right: 5%;
  }

   

  #recent_blog h4.post-title {
    line-height: 20px;
  }

  #services h3,
  #about_us h3,
  #counter h3,
  #gallery_div h3,
  #testimonial h3,
  #newsletter h3 {
    margin: 0 0;
   
  }

  #services h3 {
    margin-bottom: 20px;
  }

   

  #our-achievement .achievement-section .hover-text {
    padding: 0;
  }

  #Showcase_category .owl-nav {
    margin-top: 0;
    padding: 15px 0;
    top: -28%;
    right: 0;
  }

  #contact_us .div-2 textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 0;
  }

  #our-mission .image-section {
    margin-right: 0;
  }

  ul#filterOptions li a {
    padding: 0 5px;
    font-size: 14px;
  }

  #gallery_div {
    margin-top: 60px;
  }

  #gallery_div img {
    height: auto;
  }

  .working-process-thumb {
    max-width: 100%;
  }

  #working_process h3,
  #contact_us .contact-title h3 {
    
    margin-bottom: 20px;
  }

  #recent_blog h4 a {
    font-size: 18px;
    line-height: 24px;
  }

  #newsletter .newsletter-section h2,
  #Our_Partners .partners-heading h2 {
    font-size: 32px;
  }

  #newsletter .newsletters-backg {
    height: auto;
  }

  #newsletter .wpcf7-form-control {
    font-size: 14px;
    padding: 10px;
    width: 100%;
  }

  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit {
    padding: 12px;
    right: 0;
    font-size: 12px;
    top: 0;
  }

  #working_process .working-process-section .row .col-md-6 .working-process-content:before {
    display: none;
  }

  #working_process .working-process-section .row .col-md-6:nth-child(2n) .working-process {
    margin: 20px 0;
  }

  #testimonial figure:before {
    left: 50%;
    transform: translateX(-50%);
  }

  #testimonial figure img {
    margin: 0;
  }

  #testimonial .testimonial-box {
    margin: 40px auto;
    padding: 45px 20px 20px 20px;
  }

  #testimonial i.fas.fa-quote-right {
    left: 50%;
    top: 28%;
    transform: translateX(-50%);
  }

  #testimonial p {
    padding-top: 40px;
  }

  .working-process-content {
    padding: 30px 0 !important;
  }

  #contact_us img {
    height: auto;
  }

  #contact_us .div-2 {
    padding: 25px;
  }

  #ourHolder {
    overflow: hidden;
    columns: auto;
    column-gap: 30px;
  }

  #Showcase_category .owl-nav button {
    padding: 0 10px !important;
    font-size: 14px;
  }

  #our-achievement .achievement-section .hover-text .col-md-4.col-2,
  #our-achievement .achievement-section .hover-text .col-md-8.col-10 {
    max-width: 50%;
  }

 

  #our-achievement .achievement-section {
    padding: 20px;
    margin-top: 0;
  }

  #our-services h5 {
    font-size: 18px;
    line-height: 4px;
  }

  #appointment .appointment-box {
    position: unset;
  }

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

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

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

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #dd7643;
  }

  #site-navigation .sidenav a.closebtn,
  .open-menu {
    top: 50px;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  .appointment-form {
    padding: 37px;
    bottom: 0;
  }

  .app-section {
    margin-bottom: 20px;
    padding: 50px 0;
  }

  .appointment-form {
    padding: 25px;
  }

  #appointment .fa-angle-right {
    height: auto;
    width: 48px;
    top: auto;
    position: absolute;
    bottom: 0;
    right: 0;
  }

  #contact-us .contact-section {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }

  #contact-us .contact {
    padding: 30px 10px;
  }

  #contact-us .contact {
    padding: 30px 10px;
  }

  #contact-us .contact h3 {
    font-size: 28px;
    margin-bottom: 20px;
  }

  #client .owl-nav {
    text-align: center;
    font-size: 32px;
  }

  #banner_div h3 {
    margin: 0;
  }

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

  #contact .dashicons {
    margin: 20px 0;
    display: inline;
  }

  #contact hr {
    width: 30%;
  }

  #contact .contact-form p {
    margin-left: 0;
    margin-right: 0;
  }
  #contact_us .col-md-6{
    padding-left: 0;
    padding-right: 0;
  }
  
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    margin: 15px 0;
  }

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

  #comments textarea {
    width: 100%;
  }

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

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

  .copyright img {
    margin: 10px 0;
  }

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

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

  .footer-area hr {
    width: 30%;
    margin-right: auto;
  }

  .page-template-frontpage .footer {
    padding-bottom: 10px !important;
  }
 

  #our-services {
    padding: 40px 0 0;
  }

  #testimonial .testimonials-heading h2 {
    font-size: 24px;
    line-height: 32px;
  }

   
  .contact-number {
    left: 0;
    margin-bottom: 30px;
  }

  
  #download-app .download-app-section h1 {
    font-size: 24px;
    line-height: 32px;
  }

  #download-app .app-button a {
    margin: 10px 0;
  }

  #slider .owl-carousel .owl-item img {
    width: 140%;
    max-width: none;
  }

  #about_us .about-content {
    margin: 0;
  }

   

  #our-services .services-boxes h2 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 0;
  }

  #our-services .deta-box .deta-enquiry h4 {
    font-size: 12px;
    line-height: 12px;
  }

  #our-services .deta-box .deta-enquiry h6 {
    font-size: 10px;
    line-height: 10px;
    margin-bottom: 4px;
  }

  #our-services .deta-box .dashicons {
    width: 28px;
    height: 28px;
    font-size: 14px;
  }

  #our-services .deta-box {
    height: 38px;
    padding: 5px;
    max-width: 150px;
    margin: -33px auto 0;
  }

  #testimonial .testi-inner {
    padding: 0 15px;
  }

  #testimonial .testi-star {
    padding: 7px 20px;
    width: 71%;
    margin: 15px 0;
    border-radius: 10px;
  }

  #testimonial img {
    top: 292px;
  }

  #testimonial h4 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  #testimonial h6 {
    font-size: 14px;
  }

  .appointment-form h2 {
    font-size: 24px;
  }

  #recent_blog .blog-title {
    margin: 0 0 30px;
  }

  #recent_blog h3,
  #faq .question-heading h3 {
    font-size: 21px;
    margin-bottom: 10px;
    line-height: 34px;
  }

  footer {
    border-radius: 0;
    padding: 0;
  }

  .footer-area .textwidget {
    margin-bottom: 30px;
  }

  .footer-area .social-links {
    justify-content: center;
  }

  h2,
  .h2 {
    font-size: 1.5rem;
  }

  .footer-area ul {
    padding: 0 10px;
    display: table;
    margin: 0 auto 30px;
  }

}

/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px) {
   #slider .social-links{
    bottom: 0;
   }
  #Showcase_category{
    margin: 0 auto;
    max-width: 100%;
  }
  #main-menu {
    float: left;
    width: 100%;
  }

  #main-menu ul {
    justify-content: normal;
  }

  .copyright {
    width: auto;
  }

  .logo a img.custom-logo {
    height: auto;
  }

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

   
  #main-menu ul li:last-child a {
    width: max-content;
  }

  #slider h1 {
    line-height: 27px;
  }

  .appointment .appointment-inner {
    padding: 20px 30px 0;
    margin-top: -150px;
    margin-left: 150px;
  }

  .appointment .appointment-inner h2 {
    font-size: 17px;
    line-height: 30px;
  }


  #about_us .about-content p {
    font-size: 14px;
    line-height: 19px;
  }

  .appointment .appointment-inner .contact-info .time,
  .appointment .appointment-inner .contact-info .mail {
    font-size: 14px;
    line-height: 18px;
    padding-left: 30px;
    background-size: 24px;
  }

  .appointment .appointment-form input[type=submit] {
    width: auto;
    padding: 0 17px;
  }

  #about_us .about-content h3 {
    font-size: 28px;
    line-height: 32px;
  }

  
  #our-services .services-right-box {
    margin-bottom: 30px;
    padding: 60px 20px;
  }

  #our-services .services-right-box h4 {
    font-size: 19px;
    line-height: 12px;
  }

 

  .appointment .appointment-inner .contact-info .time {
    margin-right: 0;
  }

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

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

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

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

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

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

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

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

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

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

  .top-header span {
    font-size: 12px;
  }

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

  .logo-box {
    position: unset;
  }

  .logo-box img {
    max-width: 100%;
  }
  .logo{
    float: unset;
  }
  .header .container{
    padding: 0 20px;
  }

 
  .menu-header .call_text1 {
    font-size: 7px;
  }

  .menu-header .call_text2 {
    font-size: 10px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  #slider .slider-content {
    top: 0;
    left: 8%;
    right: 25%;
  }
  #contact_us .div-2 {
    padding: 25px;
  }
  #contact_us .div-2 textarea.wpcf7-form-control.wpcf7-textarea {
    max-width: 100%;
    width: 96%;
    margin: 0;
    margin-left: 14px;
  }
  #recent_blog .post-content.entry-content {
    margin-right: 0;
  }
  #contact_us .contact-title h3 {
    font-size: 28px;
  }

  #our-mission .owl-nav {
    bottom: -50px;
  }

  #our-mission {
    padding-bottom: 120px !important;
  }

  #slider .expert-div {
    display: none;
  }

  #our-achievement .achievement-section {
    padding: 25px;
  }

  .achievement-right-boxes span.dashicons {
    width: 50px;
    height: 50px;
    font-size: 24px;
    padding: 12px 0;
    margin: 3px;
  }

  .achievement-right-boxes h4 {
    font-size: 24px;
  }

  #slider h1 {
    font-size: 28px;
    margin: 0 !important;
  }

  #testimonial figure img {
    margin-left: 0;
  }

  #testimonial i.fas.fa-quote-right {
    left: 18%;
    top: 54%;
  }

  #gallery_div img {
    height: auto;
  }

  #slider .button {
    padding: -1px 7px;
    font-size: 14px;
  }

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

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

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

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

  #testimonial h3 {
    font-size: 28px;
  }

  #counter h3 {
    margin: 0 10%;
  }

  #recent_blog img {
    height: auto;
  }

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

  #appointment .appointment-box {
    position: unset;
  }

  #appointment h3 {
    width: 100%;
  }

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  .widget_text,
  .widget_nav_menu {
    margin-bottom: 30px;
  }

  #appointment textarea.wpcf7-form-control.wpcf7-textarea {
    height: 90px;
  }

  .button-header a {
    font-size: 14px;
    line-height: 41px;
    padding: 0px 12px;
    margin-top: 19px;
  }

  #testimonial img {
    top: 176px;
  }

  #our-services .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #our-services .row>.col-md-6 {
    order: -1;
    flex: 0 0 100%;
    max-width: 100%;
    justify-content: center;
    display: flex;
  }

  #our-services .services-boxes .button {
    line-height: 27px;
    padding: 0px 56px 0 25px;
    margin-top: 27px;
    font-size: 10px;
  }

  #our-services .services-boxes .button i {
    width: 48px;
    line-height: 30px;
    font-size: 18px;
  }

  #Our-team .content h1 {
    font-size: 36px;
  }

  #Our-team .content p {
    font-size: 17px;
    line-height: 34px;
  }

  #Our-team .team-heading h3 {
    font-size: 14px;
    line-height: 25px;
  }

  #recent_blog {
    margin-top: 0;
  }

  footer {
    padding: 0;
  }

  #contact-us .contact {
    padding: 0;
  }

  #contact-us .contact h3 {
    font-size: 25px;
  }

  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    font-size: 13px;
    width: 158px;
  }

  #our-services h2 {
    font-size: 38px;
    line-height: 52px;
  }

  #counter .counter-section {
    padding: 1px;
  }

  #counter .data_box {
    font-size: 16px;
    padding: 13px 25px;
    margin-bottom: 32px;
  }

  #Our-team .owl-carousel .owl-nav {
    left: -38px;
    right: -40px;
  }

  #Our-team .owl-carousel .owl-nav button.owl-prev {
    font-size: 20px;
    width: 35px;
    height: 35px;
  }

  #Our-team .owl-carousel .owl-nav button.owl-next {
    font-size: 20px;
    width: 35px;
    height: 35px;
  }

  #about_us .about-content h3, 
    #our-achievement .achievement-text h2, 
    #our-mission .our-mission-text h2, 
    #slider h1, #testimonial h2, #working_process h3, 
    #services h3, #gallery_div h3, #recent_blog h3 , #Our_Partners .partners-heading h2, #newsletter .newsletter-section h2{
      font-size: 30px;
    }
    .working-process{
      margin-bottom: 50px;
    }
    #recent_blog h4 a{
      font-size: 18px;
    }
    #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
      right: 20%;
    }
}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px) {
   
   #about_us .about-content h3, 
    #our-achievement .achievement-text h2, 
    #our-mission .our-mission-text h2, 
    #slider h1, #testimonial h2, #working_process h3, 
    #services h3, #gallery_div h3, #recent_blog h3 , #Our_Partners .partners-heading h2, #newsletter .newsletter-section h2{
      font-size: 36px;
    }
    #recent_blog h4 a{
      font-size: 28px;
    }
  #contact_us .div-2{
    padding: 30px;
  }

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

 
  #slider .social-links {
    margin-top: 104px;
  }

  .appointment .appointment-inner h2 {
    font-size: 22px;
    line-height: 58px;
  }

  .appointment .appointment-inner .contact-info .time {
    margin-right: 6px;
  }

  #about_us .about-content h3 {
    font-size: 28px;
    line-height: 37px;
  }

 
  #our-services .services-right-box {
    margin-bottom: 31px;
  }

  #Our-team .owl-carousel .owl-nav {
    left: -47px;
    right: -48px;
  }

  .top_header .mail,
  .top_header .location,
  .top_header .time {
    font-size: 11px;
  }

  .logo-image img {
    width: 200px;
  }

  .top_header .social-links a {
    margin: 0 3px;
  }

  #slider h2 {
    font-size: 18px;
  }

  #slider h1 {
    font-size: 31px;
    line-height: 30px;
  }

  #slider .button {
    margin-top: 6px;
  }

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

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

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

  #testimonial .owl-dots button.owl-dot.active {
    background-color: #dd7643;
  }

  #appointment h3 {
    width: 100%;
  }

  #appointment .appointment-box {
    bottom: -18%;
  }

  #contact textarea.wpcf7-form-control.wpcf7-textarea {
    width: 95%;
  }

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

  #recent_blog .owl-dots {
    display: block;
    text-align: center;
  }

  #testimonial img {
    top: 172px;
  }

  #testimonial img {
    top: 172px;
  }

  #recent_blog .owl-carousel .owl-nav {
    top: 65%;
    left: -221px;
    font-size: 28px;
  }

  #recent_blog .owl-dots {
    margin: 40px auto;
  }

  #our-services .services-right-box h4 {
    font-size: 22px;
    line-height: 34px;
  }

  #our-services .row>.col-md-3 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }

  #counter .counter-section {
    padding: 1px;
  }

  .form input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    width: 242px;
  }

  #contact-us .contact {
    padding: 0;
  }
  #contact_us .div-2 textarea.wpcf7-form-control.wpcf7-textarea{
    width: 290px;
  }
  #Showcase_category{
    margin: 0 auto 0;
  }
  #slider .social-links{
    bottom: 0;
  }

}



/* First Name text color */
input[name="text-635"] {
    color: #ffffff;
}

/* First Name placeholder color */
input[name="text-635"]::placeholder {
    color: #ffffff;
}

/* Last Name text color */
input[name="text-772"] {
    color: #ffffff;
}

/* Last Name placeholder color */
input[name="text-772"]::placeholder {
    color: #ffffff;
}

/* Phone no text color */
input[name="tel-563"] {
    color: #ffffff;
}

/* Phone no placeholder color */
input[name="tel-563"]::placeholder {
    color: #ffffff;
}

/* Email address text color */
input[name="email-386"] {
    color: #ffffff;
}

/* Email address placeholder color */
input[name="email-386"]::placeholder {
    color: #ffffff;
}

/* Message text color */
textarea[name="textarea-70"] {
    color: #f4f6fc;
}

/* Message placeholder color */
textarea[name="textarea-70"]::placeholder {
    color: #f4f6fc;
}


/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px) {

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

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

}