body {
    /*margin-top: 20px;*/
    box-sizing: border-box;
}

body #header-outer[data-transparent-header="true"].transparent {
    margin-top: 10px;
}


.light h1,.light h2,.light h3,.light h4,.light h5,.light h6,.light p {
    color: #f0ede8;
}


/* HEADER SECTION*/

#header-outer #top nav > ul > li > a,
#header-outer #top nav > .sf-menu > li > a, 
#header-outer #top .slide-out-widget-area-toggle a {
    text-transform: uppercase;
    font-weight: 400;
}

#slide-out-widget-area .inner-wrap > .inner .off-canvas-menu-container li > a {
    color: #f0ede8;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 300;
}

#header-outer #top .slide-out-widget-area-toggle a:before,
#header-outer #top nav>ul>li>a:before {
    border-radius: 0 !important;
}

body #page-header-wrap {
    margin-top: 20px !important;
}

.home #page-header-wrap {
    margin-top: 0;
}

#page-header-wrap .inner-wrap::after {
    content: "";
    background: url(/wp-content/themes/salient-child/images/branding.svg) no-repeat center;
    position: absolute;
    width: 126px;
    height: 19px;
    margin-top: 20px;
}

#page-header-bg {
    background: #f0ede8 !important;
}

#page-header-bg .page-header-bg-image-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
}

#page-header-bg .page-header-bg-image {
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}

#page-header-bg .container {
    opacity: 0;
    animation: fadeIn 1.5s ease-in-out forwards;
    animation-delay: 0.1s;
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

.archive #page-header-wrap {
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 40px);
}

.archive .page-header-bg-image:after,
.nectar-recent-post-slide .nectar-recent-post-bg:after,
.single [data-post-hs=default_minimal] .page-header-bg-image:after {
    background-color: transparent;
}

#page-header-bg[data-animate-in-effect="fade-in"] .page-header-bg-image-wrap,
#page-header-wrap #page-header-bg[data-animate-in-effect="fade-in"] .nectar-video-wrap {
    animation-delay: initial;
}

body.archive #pagination .page-numbers.next,
body.archive #pagination .page-numbers.prev,
body.archive #pagination span.page-numbers.dots,
body.archive #pagination>a,
.archive nav#pagination>ul a {
    color: #ab6e53 !important;
}

#pagination .next a:hover, #pagination .prev a:hover, #pagination a.page-numbers:hover, #pagination span.page-numbers.current, .woocommerce .container-wrap nav.woocommerce-pagination ul li:hover span, .woocommerce nav.woocommerce-pagination ul li a:hover {
    background-color: #ab6e53 !important;
}



/* BODY SECTION*/

body #slide-out-widget-area {
    color: #f0ede8;
}

body #slide-out-widget-area .inner .off-canvas-menu-container li li a {
    text-transform: none !important;
    font-size: 14px !important;
}

body.single-post .container-wrap {
    background-color: #f0ede8;
}

/*#hero_banner {*/
/*    padding-top: 20px;*/
/*}*/

#hero_banner img.arrow-down {
    transform: rotate(0deg);
    transform-origin: center;
    transition: transform 0.5s ease;
}

#hero_banner img.arrow-down:hover {
    transform: rotate(45deg);
}

#our_promise .iwithtext {
    display: flex;
    align-self: center;
}

#our_promise .iwithtext .iwt-icon {
    background: #5e6251;
    border-radius: 50%;
    min-width: 80px;
    min-height: 80px;
    text-align: center;
    position: relative;
    height: calc(80px - 80px);
}

#our_promise.dark .iwithtext .iwt-icon {
    background: #f0ede8;
}
    
#our_promise .iwithtext .iwt-icon img {
    text-align: center;
    margin: 0 auto;
    height: 100%;   
}

#our_promise .iwithtext .iwt-text {
    padding-left: 20px;
    display: flex;
    align-self: center;
}

#our_promise .iwithtext .iwt-text h4 {
    margin: 0;
}

#our_promise .wpb_column.boxed>.vc_column-inner {
    background-color: rgba(255, 255, 255, 0.5);
    position: relative;
    transition: transform .2s ease, box-shadow .2s ease;
    top: 0;
    box-shadow: none;
    /*border: 1px solid #f0ede8;*/
    padding: 35px;
}

#our_promise.dark .wpb_column.boxed>.vc_column-inner {
    background-color: rgba(255, 255, 255, 0.1);
}

.faq_details .toggle {
    border-top: 1px solid #f0ede8;
    margin-bottom: 30px;
    padding-top: 30px;
}

.faq_details.dark .toggle {
    border-top: 1px solid rgba(94,98,81,0.5);
}

.faq_details .toggle:last-child {
    border-bottom: 1px solid #f0ede8;
    padding-bottom: 30px;
}

.faq_details .toggle>div {
    box-shadow: none;
    background: transparent !important;
}

.faq_details .toggle>div .inner-toggle-wrap {
    padding: 20px 40px;
}

.faq_details .toggle>.toggle-title a {
    background: transparent !important;
    padding: 14px 40px 16px 14px;
    color: #575d4e;
}

.faq_details .toggle.open>.toggle-title a i {
    transform: rotate(180deg);
    background: url(/wp-content/themes/salient-child/images/arrow-left.svg) no-repeat center;
}

.faq_details .toggle>.toggle-title a i:before {
    display: none;
}
    
.faq_details .toggle>.toggle-title a i {
    left: auto;
    right: 0;
    background: url(/wp-content/themes/salient-child/images/arrow-left.svg) no-repeat center;
    height: 32px;
    width: 32px;
    transition: transform 0.5s ease;
    transform: rotate(0deg);   
    background-size: contain !important;
}

.faq_details.dark .toggle>.toggle-title a i,
.faq_details.dark .toggle.open>.toggle-title a i {
    background: url(/wp-content/themes/salient-child/images/arrow-left-dark.svg) no-repeat center;
}

.faq-tab .tabbed .wpb_tabs_nav li a {
    font-weight: 500;
    font-size: 18px;
    justify-content: center;
    background-color: transparent;
    color: #5E6251;
    padding: 15px 20px;
    border-radius: 30px !important;
}

.faq-tab .tabbed .wpb_tabs_nav li .active-tab {
    /*background-color: #f0ede8 !important;*/
    box-shadow: none !important;
    color: #f0ede8;
    border-radius: 50px;
    border-color: #ab6e53;
}

.faq-tab li.tab-item.active-tab {
    border-color: #ab6e53;
}

.faq-tab li.tab-item {
    border: 1px solid #f0ede8;
    border-radius: 50px;
}


#about_team .nectar-fancy-box {
    background: #727167;
    display: flex;
    flex-direction: column-reverse;
}

#about_team .nectar-fancy-box .text {
    margin: 0 25px;
}

#about_team .nectar-fancy-box .text p {
    text-transform: uppercase;
    padding: 0;
}

#design_collection .cell {
    height: 650px;
}

#our_services .nectar-fancy-box {
    padding: 35px;
}

#our_services .nectar-fancy-box h3 {
    color: #f0ede8;
}

#our_services .nectar-fancy-box .heading-wrap img {
    position: absolute;
    right: 0;
    bottom: 0px;
    margin: 0;
    transform: rotate(0deg);
    transition: transform 0.5s ease;    
}

#our_services .nectar-fancy-box:hover .heading-wrap img {
    transform: rotate(-45deg);
}

#client_say button.previous {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#client_say button.next {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#client_say .bottom-arrow,
#client_say .testimonial_slider blockquote p:before,
#client_say .testimonial-name {
    display: none;
}

#client_say .testimonial_slider blockquote .inner {
    padding: 40px 30px;
    background-color: rgba(255, 255, 255, 0.5);
    /*border: 1px solid #f0ede8;*/
    border-radius: 0px;
}

#client_say .testimonial_slider .flickity-prev-next-button:before {
    background-color: #ab6e53;
}

#client_say .testimonial_slider .flickity-prev-next-button .arrow {
    fill: white;
}

#client_say .testimonial_slider .flickity-prev-next-button:after {
    background-color: #f0ede8;
}

#client_say .star-rating-wrap {
    position: absolute;
    top: 30px;
}

#client_say .testimonial_slider .star-rating:before,
#client_say .testimonial_slider .star-rating .filled:before {
    font-size: 24px;
}

#association_awards .img-with-aniamtion-wrap {
    margin: 0 40px;   
}

#breadcrumbs {
    font-size: 14px;
    color: #f0ede8;
}

#breadcrumbs .breadcrumb_last {
    color: #ab6e53;
}

#our_team .tabbed>ul li.active-tab {
    font-weight: 500;
}

#our_team .tabbed>ul li .active-tab,
#our_team .tabbed>ul li a:hover {
    color: #ab6e53;
    opacity: 1;
}

#our_team .tabbed> ul li a:after {
    background-color: #ab6e53;
}



#our_history h2, #our_history h3, #our_history h4, #our_history h5, #our_history h6 {
    display: block;
    padding: 0;
    background: none;
}

#our_history h3 {
    color: #ab6e53;
}

#our_history .nectar-carousel::before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 1px;
    /*background-color: rgba(149,153,128,0.5);*/
    background-color: rgba(171,110,83,0.3);
}

#our_history .cell .nectar-fancy-box::before {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #ab6e53;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

#our_history .nectar-fancy-box .image-wrap {
    margin-top: 50px;
}

.page #contact_form input, #contact_form textarea {
    /*background-color: transparent;*/
    /*border: 1px solid #dfdbd6;*/
}

.page #contact_form select {
    /*background-color: #616558;*/
    /*border: 1px solid #dfdbd6;*/
}

.page .wpcf7-form label {
    font-weight: 500;
}

.page .wpcf7-form .nectar-wpcf7-inline-form {
    padding: 0 0 20px 0;
}

.page .wpcf7-form .wpcf7-not-valid-tip {
    box-shadow: none;
    color: #dfdbd6 !important;
    font-size: 12px;
}

.page #contact_form .wpcf7-form button[type=submit],
.page #contact_form .wpcf7-form input[type=submit] {
    padding: 15px 50px !important;
    border-radius: 50px !important;
    text-transform: uppercase;
    font-weight: normal;
    background-color: #ab6e53;
    color: #f0ede8;
    border: none !important;
    font-size: 16px;
    line-height: 22px;
}

.page #contact_form .wpcf7-form button[type=submit]:hover,
.page #contact_form .wpcf7-form input[type=submit]:hover {
    transform: none;
    box-shadow: none !important;
    background-color: #f0ede8 !important;
    color: #f0ede8;
}


.page #contact_form .contact_details .iwithtext {
    display: flex;
}

.page #contact_form .contact_details .iwithtext .iwt-icon {
    position: relative;
    align-content: center;
}

.page #contact_form .contact_details .iwithtext .iwt-text {
    padding-left: 20px;
}

.page #blog .nectar-post-grid-filters a {
    color: #262a2d;
    font-size: 14px; 
    padding: 8px 15px;
    margin: 5px !important;
    background-color: #f0ede8;
    border-radius: 30px;
    text-transform: uppercase;
    border: 1px solid #f0ede8;
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1), border-color .45s cubic-bezier(0.25,1,0.33,1), color .45s cubic-bezier(0.25,1,0.33,1), background-color .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1);    
}

.page #blog .nectar-post-grid-filters a.active,
.page #blog .nectar-post-grid-filters a:hover {

    color: #ab6e53;
    border-color: #ab6e53;
}

body.wp-singular.post-template-default.single.single-post {
    background: #f0ede8;
}

.page #blog .nectar-post-grid-filters a:after {
    display: none;
}

.archive #page-header-bg .subheader {
    font-size: 16px;
    line-height: 1.3;
    color: #f0ede8 !important;
    font-weight: 300;
}

.archive #page-header-wrap #page-header-bg,
body.archive #page-header-wrap #page-header-bg {
    height: 350px !important;
    padding-top: 40px;
    padding-bottom: 20px;
}

body.single #page-header-bg .span_6 .inner-wrap,
.single #page-header-bg .span_6 .inner-wrap {
    padding-top: 80px;
    padding-bottom: 40px;
}

.single  #single-meta,
body.single-post #page-header-bg #single-meta,
body.single-post .blog-title #single-meta {
    margin: 0 0 10px 0;
}


.archive .nectar-global-section .container,
.archive #ajax-content-wrap .container-wrap {
    padding: 0 !important;
}


.single-post #page-header-bg,
body.single-post #page-header-wrap {
    background-color: transparent;
}

.wp-singular .nectar-post-grid-filters {
    max-width: 100%;
}

.wp-singular .nectar-post-grid-wrap .nectar-post-grid-filters h4 {
    width: 100%;
    font-size: 18px;
}

/*.single-post #page-header-bg .page-header-bg-image-wrap {*/
/*    display: none;*/
/*}*/

/*.single-post #page-header-bg {*/
/*    background-color: #f0ede8 !important;*/
/*}*/

/*.single-post #page-header-bg .hidden-social-img {*/
/*    display: block !important;*/
/*    position: relative;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    width: calc(100vw - 50px);*/
/*    max-width: none;*/
/*    height: 50vh;*/
/*    object-fit: cover;*/
/*    border-bottom-left-radius: 50px;*/
/*    border-bottom-right-radius: 50px;*/
/*    visibility: visible;*/
/*    opacity: 1;*/
/*    margin-top: 15px;*/
/*}*/

/*.single-post #page-header-bg .span_6 {*/
/*    top: 0;*/
/*    transform: none;*/
/*}*/

/*.single-post #page-header-bg .span_6 .inner-wrap {*/
/*    padding-top: 20px !important;*/
/*}*/

/*.single-post #page-header-bg .inner-wrap,*/
/*.single-post #page-header-bg #single-below-header,*/
/*.single-post .heading-title .entry-title,*/
/*.single-post #page-header-bg h1 {*/
/*    text-align: left;*/
/*    max-width: 800px;*/
/*    margin: 0 auto;*/
/*}*/

/*.single-post #page-header-bg .inner-wrap a {*/
/*    display: none;*/
/*}*/

/*.single #ajax-content-wrap .heading-title h1,*/
/*.single-post #ajax-content-wrap #page-header-bg h1 {*/
/*    padding: 50px 0 20px 0;*/
/*}*/

#page-header-bg h1, .nectar-box-roll .overlaid-content h1 {
    color: #f0ede8;
}

.single #page-header-bg #single-below-header span.meta-category {
    display: none;
}

.single.single-post .section-title h1 {
    max-width: 100% !important;
}

.single.single-post .blog-title #single-below-header>span {
    padding: 0;
    border: 0;
}


.single.single-post #page-header-bg {
    background: #f0ede8 !important;
}

.single.single-post .featured-media-under-header__cat-wrap .meta-category a {
    border-radius: 30px !important;
    background: #ab6e53 !important;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
}

/*.single.single-post .page-header-bg-image::before,*/
#page-header-bg .page-header-bg-image::before,
.single #page-header-bg .page-header-bg-image::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    /*background-color: rgba(87, 93, 78, 0.2); */
    z-index: 1;
    border-bottom-left-radius: 60px;
    border-bottom-right-radius: 60px;
}


.single-post #ajax-content-wrap .related-post-wrap .nectar-post-grid-item {
    width: calc(50% - 20px);
}

.single-post #ajax-content-wrap .related-post-wrap .nectar-post-grid-item:last-child {
    display: none;
}

.single-post #ajax-content-wrap .blog_next_prev_buttons {
    margin-top: 0;
}

.single-post #ajax-content-wrap .blog_next_prev_buttons h3 {
    font-size: 35px;
    line-height: normal;
}

.single-post #ajax-content-wrap #reply-title.nectar-blog-single-section-title {
    font-size: 18px;
    font-weight: normal;
    line-height: normal;
}

#ajax-content-wrap .nectar-post-grid .meta-category .style-button,
.nectar-post-grid .meta-category .style-button {
    color: #262a2d !important;
    border-radius: 30px;
    background: #f0ede8;
    text-transform: uppercase;
    padding: 8px 15px;
    font-size: 14px;
    border: 1px solid rgba(94,98,81,0.5);
    transition: opacity .45s cubic-bezier(0.25,1,0.33,1), transform .45s cubic-bezier(0.25,1,0.33,1), border-color .45s cubic-bezier(0.25,1,0.33,1), color .45s cubic-bezier(0.25,1,0.33,1), background-color .45s cubic-bezier(0.25,1,0.33,1), box-shadow .45s cubic-bezier(0.25,1,0.33,1);        
}

#ajax-content-wrap .nectar-post-grid .meta-category .style-button:hover,
.nectar-post-grid .meta-category .style-button:hover {
    background: transparent;
    color: #ab6e53 !important;
    border-color: #ab6e53;
}

/*.single-post #ajax-content-wrap .container-wrap {*/
/*    padding-top: 60px !important;*/
/*}*/

.single-post #page-header-bg h1, body.single-post h1,
body.single-post .row .col.section-title h1 {
    font-size: 52px;
    line-height: 1.2em;
}

.nectar-post-grid .nectar-post-grid-item .content .post-heading {
    line-height: 1.15em;
}

.nectar-post-grid .nectar-post-grid-item .content .item-main {
    background: none;
    position: relative;
}



.nectar-post-grid .nectar-post-grid-item .content .item-main::after {
    content: "";
    position: absolute;
    bottom: 30px;
    right: 0.5em;
    width: 50px; 
    height: 50px;
    background: url(/wp-content/themes/salient-child/images/arrow-left-dark.svg) no-repeat center/contain;
    transform: rotate(0deg);
    transition: transform 0.5s ease;
    pointer-events: none;
    transform-origin: center;
}

.related-post-wrap .nectar-post-grid .nectar-post-grid-item .content .item-main::after,
.archive .nectar-post-grid .nectar-post-grid-item .content .item-main::after {
    background: url(/wp-content/themes/salient-child/images/arrow-left.svg) no-repeat center/contain;
}

.nectar-post-grid .nectar-post-grid-item:hover .content .item-main::after {
  transform: rotate(-45deg);
}

#gallery_thumbnail .flickity-gallery-wrapper {
    display: flex;
    gap: 20px;
}

#gallery_thumbnail .main-carousel {
    width: 100%;
}

#gallery_thumbnail .main-carousel .carousel-cell img {
    width: 100% !important;
    height: 500px;
    object-fit: cover;
    display: block;
    margin: 0;
}

#gallery_thumbnail .thumbnail-carousel {
    display: flex;
    flex-direction: column;
    height: 500px;
    overflow-y: hidden;
    width: 180px;
    flex-shrink: 0;
}

#gallery_thumbnail .flickity-slider .carousel-cell {
    width: 100%;
}

#gallery_thumbnail .thumbnail-carousel .carousel-cell {
    width: 100%;
    height: 118px;
    margin-bottom: 10px;
    cursor: pointer;
    opacity: 0.5;
    transition: opacity 0.3s ease;
}

#gallery_thumbnail .thumbnail-carousel .carousel-cell:last-child {
    margin-bottom: 0px;
}        

#gallery_thumbnail .thumbnail-carousel .carousel-cell.is-selected {
    opacity: 1;
}

#gallery_thumbnail .thumbnail-carousel .carousel-cell img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-designs-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 50px 30px;
    margin: 0;
}

.home-designs-grid .home-design-item {
    flex: 0 0 calc(50% - 15px);
    max-width: calc(50% - 15px);
    box-sizing: border-box;
    position: relative;
}

.home-designs-grid .home-design-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0.2em;
  width: 50px; 
  height: 50px;
  background: url(/wp-content/themes/salient-child/images/arrow-left-dark.svg) no-repeat center/contain;
  transform: rotate(0deg);
  transition: transform 0.5s ease;
  pointer-events: none;
  transform-origin: center;
}

.home-designs-grid .home-design-item:hover::after {
  transform: rotate(-45deg);
}

.home-designs-grid .home-design-item:hover .home-thumb img {
    transform: scale(1.1);
}

.home-designs-grid .home-thumb {
    height: 420px;
    overflow: hidden;
    margin-bottom: 25px;
}

.home-designs-grid .home-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.45s cubic-bezier(.15,.75,.5,1);
}

.home-designs-grid .home-title {
    margin-bottom: 10px;
    float: left;
}

.home-designs-grid .facade-details {
    list-style: none;
    border-radius: 80px;
    border: 1px solid #c7c6be;
    color: #5E6251;
    float: left;
    padding: 5px 15px;
    margin: 0 0 0 30px;
    display: flex;
}

.home-designs-grid .facade-details li {
    display: flex;
}

.home-designs-grid .facade-item .icon {
    margin: 0 5px 0 0;
    object-fit: contain;
}

.home-designs-grid .facade-item {
    display: flex;
    margin-right: 10px;
}





/* FOOTER SECTION*/

#menu-footer-menu {
    text-align: center;
    margin: 0;
}

#menu-footer-menu li {
    list-style: none;
    display: inline;
    padding: 0 10px;
}


#menu-footer-menu li a,
.copyright a {
    transition: color .2s ease;
    position: relative;
    line-height: 1.85em;
}

#menu-footer-menu li a:after,
.copyright a:after {
    border-color: #262a2d;
    transform-origin: 0 0;
    transition: transform .35s cubic-bezier(.52,.01,.16,1);
    bottom: -3px;
    border-top-width: 1px;
    position: absolute;
    display: block;
    bottom: -6px;
    left: 0;
    width: 100%;
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    border-top: 1px solid #262a2d;
    content: "";
    padding-bottom: inherit;
}

#menu-footer-menu li a:hover:after,
.copyright a:hover:after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.social_icons .nectar_icon:hover {
    opacity: 0.75;
}

.social_icons .nectar_icon:hover {
    opacity: 0.75;
}

#our_partners .client_logo img {
    max-height: 100px;
    width: auto;
    padding: 10px;
}



@media only screen and (max-width: 1300px) and (min-width: 1000px) {
    .single-post #page-header-bg h1, body.single-post h1, body.single-post .row .col.section-title h1 {
        font-size: 46px;
    }    
}


@media only screen and (max-width: 999px) {
    #association_awards .img-with-aniamtion-wrap {
        margin: 0;
    }   
    
    .social_icons .nectar_icon {
        margin: 0 5px;
    }
    
    #our_promise .iwithtext .iwt-icon {
        min-width: 60px;
        min-height: 60px;
        height: calc(60px - 60px);
    }  
    
    #design_collection .cell {
        height: 500px;
    } 
    
    .faq_details .hide .toggle:last-child {
        padding-bottom: 0;
        border-bottom: none;
    }      
    
    .faq_details .toggle {
        margin-bottom: 20px;
        padding-top: 20px;
    } 
    .faq_details .wpb_column {
        margin-bottom: 0;
    }
    
    body h6, #ajax-content-wrap .nectar-inherit-h6 {
        font-size: 15px;
    }   
    
    #association_awards .img-with-aniamtion-wrap {
        margin: 0 10px;
    }  
    
    .faq_details .toggles {
       display: flex;
       flex-direction: column;
       column-gap: 0;
    }
    .faq_details .toggle {
        width: 100%;
    }  
    
    .faq_details .toggle>.toggle-title a i {
        height: 20px;
        width: 20px;
        top: 20px;
    }    
   
    .faq-tab .tabbed .wpb_tabs_nav li a {
        font-size: 14px;
        padding:  13px;
    }
    
    .faq-tab .tabbed >div {
        padding-left: 0;
    }
    
    .faq-tab .tabbed .wpb_tabs_nav {
        text-align: left;
        margin-bottom: 0 !important;
    }
    
    .single #ajax-content-wrap .heading-title h1,
    .single-post #ajax-content-wrap #page-header-bg h1 {
        padding: 0;
    }
    
    .single-post #ajax-content-wrap #page-header-bg {
        padding-top: 0;
        padding-bottom: 0;
        background-color: #f0ede8;
    }
    
    .single-post #page-header-bg,
    body.single-post #page-header-wrap {
        height: auto !important;
    }
    
    .single-post #ajax-content-wrap .nectar-post-grid .meta-category .style-button,
    body.single-post .nectar-post-grid .meta-category .style-button {
        font-size: 14px;
    }  
    
    .single-post .nectar-post-grid .nectar-post-grid-item .content {
        padding: 20px;
    }
    
    .single-post #ajax-content-wrap .blog_next_prev_buttons h3 {
        font-size: 30px;
    }
    
    .single-post #page-header-bg h1, body.single-post h1, body.single-post .row .col.section-title h1 {
        font-size: 32px;
    }
    
    .nectar-post-grid-wrap .nectar-post-grid-filters h4 {
        font-size: 18px;
    }    
    
    .nectar-post-grid-wrap .nectar-post-grid-filters {
        margin: 0 0 20px 0;
        padding-top: 0;
    }  
    
    .nectar-post-grid .nectar-post-grid-item .content .item-main::after {
        width: 32px; 
        height: 32px;
    } 
    
    .home-designs-grid .home-title {
        float: none;
    }
    
    .home-designs-grid .facade-details {
        margin: 0;
    }   
    
    #gallery_thumbnail .main-carousel .carousel-cell img,
    #gallery_thumbnail .thumbnail-carousel {
        height: 400px;
    }
    #gallery_thumbnail .thumbnail-carousel {
        width: 100px;
    } 
    #gallery_thumbnail .flickity-gallery-wrapper {
        gap: 10px;
    }  
    
    .home-designs-grid .home-design-item::after {
        width: 32px;
        height: 32px;
    }   
    
    .single-post #page-header-wrap .inner-wrap::after {
        margin-top: 0;
    }    
    
    .single-post #ajax-content-wrap .container-wrap {
        padding-top: 40px !important;
    }  
    
    #our_partners .client_logo {
        margin-bottom: 0;
    }    
    
    body.single #page-header-bg .span_6 .inner-wrap,
    .single #page-header-bg .span_6 .inner-wrap {
        padding-top: 100px !important;
        padding-bottom: 40px;
    }    
    
    .archive #page-header-wrap #page-header-bg, body.archive #page-header-wrap #page-header-bg {
        height: auto !important;
        padding-bottom: 50px;
    }  
    
    .archive #page-header-bg .container {
        max-width: calc(100% - 40px);
    }    
    
    #our_services .nectar-fancy-box .heading-wrap img, 
    #hero_banner img.arrow-down {
        width: 32px;
        height: 32px;
    } 
    
    .home-designs-grid .home-design-item:nth-last-child(1):nth-child(odd) {
        flex: 0 0 calc(50% - 15px);
        max-width: calc(50% - 15px);
        margin-right: auto;
        margin-left: auto;
    }
    
    .home-designs-grid .home-thumb {
        height: 220px;
    }   
    
    .page #blog .nectar-post-grid-filters a {
        background: transparent;
        border-radius: 0;
        border: none;
        padding: 0 3px;
        color: white;
    }   
    
    .page #blog .nectar-post-grid-filters a.active,
    .page #blog .nectar-post-grid-filters a:hover {
        color: #ab6e53;
    }    
}

@media only screen and (max-width: 690px) {
    body #header-outer[data-transparent-header="true"].transparent {
        margin-top: 0px;
    }    
    body #page-header-wrap {
        margin-top: 10px !important;
    }
    #page-header-wrap .inner-wrap::after {
        height: 15px;
        margin-top: 10px;
    }    
    #our_promise .wpb_column.boxed>.vc_column-inner {
        padding: 25px;
    }
    
    #association_awards .img-with-aniamtion-wrap {
        margin: 0;
    }   
    
    #our_promise .iwithtext .iwt-text {
        padding-left: 10px;
    } 
    
    #association_awards .column_element_direction_phone_horizontal > .vc_column-inner > .wpb_wrapper {
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 auto;
    } 
    
    #association_awards .img-with-aniamtion-wrap img {
        max-width: 120px;
        max-height: 80px;
        margin: 5px 10px;
    }
    
    #client_say .testimonial_slider blockquote .inner {
        padding: 20px 35px;
        display: flex;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
    }
    
    #client_say .testimonial_slider .star-rating {
        margin-top: 0;
    }
    
    #client_say .star-rating-wrap {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
    }
    
    .faq_details .toggle>div .inner-toggle-wrap {
        padding: 20px 30px;
    }
    
    .faq-tab .tabbed .wpb_tabs_nav li a {
        font-size: 12px;
        padding: 10px 15px;
    }
    
    .faq-tab .tabbed .wpb_tabs_nav li {
        margin: 0 5px 5px 0;
    }
    
    .single-post #ajax-content-wrap .related-post-wrap .nectar-post-grid-item {
        width: 100%;
    }
    
    .single-post #ajax-content-wrap .nectar-post-grid .nectar-post-grid-item {
        min-height: 30vh;
    }
    
    .single-post #ajax-content-wrap .blog_next_prev_buttons h3 {
        font-size: 24px;
    }    
    
    .single-post #page-header-bg h1,
    body.single-post h1,
    body.single-post .row .col.section-title h1 {
        font-size: 48px;
    }  
    
    .page .wpcf7-form .nectar-wpcf7-inline-form {
        flex-direction: column;
    }
    
    .page .wpcf7-form .nectar-wpcf7-inline-form .nectar-wpcf7-inline-field:first-child {
        padding-right: 0;
        padding-bottom: 20px;
    }    
    
    .nectar-post-grid-wrap .nectar-post-grid-filters h4 {
        font-size: 16px;
    }  
    
    .page #blog .nectar-post-grid-filters a {
        font-size: 14px;
    }  
    
    .nectar-post-grid .nectar-post-grid-item .content .item-main::after {
        width: 24px; 
        height: 24px;
    }   
    
    .nectar-post-grid .nectar-post-grid-item .content .post-heading,
    .nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid-item .content .meta-excerpt {
        max-width: 85%;
    }    
    
    .home-designs-grid .home-design-item {
        flex: 1 1 100%;
    }

    #gallery_thumbnail .flickity-gallery-wrapper {
        flex-direction: column;
    }

    #gallery_thumbnail .main-carousel {
        width: 100%;
    }

    #gallery_thumbnail .thumbnail-carousel {
        flex-direction: row;
        height: auto;
        width: 100%;
        overflow-x: auto;
        overflow-y: hidden;
        gap: 10px;
    }

    #gallery_thumbnail .thumbnail-carousel .carousel-cell {
        flex: 0 0 auto;
        width: 85px;
        height: 60px;
        margin-bottom: 0;
    }    
    
    #gallery_thumbnail .main-carousel .carousel-cell img {
        height: 300px;
    }    
    
    .home-designs-grid .home-design-item::after {
        width: 24px;
        height: 24px;
    }  
    
    #page-header-bg .span_6 .inner-wrap,
    .blog-archive-header.color-bg .container {
        padding-left: 10px;
        padding-right: 10px;
    }    
    
    #our_team .nectar-fancy-ul ul,
    #our_team .nectar-fancy-ul ul li:last-child {
        margin-bottom: 0;
    }
    
    .single-post #page-header-bg h1, body.single-post h1, body.single-post .row .col.section-title h1 {
        font-size: 32px;
    }  
    
    .single-post #page-header-wrap .inner-wrap::after {
        margin-top: 0;
    }
  
    #page-header-bg .page-header-bg-image-wrap {
      width: calc(100% - 20px);
    }
    
    .single-post #ajax-content-wrap .container-wrap {
        padding-top: 20px !important;
    }  
    
    .archive #page-header-wrap {
        width: calc(100% - 20px);
    }   
    
    .archive #page-header-bg .container {
        max-width: calc(100% - 20px);
    }
    
    #our_services .nectar-fancy-box .heading-wrap img, 
    #hero_banner img.arrow-down {
        width: 24px;
        height: 24px;
    } 
    
  .home-designs-grid .home-design-item {
    flex: 0 0 100%;
    max-width: 100%;
  } 
  
      .home-designs-grid .home-thumb {
        height: 340px;
    }      
}