/*!
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;
}
.why-choose-description ul li {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    margin: 10px 0px 0px;
    width: 80%;
    text-align: justify;
}
#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: 70px;
    line-height: 85px;
    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: 100%;
    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: 50px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin: 0;
	letter-spacing: -3px;
}
.why-choose-description p, .why-choose-description ul li {
    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, .why-choose-description ul li {
    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 p {
    font-family: 'Source Sans 3';
    text-align: justify;
    color: #182a4e;
    margin-bottom: 20px;
}
.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-section .row .col-md-4:nth-child(4) .three-reason-box.benefit-box::before {
    display: none;
}

.three-reason-section .row .col-md-4:nth-child(4) .three-reason-box.benefit-box {
    border-width: 2px 2px 0 0;
}
.three-reason-section .row .col-md-4:nth-child(3) .three-reason-box.benefit-box {
    border-width: 2px 0px 0 0;
}
.three-reason-section .row .col-md-4:nth-child(5) .three-reason-box.benefit-box {
    border-width: 2px 2px 0 0;
}
.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: 100%;
    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 {
    margin-top: 7px;
}

.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;
	font-weight: 600;
	margin: 0 0 12px 0;
}
.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: auto;
    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;
}

/* new steel doors css start */
.who-we-are-sec.installation-sec {
    padding: 50px 0px 0 0;
}
.iron-why-choose-content h2 {
    margin: 0 0 12px 0;
}
.iron-why-choose-inn p {
    text-align: center !important;
    margin: 0 !important;
}
section.iron-why-choose {
    margin: 50px 0px !important;
}
.service-details-col-content h3 {
    font-size: 30px;
    font-family: 'Source Sans 3';
    font-weight: 500;
    color: #182a4e;
}
section.service-details-row-box-section .row {
    margin-bottom: 50px;
}
section.service-details-row-box-section .row:nth-child(even) {
    flex-direction: row-reverse;
}
.process-slide {
	border: 2px solid #c9c9c9;
	padding: 20px;
	text-align: center;
	height: 180px;
}
.process-slide h4 {
    font-size: 28px;
    font-family: 'Source Sans 3';
    font-weight: 500;
    color: #182a4e;
}
.process-slide p {
	margin: 0;
}
.area-title h2 {
    margin: 0 0 10px 0;
}
.who-we-are-sec.installation-sec p {
    text-align: center;
}
.our-process-content.iron-why-choose-content h4,
.our-process-content.iron-why-choose-content p {
    text-align: center !important;
}
.strength-style-content.three-reason-content p {
    width: 80%;
    margin: 20px auto 0px;
}
.row.iron-door-cta {
    overflow: hidden;
    padding: 70px;
    background-size: cover;
    background-position: center;
    color: #ffffff;
}
.cta-content h2 {
	font-size: 34px;
	margin: 0 0 15px 0;
	font-family: 'Source Sans 3';
}
.cta-content p {
    font-family: 'Source Sans 3';
    font-size: 18px;
}
.cta-content.text-center a {
    color: #fe4c3d;
}
.our-process-content.iron-why-choose-content img {
    width: 55px;
}
.three-reason-box.benefit-box h3 {
	margin: 0;
}
.iron-door-cost-img,
.style-design-img {
    position: sticky;
    top: 100px;
}
/* new steel doors css end */


.iron-door-cost-table table td{
	font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
}

.step_blocks {
    border: 2px solid #182a4e;
    padding: 35px;
    height: 100%;
    background: #fff;
    transition: 0.5s;
}

.step_section .col-md-4 {
    margin-bottom: 30px;
}

.step_blocks h5 {
    background: #ff4c3d;
    display: inline-flex;
    color: #fff;
    width: 85px;
    height: 85px;
    justify-content: center;
    align-items: center;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 18px;
    transition: 0.5s;
}

.step_blocks p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
}

.step_blocks:hover {
    border-color: #ff4c3d;
}

.step_blocks:hover h5 {
    background: #182a4e;
}

.iron-door-cost-img iframe {
    width: 100%;
    height: 460px;
}
.service-area-title h2 {
    font-size: 60px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin: 0;
    letter-spacing: -3px;
    margin-bottom: 15px;
}
.service-area-title p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
}

/*Service Area Details Page start*/
span.our-process-step {
    font-size: 40px;
    font-family: 'Source Sans 3';
    font-weight: 600;
    color: #ff4c3d;
}
.area-our-process-section h2 {
    font-size: 60px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin: 0;
    letter-spacing: -3px;
}
.area-our-process-section .iron-why-choose-content p, .area-our-process-section .why-people-box p, .stair-door-area-sec .row p, .stair-door-area-sec .row ul li, .stair-door-area-sec .row a, .why-choose-sec-box p {
    font-size: 18px;
    color: #182a4e;
    font-family: 'Source Sans 3';
    font-weight: 500;
    margin:0;
}
.area-our-process-section .why-people-box h3 {
    color: #182a4e;
    font-family: 'Source Sans 3';
    font-size: 28px;
    font-weight: 500;
}
.stair-door-area-sec .row:nth-child(odd) {
    flex-flow: row-reverse;
}
.stair-door-area-sec .row {
    margin: 0px 0px 60px;
}
.stair-door-area-sec .row h3 {
    font-size: 46px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin-bottom: 10px;
    letter-spacing: -3px;
    margin-top: 0;
}
.stair-door-area-sec h2, .service-area-sec h3 {
    font-size: 60px;
    font-family: 'Source Sans 3';
    color: #182A4E;
    margin: 0;
    letter-spacing: -3px;
}
.service-area-cta h2{
    font-size: 60px;
}
.stair-door-area-sec .row p {
    text-align:left;
}
.stair-door-area-sec .intro-image {
    position: sticky;
    top: 100px;
}
.stair-door-area-sec .row ul {
    margin-top: 1rem;
}
.why-choose-content-img.client-testimonial-box-des.new-intro-content p a{
    color:#ff4c3d;
}
.serving-area-iframe iframe {
    border: 4px solid #ff4c3d;
    border-radius: 20px;
}
.new_service_title h2 {
	font-size: 50px !important;
}
.new_service_title h3 {
	font-size: 40px !important;
}
.serving-area-iframe {
    position: sticky;
    top: 100px;
}
.three-reason-box.benefit-box h3 {
    font-size: 28px;
}
.new_service_title li a {
    color: #ff4c3d;
}
/*Service Area Details Page end*/

@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){
	.process-slide h4 {
		font-size: 26px;
	}
    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: 60px;
        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, .why-choose-description ul li {
        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;
	}
	.service-area-title h2 {
		font-size: 55px;
	}
	.page-template-service-area h2, .service-area-sec h3{
	    font-size: 40px;
	}
	.new_service_title h2 {
		font-size: 40px !important;
	}
	.new_service_title h3 {
		font-size: 34px !important;
	}
	.why-people-should-section .why-people-work-with-desc {
		font-size: 20px;
	}
	.three-reason-box.benefit-box h3 {
		font-size: 26px;
	}
}
@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, .why-choose-description ul li, .who-we-are-sec 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;
	}
	.cta-content p {
		font-size: 16px;
	}
	.service-area-title h2 {
		font-size: 42px;
	}
	.area-our-process-section h2, .stair-door-area-sec h2, .service-area-sec h3, .service-area-cta h2 {
        font-size: 42px;
    }
    .stair-door-area-sec .row h3 {
        font-size: 40px;
    }
}

@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(max-width:1199px) {
	.new_service_title h2 {
		font-size: 34px !important;
	}
	.new_service_title h3 {
		font-size: 30px !important;
	}
}

@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, .service-area-title 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, .why-choose-description ul li {
        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: 100%;
    }
    .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;
	}
	
	.process-slide {
		height: 170px;
	}
	.service-area-title p {
		font-size: 16px;
	}
	.area-our-process-section h2, .stair-door-area-sec h2, .service-area-sec h3, .service-area-cta h2 {
        font-size: 34px;
    }
    .stair-door-area-sec .row h3 {
        font-size: 30px;
    }
	.new_service_title h2 {
		font-size: 32px !important;
	}
	.new_service_title h3 {
		font-size: 28px !important;
	}
}
@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;
	}
	.cta-content p {
		font-size: 14px;
	}
	.service-details-col-content h3 {
		font-size: 24px;
	}
	.title_text.service-details-col-content {
		text-align: center;
	}
	.title_text.service-details-col-content ul {
		text-align: left;
	}
	.iron-why-choose-fjr-content.why-choose-content h2,
	.iron-why-choose-fjr-content.why-choose-content p {
		text-align: center;
	}
	.style-design-img {
		margin-bottom: 15px;
	}
	.style-design-title h2,
	.style-design-title p {
		text-align: center;
	}
	.three-reason-box.benefit-box {
		text-align: center;
	}
	.iron-door-cost-table h2,
	.iron-door-cost-table p {
		text-align: center;
	}
	.iron-door-cost-table ul {
		text-align: left;
	}
	.why-choose-fjr-desc h3 {
		text-align: center;
	}
}

@media(max-width:767px) {
	.new_service_title h2 {
		font-size: 30px !important;
	}
	.new_service_title h3 {
		font-size: 24px !important;
	}
	.three-reason-box.benefit-box h3 {
		font-size: 24px;
	}
}

@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, .service-area-title h2 {
        font-size: 26px;
		letter-spacing: 0;
    }
    .why-choose-description p, .why-choose-description ul li, .who-we-are-sec p, .client-testimonial-box-des 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%;
    }
	.strength-style-content.three-reason-content p {
		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;
	}
	.cta-content h2 {
		font-size: 30px;
	}
	.iron-door-cost-img {
		position: inherit;
		margin-bottom: 20px;
	}
	.style-design-img {
		position: inherit;
	}
	.service-details-col-img {
		margin-top: 20px;
	}
	.why-choose-our-service h3 {
		margin-top: 20px;
	}
	section.style-design.what-client-say .row {
		flex-direction: column-reverse;
	}
	section.iron-door-cost.staircase_materials_section .row {
		flex-direction: column-reverse;
	}
	.three-reason-section .row .col-md-4:nth-child(3) .three-reason-box.benefit-box {
		border-width: 2px 2px 2px 2px;
	}
	.three-reason-section .row .col-md-4:nth-child(4) .three-reason-box.benefit-box {
		border-width: 2px 2px 2px 2px;
	}
	.three-reason-section .row .col-md-4:nth-child(5) .three-reason-box.benefit-box {
		border-width: 2px 2px 2px 2px;
	}
	.intro-image {
		margin-top: 20px;
	}
	.service-area-title p {
		font-size: 15px;
	}
	.area-our-process-section h2, .stair-door-area-sec h2, .service-area-sec h3, .service-area-cta h2 {
        font-size: 26px;
    }
    .stair-door-area-sec .row h3 {
        font-size: 26px;
    }
    .stair-door-area-sec .row:nth-child(odd), .stair-door-area-sec .row {
        flex-flow: column-reverse;
    }
    .stair-door-area-sec .intro-image {
        position: relative;
        top: 0;
        margin-bottom: 20px;
    }
    .stair-door-area-sec .row {
        margin: 0px 0px 30px;
    }
	.page-id-1333 .who-we-are-sec h2 {
		margin-bottom: 0px;
		margin-top: 0px;
	}
}

@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;
	}
	.row.iron-door-cta {
		margin: 0;
		padding: 40px;
	}
	
	.iron-door-cost-img iframe{
		height:250px;
	}
	.new_service_title h2 {
        font-size: 26px !important;
    }
	.new_service_title h3 {
		font-size: 22px !important;
	}
}

@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;
	}
	.row.iron-door-cta {
		padding: 30px;
	}
	.cta-content h2 {
		font-size: 25px;
	}
	.process-slide h4 {
        font-size: 24px;
    }
}