@font-face {font-family: 'FontAwesome';src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}

.fa, .far, .fas {font-family: 'FontAwesome';}

@font-face {
    font-family: 'Euclid-Circular-Regular';
    src: url('../fonts/EuclidCircularA-Regular.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Euclid-Circular-Bold';
    src: url('../fonts/EuclidCircularA-Bold.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid-Circular-Medium';
    src: url('../fonts/EuclidCircularA-Medium.woff2') format('woff2'),
        url('../fonts/EuclidCircularA-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
} 

body {padding: 0;margin: 0;font-family: 'Euclid-Circular-Regular';font-weight: normal;
    background-color: #fff !important;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #ab0909;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
a:hover {text-decoration: none!important;cursor: pointer}
a:focus {text-decoration: none;transition: all 1s ease}
:focus {outline: none!important}
::-moz-selection {background-color:#000;color:#fff}
::selection {background-color: #000;color: #fff}

.count::-moz-selection {background-color:#fff;color:#ab0909}
.count::selection {background-color: #fff;color: #ab0909}

img {max-width: 100%;height: auto}
p {font-family: 'Euclid-Circular-Regular'; font-style: normal;font-weight: 400;font-size: 16px;line-height: 24px;color: #304f62;}
p a {color: #000;}
p strong {color: #ab0909;font-weight: normal;}
li strong {color: #ab0909;
    font-weight: normal;}
p a:hover {color: #ab0909;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #ab0909;}
ul li a:hover, ol li a:hover {color: #304f62;}
figure, address {margin: 0;}
input, textarea, select, button {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;outline: none;}
input:focus, textarea:focus, select:focus, button:focus {outline: 0;-webkit-box-shadow: none;box-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'Euclid-Circular-Bold';font-style: normal;font-weight: 600;color: #304f62;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #ab0909;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #172947;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #172947;}
h1 {font-size: 38px;line-height: 54px;}
h2 {font-size: 30px;line-height: normal;}
h3 {font-size: 28px;line-height: normal;}
h4 {font-size: 26px;line-height: normal;}
h5 {font-size: 24px;line-height: normal;}
h6 {font-size: 22px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
#back-top-wrapper {position: fixed;right: 57px;bottom: 26px;overflow: hidden;z-index: 2;}
p#back-top {margin: 0;line-height: normal;font-size: 0;}
#back-top-wrapper #back-top a {opacity: 1;transition: 200ms all;border-radius: 50%;display: inline-block;background: #ab0909 url(../images/top-arrow.png) no-repeat;height: 50px;width: 50px;background-position: center center;}
#back-top-wrapper #back-top a:hover {background-color: #ab0909;background-position: center center;transform: 0.6s;}
.modal-backdrop.show {opacity: 0.93;}
.modal.popup-form button.close {opacity: 1;position: absolute;right: 28px;top: 35px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;text-shadow: none;}



.alignleft {float: left;margin-right: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.aligncenter {clear: both;display: block;margin: 0 auto 15px}
.default-css ul {margin-bottom: 20px;}
.default-css ol {padding-left: 20px;margin-bottom: 15px;}
.default-css ul li, .default-css ol li {font-family: 'Euclid-Circular-Regular';font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #304f62;margin: 0 0 6px;}
.default-css ul li a, .default-css ol li a {color: #000}
.default-css ul li strong, .default-css ol li strong {color: #ab0909;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #ab0909}
.default-css ul li {
    list-style: none !important;
    background: url(../images/list-arrow.png) no-repeat;
    background-position: 0px 2px;
    padding-left: 29px;
}
.default-css ol li::marker {color: #304f62;}
section.default-section {padding: 100px 0;}



/*--------- header-section ---*/
.header-section {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    padding: 26px 0px;
}
.header-section.sticky {position: fixed;
    box-shadow: 0px 0px 8px rgb(0 0 0 / 14%);
    background: #080909;
}
.header-section .row {
    align-items: center;
}
.header-bottom {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: right; 
}
.top-right {
    display: flex;
    align-items: center;
    padding-left: 30px;
}
.top-btn {
    padding-left: 20px;
}





/*--banner--*/
.home-banner {
    position: relative;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    z-index: 1;
    padding: 150px 0 0px;
}
.home-banner .row {
    align-items: center;
}
.home-banner::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
    background: linear-gradient(180deg, rgba(4, 32, 50, 1) 4.788%, rgba(255, 255, 255, 0) 100%);
    opacity: 0.788;
}
.home-banner::after {
    content: '';
    height: 100%;
    width: 100%;
    bottom: 0;
    position: absolute;
    left: 0;
    z-index: -2;
    background: #052d46;
    opacity: 0.588;
}
.home-banner>img {width: 100%;}
.banner-title {
    margin-bottom: 15px;
    font-style: normal;
    font-size: 90px;
    line-height: 110px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Euclid-Circular-Bold";
}
.banner-subtitle {
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Euclid-Circular-Regular";
}
.banner-count p {
    font-weight: 400;
    font-size: 22px;
    line-height: 30px;
    color: #ffffff;
}
a.estimate-btn {
    font-size: 22px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    font-family: "Euclid-Circular-Regular";
}
.banner-btns a.estimate-btn IMG{
    padding-left: 10px;
}
a.theme-btn {
    display: inline-block;
    position: relative;
    padding: 11px 33px;
    text-align: center;
    font-family: 'Euclid-Circular-Regular';
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    color: #ffffff;
    font-weight: 500;
    border-radius: 24px;
    min-width: 200px;
}
a.theme-btn.btn-red {
    background: #ab0909;
    color: #fff;
}
a.theme-btn.btn-red:hover {
    background: #304f62;
    transition: 0.6s;
    color: #fff;
}

.subtitle {
    font-size: 25px;
    line-height: 28px;
    text-transform: uppercase;
    color: #ab0909;
    font-family: "Euclid-Circular-Regular";
    position: relative;
    padding-left: 60px;
    margin-bottom: 10px;
}
.subtitle::before {
    content: '';
    position: absolute;
    width: 50px;
    height: 2px;
    background: #ab0909;
    top: 13px;
    z-index: 1;
    left: 0;
}
.heading-title {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 48px;
    color: #304f62;
    font-weight: bold;
    font-family: "Euclid-Circular-bold";
} 
.heading-title strong{
color: #ab0909;
}   
.project-grid .heading-title {
    margin-bottom: 12px; 
}
.sub-title p {
    margin-bottom: 6px;
    color: #ab0909;
}



/* about-section */
section.about-section {
    padding: 110px 0;
}
.about-text h4 {
    font-size: 22px;
    line-height: 28px;
    color: #304f62;
    font-family: 'Euclid-Circular-Regular';
    font-weight: 400;
}
.about-text {
    padding: 50px 0 50px 30px;
}
.about-img {
    position: relative;
    height: 100%;
	min-height: 750px;
}
.about-img-1 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    z-index: 1;
}
.about-img-2 {
    text-align: right;
    margin-left: 250px;
}
.about-img-2 figure{position: relative;}
.about-img-2 figure::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(../images/about-img-2-border.png) no-repeat;
    top: 0;
}
.about-img-2 figure img {
    width: 100%;
    box-shadow: 0px 0px 11px 0px rgb(33 63 88 / 5%);
}
.about-img-1 figure {
    border: 10px solid #fff;
    position: relative;
}
.about-img-1 figure::before {
    content: '';
    position: absolute;
    width: 32%;
    height: 24%;
    background: url(../images/about-img-1-border.png) no-repeat;
    bottom: -10px;
    right: -13px;
    z-index: 1;
}



/* section.featured-services-section */
section.featured-services-section {
    padding: 0 0 80px;
}
section.featured-services-section .row {
    justify-content: center;
}
section.featured-services-section .col-sm-3 {
    padding: 15px;
}
section.featured-services-section .col-sm-6 {
    padding: 15px;
    display: flex;
    align-items: center;
}
section.featured-services-section .section-heading h5 {
    font-size: 22px;
    line-height: 28px;
    color: #304f62;
    font-family: 'Euclid-Circular-Regular';
    font-weight: 400;
}
.featured-services-box {
    padding: 40px 20px 40px;
    border: 1px solid #d7dce4;
    position: relative;
    z-index: 1;
    transition: all 0.6s; 
    background-size: cover !important;
}
.featured-services-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 0.6s;
}
.featured-services-box:hover::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    left: 0;
    top: 0;
    z-index: -1;
   opacity: 0.620;
    background-color: #000000;
}
.featured-services-box:hover {
    background: #024d78;
    transition: all 0.6s;
}
.featured-services-box figure {
    margin-bottom: 25px;
}
.featured-services-box h3 {
    line-height: 32px;
    font-weight: 400;
    font-family: 'Euclid-Circular-Regular';
    font-size: 26px;
    color: #ab0909;
}
.featured-services-box p {
    font-size: 16px;
    line-height: 20px;
    color: #304f62;
}
.featured-services-box:hover p {
    color: #fff;
    transition: all 0.6s;
} 
a.read-more {
    font-family: 'Euclid-Circular-Regular';
    margin-top: 0;
    display: inline-block;
    font-size: 16px;
    color: #ab0909;
    font-weight: 500;
}
a.read-more:hover {
    color: #fff;
    transition: all 0.6s;
}
 a.read-more img{padding-left: 10px;}

input {
    box-shadow: none !important;
}
.newsletter-section .gform_confirmation_message {
    color: #fff !important;
}

/* section.why-choose-section */
section.why-choose-section {
    background: url(../images/why-choose-bg.jpg) no-repeat;
    background-size: 100% 59%;
}
.why-choose-left {
    background: #e4e9f0;
    padding: 150px 30px 100px;
}
section.why-choose-section .col-sm-6 {
    padding: 0;
}
section.why-choose-section .row {
    align-items: end;
}
.why-choose-call-now a {
    font-size: 36px;
    line-height: 50px;
    color: #ab0909;
    font-weight: 500;
    font-family: Euclid-Circular-Regular;
}
.why-choose-call-now a:hover {color: #000;}
.why-choose-call-now {
    display: flex;
    align-items: center;
    vertical-align: middle;
    position: relative;
    padding-top: 20px;
}
.why-choose-call-now .why-choose-inn {
    padding-left: 50px;
}
.why-choose-call-now p {
    font-size: 22px;
    line-height: 30px;
    color: #304f62;
    margin: 0;
}
.schedule-call-icon {
    position: absolute;
    left: 14%;
    bottom: 1%;
}
.why-choose-right {
    background: #172947;
    padding: 150px 30px 100px;
    position: relative;
}
.why-choose-right .heading-title {
    color: #fff;
}
.why-choose-right p {
    color: #fff;
}



.video-icon {
    background: #ab0909;
    height: 130px;
    width: 130px;
    position: absolute;
    top: -40px;
    right: -40px;
}

.who-we-are-left {
    padding-right: 30px;
}

/*--masonry-work-section--*/
section.masonry-work-section {
    padding: 100px 0 110px;
    position: relative;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center center !important;
}
.masonry-work-row .row {
    justify-content: center;
}
.masonry-work-row {
    margin: 0 -20px;
}
.masonry-work-row .col-sm-3 {padding: 15px;}
.masonry-work-box {
    padding: 35px 20px;
    transition: all 0.6s;
    position: relative;
    height: 100%;
}
.masonry-work-box figure {margin-bottom: 20px;}
.masonry-work-box  h3 {
    font-size: 26px;
    line-height: 32px;
    color: #ab0909;
    transition: all 0.6s;
}
.masonry-work-box:hover h3 {color: #304f62;}
.masonry-work-box  p {
    font-size: 16px;
    line-height: 24px;
    transition: all 0.6s;
}


.video-section {
    position: relative;
    background: #ab0909;
    padding: 120px 0 180px;
    z-index: 1;
}

.video-section .heading-title {
    color: #fff;
}
.video-section figure{overflow: hidden; position: relative;border-radius: 5px;}
.video-section figure::before{ content: ''; opacity: 0.49; background: #ab0909; height: 100%; width: 100%; top: 0; left: 0; position: absolute; }
.video-section figure img{width: 100%;}
.video-section::after{ content: ''; background: url(../images/box-shadow.png) no-repeat; width: 100%; height: 153px; bottom: -112px; left: 0; right: 0; position: absolute; }
.video-section .section-heading {
    max-width: 810px;
    margin: auto; 
}
.video-section p{
    color:#fff;
}
.radius {
    width: 70px;
    height: 70px;
    border-radius: 100%;
    position: relative;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0px auto 0px;
    transform: translateY(-50%);
}
.place { background: #fff; z-index: 2; }
.radius .border-animation,
.place { display: block; width: 100%; height: 100%; position: absolute; border-radius: 100%; text-align: center; line-height: 70px; }
.radius .border-animation { z-index: 1; }
.ba1 { animation: rounder1 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.6); }
@keyframes rounder1 { from { transform: scale(1); } to { transform: scale(1.39); } }
.ba2 { animation: rounder2 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.6); }
@keyframes rounder2 { from { transform: scale(1); } to { transform: scale(1.79); } }
.ba3 { animation: rounder3 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.6); }
@keyframes rounder3 { from { transform: scale(1); } to { transform: scale(1.99); } }






/* gallery-section */
section.gallery-section {
    overflow: hidden;
    background: #fff;
    padding: 100px 0 0;
    position: relative;
    z-index: 1;
}
section.gallery-section .row {
    align-items: end;
}
section.gallery-section::before {
    content: '';
    height: 60%;
    width: 100%;
    top: 0;
    position: absolute;
    left: 0;
    background: #172947;
    z-index: -1;
}
section.gallery-section p {
    color: #fff;
}
section.gallery-section .heading-title {
    color: #fff;
}
.gallery-row-parent {
    position: relative;
    margin-top: 40px;
}
.gallery-btn {
    text-align: right;
    padding-bottom: 15px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next, .gallery-slider.owl-carousel .owl-nav .owl-prev {
    background-position: center !important;
    background-repeat: no-repeat !important;
    right: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next {
    background:  url(../images/next.png) no-repeat;
    background-position: center !important;
    right: -60px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next:hover {
    background:  url(../images/next-hover.png) no-repeat;
    transition: 0.6s;
}
.gallery-slider.owl-carousel .owl-nav .owl-prev {
    background:  url(../images/prev.png) no-repeat;
    background-position: center !important;
    left: -60px;
}
.gallery-slider.owl-carousel .owl-nav .owl-prev:hover {
    background:  url(../images/prev-hover.png) no-repeat;
    transition: 0.6s;
}
.gallery-slider.owl-carousel .owl-nav span {
    display: none;
}
.owl-carousel .owl-stage {
    display: flex;
    padding-top: 0px;
}
.owl-item {
    display: flex;
    flex: 1 0 auto;
}
.gallery-slider.owl-carousel .owl-nav.disabled {
    display: block !important;
}
.gallery-image {
    overflow: hidden;
}
.gallery-row-parent .row {
    justify-content: center;
}
.gallery-image img {
    width: 100%;
    transition: all 0.6s;
}
.gallery-items:hover .gallery-image img {
    transform: scale(1.1);
}
.gallery-items {
    position: relative;
    overflow: hidden;
    margin: 0 0;
    height: 100%;
}
.gallery-items:hover img{
    transform: scale(1.1);
    transition: all 0.6s;
}


.gallery-item .gallery-image {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.gallery-item-parent {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
    top: 15px;
opacity: 0.800000011920929;
background: #ab0909;
    overflow: hidden;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s;
    transition: .3s ease;
}
.gallery-item-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
}
a.example-image-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 80px;
    width: 80px;
    position: relative;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
}
.gallery-items:hover .gallery-item-parent {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.lb-nav a.lb-prev, .lb-nav a.lb-next {
    opacity: 1 !important;
    width: 50px !important;
    height: 50px;
    top: 50%;
    position: absolute;
    transform: translateY(-50%);
}
.lb-nav a.lb-prev {
    left: 15px !important;
}
.lb-nav a.lb-next {
    right: 15px !important;
}
.lb-data .lb-close {
    background-size: 26px !important;
}
.lb-nav {
    position: static !important;
}
.lightbox {
    position: fixed !important;
    left: 0;
    top: 18% !important;
}




/* testimonial-section */
.testimonial-section {
    padding: 100px 0 100px 160px;
}
.testimonial-section .section-heading figure {
    margin-bottom: 30px;
}
.testimonial-btn {
    padding-top: 20px;
}
.testimonial-section .row {
    align-items: center;
}
.testimonial-section .item {
    padding: 25px 0;
}
.client-say-box {
    height: 100%;
    padding: 40px 40px 100px;
    background: #172947;
    position: relative;
}
.client-say-box::before {
    content: '';
    width: 0;
    position: absolute;
    bottom: -24px;
    right: 0;
    text-align: center;
    border-top: 25px solid #172947;
    border-left: 35px solid transparent;
    border-right: 0px solid transparent;
}
.client-say-box p{color: #fff;}
.client-say-box figure {
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.6s ease;
    color: #FFF;
    text-align: center;
    font-family: Euclid-Circular-Regular;
    font-size: 42px;
    font-style: normal;
    font-weight: 400;
    line-height: 45px;
    margin-right: 15px;
    border: 3px solid rgb(23 41 71 / 63%);
}
.client-name h5 {
    font-size: 20px;
    margin-bottom: 5px;
    transition: all 0.6s ease;
    color: #ab0909;
}
.client-say-box:hover .client-name h5{ color: #ab0909; }
.client-name h5 strong {
    font-size: 16px;
    line-height: 26px;
    display: block;
    color: #fff;
}
.client-name  {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 30px;
}
.testimonial-slider .owl-nav { text-align: center; position: relative; margin-top: 15px; }
.testimonial-slider .owl-nav .owl-next span,
.testimonial-slider .owl-nav .owl-prev span{display: none;}
.testimonial-slider .owl-nav .owl-next, .testimonial-slider .owl-nav .owl-prev { background-position: center !important; background-repeat: no-repeat !important; height: 60px; width: 60px; border-radius: 50%; margin: 0 13px; display: inline-block; box-shadow:0px 4px 15px rgba(0, 0, 0, 0.15); background-color: #fff;transition: all 0.6s ease;}
.testimonial-slider .owl-nav .owl-prev { background: #fff url(../images/owl-prev.png) no-repeat !important; background-position: center !important; } 
.testimonial-slider .owl-nav .owl-next { background: #fff url(../images/owl-next.png) no-repeat !important; background-position: center !important; }
.testimonial-slider .owl-nav .owl-prev:hover { background: #304f62 url(../images/owl-prev-hover.png) no-repeat !important; background-position: center !important; }
.testimonial-slider .owl-nav .owl-next:hover { background: #304f62 url(../images/owl-next-hover.png) no-repeat !important; background-position: center !important; }
.owl-carousel .owl-stage { display: flex; }
.owl-item { display: flex; flex: 1 0 auto; }
.testimonial-row button.owl-dot {
    margin: 0 4px !important;
    border: none !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 5px !important;
    background-color: #607393 !important;
}
.testimonial-row button.owl-dot.active {
    background: #ab0909 !important;
    position: relative;
}
.testimonial-row .owl-dots {
    padding-top: 10px;
}



/*  */
.get-touch {
    padding: 160px 0;
    background-size: cover;
    position: relative;
    z-index: 1;
    max-width: 1220px;
    margin: 0 auto;
    text-align: center;
}
.get-touch::after{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
    background:#172947;
    opacity: 0.75;
   transition: all 0.6s;z-index: -1;
}
.get-touch .heading-title {
    color: #fff;
}
.get-touch p {
    color: #fff;
}
.get-touch .subtitle::before{display: none;}
.get-touch .section-heading {
    max-width: 650px;
    margin: 0 auto;
}
.get-touch-btn {
    padding-top: 20px;
}



/* section.blog-section */
section.blog-section {
    padding: 120px 0 60px;
}
.blog-row {
    margin: 0 -20px;
}
.blog-row .col-sm-6 {
    padding: 35px;
}
.blog-content {
    padding-top: 30px;
}
.blog-info a {
    position: relative;
    font-family: 'Euclid-Circular-Regular';
    font-size: 18px;
    line-height: 24px;
    text-transform: uppercase;
    color: #597080;
}

.blog-info a:hover{
	color: #ab0909 ;
    transition: 0.6s;
}
.blog-info {
    margin-bottom: 30px;
}
.blog-info a img {
    margin: -4px 7px 0 10px;
}
.blog-content h3 {
    margin-bottom: 20px;
    font-size: 34px;
    line-height: 42px;
    color: #172947;
    font-weight: bold;
}
.blog-content h3 a {
    color: #172947;
}
.blog-item:hover .blog-content h3 a{
    color: #ab0909;
}
.blog-row .row{justify-content: center;}
.blog-item figure {
    overflow: hidden;
    transition: all 0.6s;
    border-radius: 0px;
}
.blog-item figure img{width: 100%;}
.blog-item:hover figure img {
    transform: scale(1.1);
    transition: all 0.6s;
}

.gallery-row-parent .item {
    width: 100% !important;
}
.gallery-row-parent .item img {
    height: 100% !important;
    max-width: 100% !important;
}



.newsletter-section {
   position: relative;
   z-index: 1;
}
.newsletter-section .heading-title {
    color: #fff;
}
.gform_body.gform-body {
    width: 100%;
}
.newsletter-form {
    position: relative;
    margin-top: 40px;
}
.newsletter-form .medium {
    padding: 6px 15px 9px 22px !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    color: #fff !important;
    font-family: Euclid-Circular-Regular !important;
    font-style: normal !important;
    border-radius: 3px !important;
    border: none !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 48px !important;
    color: #464646 !important;
    height: 58px !important;
    border-radius: 29px !important;
    background: #ffffff !important;
}
.newsletter-form input.button.gform_button {
    display: inline-block !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    margin: 0 !important;
    height: 48px !important;
    position: absolute !important;
    top: 5px !important;
    right:12px !important;
    font-style: normal !important;
    font-family: "Euclid-Circular-Regular" !important;
    text-align: center !important;
    padding: 6px 30px !important;
    font-size: 16px !important;
    line-height: 20px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border-radius: 45px !important;
    background-color: #ab0909 !important;
}
.newsletter-form input.button.gform_button:hover { color: #fff !important; box-shadow: inset 210px 0  0#304f62 !important; }
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */ color: #464646;opacity: 1;}
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #464646;opacity: 1;}
.newsletter-form .medium::placeholder {color: #464646;opacity: 1;}



/*---------FOOTER CSS------*/

.footer {background: url(../images/footer-bg.jpg) no-repeat top center;position: relative; background-size: cover;
   z-index: 1;padding-top: 80px;}
.footer::before {content: '';background: #172947;
    opacity: 0.88; height: 100%;width: 100%;top: 0;left: 0;position: absolute;
    z-index: -1;}
.footer p{color: #fff;}
.footer .col-sm-3 {
    width: 19%;
}
.footer .col-sm-2 {
    width: 17%;
}
.footer .col-sm-4 {
    width: 30%;
}
.ftr-logo{ margin-bottom: 30px; } 
.ftr-logo img {
    max-width: 210px;
}
.ftr-social a {
    margin-right: 10px;
    line-height: 37px;
    text-align: center;
    display: inline-block;
    padding: 0;
    width: 41px;
    height: 41px;
    border-radius: 50%;
    background: #ab0909;
}
.ftr-social a img {
    filter: brightness(0) invert(1);
    transition: all 0.6s ease;
    max-height: 22px;
}
.ftr-social a:hover{ background: #fff; }
.ftr-social a:hover img{ filter: none; }
.footer .col-sm-2:last-child .ftr-items { float: right; }
.ftr-title {
    font-family: 'Euclid-Circular-Bold';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 18px;
    line-height: 24px;
    position: relative;
    font-size: 18px;
    color: #ffffff;
}
.about-ftr {
    padding-right: 21px;
}
.footer-address p {
    color: #fff;
    position: relative;
    margin-bottom: 14px;
}
.footer-address p a{ color: #fff; }
.footer-address p a:hover { color: #ab0909; }
.ftr-items ul{padding: 0; margin: 0;}
.ftr-items ul li {
    list-style: none;
    color: #fff;
    font-family: Euclid-Circular-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}
.ftr-items ul li a{color: #fff;}
.ftr-items ul li a:hover { color: #ab0909; }
.footer-copyright {
    margin-top: 25px;
    padding: 30px 0px;
    border-top: 1px solid rgb(255 255 255 / 52%);
}
.copyright-text p {
    margin: 0;
    font-size: 18px;
    line-height: 22px;
}
.copyright-text p a { color: #ab0909; }
.copyright-text p a:hover { color: #fff; }
.menu-copyright { text-align: right; }
.menu-copyright ul {padding: 0;margin: 0;text-align: right;}
.menu-copyright ul li {list-style: none;display: inline-block;position: relative;text-align: center;font-family: Euclid-Circular-Regular;font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666666;}
.menu-copyright ul li a {color: #666;}
.menu-copyright ul li a:hover {color: #ab0909;}
.menu-copyright ul li::after {content: '|';color: #fff;padding: 0 20px 0 23px;font-family: Euclid-Circular-Regular;font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;}
.menu-copyright ul li:last-child:after { display: none; }
.footer-copyright .row {
    align-items: center; 
}

.copyright-right ul {
    align-items: center;
    float: right;
}
.copyright-right ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    color: #fff;
    font-family: Euclid-Circular-Regular;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
}
.copyright-right ul li::after {
    content: '|';
    padding: 0 10px;
}
.copyright-right ul li:last-child::after {display: none;
}
.copyright-right ul li a:hover {
    color: #ab0909;
}
.copyright-right ul li a {
    color: #fff;
}
.copyright-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.modal-dialog {
    max-width: 740px;
    margin: 60px auto 0;
}
.videoIframe iframe {
    height: 400px;
}
.video-popup button.close {
    opacity: 1;
    position: absolute;
    right: 30px;
    top: 30px;
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    text-shadow: none;
    background: transparent !important;
    box-shadow: none;
    border: none;
    height: auto;
}





/*--inner pages start--*/
section.inner-banner {
    position: relative;
}
section.inner-banner::before {
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
    background: #0c2b46;
    opacity: 0.88;
}
.inner-banner>img {width: 100%;}
.banner-title.banner-inner{
    font-size: 100px;
    line-height: 100px;
}
section.inner-banner .caption-absolute {position: absolute;top: 54%;left: 0;width: 100%;transform: translateY(-50%);z-index: 1;text-align: center;}

/* .page-nav {width: 100%;padding: 11px 0;bottom: 0;left: 0;position: relative;background: #30457C;
    z-index: 1;} */
.page-nav ul li {
    margin: 0px;
    list-style: none;
    text-align: center;
    font-family: 'Euclid-Circular-Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
	position:relative;
}
.page-nav li {
    display: inline-block;
    margin: 0px 6px !important;
}
.page-nav ul li span a {color: #FFFFFF;}
.page-nav ul li span a:hover {color: #ab0909;}
.page-nav ul li span {color: #fff;}

.page-nav ul li:after {
    content: '/';
    position: absolute;
    right: -13px;
}
.page-nav ul li:last-child:after {
  display:none;
}
section.who-we-are-section {
    padding: 100px 0;
    position: relative;
    z-index: 1;
}
section.who-we-are-section::before {
    content: '';
    height: 750px;
    width: 750px;
    top: 53%;
    transform: translateY(-50%);
    position: absolute;
    background: url(../images/who-we-are-bg.png) no-repeat;
    right: 15%;
    z-index: -1;
}
section.who-we-are-section .row {
   align-items: center;
}
section.who-we-are-section .col-sm-7 {
    width: 53%;
}
section.who-we-are-section .col-sm-5 {
    width: 47%;
}
.who-we-are-left h4 {
    font-size: 22px;
    line-height: 28px;
    color: #304f62;
    font-family: 'Euclid-Circular-Regular';
    font-weight: 400;
}
.about-btn {
    padding-top: 10px;
}
.who-we-are-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    margin: 0 -17px;
}
.who-we-are-right ul li {
    width: 50%;
    padding: 17px;
    list-style: none;
}
.who-we-are {
    box-shadow: 0px 0px 11px 0px rgb(33 63 88 / 30%);
    padding: 60px 25px 30px;
    height: 100%;
    background: #fff;
}
.who-we-are h3 {
    font-size: 100px;
    line-height: 50px;
    text-transform: uppercase;
    color: #ab0909;
    font-weight: bold;
}
.who-we-are h3 strong {
    font-size: 26px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ab0909;
    font-weight: 400;
    display: block;
    padding-top: 30px;
    font-family: 'Euclid-Circular-Regular';
}
.who-we-are hr {
    background: #dbdbdb;
}


section.masonry-work-section.about-inn .heading-title {
    color: #fff;
}
section.masonry-work-section.about-inn p {
    color: #fff;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 .masonry-work-box{
    border-bottom: 1px solid rgb(253 253 253 / 21%);
    padding: 35px 0px;
    display: flex;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3:last-child .masonry-work-box{
    border-bottom: none;
    padding-bottom: 0;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3:nth-child(3) .masonry-work-box{
    border-bottom: none;
    padding-bottom: 0;
}

section.masonry-work-section.about-inn  .masonry-work-box figure {
    margin: 0 20px 0 0;
}
.masonry-work-box-text {
    width: calc(100% - 80px);
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    padding: 15px 65px;
    width: 50%;
}
section.masonry-work-section.about-inn  .masonry-work-row {
    margin: 0 -50px;
}
section.masonry-work-section.about-inn .masonry-work-box h3 {
    color: #fff;
}
section.masonry-work-section.about-inn  .masonry-work-box:hover h3 {
    color: #ab0909;
}


section.featured-services-section.about-in {
    position: relative;
}
section.featured-services-section.about-in::before {
    content: '';
    height: 100%;
    width: 100%;
    bottom: 80px;
    position: absolute;
    background: url(../images/featured-services-section.about-in-bg.png) no-repeat;
    right: 0;
    z-index: -1;
    background-position: right;
}
section.featured-services-section.about-in .row{justify-content: left;}
section.featured-services-section.about-in .section-heading ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
section.featured-services-section.about-in .section-heading ul li {
    list-style: none;
    width: 16.66%;
    padding: 10px;
    text-align: center;
}
section.featured-services-section.about-in .section-heading ul li figure {margin-bottom: 10px;}
section.featured-services-section.about-in .section-heading ul li figure img {
    max-width: 70px !important;
}
section.featured-services-section.about-in .section-heading ul li:hover figure img{filter: brightness(0);}
section.featured-services-section.about-in .section-heading ul li h3 {
    font-size: 16px;
    line-height: 19px;
    color: #304f62;
    transition: all 0.6s;
}
section.featured-services-section.about-in .section-heading ul li:hover h3 {
    color: #ab0909;
}
.featured-services-btn {
    padding-top: 10px;
}



/* services inner page */
section.featured-services-section.about-in.services {
    margin-top: 160px;
}
section.featured-services-section .section-heading {
    max-width: 800px;
    margin: 0 auto 30px;
}
section.best-project-section .section-heading {
    max-width: 800px; 
	margin: 0 auto;
}
 
section.best-project-section .section-heading .heading-title {
    font-size: 70px;
    line-height: 78px;
}
section.featured-services-section.services .section-heading h6 {
    font-size: 22px;
    line-height: 30px;
    color: #304f62;
    font-family: 'Euclid-Circular-Regular';
    font-weight: 400;
}
section.masonry-work-section.about-inn.service {
    margin-top: 100px;
}


/* Commercial Masonry */
section.commercial-services-section {
    padding-top: 100px;
}
section.commercial-services-section .section-heading {
    max-width: 760px;
    margin: 0 auto;
}
section.commercial-services-section .section-heading figure {
    margin-bottom: 35px;
}
section.commercial-services-section .section-heading h5 {
    font-size: 26px;
    line-height: 30px;
    color: #304f62;
    font-family: 'Euclid-Circular-Regular';
    font-weight: 400;
}
section.about-section.dtl-services .about-text {
    padding: 50px 30px 50px 0;
}
section.about-section.dtl-services .about-img-2 figure::before {display: none;}
section.about-section.dtl-services .about-img-1 figure::before  {display: none;}
section.about-section.dtl-services .about-img-1 figure {
    border: none;
}
section.about-section.dtl-services .about-text ul li {
    background: url(../images/dtl-services-list.png) no-repeat;
    background-position: 0px 8px;
    padding-left: 20px;
    font-family: 'Euclid-Circular-Bold';
    margin: 0 0 13px;
    color: #304f62;
    font-weight: bold;
}

section.masonry-work-section.services-dtl {
    padding-bottom: 0;
}





.offcanvas-end {
    top: 0;
    right: 0;
    width: 480px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%);
    padding: 60px 0 40px 30px; 
}
.offcanvas-header {
    padding: 0 0 20px;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    margin: 0 30px 30px 0;
}
 
.offcanvas-body {
    padding: 0;
    overflow-y: inherit;
    padding-right: 20px;
}
.contact-info li img {
    position: absolute;
    left: 0;
}
.contact-info li {
    font-family: 'Euclid-Circular-Regular';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 28px;
    color: #304f62;
    margin: 0 0 16px;
    list-style: none;
    padding-left: 40px;
    position: relative;
}
.contact-info li a{
    color: #304f62;
}
.contact-info li a:hover{
    color: #ab0909;
}
.newsletter-contact .newsletter-form input.button.gform_button {
    height: 46px !important;
    position: absolute !important;
    top: 2px !important;
    right: 8px !important;
    padding: 6px 25px !important;
    font-size: 0 !important;
    line-height: 20px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border-radius: 0 !important;
    background: #FE0000 url(../images/telegram-icon.png) no-repeat !important;
    background-position: center !important;
}
.newsletter-contact .newsletter-form input.button.gform_button:hover {
    background: #304f62 url(../images/telegram-icon.png) no-repeat !important;
    background-position: center !important;
    box-shadow: none !important;
}
.newsletter-contact .newsletter-form .medium {
    padding: 6px 15px 9px 22px !important;
    height: 50px !important;
    border: 1px solid rgba(0, 0, 0, .2) !important;
    border-radius: 0 !important;
}
.newsletter-contact .newsletter-form {
    margin-top: 10px;
}
.newsletter-contact {
    padding-top: 20px;
}
section.blog-section.blog-page .blog-row .b-sec {
    padding: 0px 15px;
}
.b-sec .section-heading {
    text-align: center;
}
.b-sec .subtitle::before{
	display:none;
}
.b-sec .subtitle {
    padding-left: 0px !important;
}


/* section.contact-section */
section.contact-section { padding: 100px 0;background: #F5F7FC; }
section.contact-section .form-hero {
    padding-right: 70px;
}
.cont-dtl {
    display: flex;
    margin-bottom: 25px;
}
.cont-dtl p { margin: 0; width: calc(100% - 15px); }
.cont-dtl figure { margin-right: 10px;
margin-top: 2px; }
.cont-dtl p a{ color: #666; }
.cont-dtl p a:hover{ color: #ab0909; }
.cont-dtl p strong {
    font-weight: bold;
    font-size: 22px;
    line-height: 29px;
    color: #ab0909;
    display: block;
}
.form-hero .gform_body {margin: 0 -6px;}
.form-hero .gform_wrapper {max-width: 100%!important;margin: 0!important;padding: 0!important;}
.gform_wrapper .gform_fields {display: -webkit-box;display: -ms-flexbox;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 0% !important;grid-row-gap: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 0 !important;grid-row-gap: 0 !important;}
.gform_wrapper .gfield { padding: 0 6px 15px; clear: both; text-align: left; width: 100%; margin: 0; }
.gform_wrapper .gfield.gfield--width-full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.form-hero .gform_wrapper .ginput_container {margin: 0!important;padding: 0;position: relative;}
.form-hero .gform_wrapper label.gfield_label {font-family: 'Euclid-Circular-Regular';font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 22px;color: #666 !important;margin-bottom: 3px;}
.form-hero .gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #111111;opacity: 1;}
.form-hero .gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #111111;opacity: 1;}
.form-hero .gform_wrapper .medium::placeholder {color: #111111;opacity: 1;}
.form-hero input.button.gform_button {
    display: inline-block !important;
    position: relative !important;
    cursor: pointer !important;
    transition: all 1s !important;
    border: none !important;
    width: auto !important;
    background: #ab0909 !important;
    padding: 11px 33px !important;
    text-align: center !important;
    font-family: 'Euclid-Circular-Regular' !important;
    font-style: normal !important;
    font-size: 18px !important;
    line-height: 26px !important;
    color: #ffffff !important;
    font-weight: 500 !important;
    border-radius: 24px !important;
}
.form-hero input.button.gform_button:hover {background-color: #000 !important;color: #fff !important;transition: 0.6s !important;}
.gform_wrapper textarea.medium {height: 110px!important;border-radius: 0;display: block;}
.gform_wrapper .gform_footer {padding: 0px 0 0 0 !important;margin: 0 0 0 0 !important;z-index: 1;}
 .form-hero .gform_wrapper .gform_footer {margin: 0 0 0px 0 !important;}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium {
    width: 100% !important;
    font-size: 18px !important;
    padding: 10px 15px 7px 15px !important;
    -webkit-appearance: auto;
    resize: none;
    position: relative;
    height: 60px;
    transition: all 1s;
    margin: 0 !important;
    color: #111111 !important;
    background: #FFF;
    font-family: 'Euclid-Circular-Regular';
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    border-radius: 4px;
    border: 1px solid #E5E5E5;
	box-shadow: none !important;
}
.form-hero .gform_wrapper select { background: #fff;}


section.map-section iframe {
    width: 100%;
    height: 500px;
    display: block;
    object-fit: cover;
}
section.map-section{border-bottom: 10px solid #fff;}




/* project inner page */


/*--best-project-section--*/
section.best-project-section {  background-size: cover; position: relative; padding: 100px 0; z-index: 1; }
.best-project-parent .row {
    justify-content: center;
}
.best-project-parent .col-sm-3 {
    padding: 15px;
}
.best-project-parent
.best-project-box {
    text-align: center;
    padding: 10px;
    height: 100%;
    border: 1px solid #d7dce4;
    background: #FFFFFF; 
}
.best-project-box:hover h4 { 
color: #ab0909;
}
.best-project-box h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 38px;
    text-align: center;
    color: #304f62;
    margin-bottom: 10px;
}

.best-project-box figure { margin-bottom:  20px;  }
.gform-theme--foundation .gfield textarea.large {
    min-block-size: 10rem !important;
}
section.about-section .row {
    align-items: center;
}
.blog-lft figure {
    margin-bottom: 20px;
}
.blog-lft figure img {
    width:100%;
}
.blog-lft .heading-title {
    margin-bottom: 12px;
}
form.search-form label {
    display: none;
}
form.search-form {
    position: relative;
}
input.search-field {
    border: 1px solid #666;
    width: 100%;
    height: 60px;
    border-radius: 100px;
	padding:2px 15px;
}
.search-submit {
    display: inline-block;
    border: none;
    cursor: pointer;
    transition: all 0.6s ease-out;
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    -ms-transition: all 0.6s ease-out;
    -o-transition: all 0.6s ease-out;
    margin: 0 !important;
    height: 48px;
    position: absolute;
    top: 5px;
    right: 5px;
    font-style: normal;
    font-family: "Euclid-Circular-Regular";
    text-align: center;
    padding: 6px 30px;
    font-size: 16px;
    line-height: 20px !important;
    color: #ffffff;
    font-weight: 500;
    border-radius: 45px;
    background-color: #ab0909;
}
.search-submit:hover { color: #fff; box-shadow: inset 210px 0  0#304f62; }
.blog-list-right li {
    list-style: none;
    border-bottom: 1px solid #e9e9e9;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}
.blog-list-right li:last-child {
    border: none;
}
.blog-list-right section {
    margin-bottom: 28px;
}
 
.blog-lft {
    padding-right: 40px;
}
.blog-list-right {
    padding-left: 20px;
}
.bl-content {
    position: absolute;
    bottom: 8%; 
    width: 100%;
    text-align: left;
    z-index: 9;
    padding: 0px 40px 0px 20px;
}
.gallery-items:before {
    background: #000;
    content: '';
    position: absolute;
    left: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.4;
}
.bl-content .subtitle {
    font-size: 20px;
    line-height: 24px; 
    padding-left: 40px;
    margin-bottom: 8px;
}
.bl-content .heading-title {
    margin-bottom: 15px;
    font-size: 30px;
    line-height: 38px; 
}
.bl-content .subtitle::before { 
    width: 30px; 
    top: 11px; 
}

@media (min-width: 1200px) {
/*------------- mega menu ---------------*/
.menu-top-menu-container {position: relative}
.mega-menu {position: inherit!important}
.mega-menu .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;right: 0;border-radius: 0 0 10px 10px;box-shadow: 0 0 5.5px rgb(5 5 5 / 20%);background-color: #fff;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;}
.mega-menu:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 15px!important;background: transparent !important;border-bottom: none;text-transform: inherit !important;}
.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 14px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 3px 10px 3px 15px;padding-left: 0 !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "\f105";font-size: 18px;color: #ab0909;font-family: 'FontAwesome';left: 0;position: absolute;top: 3px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:last-child:before {display: block;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img {width: 27% !important;padding: 0 !important;margin: 0 0 0 0 !important;float: right;position: absolute !important;top: 25px;right: 25px;bottom: 34px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img::before {display: none;}
.mega-menu .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);}
/*------------- mega menu  2222---------------*/
.mega-menu2 {position: inherit!important}
.mega-menu2 .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;border-radius: 0 0 10px 10px;left: -0px;margin-left: 0px;right: 0;box-shadow: 0 0 5.5px rgba(5, 5, 5, 0.20);background-color: #fff !important;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;}
.mega-menu2:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu2 .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);}
.mega-menu2 ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 0px!important;background: transparent !important;border: none;}
.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #ab0909 !important;}
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;margin-left: 0px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 5px 10px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a {padding: 5px 0!important;margin-left: 0px !important;font-weight: 600;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #ab0909 !important;top: 21px;display: none;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;padding-bottom: 0;}
 */
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a {padding-left: 0 !important;padding-top: 0 !important;font-weight: 400;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li {padding-left: 15px !important;width: 100%;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li::before {content: "\f105";font-size: 18px;color: #ab0909;font-family: 'FontAwesome';left: 0;position: absolute;top: 4px;display: block;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2:hover ul.sub-menu li ul.sub-menu {opacity: 1 !important;visibility: visible !important;position: relative;transform: rotateX(0deg);}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu2 .hover_mega_menu ul li a {text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu .hover_mega_menu ul li a {text-transform: inherit !important;}
.contact-detail-menu {border-radius: 4px;display: inline-block;width: 100%;padding: 20px 20px 20px;background: #F3F9FF;overflow: hidden;margin: 20px 0 0;text-align: left;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a:hover {color: #ab0909 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {margin-left: 0px;margin-top: 0;left: 0 !important;border-bottom: none;}
}
@media (min-width:1200px) {
.container {max-width: 1180px !important;}
}
@media (min-width:1300px) {
.container {max-width: 1270px !important;}
}
@media (min-width:1400px) {
.container {max-width: 1340px !important;}
}
@media (min-width:1500px) {
.container {max-width: 1440px !important;}
}
@media (min-width:1600px) {
.container {max-width: 1630px !important;}
}
@media (min-width:1700px) {
.container {max-width: 1600px !important;
}
}
@media(max-width:1899px){
.testimonial-section {
    padding: 100px 0 100px 80px;
}
.video-icon {
    height: 130px;
    width: 130px;
    top: -20px;
    right: -20px;
}


} 
@media(max-width:1699px){
	.offcanvas-end { 
    overflow-y: scroll;
}
.container {
    padding: 0 40px;
    max-width: 100% !important;
}
.heading-title {
    margin-bottom: 20px;
    font-size: 36px;
    line-height: 44px;
}
.subtitle {
    font-size: 24px;
    line-height: 28px;
    padding-left: 60px;
    margin-bottom: 10px;
}
.banner-title.banner-inner {
    font-size: 90px;
    line-height: 80px;
}
a.theme-btn {
    padding: 10px 27px;
    font-size: 16px;
    line-height: 26px;
    min-width: 180px;
}
.banner-title {
    margin-bottom: 15px;
    font-size: 75px;
    line-height: 80px;
}
section.about-section {
    padding: 80px 0;
}
section.featured-services-section {
    padding: 0 0 70px;
}
section.masonry-work-section {
    padding: 80px 0 80px;
}
.testimonial-section {
    padding: 80px 0 80px 40px;
}
section.blog-section {
    padding: 80px 0 60px;
}
.why-choose-left {
    padding: 80px 30px 60px;
}
.why-choose-right {
    padding: 80px 30px 60px;
    margin-right: 30px;
}
.video-icon {
    height: 100px;
    width: 100px;
    top: -20px;
    right: -20px;
}
.radius {
    width: 55px;
    height: 55px;
}
.radius .border-animation, .place {
    line-height: 53px;
}
 
section.best-project-section .section-heading .heading-title {
    font-size: 60px;
    line-height: 68px;
}
section.gallery-section {
    padding: 80px 30px 0;
}
.testimonial-section .section-heading figure img {
    max-width: 110px;
}
.blog-row .col-sm-6 {
    padding: 25px;
}
.blog-row {
    margin: 0 -10px;
}
.blog-content h3 {
    margin-bottom: 20px;
    font-size: 32px;
    line-height: 42px;
}
 
.who-we-are h3 {
    font-size: 80px;
    line-height: 50px;
}
.who-we-are h3 strong {
    font-size: 24px;
    line-height: 34px;
    padding-top: 22px;
}
section.featured-services-section .col-sm-6 {
    padding: 10px;
}
section.featured-services-section.about-in::before {
    height: 100%;
    width: 45%;
    bottom: 36px;
    background-size: 100%;
}
section.featured-services-section.about-in .section-heading ul li h3 {
    font-size: 15px;
    line-height: 19px;
}
section.commercial-services-section {
    padding-top: 80px;
}
section.masonry-work-section.about-inn.service {
    margin-top: 80px;
}
section.featured-services-section.about-in.services {
    margin-top: 130px;
}
section.masonry-work-section.about-inn .masonry-work-row {
    margin: 0 -10px;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    padding: 15px 25px;
    width: 50%;
}

section.featured-services-section .section-heading h5 {
    font-size: 22px;
    line-height: 28px; 
}

} 
@media(max-width:1599px){
	.bl-content .subtitle {
    font-size: 14px;
    line-height: 18px; 
	padding-left: 28px;
}
.bl-content .subtitle::before {
    width: 18px;
    top: 8px;
}
.bl-content .heading-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
}
.sub-title p {
    font-size: 16px;
}
} 
@media(max-width:1499px){
	input.search-field { 
    height: 40px; 
}
.search-submit { 
    height: 32px; 
    top: 4px; 
    font-size: 15px; 
}
h3.widget-title {
    font-size: 20px;
    margin-bottom: 10px;
}
.blog-list-right li { 
    margin: 0px 0px 6px 0px;
    padding: 0px 0px 6px 0px;
    font-size: 15px;
}
.blog-list-right section {
    margin-bottom: 22px;
}
.blog-lft {
    padding-right: 15px;
}
.heading-title {
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 38px;
}
.subtitle::before {
    width: 40px;
    height: 2px;
}
.subtitle {
    font-size: 20px;
    line-height: 26px;
    padding-left: 50px;
    margin-bottom: 10px;
}
.top-right img {
    max-width: 36px;
}
.top-btn {
    padding-left: 15px;
}
.top-right {
    padding-left: 20px;
}
.header-section {
    padding: 15px 0px;
}
.banner-subtitle {
    font-size: 22px;
    line-height: 32px;
}
.banner-title {
    margin-bottom: 15px;
    font-size: 60px;
    line-height: 65px;
}
.banner-count p {
    font-size: 20px;
    line-height: 28px;
}
a.estimate-btn {
    font-size: 20px;
    line-height: 34px;
}
.home-banner {
    padding: 100px 0 0px;
}
.banner-right-img figure img {
    max-width: 400px;
}
section.about-section {
    padding: 60px 0;
}
section.featured-services-section {
    padding: 0 0 60px;
}
section.masonry-work-section {
    padding: 60px 0 60px;
}
.testimonial-section {
    padding: 60px 0 60px 30px;
}
section.blog-section {
    padding: 60px 0 50px;
}
.about-img-2 {
    margin-left: 140px;
}
.about-text h4 {
    font-size: 20px;
    line-height: 26px;
}
.about-text {
    padding: 30px 0 30px 10px;
}
.why-choose-left {
    padding: 60px 20px 40px;
}
.why-choose-right {
    padding: 60px 20px 40px;
    margin-right: 30px;
}
.why-choose-call-now a {
    font-size: 30px;
    line-height: 46px;
}
.why-choose-call-now p {
    font-size: 20px;
    line-height: 26px;
}
.why-choose-call-now>figure>img {
    max-width: 110px !important;
}
.schedule-call-icon figure img {
    max-width: 45px;
}
.schedule-call-icon {
    left: 13%;
    bottom: 1%;
}
.why-choose-call-now .why-choose-inn {
    padding-left: 35px;
}
section.featured-services-section .col-sm-3 {
    padding: 10px;
}
.featured-services-box h3 {
    line-height: 26px;
    font-size: 22px;
}
.featured-services-box figure {
    margin-bottom: 20px;
}
.featured-services-box figure img {
    max-width: 80px !important;
}
.featured-services-box {
    padding: 40px 15px 40px;
}
section.featured-services-section .section-heading h5 {
    font-size: 18px;
    line-height: 26px;
}
 
section.best-project-section .section-heading .heading-title {
    font-size: 46px;
    line-height: 48px;
}

section.featured-services-section .col-sm-6 {
    padding: 10px;
}
.masonry-work-box h3 {
    font-size: 22px;
    line-height: 28px;
}
.masonry-work-box figure img {
    max-width: 50px !important;
}
.masonry-work-box figure {
    margin-bottom: 15px;
}
.masonry-work-box {
    padding: 20px 5px;
}
section.gallery-section {
    padding: 60px 10px 0;
}
.gallery-slider.owl-carousel .owl-nav .owl-next {
    right: -50px;
}
.gallery-slider.owl-carousel .owl-nav .owl-prev {
    left: -50px;
}
.gallery-row-parent {
    margin-top: 20px;
}
.testimonial-section .section-heading figure img {
    max-width: 90px;
}
.testimonial-section .section-heading figure {
    margin-bottom: 20px;
}
.testimonial-btn {
    padding-top: 10px;
}
.client-say-box {
    padding: 30px 20px 90px;
}
.testimonial-section .col-sm-6:first-child {
    width: 47%;
}
.testimonial-section .col-sm-6:last-child {
    width: 53%;
}
.client-name {
    bottom: 20px;
}   
.client-name h5 {
    font-size: 18px;
    margin-bottom: 5px;
}
.client-name h5 strong {
    font-size: 15px;
    line-height: 26px;
}
.client-say-box figure {
    height: 55px;
    width: 55px;
    font-size: 35px;
    line-height: 44px;
    margin-right: 10px;
    border: 3px solid rgb(23 41 71 / 63%);
}
 
.get-touch {
    padding: 110px 0;
}
.blog-row .col-sm-6 {
    padding: 15px;
}
.blog-row {
    margin: 0;
}
.blog-info a img {
    margin: -4px 7px 0 10px;
    max-width: 35px;
}
.blog-info a {
    font-size: 16px;
    line-height: 22px;
}
.blog-content {
    padding-top: 20px;
}
.blog-info {
    margin-bottom: 15px;
}
.blog-content h3 {
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 28px;
}
.footer {
    padding-top: 60px;
}
.footer-address p {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}
.ftr-items ul li {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 13px;
}
.footer p {
    font-size: 16px;
    line-height: 24px;
}
.newsletter-form .medium {
    padding: 6px 15px 9px 22px !important;
    font-size: 16px !important;
    line-height: 28px !important;
    height: 50px !important;
}
.newsletter-form input.button.gform_button {
    height: 46px !important;
    top: 2px !important;
    right: 8px !important;
    padding: 6px 20px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
.copyright-right ul li {
    font-size: 16px;
    line-height: 22px;
}
.footer-copyright {
    margin-top: 20px;
    padding: 17px 0px;
}
.footer .container {
    padding: 0 15px;
}
.banner-title.banner-inner {
    font-size: 65px;
    line-height: 60px;
}
.page-nav ul li {
    font-size: 20px;
    line-height: 30px;
}
.inner-banner>img {
    height: 400px !important;
    object-fit: cover;
}
 
.who-we-are-left h4 {
    font-size: 20px;
    line-height: 26px;
}
.who-we-are h3 {
    font-size: 64px;
    line-height: 40px;
}
.who-we-are h3 strong {
    font-size: 20px;
    line-height: 28px;
    padding-top: 15px;
}
.who-we-are hr {
    margin: 10px 0;
}
.who-we-are-right ul li {
    width: 50%;
    padding: 10px;
}
.who-we-are-right ul {
    margin: 0 -10px;
}
.who-we-are {
    padding: 40px 15px 20px;
}
section.who-we-are-section::before {
    height: 540px;
    width: 540px;
    top: 53%;
    right: 19%;
    background-size: 100%;
}
section.who-we-are-section {
    padding: 70px 0;
}
section.masonry-work-section.about-inn .masonry-work-box {
    padding: 10px 0px 20px;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    padding: 15px 25px;
    width: 50%;
}
section.featured-services-section.about-in .section-heading ul li figure img {
    max-width: 50px !important;
}
section.commercial-services-section {
    padding-top: 60px;
}
section.commercial-services-section .section-heading figure {
    margin-bottom: 20px;
}
section.commercial-services-section .section-heading figure img {
    max-width: 120px;
}
section.commercial-services-section .section-heading h5 {
    font-size: 22px;
    line-height: 28px;
}
section.masonry-work-section.about-inn.service {
    margin-top: 60px;
}
section.featured-services-section.about-in.services {
    margin-top: 100px;
}
.offcanvas-header {
    padding: 0 0 20px;
    margin: 0 30px 20px 0;
}
h1 {font-size: 32px;line-height: normal;}
h2 {font-size: 28px;line-height: normal;}
h3 {font-size: 26px;line-height: normal;}
h4 {font-size: 24px;line-height: normal;}
h5 {font-size: 22px;line-height: normal;}
h6 {font-size: 20px;line-height: normal;}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 .masonry-work-box {
    padding: 4px 0px 15px;
}
section.featured-services-section.services .section-heading h6 {
    font-size: 20px;
    line-height: 26px;
}
section.contact-section {
    padding: 70px 0;
}
section.contact-section .form-hero {
    padding-right: 30px;
}
section.map-section iframe {
    height: 440px;
}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium {
    font-size: 18px !important;
    padding: 10px 15px 7px 15px !important;
    height: 54px;
    line-height: 28px;
}
section.best-project-section {
    padding: 70px 0;
}
.best-project-parent .col-sm-3 {
    padding: 10px;
}
.best-project-box h4 {
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 7px;
}



} 
@media(max-width:1399px){
.header-section .container {
    padding: 0 20px;
}
section.blog-section .default-css p br{display: none;}
.banner-count p {
    font-size: 18px;
    line-height: 26px;
}
.banner-title {
    margin-bottom: 15px;
    font-size: 50px;
    line-height: 65px;
}
.about-text h4 {
    font-size: 20px;
    line-height: 26px;
}
p {
    font-size: 16px;
    line-height: 22px;
}
.default-css ul li, .default-css ol li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 6px;
}
.default-css ul li {
    background-position: 0px 2px;
    padding-left: 24px;
    background-size: 18px;
}
.heading-title {
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 34px;
}
.subtitle {
    font-size: 18px;
    line-height: 24px;
    padding-left: 50px;
    margin-bottom: 10px;
}



} 
 
@media(max-width:1199px){
.blog-list-right {
padding-left: 0px;
}
.who-we-are-left {
padding-right: 0px;
}
.blog-lft {
    padding-right: 0px;
}
.blog-list-right section {
    margin-bottom: 15px;
}
.page-nav ul li:after { 
right: -12px;
}
.project-grid .heading-title {
margin-bottom: 8px;
}
.container {
    padding: 0 12px;
}
.subtitle::before {
    width: 30px;
    height: 2px;
    top: 11px;
}
.subtitle {
    font-size: 18px;
    line-height: 24px;
    padding-left: 36px;
    margin-bottom: 7px;
}
.heading-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
}
.header-section {
    padding: 15px 0px;
    position: relative;
    background: #080909;
}
.header-section .col-sm-3 {
    width: 35%;
}
.header-section .col-sm-9 {
    width: 65%;
}
.top-logo img {
    max-width: 100px;
}
a.theme-btn {
    padding: 8px 22px;
    font-size: 15px;
    line-height: 22px;
    min-width: auto;
}
.top-right {
    padding-left: 0;
}
.top-right img {
    max-width: 32px;
}
.header-bottom {
    padding-right: 45px;
}
.header-section .container {
    padding: 0 12px;
}
.home-banner {
    padding: 30px 0 0px;
}
.banner-subtitle {
    font-size: 19px;
    line-height: 26px;
}
.banner-title {
    margin-bottom: 10px;
    font-size: 45px;
    line-height: 50px;
}
.banner-count p {
    font-size: 18px;
    line-height: 22px;
}
p {
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px;
}
a.estimate-btn {
    font-size: 18px;
    line-height: 30px;
}
.banner-btns a.estimate-btn IMG {
    padding-left: 7px;
    max-width: 30px;
}
.home-banner .col-sm-6:last-child {
    width: 40%;
}
.home-banner .col-sm-6:first-child {
    width: 60%;
}
.banner-right-img figure img {
    max-width: 270px;
}
section.about-section {
    padding: 30px 0 30px;
}
section.featured-services-section {
    padding: 0 0 30px;
}
section.masonry-work-section {
    padding: 30px 0 20px;
}
.testimonial-section {
    padding: 30px 0 30px 0px;
}
section.blog-section {
    padding: 30px 0 30px;
}

 
.about-img {
    display: flex;
    flex-wrap: nowrap;
}
.about-img-1 figure {
    border: 5px solid #fff;
    height: 100%;
    border-top: 0;
    border-bottom: 0;
    border-left: 0;
}
.about-img-1 figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.about-img-1 figure::before {display: none;}
.about-text {
    padding: 0px 0 30px 0px;
}
.about-text h4 {
    font-size: 18px;
    line-height: 26px;
}
section.featured-services-section .section-heading {
    max-width: 920px;
    margin: 0 auto 10px;
    text-align: center;
}
section.featured-services-section .col-sm-6 {
    padding: 10px;
    width: 100%;
}
section.featured-services-section .section-heading h5 {
    font-size: 19px;
    line-height: 28px;
}
section.featured-services-section .section-heading .subtitle::before {display: none;}
section.featured-services-section .section-heading .subtitle{
	padding-left:0px;
}
section.featured-services-section .col-sm-3 {
    padding: 10px;
    width: 33.33%;
}
.featured-services-box figure img {
    max-width: 60px !important;
}
.featured-services-box h3 {
    line-height: 22px;
    font-size: 20px;
}
.featured-services-box p {
    font-size: 15px;
    line-height: 19px;
}
a.read-more {
    font-size: 15px;
}
a.read-more img {
    padding-left: 7px;
} 
.featured-services-box {
    padding: 30px 15px 30px;
}
.featured-services-btn {
    padding-top: 5px;
}
 
section.best-project-section .section-heading .heading-title {
    font-size: 36px;
    line-height: 38px;
}

section.why-choose-section {
    background-size: 100% 65%;
    padding: 0 15px;
}
.default-css ul li, .default-css ol li {
    font-size: 15px;
    line-height: 24px;
    margin: 0 0 6px;
}
.default-css ul li {
    background-position: 0px 3px;
    padding-left: 22px;
    background-size: 16px;
}
.video-icon {
    height: 100px;
    width: 100px;
    top: -30px;
    right: -30px;
}
.why-choose-right {
    padding: 40px 15px 25px;
    margin-right: 30px;
}
.why-choose-left {
    padding: 40px 15px 25px;
}
.why-choose-call-now>figure>img {
    max-width: 90px !important;
}
.why-choose-call-now p {
    font-size: 17px;
    line-height: 24px;
}
.why-choose-call-now a {
    font-size: 24px;
    line-height: 38px;
}
.schedule-call-icon figure img {
    max-width: 34px;
}
.why-choose-call-now .why-choose-inn {
    padding-left: 25px;
}
.default-css ul {
    margin-bottom: 10px;
}
.video-icon {
    height: 80px;
    width: 80px;
    top: -50px;
    right: -30px;
}
.radius {
    width: 44px;
    height: 44px;
}
.radius .border-animation, .place {
    line-height: 41px;
}
.masonry-work-row {
    margin: 0;
}
.masonry-work-box h3 {
    font-size: 19px;
    line-height: 26px;
}
.masonry-work-box figure img {
    max-width: 45px !important;
}
.masonry-work-box {
    padding: 5px 5px;
}
.masonry-work-box figure {
    margin-bottom: 10px;
}
.masonry-work-row .col-sm-3 {
    padding: 10px;
}
.masonry-work-box p {
    font-size: 15px;
    line-height: 22px;
}
section.masonry-work-section .col-sm-6 {
    width: 70%;
}
section.gallery-section {
    padding: 40px 25px 0;
}
.gallery-slider.owl-carousel .owl-nav .owl-prev {
    left: -33px;
    background-size: 20px;
}
.gallery-slider.owl-carousel .owl-nav .owl-prev:hover {
    background-size: 20px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next, .gallery-slider.owl-carousel .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next{
    right: -33px;
    background-size: 20px;
}
.gallery-slider.owl-carousel .owl-nav .owl-next:hover{
    background-size: 20px;
}
.testimonial-section .col-sm-6:first-child {
    width: 100%;
    text-align: center;
}
.testimonial-section .col-sm-6:last-child {
    width: 100%;
}
.testimonial-section .section-heading figure img {
    max-width: 50px;
}
.testimonial-section .section-heading figure {
    margin-bottom: 10px;
}
.testimonial-section .section-heading p br{display: none;}
.testimonial-section .section-heading {
    max-width: 640px;
    margin: 0 auto;
}
.testimonial-section .section-heading .subtitle::before {display: none;}
.testimonial-section .section-heading .subtitle {padding: 0;}
.testimonial-btn {
    padding-top: 0px;
}
.client-say-box figure {
    height: 50px;
    width: 50px;
    font-size: 35px;
    line-height: 40px;
    margin-right: 10px;
    border: 2px solid rgb(23 41 71 / 63%);
}
 
.client-name h5 {
    font-size: 16px;
    margin-bottom: 5px;
}
.client-name h5 strong {
    font-size: 14px;
    line-height: 24px;
}
.client-say-box {
    padding: 20px 15px 75px;
}
.client-name {
    bottom: 15px;
}
.client-say-box::before {
    bottom: -16px;
    border-top: 16px solid #172947;
    border-left: 23px solid transparent;
    border-right: 0px solid transparent;
}
.testimonial-row .owl-dots {
    padding-top: 0;
    text-align: center;
}
.get-touch-btn {
    padding-top: 10px;
}
.get-touch {
    padding: 70px 10px;
}
.blog-info a {
    font-size: 15px;
    line-height: 20px;
}
.blog-info a img {
    margin: -4px 2px 0 5px;
    max-width: 25px;
}
.blog-content {
    padding-top: 10px;
}
.blog-info {
    margin-bottom: 10px;
}
.blog-content h3 {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
}
.footer {
    padding-top: 40px;
}
.footer .col-sm-3 {
    width: 100%;
    text-align: center;
}
.footer .col-sm-2 {
    width: 100%;
    text-align: center;
}
.footer .col-sm-4 {
    width: 100%;
    text-align: center;
}
.about-ftr {
    padding-right: 0;
}
.ftr-social a {
    margin-right: 6px;
    line-height: 30px;
    width: 35px;
    height: 35px;
}
.ftr-social a img {
    max-height: 18px;
}
.ftr-logo {
    margin-bottom: 25px;
}
.ftr-title {
    margin: 8px 0;
    font-size: 18px;
    line-height: 22px;
    background: #ab0909;
    padding: 4px 0 7px;
    color: #fff;
}
.ftr-items ul li {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 22px;
    display: block;
    border-bottom: 1px solid rgb(255 255 255 / 52%);
    padding: 5px 0;
}
.ftr-items ul li:last-child {
    border-bottom:none;
}
.footer p {
    font-size: 15px;
    line-height: 22px;
}
.footer-address p {
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 21px;
    border-bottom: 1px solid rgb(255 255 255 / 52%);
    padding-bottom: 10px;
}
.footer-address p:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
    .newsletter-section {
        max-width: 600px;
        margin: 10px auto 0;
    }
.newsletter-form {
    margin-top: 15px;
}
.newsletter-form .medium {
    padding: 6px 105px 7px 20px !important;
    font-size: 14px !important;
    line-height: 28px !important;
    height: 40px !important;
}
.newsletter-form input.button.gform_button {
    height: 36px !important;
    top: 1px !important;
    right: 7px !important;
    padding: 6px 15px !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

.copyright-sections .col-sm-6:first-child {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    order: 2;
}
.copyright-sections .col-sm-6:last-child {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    text-align: center;
    padding: 0;
    order: 1;
}
.copyright-right ul li {
        font-size: 15px;
        line-height: 24px;
        display: block;
        border-bottom: 1px solid rgb(255 255 255 / 52%);
        padding: 5px 0;
        text-align: center;
    }
.copyright-right ul li::after {display: none;}
.copyright-text p {
    width: 100%;
    order: 2;
    text-align: center;
}
.copyright-right {
    width: 100%;
    order: 1;
    padding-bottom: 10px;
}
.copyright-right ul {
    float: none;
}
.copyright-text {
    justify-content: center;
    flex-wrap: wrap;
}
.footer-copyright .col-sm-8 {
    width: 100%;
}
.footer-copyright {
    margin-top: 15px;
    padding: 10px 0px 10px;
}
.ftr-social {
    padding-bottom: 5px;
}
.banner-title.banner-inner {
    font-size: 46px;
    line-height: 45px;
}
.page-nav ul li {
    font-size: 17px;
    line-height: 22px;
}
.inner-banner>img {
    height: 340px !important;
}
section.inner-banner .caption-absolute {
    top: 50%;
}
section.who-we-are-section {
    padding: 40px 0;
}
 
.who-we-are-left h4 {
    font-size: 18px;
    line-height: 22px;
}
.about-btn {
    padding-top: 5px;
}
.who-we-are h3 {
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
}
.who-we-are h3 strong {
    font-size: 17px;
    line-height: 24px;
    padding-top: 4px;
}
.who-we-are hr {
    margin: 6px 0;
}
.who-we-are {
    padding: 20px 10px 10px;
}
section.who-we-are-section::before {
    height: 370px;
    width: 370px;
    top: 53%;
    right: 19%;
    background-size: 100%;
}
section.masonry-work-section.about-inn .masonry-work-box figure {
    margin: 0 15px 0 0;
}
.masonry-work-box-text {
    width: calc(100% - 60px);
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    padding: 15px 15px;
    width: 50%;
}
section.masonry-work-section.about-inn .masonry-work-box {
    padding: 0px 0px 20px;
}
section.masonry-work-section.about-inn .masonry-work-row {
    margin: 0;
}
section.featured-services-section.about-in::before {display: none; }
section.featured-services-section.about-in .section-heading {
    max-width: 100%;
    margin: 0 auto 0px;
    text-align: center;
}
section.commercial-services-section {
    padding-top: 40px;
}
section.commercial-services-section .section-heading figure img {
    max-width: 80px;
}
section.commercial-services-section .section-heading figure {
    margin-bottom: 10px;
}
section.commercial-services-section .section-heading h5 {
    font-size: 20px;
    line-height: 26px;
}
section.about-section.dtl-services .about-text ul li {
    background-position: 0px 9px;
    padding-left: 14px;
    margin: 0 0 9px;
}
section.about-section.dtl-services .col-sm-6:first-child {
    width: 100%;
    order: 1;
}
section.about-section.dtl-services .col-sm-6:last-child {
    width: 100%;
    order: 2;
}
section.about-section.dtl-services .about-text {
    padding: 0px 0px 40px 0;
}
section.masonry-work-section.about-inn.service {
    margin-top: 40px;
}
section.featured-services-section.about-in.services {
    margin-top: 30px;
}
h1 {font-size: 28px;line-height: normal;margin-bottom: 10px;}
h2 {font-size: 24px;line-height: normal;margin-bottom: 10px;}
h3 {font-size: 22px;line-height: normal;margin-bottom: 10px;}
h4 {font-size: 20px;line-height: normal;margin-bottom: 10px;}
h5 {font-size: 18px;line-height: normal;margin-bottom: 10px;}
h6 {font-size: 16px;line-height: normal;margin-bottom: 10px;}
.offcanvas-header {
    padding: 0 0 15px;
    margin: 0 20px 15px 0;
}
.offcanvas-end {
    width: 480px;
    padding: 30px 0 20px 20px;
}
.offcanvas-body {
    padding-right: 10px;
}
.contact-info li {
    font-size: 16px;
    line-height: 22px;
    margin: 0 0 12px;
    padding-left: 31px;
}
.contact-info li img {
    max-width: 24px;
}
.newsletter-contact .newsletter-form .medium {
    padding: 6px 15px 9px 10px !important;
    height: 42px !important;
}
.newsletter-contact .newsletter-form input.button.gform_button {
    height: 35px !important;
    top: 2px !important;
    right: 8px !important;
    padding: 6px 19px !important;
    line-height: 20px !important;
}
.newsletter-contact {
    padding-top: 10px;
}
.modal-body {
    padding: 8px;
}
.video-popup button.close {
    right: 15px;
    top: 15px;
}
section.featured-services-section.services .section-heading h6 {
    font-size: 18px;
    line-height: 22px;
}
section.contact-section {
    padding: 30px 0;
}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium {
    font-size: 16px !important;
    padding: 7px 15px 7px 10px !important;
    height: 46px;
    line-height: 28px;
}
.gform_wrapper textarea.medium {
    height: 90px !important;
}
section.contact-section .form-hero {
    padding-right: 10px;
}
.form-hero input.button.gform_button {
    padding: 8px 20px 10px !important;
    font-size: 16px !important;
    line-height: 24px !important;
}
.cont-dtl figure img {
    max-width: 26px;
}
.cont-dtl p strong {
    font-size: 19px;
    line-height: 26px;
}
.cont-dtl {
    margin-bottom: 10px;
}
.gform_wrapper .gfield {
    padding: 0 6px 10px;
}
section.map-section iframe {
    height: 370px;
}
section.best-project-section {
    padding: 30px 0;
}
.best-project-box h4 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 7px;
}
.best-project-parent .best-project-box {
    padding: 5px;
}
.best-project-box figure {
    margin-bottom: 10px;
}
.best-project-box h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
}
.about-img { 
  min-height: 690px;
}
.bl-content { 
    padding: 0px 20px 0px 20px;
}

} 
@media(max-width:1024px){
} 
@media(max-width:991px){
.masonry-work-row .col-sm-3 {
    padding: 10px;
    width: 33.33%;
}
section.gallery-section .col-sm-8 {
    width: 73%;
}
section.gallery-section .col-sm-4 {
    width: 27%;
}
section.gallery-section::before {
    height: 66%;
    width: 100%;
}
.about-img-1 {
    width: 290px;
}
.about-img-2 {
    margin-left: 100px;
}
.about-img {
    min-height: 660px;
}


} 
@media(max-width:900px){
section.gallery-section .col-sm-8 {
    width: 100%;
}
section.gallery-section .col-sm-4 {
    width: 100%;
}
.gallery-btn {
    text-align: left;
    padding-bottom: 0;
}
section.who-we-are-section .col-sm-7 {
    width: 100%;
}
section.who-we-are-section .col-sm-5 {
    width: 100%;
    padding-top: 20px;
}
.who-we-are-left .heading-title br{display: none;}
.who-we-are-right ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.who-we-are-right ul li {
    width: 33.33%;
    padding: 10px;
}
section.who-we-are-section::before {
    height: 370px;
    width: 370px;
    top: 53%;
    right: 19%;
    background-size: 100%;
    opacity: 0.5;
}
.best-project-parent .col-sm-3 {
    padding: 10px;
    width: 33.33%;
}

.bl-content .heading-title {
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
}
.bl-content .sub-title p {
    font-size: 14px;
}
.bl-content .subtitle {
    font-size: 12px;
    line-height: 16px;
    padding-left: 24px;
}

} 
@media(max-width:812px){
	.about-img-2 {
    margin-left: 50px;
}
.about-img {
    min-height: 500px;
}.about-text {
    padding: 0px;
}
.subtitle {
    font-size: 14px;
    line-height: 20px;
    padding-left: 19px;
    margin-bottom: 5px;
}
.subtitle::before {
    width: 15px;
    height: 1px;
    top: 10px;
}
.heading-title {
    margin-bottom: 10px;
    font-size: 20px;
    line-height: 26px;
}
a.theme-btn {
    padding: 6px 16px 9px;
    font-size: 13px;
    line-height: 20px;
    min-width: auto;
}
.top-logo img {
    max-width: 78px;
}
.top-btn {
    padding-left: 10px;
}
.top-right img {
    max-width: 30px;
}
.banner-subtitle {
    font-size: 17px;
    line-height: 24px;
}
.banner-title {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 35px;
}
.banner-count p {
    font-size: 15px;
    line-height: 19px;
}
a.estimate-btn {
    font-size: 15px;
    line-height: 24px;
}
.banner-btns a.estimate-btn IMG {
    padding-left: 5px;
    max-width: 25px;
}
.banner-right-img figure img {
    max-width: 230px;
}
.about-text h4 {
    font-size: 16px;
    line-height: 24px;
}
p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px;
}
section.featured-services-section .section-heading h5 {
    font-size: 16px;
    line-height: 22px;
}
.featured-services-box figure img {
    max-width: 50px !important;
}
.featured-services-box h3 {
    line-height: 20px;
    font-size: 17px;
}
.featured-services-box figure {
    margin-bottom: 10px;
}
a.read-more {
    font-size: 13px;
}
.why-choose-left {
    padding: 25px 15px 35px;
}
.default-css ul li, .default-css ol li {
        font-size: 14px;
        line-height: 20px;
        margin: 0 0 3px;
    }
.default-css ul li {
    background-position: 0px 3px;
    padding-left: 22px;
    background-size: 15px;
}
.why-choose-call-now>figure>img {
    max-width: 75px !important;
}
.schedule-call-icon figure img {
    max-width: 25px;
}
.schedule-call-icon {
    left: 15%;
    bottom: -10%;
}
.why-choose-call-now p {
    font-size: 15px;
    line-height: 20px;
}
.why-choose-call-now a {
    font-size: 20px;
    line-height: 32px;
}
.why-choose-call-now {
    padding-top: 10px;
}
.why-choose-call-now .why-choose-inn {
    padding-left: 15px;
}
.why-choose-right {
    padding: 35px 15px 20px;
    margin-right: 30px;
}
section.why-choose-section {
    background-size: 100% 86%;
    padding: 0 15px;
}
section.masonry-work-section .col-sm-6 {
    width: 100%;
}
.masonry-work-box figure img {
    max-width: 40px !important;
}
.masonry-work-box h3 {
    font-size: 17px;
    line-height: 20px;
}
.masonry-work-box p {
    font-size: 14px;
    line-height: 20px;
}
.testimonial-section .section-heading figure img {
    max-width: 40px;
}
.blog-info a {
    font-size: 13px;
    line-height: 18px;
}
.blog-info a img {
    margin: -4px 2px 0 5px;
    max-width: 21px;
}
.blog-content h3 {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 22px;
}
.banner-title.banner-inner {
    font-size: 28px;
    line-height: 28px;
}
.page-nav ul li {
    font-size: 15px;
    line-height: 20px;
}
.inner-banner>img {
    height: 250px !important;
}
 
.who-we-are-left h4 {
    font-size: 16px;
    line-height: 20px;
}
.who-we-are h3 {
    font-size: 32px;
    line-height: 34px;
    margin-bottom: 5px;
}
.who-we-are h3 strong {
    font-size: 15px;
    line-height: 20px;
    padding-top: 1px;
}
section.masonry-work-section.about-inn .masonry-work-box figure {
    margin: 0 10px 0 0;
}
.masonry-work-box-text {
    width: calc(100% - 50px);
}
section.featured-services-section.about-in .section-heading ul li figure img {
    max-width: 40px !important;
}
section.featured-services-section.about-in .section-heading ul li h3 {
    font-size: 13px;
    line-height: 17px;
    margin: 0;
}
 
section.best-project-section .section-heading .heading-title {
    font-size: 24px;
    line-height: 30px;
}

section.commercial-services-section .section-heading figure img {
    max-width: 60px;
}
section.commercial-services-section .section-heading h5 {
    font-size: 17px;
    line-height: 24px;
}
section.about-section.dtl-services .about-text ul li {
    background-position: 0px 6px;
    padding-left: 11px;
    margin: 0 0 6px;
    background-size: 6px;
}
h1 {font-size: 24px;line-height: normal;margin-bottom: 10px;}
h2 {font-size: 22px;line-height: normal;margin-bottom: 10px;}
h3 {font-size: 20px;line-height: normal;margin-bottom: 10px;}
h4 {font-size: 18px;line-height: normal;margin-bottom: 10px;}
h5 {font-size: 16px;line-height: normal;margin-bottom: 10px;}
h6 {font-size: 14px;line-height: normal;margin-bottom: 10px;}
.contact-info li img {
    max-width: 20px;
}
.contact-info li {
    font-size: 14px;
    line-height: 20px;
    margin: 0px 0 9px;
    padding-left: 26px;
}
.videoIframe iframe {
    height: 360px;
}
.modal-body {
    padding: 5px;
}
.featured-services-box {
    padding: 20px 15px 20px;
}
 
section.featured-services-section.services .section-heading h6 {
    font-size: 16px;
    line-height: 20px;
}
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium {
    font-size: 15px !important;
    padding: 7px 15px 7px 10px !important;
    height: 42px;
    line-height: 28px;
}
section.contact-section .form-hero {
    padding-right: 0;
}
.form-hero input.button.gform_button {
    padding: 7px 20px 9px !important;
    font-size: 15px !important;
    line-height: 22px !important;
}
.cont-dtl figure img {
    max-width: 22px;
}
.cont-dtl figure {
    margin-right: 8px;
    margin-top: 2px;
}
.cont-dtl p strong {
    font-size: 17px;
    line-height: 23px;
}
section.map-section iframe {
    height: 300px;
}
section.map-section {
    border-bottom: 6px solid #fff;
}
.best-project-box h4 {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 3px;
}



} 
@media(max-width:767px){
section.about-section .col-sm-6 { 
    width: 100%;
}
.about-img-2 {
    margin-left: 250px;
}
.about-img {
    margin-bottom: 90px; 
}.about-img-1 { 
    bottom: -60px; 
}
    .blog-list-right {
    margin-top: 15px;
}
.blog-list-right li { 
    font-size: 14px;
}
h3.widget-title {
    font-size: 19px;
    margin-bottom: 8px;
}
.testimonial-slider .owl-nav .owl-next, .testimonial-slider .owl-nav .owl-prev {
    height: 45px;
    width: 45px;
    margin: 0 5px;
}
.testimonial-slider .owl-nav {
    margin-top: 5px;
}
.testimonial-slider .owl-nav .owl-next {
    background-size: 12px !important;
}
.testimonial-slider .owl-nav .owl-next:hover {
    background-size: 12px !important;
}
.testimonial-slider .owl-nav .owl-prev {
    background-size: 12px !important;
}
.testimonial-slider .owl-nav .owl-prev:hover {
    background-size: 12px !important;
}



} 
@media(max-width:700px){
	.blog-info > img {
    margin-right: 4px;
    margin-top: -2px;
    width: 24px;
}
	section.blog-section > .container > .row > .col-sm-6 {
    padding: 0px 15px;
}
section.featured-services-section .col-sm-3 {
    padding: 10px;
    width: 50%;
}
section.why-choose-section .col-sm-6 {
    padding: 0;
    width: 100%;
}
.why-choose-call-now {
    padding-top: 10px;
    max-width: 260px;
}
.schedule-call-icon {
    left: 20%;
    bottom: -10%;
}
.masonry-work-row .col-sm-3 {
    padding: 10px;
    width: 50%;
}
.gallery-slider.owl-carousel .owl-nav .owl-next, .gallery-slider.owl-carousel .owl-nav .owl-prev {
    width: 30px;
    height: 30px;
    position: relative;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: auto;
    bottom: 0;
    transform: inherit;
}
.gallery-slider .owl-nav {
    text-align: center;
    padding-top: 5px;
}
section.gallery-section {
    padding: 30px 0px 0;
}
section.blog-section .col-sm-6 {
    width: 100%;
    padding: 10px 15px;
}
section.who-we-are-section::before {display: none;}
section.featured-services-section.about-in .section-heading ul li {
    width: 25%;
    padding: 10px;
}
section.featured-services-section.about-in .section-heading ul {
    margin: 0 -10px;
    justify-content: center;
}




} 
@media(max-width:600px){
	.newsletter-contact .newsletter-form input.button.gform_button {
    top: 2px !important;
    right: 2px !important; 
}
    section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    padding: 15px 15px 4px;
    width: 100%;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3:nth-child(3) .masonry-work-box {
    border-bottom: 1px solid rgb(253 253 253 / 21%);
    padding-bottom: 15px;
}
section.contact-section .col-sm-7 {
    width: 100%;
}
section.contact-section .col-sm-5 {
    width: 100%;
    padding-top: 30px;
}
.form-hero .gform_body {
    margin: 0px;
}
.gform_wrapper .gfield {
    padding: 0 0px 10px;
} 
.newsletter-form input.button.gform_button {
     top: 1px !important;
    right: 1px !important; 
}
} 
@media(max-width:575px){
	.top-right a.top-rb {
    position: absolute;
    right: 0px;
    top: 20px;
    right: 60px;
}
	.about-img-2 {
    margin-left: 50px;
}.about-img-1 {
    width: 200px;
}
.about-img {
    min-height: 360px;
}
.header-section .col-sm-3 {
    width: 100%;
}
.header-section .col-sm-9 {
    width: 100%;
    text-align: center;
    padding: 0;
}
 
.header-section {
    padding: 0;
}
.top-logo img {
    max-width: 70px;
}
.top-logo {
    padding: 15px 0;
}
.header-bottom {
    padding-right: 0;
}
.top-right {
    padding-left: 0;
    width: 100%;
}
.top-btn {
    padding-left: 0;
    width: 100%;
}
.top-btn a.theme-btn {
    padding: 6px 16px 9px;
    font-size: 15px;
    line-height: 20px;
    min-width: auto;
    width: 100%;
    border-radius: 0;
}
.home-banner .col-sm-6:last-child {display: none;}
.home-banner .col-sm-6:first-child {
    width: 100%;
}
.home-banner {
    padding: 40px 0;
}
.banner-title {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
}
.owl-item {
    display: block;
}
.owl-carousel .owl-stage {
    display: inherit;
}
.get-touch {
    padding: 40px 10px;
}
.banner-title.banner-inner {
    font-size: 22px;
    line-height: 24px;
}
.page-nav ul li {
    font-size: 14px;
    line-height: 18px;
}
.inner-banner>img {
    height: 190px !important;
}
 
.who-we-are h3 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 5px;
} 
.who-we-are h3 strong {
    font-size: 13px;
    line-height: 20px;
    padding-top: 1px;
}
.who-we-are-right ul li {
    width: 50%;
    padding: 10px;
}
.offcanvas-end {
    width: 100%;
    padding: 30px 0 20px 20px;
}
.videoIframe iframe {
    height: 300px;
}
section.map-section iframe {
    height: 230px;
}
.best-project-parent .col-sm-3 {
    padding: 10px;
    width: 50%;
}
.bl-content .subtitle {
    font-size: 14px;
    line-height: 18px; 
}



} 
@media(max-width:525px){
section.gallery-section .section-heading p br{display: none;}
section.featured-services-section.about-in .section-heading ul li {
    width: 33.33%;
    padding: 10px;
}
.bl-content .heading-title { 
    font-size: 18px;
    line-height: 24px;
}
.bl-content .sub-title p {
    font-size: 16px;
}


} 
@media(max-width:480px){
section.featured-services-section .col-sm-3 {
    padding: 10px;
    width: 100%;
}
.masonry-work-row .col-sm-3 {
    width: 100%;
    border-bottom: 1px solid rgb(0 0 0 / 37%);
    padding: 10px 10px 0;
}
.masonry-work-row .col-sm-3:last-child {
    border-bottom:none;
}
section.masonry-work-section.about-inn .masonry-work-box {
    display: block;
    padding: 0;
}
section.masonry-work-section.about-inn .masonry-work-box figure {
    margin: 0 0 10px;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 .masonry-work-box {
    display: block;
}
.masonry-work-box-text {
    width: 100%;
}
section.masonry-work-section.about-inn .masonry-work-row .col-sm-3 {
    border: none;
}



} 
@media(max-width:420px){
.who-we-are-right ul li {
    width: 100%;
    padding: 10px;
}
section.featured-services-section.about-in .section-heading ul li {
    width: 50%;
    padding: 10px;
}

}