/*!
Theme Name: FJR Stair and Door
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: fjr-stair-and-door
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

FJR Stair and Door is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



body.wp-singular.page-template.page-template-templates.page-template-catalog.page-template-templatescatalog-php.page.page-id-40.wp-custom-logo.wp-theme-fjr-stair-and-door.mega-menu-menu-1.no-sidebar {
    overflow-x: hidden;
}

section{
    margin:100px 0px;
}
a{
    text-decoration:none;
}
img {
    width: 100%;
    transition: transform 0.3s ease-in-out;
}
img:hover {
    transform: scale(1.02);
}
header {
    background: transparent;
    padding: 20px 0px;
    position: sticky;
    top: 0;
    z-index: 999;
    transition: background-color 0.2s ease;
}
header.sticky-header {
    background-color: #182A4E;
}

.header-logo img {
    width: 210px;
}
.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    padding:0;
    margin: 0px 20px;
    font-weight: 500;
    font-family: 'Source Sans 3';
    letter-spacing: 0.5px;
    background: none !important;
}
.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:hover, .header-phone a:hover {
    color: #FF4C3D;
}
#mega-menu-wrap-menu-1 {
    background: transparent !important;
}
.header-menu {
    display: flex;
    justify-content: center;
}
ul#menu-header-menu {
    margin: 0;
}
.header-phone a img {
    width: 36px;
    margin-right: 10px;
}
.header-phone {
    display: flex;
    justify-content: end;
    align-items: center;
}
.header-phone a {
    text-decoration: none;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: 'Source Sans 3';
    letter-spacing: 0.5px;
}
.pink-header {
    background: #ff4c3d;
    position: relative;
    z-index: 99;
    padding: 4px 0px;
}
.pink-header .money-off-today-text {
    font-size: 14px;
    text-align: center;
    font-family: 'Source Sans 3';
    color: #ffffff;
    text-transform: uppercase;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #ffffff;
    color: #182a4e;
    font-family: 'Source Sans 3';
    font-size: 18px;
    font-weight: 500;
    padding: 0px 10px;
    line-height: 35px;
	text-transform:uppercase;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #ffffff;
    font-weight: 500;
    color: #ff4c3d;
}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
    width: 180px;
}
.hero-banner-section {
    padding: 230px 0px 80px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    margin-top: -104px;
}
.hero-banner-section:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, #182A4E, #0000001a);
    z-index: -1;
}
.banner-left-col h3 {
    color: #ffffff;
    font-family: 'Source Sans 3';
    font-size: 26px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin: 0;
}
.banner-left-col h1 span {
    color: #FF4C3D;
}
.banner-left-col h1 {
    font-family: 'Source Sans 3';
    font-size: 80px;
    line-height: 95px;
    color: #ffffff;
    margin: 15px 0px 40px;
    letter-spacing: -5px !important;
}
.banner-main-desc p {
    font-family: 'Source Sans 3';
    color: #ffffff;
    font-size: 18px;
    width: 49%;
    letter-spacing: -0.5px;
}
.banner-buttons {
    margin: 70px 0px;
}
.red-button {
    margin-right: 15px;
}
.red-button a {
    background: #FF4C3D;
    color: #ffffff;
    padding: 14px 40px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    letter-spacing: -0.5px;
    border: 1px solid #ffffff;
}
.red-button a:hover {
    background: transparent;
    color: #ffffff;
}
.white-button a {
    background: transparent;
    color: #ffffff;
    padding: 14px 40px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #ffffff;
}
.white-button a:hover {
    background: #FF4C3D;
}
.red-button a img, .white-button a img {
    margin-left: 10px;
    filter: brightness(0) invert(1);
    width: 10px;
}
.red-circle-box {
    background: #FF4C3D;
    padding: 30px;
    width: 280px;
    height: 280px;
    border-radius: 50%;
    text-align: center;
}
.red-circle-box img {
    width: 30px;
}
.red-circle-box h2 {
    color: #ffffff;
    font-size: 16px;
    width: 80%;
    margin: 14px auto;
    line-height: 24px;
}
.red-circle-desc p {
    font-size: 12px;
    color: #ffffff;
    width: 80%;
    margin: 0 auto;
}
.blue-marquee {
    background: #182A4E;
    padding: 10px 0px;
}
.marquee-txt {
    justify-content: space-around;
    align-items: center;
}
.marquee-txt h6 {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Source Sans 3';
    letter-spacing: 0.5px;
    margin: 0;
    opacity: 0.8;
    line-height: 16px;
	letter-spacing:2px;
}
.marquee-txt img {
    filter: brightness(0) invert(1);
    opacity: 0.8;
    width: 7px;
}
.why-choose-content-img h2, .our-service-section h2, .what-client-say h2, .our-product-left-col h2, .three-reason-content h2, .conact-us-form h2, .why-choose-content h2 {
    font-size: 72px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin: 0;
	letter-spacing: -3px;
}
.why-choose-description p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 30px 0px 0px;
    width: 80%;
    text-align: justify;
}
.blue-button {
    margin: 60px 0px;
}
.blue-button a {
    background: transparent;
    color: #182a4e;
    padding: 10px 30px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 2px solid #182a4e;
    font-weight: bold;
}
.blue-button a:hover {
    background: #182a4e;
    color: #ffffff;
}
.blue-button a img {
    width: 10px;
    margin-left:10px;
}
.why-choose-image {
    height: 100%;
}
.why-choose-image img {
    height: 100%;
    object-fit: cover;
}
.service-box {
    position: relative;
}
.service-box img {
    height: 100%;
    object-fit: cover;
}
.service-box:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65%;
    background-image: linear-gradient(360deg, #182A4E, #ffffff00);
    z-index: 0;
}
.red-half-circle img.circle-red {
    position: absolute;
    bottom: 0;
    width: auto;
    height: 290px;
    left: 0;
    z-index: 2;
}
.red-half-circle {
    position: relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.red-half-circle h3 {
    position: absolute;
    font-size: 50px;
    color: #ffffff;
    left: 30px;
    z-index: 3;
    bottom: 115px;
    font-family: 'Source Sans 3';
    font-weight: 500;
    margin: 0;
}
.learn-more-button a {
    background: #ffffff;
    color: #182a4e;
    padding: 12px 40px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    font-weight:bold;
    text-transform: uppercase;
    border-radius: 30px;
    border: 1px solid #ffffff;
    z-index: 3;
    position: absolute;
    bottom: 30px;
    right: 10px;
}
.learn-more-button a:hover {
    background: transparent;
    color: #ffffff;
}
.learn-more-button img{
    width:10px;
    margin-left:10px;
}
.We-are-commited-section .why-choose-description p {
    width: 100%;
}
.We-are-commited-section .why-choose-content-img h2, .We-are-commited-section .why-choose-content-img .why-choose-description, .We-are-commited-section .why-choose-content-img .blue-button {
    margin-left: 50px;
}
.client-testimonial-box {
    padding: 65px;
    position: relative;
    border-top: 2px solid #ddd;
    z-index:8;
}
.what-client-say .swiper-slide-prev .client-testimonial-box {
    padding-left: 5px;
    position: relative;
    z-index:8;
}
.what-client-say .swiper-slide-next .client-testimonial-box {
    padding-right: 5px;
    position: relative;
    z-index:8;
}
.what-client-say .swiper-slide-active .client-testimonial-box {
    border-width: 2px 2px 0px 2px;
    border-style: solid;
    border-color: #c9c9c9;
}
.what-client-say .swiper-slide-active .client-testimonial-box:before {
    content: "";
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    left: -28px;
    top: -33px;
    width: 60px;
    height: 60px;
    display: block;
    object-fit: cover;
    background-position: center;
    background-color: #ffffff;
    padding: 10px;
    background-size: 35px;
}
.what-client-say .swiper-slide-active .client-testimonial-box:after {
    content: "";
    background-repeat: no-repeat;
    z-index: 15;
    position: absolute;
    right: -33px;
    top: -33px;
    width: 60px;
    height: 60px;
    display: block;
    object-fit: cover;
    background-position: center;
    background-color: #ffffff;
    padding: 10px;
    background-size: 35px;
}
.what-client-say .swiper-slide.swiper-slide-active {
    z-index: 30;
}
.what-client-say .blue-button {
    margin: 30px 0px 0px;
    text-align: center;
}
.what-client-say .swiper-slide {
    padding: 20px 0px;
}
.line-star-img img {
    height: 20px;
    width: auto;
}
.line-star-img {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.line-star-img:before {
    content: "";
    position: absolute;
    left: 0;
    top: 52%;
    width: 62%;
    height: 2px;
    background-color: #484848;
    transform: translateY(-50%);
}
.client-testimonial-box h3 {
    font-size: 38px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin-bottom: 25px;
    min-height: 96px;
    letter-spacing: -1.5px;
}
.client-testimonial-box-desc p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 30px 0px 30px;
    text-align: left;
}
.client-testimonial-box h6 {
    font-size: 20px;
    font-weight: bold;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 0;
}
.free-house-desc p {
    position: absolute;
    bottom: 15px;
    color: #ffffff;
    font-family: 'Source Sans 3';
    width: 75%;
    margin-left: 30px;
    z-index: 3;
    font-size: 18px;
}
.free-house-section .red-half-circle h3 {
    bottom: 85px;
}
.our-product-left-col .twenty20 {
    margin: 0;
}
.our_product_right_tabbing .nav-tabs .nav-link {
    background: transparent;
    color: #182a4e;
    padding: 10px 30px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 2px solid #182a4e;
    font-weight: bold;
    margin: 0px 8px;
}
.tab__logo__row.row .col-md-6 {
    position: relative;
}
.tabbing-box-img-title {
    position: absolute;
    bottom: 10px;
    left: 10px;
    color: #ffffff;
    text-shadow: 0 0 10px black;
    font-family: 'Source Sans 3';
}
.our-product-catalog .blue-button a {
    background: #182a4e;
    color: #ffffff;
}
.our-product-catalog .blue-button a:hover {
    background: transparent;
    color: #182a4e;
}
.our-product-catalog .blue-button {
    margin: 60px 0px 0px;
}
.our_product_right_tabbing .nav-tabs .nav-link.active {
    background: #182a4e;
    color: #ffffff;
}
.our_product_right_tabbing .nav-tabs .nav-link img {
    width: 10px;
    margin-left: 10px;
}
.our_product_right_tabbing .nav-tabs {
    display: flex;
    margin-bottom: 60px;
    justify-content: flex-end;
    border:none;
}
.three-reason-content p {
    font-size: 24px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    text-align: center;
    width: 70%;
    margin: 20px auto 40px;
}
.three-reason-box h3 {
    font-size: 38px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin-bottom: 25px;
    line-height: 38px;
}
.three-reason-box h3 span {
    color: #ff4c3d;
}
.three-reason-box {
    padding: 65px;
    border-width:2px 2px 0px 2px;
    border-style:solid;
    border-color:#c9c9c9;
    position:relative;
}
.three-reason-section .row .col-md-4:first-child .three-reason-box {
    padding-left: 0;
    border-width:2px 0px 0px 0px;
    border-style:solid;
    border-color:#c9c9c9;
}
.three-reason-section .row .col-md-4:last-child .three-reason-box {
    padding-right: 0;
    border-width:2px 0px 0px 0px;
    border-style:solid;
    border-color:#c9c9c9;
}
.three-reason-box:before {
    content: "";
    background-size: 25px;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    left: -24px;
    top: -25px;
    width: 45px;
    height: 45px;
    display: block;
    object-fit: cover;
    padding: 10px;
    background-position: center;
    background-color: #ffffff;
}
.three-reason-section .row .col-md-4:first-child .three-reason-box:before {
    display:none;
}
.three-reason-box-desc p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 0px;
    text-align: left;
    letter-spacing: 0px;
}
.conact-us-form h2 {
    width: 63%;
    line-height: 68px;
}
.contact-us-desc p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    text-align: justify;
    width: 60%;
    margin: 20px 0px 30px;
    letter-spacing: -0.7px;
}
.conact-us-form input.wpcf7-form-control, .conact-us-form textarea.wpcf7-form-control {
    width: 100%;
    outline: none;
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    border-color: #182a4e;
    border-style: solid;
    border-width: 0px 0px 2px;
    padding: 10px 0px;
    height: 50px;
}
.conact-us-form input.wpcf7-form-control::placeholder, .conact-us-form textarea.wpcf7-form-control::placeholder {
    font-size: 18px;
    font-family: 'Source Sans 3';
    color: #182a4e;
}
.conact-us-form span.wpcf7-spinner {
    display: none;
}
.conact-us-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    width: fit-content;
    background: #182a4e;
    color: #ffffff;
    padding: 10px 30px 10px 30px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 2px solid #182a4e;
    font-weight: bold;
}
.conact-us-form input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
    background: transparent;
    color: #182a4e;
}
button.wpcf7-form-control.wpcf7-submit.has-spinner::before {
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 10;
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 10px;
    display: block;
    background-position: center;
}
.conact-us-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-size: 10px !IMPORTANT;
    background-repeat: no-repeat !IMPORTANT;
    background-position: 80% !important;
    padding-right: 48px;
}
.conact-us-form form p{
    text-align:right;
}
.footer-social-icons a img {
    width: 40px;
    margin-right: 10px;
}
.get-in-touch {
    display: flex;
    flex-flow: column;
}
.get-in-touch h5 {
    color: #ff4c3d;
    font-family: 'Source Sans 3';
    font-size: 30px;
    letter-spacing: -0.5px;
}
.get-in-touch a {
    font-size: 18px;
    font-family: 'Source Sans 3';
    font-weight: bold;
    color: #182a4e;
    margin: 2px 0px;
}
.get-in-touch a:hover{
    color: #ff4c3d;
}
.get-in-touch a span {
    font-weight: 500;
}
.footer-menu ul li a {
    text-transform: uppercase;
    font-family: 'Source Sans 3';
    font-size: 20px;
    color: #182a4e;
    font-weight: bold;
}
.footer-menu ul li a:hover {
    color: #ff4c3d;
}
.image-overlay-logo {
    position: relative;
    height: 100%;
}
.image-overlay-logo img {
    height: 100%;
    object-fit: cover;
}
.image-overlay-logo:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 65%;
    background-image: linear-gradient(360deg, #182A4E, #ffffff00);
    z-index: 0;
}
.blue-overlay {
    width: 100%;
    display: flex;
    justify-content: center;
}
.blue-overlay img {
    position: absolute;
    bottom: 25px;
    width: 87%;
    height: auto;
}
.copyright-txt, .privacy-policy {
    padding: 20px 0px;
}
.copyright-txt p, .privacy-policy a {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 0px;
}
.privacy-policy a:hover {
    color: #ff4c3d;
}
.privacy-policy p {
    margin: 0px 5px;
}
.why-choose-fjr-desc p, .why-choose-fjr-desc ul li {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 20px 0px 0px;
    width: 95%;
    text-align: justify;
}
.why-choose-fjr-desc ul {
    list-style: none; 
    padding-left: 1.5em;
}

.why-choose-fjr-desc ul li {
    position: relative;
    margin-bottom: 0.5em;
}

.why-choose-fjr-desc ul li::before {
    content: "•";
    position: absolute;
    left: -24px;
    color: #ff4c3d;
    font-size: 36px;
    line-height: 1;
    top: -7px;
}
.why-choose-our-service h3 {
    font-size: 42px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin-bottom: 25px;
    text-align: center;
}
.red-box-circle h4 {
    font-size: 36px;
    font-family: 'Source Sans 3';
    color: #ffffff;
}
.red-box-circle {
    width: 170px;
    background: #ff4c3d;
    padding: 40px;
    border-radius: 100%;
    height: 170px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px auto;
}
.why-choose-our-service .blue-button {
    text-align: center;
}
.door-gallery-slide-img img {
    height: 500px;
    width: 100%;
    object-fit: cover;
}
section.gallery-slider .container .blue-button {
    text-align: right;
}
section.gallery-slider {
    overflow: hidden;
}
.Gallery-page-banner .banner-main-desc p {
    margin: 0 auto;
}
.Gallery-page-banner:after {
    background: #182a4ec2;
    width:100%;
}
.stair-door-trim-img-gallery {
    width: 100%;
    object-fit: cover;
    margin: 60px 10px;
}
.stair-door-gallery-slide-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
img.side-red-half-circle {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 180px;
}
section.stair-door-trim-section {
    position: relative;
}
section.stair-door-trim-section:nth-child(odd) > .container .row:first-child {
    flex-flow: row-reverse;
}
section.stair-door-trim-section:nth-child(odd) .container .row img.side-red-half-circle {
    position: absolute;
    right: 0;
    left:auto;
    top: 0;
    z-index: 9;
    width: 180px;
    transform: rotate(180deg);
}
.stair-door-trim-section .why-choose-content-img h2, .stair-door-trim-section .why-choose-description, .stair-door-trim-section .blue-button {
    margin-left: 85px;
}
.stair-door-trim-section img.stair-door-small-img {
    min-height: 420px;
    object-fit: cover;
}
section.stair-door-trim-section:nth-child(odd) .container .row .why-choose-content-img h2{
    text-align:right;
    margin-right:85px;
    margin-left:0;
}
section.stair-door-trim-section:nth-child(odd) .container .row .why-choose-description, section.stair-door-trim-section:nth-child(odd) .container .row .blue-button {
    text-align: right;
    display: flex;
    justify-content: flex-end;
    margin-right:85px;
    margin-left:0;
}
.steel-door-banner .banner-main-desc p {
    width: 57%;
}
.steel-door-banner .banner-left-col h1 {
    margin: 0px 0px 20px;
}
.steel-door-banner .banner-buttons {
    margin: 55px 0px;
}
.Gallery-page-banner .banner-left-col h1 {
    margin: 15px 0px 22px;
}
.Gallery-page-banner .banner-buttons {
    margin: 50px 0px;
}


.copyright-txt p a {
    color: #fe4c3d;
}
.copyright-txt p a:hover {
    color: #182a4e;
}

.gallery-section a img {
      width: 100%;
      height: 300px;
      object-fit: cover;
      margin: 8px 0px;
      border-radius:10px;
  }
.button_group.text-center {
    justify-content: center;
}

section.gallery__section {
    margin: 60px 0px;
}
.gallery_page_section .nav.nav-pills {
    justify-content: center;
}
.gallery_block img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    margin: 10px 0px;
}
.gallery_page_section div#pills-tabContent {
    margin-top: 40px;
}
.gallery_page_section button.nav-link {
    background: transparent;
    color: #182a4e;
    padding: 10px 30px;
    margin: 0;
    font-family: 'Source Sans 3';
    font-size: 18px;
    text-transform: uppercase;
    border-radius: 30px;
    border: 2px solid #182a4e;
    font-weight: bold;
    margin: 0px 8px;
}
.gallery_page_section button.nav-link img {
    width: 10px;
	margin-left: 10px;
}
.gallery_page_section button.nav-link.active {
    background: #182a4e;
    color: #ffffff;
}
.why-people-should-section .why-people-work-with-desc {
	font-size: 23px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    letter-spacing: 0px;
}
.why-people-box img {
    width: 63px;
    margin-bottom: 20px;
}
.why-people-should-section .why-people-box {
    border: 2px solid #c9c9c9;
    height: 100%;
    margin: 0px 5px;
    padding: 25px;
}
.why-people-should-section .why-people-box:hover {
    box-shadow: 0px 0px 15px #182a4e;
}



.fjr-header-section .col-md-4 {
    width: auto !IMPORTANT;
}

.fjr-header-section .row {
    justify-content: space-between;
}

.header-phone {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
}

.header-phone p {
    margin: 0px;
    color: #fff;
    font-size: 15px;
}

.header-phone h6 {
    display: inline-block;
    color: #ff4c3d;
    font-size: 25px;
    line-height: 21px;
    margin: 0px 5px;
}

.header-phone a {
    display: inline-block;
}

/* blog page css start */
.post-category a {
    color: #182A4E;
    font-family: 'Source Sans 3';
    font-weight: 600;
    font-size: 16px;
}

.blog__inner__blog .post-excerpt {
    color: #182A4E;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 43px;
}
.post-date {
    margin-top: 15px;
}
.post__date {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}
.post__date h5 {
    flex: 1;
    color: #182A4E;
    font-weight: 600 !important;
    font-size: 16px;
}
.post__date a {
    border: 1px solid #182A4E;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #182A4E;
    transform: rotate(-45deg);
    transition: 0.5s;
}
.post__date a:hover {
    transform: rotate(0deg);
    background: #FF4C3D;
    color: #fff;
}
.post__inner.blog__inner__blog:hover {
    box-shadow: 0px 0px 20px rgba(0 0 0 / 50%);
}
/* blog page css end */

/* blog detail css start */
.post-content h2 {
    color: #182A4E;
    font-family: 'Source Sans 3';
    font-size: 32px;
    margin: 0 0 10px 0;
}

.post-content h3 {
    color: #182A4E;
    font-family: 'Source Sans 3';
    font-size: 26px;
}

.post-content h4 {
    color: #182A4E;
    font-size: 22px;
    font-family: 'Source Sans 3';
}

.post-content p {
    color: #182a4e;
    font-family: 'Source Sans 3';
}

.post-content ul li {
    color: #182a4e;
    font-family: 'Source Sans 3';
}

.post-content ol li {
    color: #182a4e;
    font-family: 'Source Sans 3';
}

.post-content ol {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}

.post-content ul {
    display: flex;
    flex-direction: column;
    grid-gap: 10px;
}
p.post-meta {
    color: #182a4e;
    font-family: 'Source Sans 3';
    font-weight: 600;
}
p.post-meta a {
    color: #fe4c3d;
}
p.post-meta a:hover {
    color: #182a4e;
}
.post-content a {
	color: #fe4c3d;
}
.post-content a:hover {
	color: #182a4e;
}
.post-content img {
    height: 400px;
    width: 80%;
    border-radius: 20px;
    margin: 0 auto !important;
    display: flex;
    object-fit: cover;
}
.single__post__sidebar {
    position: sticky;
    top: 99px;
    z-index: 1;
}
.sidebar__data {
    border: 1px solid #182a4e;
    padding: 25px;
    margin-bottom: 15px;
    border-radius: 15px;
    background: #182a4e;
    color: #ffffff;
}
.search__post__sidebar form {
    display: flex;
    align-items: center;
    position: relative;
}
.search__post__sidebar form input {
    width: 100%;
    height: 45px;
    padding: 10px;
    border-radius: 7px;
    border: 1px solid #182a4e ! IMPORTANT;
    padding-right: 46px;
}
.search__post__sidebar form button {
    position: absolute;
    right: 0px;
    top: 0px;
    height: 45px;
    background: transparent ! IMPORTANT;
    border: none ! IMPORTANT;
    outline: none ! IMPORTANT;
}
ul.category-list-items {
    margin: 0;
    padding: 0;
}
ul.category-list-items li {
    list-style: none;
}
ul.category-list-items li a {
    display: block;
    padding: 12px 0px;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    font-family: 'Source Sans 3';
    font-size: 15px;
}
.accordion-item {
	border: 1px solid #EEF0F8 ! IMPORTANT;
	margin-bottom: 10px;
	/* background: #182a4e ! IMPORTANT; */
	color: #ffffff;
	border-radius: 20px !important;
}
.accordion-button:not(.collapsed)::after {
    transform: rotate(-180deg);
}
.accordion-body p {
    font-size: 16px;
	margin: 0;
}
.post-navigation {
    display: none;
}
.faq-content h2 {
    margin: 0 0 25px 0;
}
/* blog detail css end */

.post__inner.blog__inner__blog {
    border: 1px solid #ddd;
    transition: 0.5s;
    height: 100%;
}
.post__inner {
    border-radius: 15px;
    overflow: hidden;
}
.post-thumbnail {
    position: relative;
}
.post__inner.blog__inner__blog a {
    text-decoration: none;
}
.blog__inner__blog .post-thumbnail img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.post__details {
    border-radius: 15px;
    margin-top: -15px;
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 15px;
}
h3.post-title, h3.post-title a {
    color: #182a4e;
    font-size: 23px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0;
    font-family: 'Source Sans 3';
}
section.faq-section {
    margin: 50px 0 0 0;
}
button.accordion-button {
    background: #182a4e ! IMPORTANT;
    outline: none ! IMPORTANT;
    box-shadow: none ! IMPORTANT;
    color: #ffffff ! IMPORTANT;
    font-size: 16px;
    font-family: 'Source Sans 3';
    padding-right: 40px;
    border-radius: 20px 20px 0 0 !important;
    font-weight: 600;
}
.accordion-body {
    /* background: #ffffff; */
    color: #182a4e;
    font-family: 'Source Sans 3';
    border-radius: 0px 0px 10px 10px !important;
}
button.accordion-button.collapsed {
    border-radius: 20px !important;
}


@media only screen and (max-width:1660px){
	.hero-banner-section {
		padding: 175px 0px 41px;
	}
}
@media only screen and (max-width:1560px){
    section.stair-door-trim-section img.side-red-half-circle, section.stair-door-trim-section:nth-child(odd) .container .row img.side-red-half-circle {
        width: 140px;
    }
	.hero-banner-section.Gallery-page-banner {
		padding: 165px 0px 55px;
	}
}

@media only screen and (max-width:1400px){
    section {
        margin: 80px 0px;
    }
    .header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        margin: 0px 15px;
    }
    .hero-banner-section {
        padding: 190px 0px 60px;
    }
    .banner-left-col h1 {
        font-size: 65px;
        line-height: 85px;
        margin: 10px 0px 30px;
    }
    .banner-buttons {
        margin: 50px 0px;
    }
    .white-button a, .red-button a {
        padding: 12px 35px;
        font-size: 16px;
    }
    .why-choose-content-img h2, .our-service-section h2, .what-client-say h2, .our-product-left-col h2, .three-reason-content h2, .conact-us-form h2, .why-choose-content h2 {
        font-size: 55px;
    }
    .red-half-circle img.circle-red {
        height: 250px;
    }
    .red-half-circle h3 {
        font-size: 42px;
        bottom: 100px;
    }
    .learn-more-button a {
        padding: 10px 34px;
        font-size: 16px;
        bottom: 30px;
        right: 10px;
    }
    .We-are-commited-section .why-choose-description p {
        margin: 20px 0px 0px;
        width: 70%;
    }
    .blue-button {
        margin: 45px 0px;
    }
    .client-testimonial-box, .three-reason-box {
        padding: 45px;
    }
    .free-house-section .red-half-circle h3 {
        bottom: 105px;
    }
    .free-house-desc p {
        bottom: 8px;
    }
    .conact-us-form h2 {
        width: 55%;
        line-height: 60px;
    }
    section.stair-door-trim-section img.side-red-half-circle, section.stair-door-trim-section:nth-child(odd) .container .row img.side-red-half-circle {
        width: 120px;
    }
	.gallery_block img {
		height: 320px;
	}
	
	
	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 16px;
		margin: 0px 8px;
	}

	.header-logo img {
		width: 154px;
	}
	
	
}
@media only screen and (max-width:1280px){
    section {
        margin: 70px 0px;
    }
    .header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        margin: 0px 10px;
        font-size: 16px;
    }
    .banner-left-col h1 {
        font-size: 60px;
        line-height: 65px;
    }
    .banner-left-col h3 {
        font-size: 22px;
    }
    .banner-main-desc p {
        width: 70%;
    }
    .marquee-txt h6 {
        margin: 0px 20px;
    }
    .why-choose-content-img h2, .our-service-section h2, .what-client-say h2, .our-product-left-col h2, .three-reason-content h2, .conact-us-form h2, .why-choose-content h2 {
        font-size: 42px;
    }
    .why-choose-description p {
        margin: 15px 0px 0px;
        width: 90%;
        font-size: 16px;
    }
    .red-half-circle h3 {
        font-size: 32px;
        bottom: 80px;
    }
    .red-half-circle img.circle-red {
        height: 200px;
    }
    .learn-more-button a {
        padding: 8px 30px;
        font-size: 16px;
        bottom: 20px;
    }
    .blue-button a {
        padding: 8px 30px;
        font-size: 16px;
    }
    .client-testimonial-box h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .client-testimonial-box-desc p {
        font-size: 16px;
        margin: 24px 0px 24px;
    }
    .our_product_right_tabbing .nav-tabs .nav-link {
        padding: 8px 26px;
        font-size: 16px;
        margin: 0px 5px;
    }
    .our_product_right_tabbing .nav-tabs {
        margin-bottom: 40px;
    }
    .three-reason-box {
        padding: 35px;
    }
    .three-reason-box h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }
    .three-reason-box-desc p {
        font-size: 16px;
    }
	.why-people-should-section ul li {
		width: 35%;
	}
    .conact-us-form h2 {
        line-height: 48px;
    }
    .contact-us-desc p {
        font-size: 16px;
        width: 70%;
        margin: 15px 0px 20px;
    }
    .conact-us-form input.wpcf7-form-control.wpcf7-submit.has-spinner {
        padding: 8px 30px 8px 30px;
        font-size: 16px;
    }
    .footer-menu ul li a {
        font-size: 18px;
    }
    .copyright-txt p, .privacy-policy a {
        font-size: 16px;
    }
    .why-choose-fjr-desc p, .why-choose-fjr-desc ul li {
        font-size: 16px;
    }
    .why-choose-our-service h3 {
        font-size: 38px;
    }
    .red-box-circle h4 {
        font-size: 32px;
    }
    .stair-door-trim-section img.stair-door-small-img {
        min-height: 210px;
    }
    section.stair-door-trim-section img.side-red-half-circle, section.stair-door-trim-section:nth-child(odd) .container .row img.side-red-half-circle {
        width: 100px;
    }
	.gallery_block img {
		height: 260px;
	}
}

@media(max-width:1200px){
	.header-phone p {
		font-size: 10px;
	}

	.header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
		font-size: 15px;
	}

	.header-logo img {
		width: 145px;
	}

	.header-phone a {
		font-size: 15px;
	}

	.header-phone a img {
		width: 30px;
	}

	.header-phone h6 {
		font-size: 18px;
	}

	.hero-banner-section {
		margin-top: -113px;
	}
	
}


@media only screen and (max-width:991px){
    section {
        margin: 55px 0px;
    }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 14px;
		line-height:28px;
	}
    .header-logo img {
        width: 170px;
    }
    .header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        margin: 0px 10px 0px 0px;
        font-size: 14px;
        letter-spacing:0;
    }
    .hero-banner-section {
        padding: 170px 0px 40px;
    }
    .hero-banner-section:after {
        width: 100%;
    }
    .banner-left-col h1 {
        font-size: 45px;
        line-height: 55px;
        margin: 10px 0px 20px;
		letter-spacing: 0 !important;
    }
    .banner-left-col h3 {
        font-size: 18px;
    }
    .banner-main-desc p {
        width: 80%;
        font-size: 16px;
    }
    .white-button a, .red-button a {
        padding: 8px 22px;
        font-size: 14px;
    }
    .red-button {
        margin-right: 7px;
    }
    .red-button a img, .white-button a img {
        margin-left: 8px;
        width: 6px;
    }
    .red-circle-box h2 {
        font-size: 14px;
        width: 90%;
        margin: 12px auto;
        line-height: 20px;
    }
    .red-circle-box img {
        width: 24px;
    }
    .red-circle-desc p {
        font-size: 11px;
        width: 90%;
    }
    .red-circle-box {
        padding: 34px;
        width: 240px;
        height: 240px;
    }
    .marquee-txt h6 {
        font-size: 12px;
        line-height: 12px;
    }
    .marquee-txt img {
        width: 5px;
    }
    .why-choose-content-img h2, .our-service-section h2, .what-client-say h2, .our-product-left-col h2, .three-reason-content h2, .conact-us-form h2, .why-choose-content h2 {
        font-size: 34px;
		letter-spacing: 0;
    }
    .why-choose-description p {
        margin: 10px 0px 0px;
    }
    .learn-more-button a {
        padding: 6px 26px;
        font-size: 14px;
    }
    .learn-more-button img {
        width: 6px;
        margin-left: 8px;
    }
    .We-are-commited-section .why-choose-content-img h2, .We-are-commited-section .why-choose-content-img .why-choose-description, .We-are-commited-section .why-choose-content-img .blue-button {
        margin-left: 30px;
    }
    .We-are-commited-section .why-choose-description p {
        margin: 15px 0px 0px;
        width: 100%;
    }
    .blue-button {
        margin: 35px 0px;
    }
    .blue-button a img {
        width: 7px;
        margin-left: 8px;
    }
    .blue-button a {
        padding: 7px 25px;
        font-size: 16px;
    }
    .red-half-circle h3 {
        font-size: 26px;
        bottom: 70px;
    }
    .red-half-circle img.circle-red {
        height: 170px;
    }
    .client-testimonial-box, .three-reason-box {
        padding: 35px;
    }
    .client-testimonial-box h3 {
		font-size: 26px;
		margin-bottom: 16px;
		min-height: auto;
		letter-spacing: 0;
	}
    .client-testimonial-box h6 {
        font-size: 17px;
    }
    .what-client-say .swiper-slide {
        padding: 20px 0px 0px;
    }
    .free-house-desc p {
        bottom: 4px;
        width: 82%;
        margin-left: 20px;
        font-size: 16px;
    }
    .free-house-section .red-half-circle h3 {
        bottom: 95px;
        left: 20px;
    }
	.why-people-should-section ul li {
		width: 40%;
	}
    .our_product_right_tabbing .nav-tabs .nav-link {
        padding: 7px 19px;
        font-size: 12px;
        margin:0px 5px 0px 0px;
    }
    .our_product_right_tabbing .nav-tabs .nav-link img {
        width: 7px;
        margin-left: 7px;
    }
    .our_product_right_tabbing .nav-tabs {
        margin-bottom: 30px;
    }
    .blue-button a {
        padding: 7px 22px;
        font-size: 14px;
    }
    .three-reason-content p {
        font-size: 18px;
        width: 70%;
        margin: 15px auto 30px;
    }
    .three-reason-box h3, .get-in-touch h5  {
        font-size: 24px;
    }
	.three-reason-box h3 {
		line-height: 28px;
	}
    .three-reason-box {
        padding: 25px;
    }
    .three-reason-box:before {
        left: -8px;
        top: -8px;
        width: 15px;
        height: 15px;
    }
    .three-reason-box:after {
        right: -8px;
        top: -8px;
        width: 15px;
        height: 15px;
    }
    .conact-us-form h2 {
        line-height: 38px;
        width: 85%;
		letter-spacing: 0;
    }
    .contact-us-desc p {
        width: 90%;
    }
    .conact-us-form input.wpcf7-form-control, .conact-us-form textarea.wpcf7-form-control {
        font-size: 16px;
        padding: 10px 0px;
        height: 40px;
    }
    .conact-us-form input.wpcf7-form-control::placeholder , .conact-us-form textarea.wpcf7-form-control::placeholder  {
        font-size: 16px;
    }
    .get-in-touch a, .footer-menu ul li a  {
        font-size: 14px;
    }
    .footer-social-icons a img {
        width: 26px;
        margin-right: 7px;
    }
    .copyright-txt p, .privacy-policy a {
        font-size: 12px;
    }
    .why-choose-our-service h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .red-box-circle {
        width: 150px;
        padding: 20px;
        height: 150px;
    }
    .stair-door-trim-section img.stair-door-small-img {
        min-height: 150px;
    }
    section.stair-door-trim-section img.side-red-half-circle, section.stair-door-trim-section:nth-child(odd) .container .row img.side-red-half-circle {
        width: 80px;
    }
	.gallery_block img {
		height: 200px;
	}
	.gallery_page_section button.nav-link {
		font-size: 16px;
	}
	.why-people-should-section .why-people-box {
		padding: 15px;
	}
	.why-people-box img {
		width: 70px;
		margin-bottom: 15px;
	}
	
	.header-phone h6, .header-phone p {
		display: none;
	}
	
	    
}
@media only screen and (max-width:768px){
    
    .header-phone {
        display: none;
    }
    .fjr-header-section .col-8 {
        width: 67%;
    }
    .fjr-header-section .col-4 {
        width: 33%;
    }
    .header-menu {
        justify-content: end;
    }
    /*.mega-menu-toggle.mega-menu-open {*/
    /*    display: none !important;*/
    /*}*/
    .header-menu #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
        margin: 10px 20px;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        background: #182a4e;
        width: 290px;
    }
    #mega-menu-wrap-menu-1:has(.mega-menu-open) #mega-menu-menu-1[data-effect-mobile^="slide_right"] + button.mega-close {
        left: 282px;
        right: auto;
    }
    button.mega-close {
        display: none !important;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle {
        background: transparent;
    }
    #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
        background-color: #ffffff;
    }
	
	.fjr-header-section .col-md-4:last-child {
		display: none;
	}
	
}

@media(max-width:770px){
	.header-phone {
		display: block !IMPORTANT;
	}

	.fjr-header-section .col-md-4:last-child {
		display: block;
		order: 2;
		width: auto !Important;
/* 		text-align: center;
		padding-bottom: 15px; */
	}

	.col-md-4.col-8 {
		order: 1;
	}

	.col-md-4.col-4 {
		order: 3;
	}

	.hero-banner-section {
		margin-top: -129px;
	}

/* 	.header-phone h6, .header-phone p {
		display: inline;
	} */
}

@media only screen and (max-width:767px)
{
    section {
        margin: 40px 0px;
    }
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu {
		width: 100%;
	}
	#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
		font-size: 14px;
		line-height:35px;
	}
    .hero-banner-section {
        padding: 130px 0px 10px;
    }
    .banner-left-col h3 {
        font-size: 16px;
    }
    .banner-left-col h1 {
        font-size: 32px;
        line-height: 40px;
        margin: 10px 0px;
		letter-spacing:0px !important;
    }
    .banner-main-desc p {
        width: 80%;
        font-size: 14px;
		letter-spacing: 0;
    }
    .hero-banner-section:after {
        width: 100%;;
    }
    .banner-buttons {
        margin: 25px 0px;
    }
    .white-button a, .red-button a {
        padding: 7px 20px;
        font-size: 12px;
    }
    .hero-banner-section .col-md-6.col-12.d-flex.justify-content-end.align-items-end {
        justify-content: flex-start !important;
    }
    .red-circle-box img {
        width: 16px;
    }
    .red-circle-box h2 {
        font-size: 12px;
        margin: 8px auto;
        line-height: 17px;
    }
    .red-circle-desc p {
        font-size: 10px;
    }
    .red-circle-box {
        padding: 30px;
        width: 206px;
        height: 206px;
    }
    .marquee-txt h6 {
        margin: 0px 20px;
    }
    .why-choose-content-img h2, .our-service-section h2, .what-client-say h2, .our-product-left-col h2, .three-reason-content h2, .conact-us-form h2, .why-choose-content h2 {
        font-size: 26px;
		letter-spacing: 0;
    }
    .why-choose-description p {
        width: 100%;
        font-size: 14px;
    }
    .blue-button {
        margin: 25px 0px 30px;
    }
    .why-choose-image {
        margin-bottom: 10px;
    }
    .why-choose-section .row {
        flex-flow: column-reverse;
    }
    .service-box {
        margin: 10px 0px;
    }
    .We-are-commited-section .why-choose-content-img h2, .We-are-commited-section .why-choose-content-img .why-choose-description, .We-are-commited-section .why-choose-content-img .blue-button {
        margin-left: 0;
    }
    .We-are-commited-section .row{
        flex-flow: column;
    }
    section.our-service-section h2, .what-client-say h2 {
        margin-bottom: 10px !important;
    }
    .what-client-say .swiper-slide {
        padding: 20px;
    }
    .client-testimonial-box, .three-reason-box {
        padding: 25px;
    }
    .line-star-img:before, .three-reason-box:before, .three-reason-box:after{
        display:none;
    }
    .our_product_right_tabbing {
        margin-top: 20px;
    }
    .our_product_right_tabbing .nav-tabs {
        margin-bottom: 20px;
    }
    .tabbing_image_box_repeater_inner img {
        padding: 5px 10px;
    }
    .three-reason-content p {
        font-size: 16px;
        width: 100%;
    }
    section.three-reason-section .row:nth-child(2){
        padding:0px 20px;
    }
    .three-reason-box, .three-reason-section .row .col-md-4:first-child .three-reason-box, .three-reason-section .row .col-md-4:last-child .three-reason-box {
        padding: 25px;
        margin: 10px 0px;
        border:2px solid #c9c9c9;
    }
    .copyright-txt {
        padding: 20px 0px 10px 0px;
    }
    .privacy-policy {
        padding: 0;
        justify-content: flex-start !important;
    }
    .why-choose-fjr-desc p, .why-choose-fjr-desc ul li {
        font-size: 14px;
        margin: 15px 0px 0px;
        width:100%;
    }
    .stair-door-trim-section .why-choose-content-img {
        margin-bottom: 20px;
    }
    section.stair-door-trim-section:nth-child(odd) > .container .row:first-child {
        flex-flow: column;
    }
    .stair-door-trim-img-gallery {
        width: 46%;
        margin: 10px 5px;
    }
    .stair-door-trim-gallery {
        flex-flow: row wrap;
        justify-content: center;
    }
	.conact-us-form form p {
		text-align: left;
	}
	.tabbing-box-img-title {
		left: 20px;
	}
	.gallery_page_section button.nav-link {
		padding: 6px 20px;
		font-size: 12px;
		margin: 0px 5px;
	}
	.gallery_page_section button.nav-link img {
		width: 6px;
		margin-left: 6px;
	}
	.gallery_block img {
		height: 100%;
	}
	.why-people-should-section ul li {
		width: 100%;
	}
	.pink-header .money-off-today-text {
		font-size: 10px;
	}
}

@media(max-width:510px){
	.header-logo img {
		width: 114px;
	}
	
	.fjr-header-section .col-md-4:last-child{
		padding:0px;
	}
	.post-content h2 {
		font-size: 24px;
	}
	.post-content h3 {
		font-size: 20px;
	}
	.post-content h4 {
		font-size: 18px;
	}
	.post-content img {
		height: auto;
	}
}

@media(max-width:410px){
	
	header{
		padding:10px 0px;
	}
	
	.fjr-header-section .col-md-4:last-child {
		order: 1;
		width: 100% !IMPORTANT;
		padding: 0px 15px;
		padding-bottom: 7px;
		text-align: center;
	}

	.col-md-4.col-8 {
		order: 2;
	}
}

@media only screen and (max-width:375px){
    #mega-menu-wrap-menu-1 .mega-menu-toggle + #mega-menu-menu-1 {
        width: 250px;
    }
    .our_product_right_tabbing .nav-tabs .nav-link {
        padding: 4px 11px;
        font-size: 12px;
        margin: 0px 5px 0px 0px;
    }
	
	.why-people-should-section .why-people-work-with-desc{
		font-size:19px;
	}

}