@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: 'Poppins';
    src: local('Poppins Bold'), local('Poppins-Bold'),
        url('../fonts/Poppins-Bold.woff2') format('woff2'),
        url('../fonts/Poppins-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins';
    src: local('Poppins Light'), local('Poppins-Light'),
        url('../fonts/Poppins-Light.woff2') format('woff2'),
        url('../fonts/Poppins-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Playfair 9pt';
    src: local('Playfair 9pt Medium'), local('Playfair9pt-Medium'),
        url('../fonts/Playfair9pt-Medium.woff2') format('woff2'),
        url('../fonts/Playfair9pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair 9pt';
    src: local('Playfair 9pt Regular'), local('Playfair9pt-Regular'),
        url('../fonts/Playfair9pt-Regular.woff2') format('woff2'),
        url('../fonts/Playfair9pt-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Playfair 9pt';
    src: local('Playfair 9pt Bold'), local('Playfair9pt-Bold'),
        url('../fonts/Playfair9pt-Bold.woff2') format('woff2'),
        url('../fonts/Playfair9pt-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Playfair 9pt';
    src: local('Playfair 9pt SemiBold'), local('Playfair9pt-SemiBold'),
        url('../fonts/Playfair9pt-SemiBold.woff2') format('woff2'),
        url('../fonts/Playfair9pt-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Outfit';
    src: local('Outfit SemiBold'), local('Outfit-SemiBold'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

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

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Regular'), local('Outfit-Regular'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {padding: 0;margin: 0;font-family: 'Outfit';font-weight: normal;overflow-x: hidden;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #000;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:#000}
.count::selection {background-color: #fff;color: #000}
img {max-width: 100%;height: auto}
p {font-family: 'Outfit';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;}
p a {color: #000;}
p a:hover {color: #FFD17D;}
p strong {color: #FFD17D;font-weight: normal;}
p b {color: #000;font-weight: 500;}
li strong {color: #FFD17D;font-weight: normal;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #000;}
ul li a:hover, ol li a:hover {color: #FFD17D;}
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:"Playfair 9pt";font-style: normal;font-weight: bold;color: #000;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #000;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #000;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #000;}
h1 {font-size: 40px;line-height: 55px;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 30px;line-height: normal;}
h4 {font-size: 28px;line-height: normal;}
h5 {font-size: 26px;line-height: normal;}
h6 {font-size: 24px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
#back-top-wrapper {position: fixed;right: 25px;bottom: 25px;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: #000 url(../images/top-arrow.png) no-repeat;height: 50px;width: 50px;background-position: center center;}
#back-top-wrapper #back-top a:hover {background-color: #000;background-position: center center;transform: 0.6s;}

.modal-backdrop.show { opacity: .9; }
.modal.popup-form button.close {opacity: 1;position: absolute;right: 30px;top: 30px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;/* text-shadow: none; */ background: transparent;border: none;}
.modal-body{ padding: 0; }
.popup-form .form-hero { padding: 30px 30px; border-radius: 0px;background: #fff; border: 6px solid #FFD17D; }
.modal-dialog { max-width: 630px !important; position: absolute; top: 60px; left: 0; right: 0; transform: none !important; margin: 0px auto 0; width: 95%; }

.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: 'Outfit';font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #666;margin: 0 0 10px;}
.default-css ul li a, .default-css ol li a {color: #000;}
.default-css ul li strong, .default-css ol li strong {color: #FFD17D;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #FFD17D}
.default-css ul li {list-style: none !important;background: url(../images/list-arrow.png) no-repeat;background-position: 0 5px;padding-left: 23px;background-size: 17px;}
.default-css ol li::marker {color: #000;}
section.default-section {padding: 100px 0;}
ul.two-col {display: flex;flex-wrap: wrap;}
ul.three-col {display: flex;flex-wrap: wrap;}
ul.three-col li {width: 33.33%;}
ul.two-col li {width: 50%;}
@media (max-width: 900px) {
ul.three-col li {width: 50%;}
}
@media (max-width: 575px) {
ul.two-col {display: block;}
ul.three-col {display: block;}
ul.three-col li {width: 100%;}
ul.two-col li {width: 100%;}
}


a.theme-btn { display: inline-block; padding: 16px 35px; border-radius: 4px; border: none; text-align: center; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; min-width: 130px; }
a.theme-btn.btn-yellow { background: #FFD17D; color: #232020; }
a.theme-btn.btn-yellow:hover{  color: #fff; background: #232020;  }
a.theme-btn.btn-black { background: #232020; color: #fff; }
a.theme-btn.btn-black:hover { background: #FFD17D; color: #000; }
a.theme-btn.btn-white { background: #FFF; color: #232020; }
a.theme-btn.btn-white:hover{ background: #FFD17D; color: #000;}

.heading-title { color: #232020; font-family: "Playfair 9pt"; font-size: 60px; font-style: normal; font-weight: 400; line-height: 60px; margin-bottom: 15px; }
.heading-title strong{ color: #232020; font-weight: 700; }


/*-----HEADER-SECTION-----*/
.header-section { position: relative; padding: 12px 20px 0;background: #232020; z-index: 999; }
.header-top-text { display: flex ; align-items: center; padding-bottom: 12px; justify-content: center; }
.header-top { display: flex; justify-content: space-between; }
.header-social-item {
    display: flex;
    align-items: center;
    justify-content: right;
    padding-bottom: 35px;
    padding-right: 15px;
}
.menu-navbar { border-radius: 45px 45px 0px 0px;padding: 0px 90px; position: relative; z-index: 1;}
.header-section .col-sm-9 { width: 86%; }
.header-section .col-sm-3 { width: 14%; }
.head-right { padding: 15px 0 15px 15px; }
.header-social a { display: inline-block; padding: 0 8px 0 5px; border-right: 1px solid rgb(204 204 204 / 50%); }
.header-social a img { max-width: 18px; filter: brightness(0) invert(1); }
.header-social a:hover img{filter: none;}
.header-social a:last-child{border: none;}
.header-top-text p { color: #fff; font-family: Outfit; font-size: 18px; font-style: normal; margin-bottom: 0; letter-spacing: 1.08px; position: relative; }
.header-top-text p:after { content: "|"; padding: 0 40px; }
.header-top-text p a { color: #fff; font-weight: 500; }
.header-top-text p:last-child::after{display: none;}
.header-top-text p img { max-width: 18px; margin: -3px 10px 0 0; }
.header-top-text p a:hover{color: #FFD17D;}
.header-social-item p { margin: 0 5px 0 0; }
.header-social-item p strong{font-weight: 500;}
.header-social { margin-top: -5px; }
.header-section.sticky { position: fixed; z-index: 999; left: 0;right: 0;top: 0;box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.10);}
.logo { margin-top: -10px; }
.head-btn a.theme-btn.btn-yellow:hover{  color: #000; background: #fff; }
.menu-navbar:after { position: absolute; content: ''; width: 100%; left: 0; bottom: 0; background: url(../images/header-bg-shape.png) no-repeat; background-size: 100% 100%; height: 100%; z-index: -1; }
.head-btn a.theme-btn.btn-yellow { letter-spacing: 2px; padding: 16px 70px; font-size: 20px; }

.mobile-header {
    display: flex
;
    align-items: center;
    justify-content: space-around;
    padding: 10px;
    background: #ffd17d;
    display: none;
}
.mobile-header .header-top-text {
    padding: 0;
}
.mobile-header .header-social-item {
    margin: 0;
    padding: 0;
}




/*--BANNER-SECTION--*/
section.banner-section { padding: 215px 0; background-repeat: no-repeat !important; background-size: cover !important; position: relative; z-index: 1; }
section.banner-section::after{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;background: radial-gradient(61.26% 61.26% at 50% 50%, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0.00) 100%); }
.banner-title { margin-bottom: 10px;  color: #fff; font-family:'Poppins'; font-size: 68px; font-style: normal; font-weight: 300; line-height: 80px;text-transform: uppercase; }
.banner-title strong{  color: #FFF; font-weight: 700; }
section.banner-section p { color: #fff; font-size: 20px; line-height: 32px; }
.banner-btns { padding-top: 25px; }


/*-------LOGO_SECTION-CSS---------*/
section.logo-section { padding: 28px 0; position: relative; background: #FFF; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.30); }
.logos-parent-row { max-width: 1300px; margin: 0 auto; }
.logos-parent-row ul { display: flex ; justify-content: center; margin: 0 -50px; align-items: center; }
.logos-parent-row ul li { list-style: none; position: relative; height: 100%; padding: 10px 50px; }
.logos-parent-row ul li:after { position: absolute; content: ''; width: 1px; right: 0; top: -30px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 10.58%, #333 50%, rgba(102, 102, 102, 0.00) 88.94%); bottom: -30px; }
.logos-parent-row ul li figure { height: 100%;align-content: center; }
.logos-parent-row ul li:last-child::after{display: none;}


/* ------SERVICE-SECTION----- */
section.services-section { padding: 100px 0; }
section.services-section .section-heading { margin: 0 auto; max-width: 1520px; }
.service-lists ul { display: flex ; flex-wrap: wrap; justify-content: center;margin: 0 -5px; }
.service-lists ul li { list-style: none; width: 20%; padding: 5px; }
.services-box { height: 100%; position: relative; }
.services-content { position: absolute; left: 10px; right: 10px; bottom: 10px; text-align: center; z-index: 1;transition: all 0.5s ease-in-out; }
.services-box h3 { color: #FFF; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; min-height: 56px; margin: 0; }
.services-box h3 a{color: #fff;}
.services-box:after { position: absolute; content: ''; width: 100%; height: 50%; left: 0; bottom: 0; opacity: 0.8;border-radius: 5px; background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 10.58%, rgba(0, 0, 0, 0.77) 50%); transition: all 0.5s ease-in-out; }
.services-content img { margin-bottom: 10px; transition: all 0.1s ease-in-out;}
.services-box > figure { overflow: hidden; border-radius: 5px; }
.services-box > figure img{ width: 100%;height: 100%;transition: all 0.5s ease-in-out;object-fit: cover; }
.services-box:hover > figure img{transform: scale(1.1);}
.services-box:hover h3 a{ color: #FFD17D; }
.services-btn { padding-top: 50px; }
.services-box:hover .services-content img { filter: brightness(0) saturate(100%) invert(85%) sepia(95%) saturate(2523%) hue-rotate(305deg) brightness(107%) contrast(109%);}
.services-box:hover .services-content{bottom: 15px;}



/* ------MAGNOLIA-SERVICE-SECTION----- */
.magnolia-services-row { position: relative; z-index: 1; background-size: cover; background-repeat: no-repeat;padding: 40px 0;margin-top: 20px;background-position: center; }
.magnolia-services-row:after { position: absolute; content: ''; width: 50%; height: 100%; left: 0; top: 0; z-index: -1; opacity: 0.9; background: #232020; }
.magnolia-service-lists { height: 100%; max-width: 710px; padding: 40px 0px 40px 0; }
.magnolia-service-lists.Commercial-lists { border-radius: 4px;border: 1px solid rgb(255 209 125 / 70%);background: rgb(255 255 255 / 90%); padding: 40px 60px; margin: 0 0 0 auto; }

.magnolia-service-lists h2 { color: #FFD17D; font-family: 'Playfair 9pt';; font-size: 60px; font-style: normal; font-weight: 700; line-height: 70px; }
.magnolia-service-lists ul { margin: 0px -10px; padding-top: 10px; }
.magnolia-service-lists ul li { list-style: none; padding: 10px 10px; }
.magnolia-services-box { display: flex ; align-items: center; }
.magnolia-services-box > a { width: 56px; height: 56px; flex-shrink: 0; display: inline-block; border-radius: 50%; text-align: center; background: #FFD17D; line-height: 50px; margin-right: 20px; }
.magnolia-services-box h3 { color: #FFF; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 400; line-height: 30px; margin: 0; }
.magnolia-services-box h3 a{color: #fff;}
.magnolia-service-lists.Commercial-lists h2{color: #231F20;}
.magnolia-service-lists.Commercial-lists .magnolia-services-box > a{ background: #231F20; }
.magnolia-services-box h3 a { background-image: linear-gradient(to left, #fff, #fff 50%, #FFD17D 50%); background-size: 200% 100%; background-position: 100%; display: inline-block; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-out; }
.magnolia-services-box h3 a:hover { background-position: 0;}
.magnolia-services-box > a img { max-width: 36px; }
.magnolia-service-lists.Commercial-lists .magnolia-services-box > a img { filter: brightness(0) saturate(100%) invert(86%) sepia(95%) saturate(5818%) hue-rotate(305deg) brightness(106%) contrast(113%); }

.magnolia-service-lists.Commercial-lists .magnolia-services-box h3 a{background-image: linear-gradient(to left, #666, #666 50%, #000 50%);}

section.magnolia-services-section .heading-title { font-size: 78px; font-weight: 400; letter-spacing: 44px; text-transform: uppercase; }
section.magnolia-services-section .heading-title strong { font-weight: 400; color: #FFD17D; }

/* ------MAGNOLIA-PRO-SERVICE-SECTION----- */
section.magnolia-pro-services-section { background: #FFF; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.25); padding: 100px 0; }
section.magnolia-pro-services-section .service-lists ul li { list-style: none; width: 25%; padding: 5px;position: relative; }
section.magnolia-pro-services-section .service-lists { margin-top: 35px; }
section.magnolia-pro-services-section .service-lists ul li::after{ position: absolute; content: ''; width: 1px; height: 100%;background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 10.58%, #333 50%, rgba(102, 102, 102, 0.00) 88.94%); right: 0; top: 0; }
section.magnolia-pro-services-section .service-lists ul li:last-child::after{display: none;}
.magnolia-pro-services-box { text-align: center; height: 100%; position: relative; max-width: 370px; margin: 0 auto; padding: 5px 10px; }
.magnolia-pro-services-box h3 { color: #000; font-family: Outfit; font-size: 26px; font-weight: 400; line-height: 38px; }
.magnolia-pro-services-box figure { width: 100px; height: 100px; flex-shrink: 0; border-radius: 4px; background: #231F20; margin: 0 auto 18px; text-align: center; align-content: center; }
.magnolia-pro-services-box:hover figure img{ filter: brightness(0) invert(1); }
.magnolia-pro-services-box figure img{ transition: all 0.5s ease-in-out; }



/* ------ABOUT-SECTION----- */
section.about-section { padding: 100px 0; position: relative; z-index: 1;}
.about-left .section-heading { padding-bottom: 20px; }
section.about-section .col-sm-9 { width: 70%; }
section.about-section .col-sm-3 { padding-left: 30px; width: 30%; }
.counter-section { display: flex ; flex-direction: column; justify-content: space-between; height: 100%; }
.count-digit-row { position: relative; z-index: 1; display: flex; justify-content: center; color: #232020; text-align: center; font-family: Outfit; font-size: 88px; font-style: normal; font-weight: 700; line-height: 88px; margin-bottom: 10px; }
.count-bx { text-align: center; padding-top: 25px; }
.count-bx p { color: #232020; font-family: Outfit; font-size: 48px; font-style: normal; font-weight: 200; line-height: 58px; }
.about-img img{ border-radius: 4px; }
.about-btn { padding-top: 10px; }

/* .about-call { position: relative; z-index: 1; width: 100%; border-radius: 4px; background: #000; padding: 45px 0 45px 45px; margin-top: 25px; }
.about-call p { color: #FFF; font-family: Outfit; font-size: 46px; font-style: normal; font-weight: 400; line-height: normal; margin: 0; display: flex ; align-items: center; justify-content: space-between; }
.about-call p a { display: inline-block; color: #232020; font-family: Outfit; font-size: 52px; font-weight: 700; line-height: normal; padding: 25px 150px 25px 40px; border-radius: 4px 0px 0px 4px; background: linear-gradient(90deg, #FFD17D 0%, #FFF 100%); margin-left: 30px; } */

section.about-section .section-heading { max-width: 860px; }
section.about-section:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/about-bg-shape.png) no-repeat; background-position: bottom center; z-index: -1; }


/* ------MAGNOLIA-CONTACT-SECTION----- */
section.magnolia-contant-section { padding: 35px 0; position: relative; overflow: hidden; background: #000;position: relative; z-index: 0;}
section.magnolia-contant-section .row { align-items: center; }
section.magnolia-contant-section .col-sm-9 { width: 70%; }
section.magnolia-contant-section .heading-title { color: #fff; margin: 0; }
section.magnolia-contant-section .heading-title strong{color: #FFD17D;}
section.magnolia-contant-section .col-sm-3 { width: 30%; }
.about-call { position: relative; color: #232020; font-family: Outfit; font-size: 60px; font-style: normal; font-weight: 700; line-height: normal; text-align: right; z-index: 1; padding: 5px 0 5px 15px; }
.about-call a { color: #232020; }
.about-call:after { position: absolute; content: ''; left: 0; right: -150%; bottom: 0; top: 0; z-index: -1; border-radius: 4px 0px 0px 4px; background: linear-gradient(90deg, #FFD17D 0%, #FFF 100%); }
.about-call a:hover{color: #fff;}
section.magnolia-contant-section:before { position: absolute; content: ''; right: 0; top: 0; background: url(../images/magnolia-contantbg-shape.png) no-repeat; height: 100%; z-index: -1; width: 100%; background-position: right 30% bottom; }


/* ------WHY-CHOOSE-US-SECTION----- */
section.why-choose-us-section {margin-top: 10px; padding: 40px 0; background-attachment: fixed !important; height: 100vh; background-repeat: no-repeat !important; background-size: cover !important;position: relative;z-index: 1; }
section.why-choose-us-section .container { height: 100%; }
section.why-choose-us-section .row { height: 100%; }
section.why-choose-us-section .section-heading { height: 100%; align-content: center; }
section.why-choose-us-section .heading-title{font-weight: 600;} 
section.why-choose-us-section:before { position: absolute; content: ''; left: 0; right: 0; background: rgba(255, 255, 255, 0.75); backdrop-filter: blur(5px); height: 50%; z-index: -1; top: 50%; transform: translateY(-50%); }
.sub-heading { display: inline-block; border-top: 1px solid #232020; border-bottom: 1px solid #232020; color: #232020; font-family: Outfit; font-size: 22px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 15px; padding: 7px 0; }
.why-choose-btn { padding-top: 10px; }


/* -------Testimonial-Section------ */
section.testimonial-section { padding: 100px 0;position: relative; }
.testimonial-top-row { border-radius: 0px 0px 4px 4px; background: #FFF; box-shadow: 0px 40px 40px 0px rgba(0, 0, 0, 0.10); padding: 1px 45px 100px 45px; }
section.testimonial-section .section-heading { margin: 0 auto 40px; max-width: 1120px; }
.testimonial-row { margin: 0 auto; max-width: 1330px; }
.testimonial-row .col-sm-9 { width: 63%; }
.testimonial-row .col-sm-3 { width: 37%; }
.review-box { max-width: 420px; border-radius: 4px; background: #232020; text-align: center; padding: 10px 25px 20px; position: relative; margin-left: 50px; height: 100%; z-index: 1; display: flex ; flex-direction: column; justify-content: center; }
.review-heading { color: #FFF; font-family: Outfit; font-size: 158px; font-style: normal; font-weight: 600; line-height: 158px; margin-bottom: 15px; }
.review-rating { display: flex; padding-top: 15px; border-top: 1px solid rgb(217 217 217 / 20%); margin-top: 20px; justify-content: space-around; }
.review-rating-item { padding: 0 10px; }
.review-box .review-rating-item img { margin-bottom: 15px; }
.review-box p { color: #FFF; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 400; line-height: 18px; }
.client-say-box { height: 100%; position: relative; padding: 35px 0px 100px; transition: all 0.5s ease-in-out;}
.star { margin-bottom: 15px; }
.clint-name-parent { display: flex ; align-items: center;position: absolute; bottom: 25px; left: 0; right: 150px; }
.clint-name-parent figure { flex-shrink: 0; margin-right: 40px; }
.clients-item-heading h3 { color: #232020; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 28px; margin: 0; }
section.testimonial-section .carousel{ height: 100%;z-index: 1;padding: 0 40px; }
.review-box:before { position: absolute; content: ''; width: 100%; height: 100%; bottom: 0; left: 0; background: url(../images/testi-bg-shape.png) no-repeat; background-position: bottom;z-index: -1; }
section.testimonial-section .carousel-control-next, section.testimonial-section .carousel-control-prev { position: absolute; top: auto; z-index: 1; display: flex; align-items: center; justify-content: center; padding: 0; color: #fff; text-align: center; border: 0; opacity: 1; transition: opacity .15s ease; width: 61px; border: 1px solid #232020; height: 44px; border-radius: 50%; background-position: center !important; bottom: 40px !important; left: auto; }
section.testimonial-section .carousel-control-next{ background: #fff url(../images/next.png) no-repeat; }
section.testimonial-section .carousel-control-next:hover{ background: #FFD17D url(../images/next.png) no-repeat; }
section.testimonial-section .carousel-control-next span, section.testimonial-section .carousel-control-prev span{ display: none; }
section.testimonial-section .carousel-control-prev{ background: #fff url(../images/prev.png) no-repeat; }
section.testimonial-section .carousel-control-prev:hover{ background: #FFD17D url(../images/prev.png) no-repeat; }
section.testimonial-section .carousel-control-prev  {  right: 110px;}
section.testimonial-section .carousel-control-next { right: 40px; }

section.testimonial-section .carousel .carousel-inner { height: 100%; }
section.testimonial-section .carousel .carousel-inner .carousel-item { height: 100%; }
section.testimonial-section .carousel::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;background: linear-gradient(to right, rgb(255 209 125), rgb(255 209 125 / 50%), rgb(197 191 179 / 50%)); z-index: -1; border-radius: 4px; mask: linear-gradient(white, white) content-box, linear-gradient(white, white); mask-composite: exclude; -webkit-mask-composite: destination-out; padding: 5px; }


/* -------CTA-Section------ */
section.cta-section { position: relative; z-index: 1; padding: 40px 0; background-size: cover; background-repeat: no-repeat; }
section.cta-section:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;background: linear-gradient(90deg, rgba(0, 0, 0, 0.60) 0%, rgba(0, 0, 0, 0.58) 52.88%, rgba(0, 0, 0, 0.57) 100%); z-index: -1; }
section.cta-section .row { align-items: center; }
section.cta-section .section-heading { max-width: 1100px; margin: 0 auto; padding-left: 130px;position: relative;}
section.cta-section .heading-title  , section.cta-section p{ color: #fff; }
section.cta-section .heading-title strong {color: #FFD17D;}
section.cta-section .col-sm-4 { padding-right: 0; }
.cta-image { text-align: right; }
.cta-image figure img { border-radius: 10px; border: 5px solid #FFD17D; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.cta-btns { padding-top: 15px; }
section.cta-section:before { position: absolute; content: ''; right: 30px;left: 30px; top: 30px; bottom: 30px; background: url(../images/cta-bg-shape.png) no-repeat; z-index: 0;background-size: contain;}



/* -------Blog-Section------ */
section.blog-section { padding: 100px 0; position: relative; }
.blog-wrapper { max-width: 1440px; margin: 10px auto 0; }
section.blog-section .row { justify-content: center; }
section.blog-section .col-sm-4 { padding: 20px; }
.blog-item { position: relative; border-radius: 4px; background: #F5F5F5; height: 100%; padding: 20px 20px 50px; transition: all 0.5s ease-in-out; text-align: center; }
.blog-content { position: relative; padding: 30px 0px 0px; }
.blog-item h3 { color: #232020; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 32px;transition: all 0.5s ease-in-out; }
.blog-item h3 a{ color: #232020; }
.view-more { padding-top: 10px; }
.view-more a { color: #232020; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; }
.blog-item figure { border-radius: 4px; overflow: hidden; }
.blog-item figure img { width: 100%;transition: all 0.5s ease-in-out; height: 100%; object-fit: cover; }
.blog-item:hover{background: #FFF;box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.20);}
.blog-item:hover figure img{ transform: scale(1.1); }
/* .blog-item:hover h3 a{color: #FFD17D;} */
.blog-item .view-more a:hover{color: #FFD17D;}

.banner-btns a.theme-btn.btn-yellow , .services-btn a.theme-btn.btn-black , .about-btn a.theme-btn.btn-black , .why-choose-btn a.theme-btn.btn-black , .cta-btns a.theme-btn.btn-white , .cta-btns a.theme-btn.btn-black{ margin-left: 15px; }



/* -----NEWSLETTERS-CSS----- */
.newsletter-title {margin-bottom: 20px;color: #19202D;font-family: Public Sans;font-size: 26px;font-style: normal;font-weight: 700;line-height: 28px;}
.newsletter-form form { position: relative; }
.newsletter-form .medium { padding: 13px 30px 13px 30px !important; display: block !important; height: 60px !important; width: 100% !important; margin: 0 !important; color: #fff; font-family: Outfit; font-size: 18px !important; font-style: normal; font-weight: 400; line-height: 28px !important; border-radius: 4px !important; border: 1px solid rgba(250, 221, 6, 0.35) !important; background: #232020 !important; }
.newsletter-form input.button.gform_button { display: inline-block !important; border: none !important; cursor: pointer; transition: all 0.6s ease-out; border-radius: 4px; background: #FFD17D !important; color: #000; font-family: Outfit; font-size: 18px !important; font-style: normal; font-weight: 600; line-height: normal !important; padding: 16px 30px !important; margin-top: 20px !important; }
.newsletter-form input.button.gform_button:hover {background-color: #fff !important;}
.newsletter-form .gform_wrapper .gform_footer {position: initial;}
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */
color: #fff;opacity: 1;}
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #fff;opacity: 1;}
.newsletter-form .medium::placeholder {color: #fff;opacity: 1;}
.newsletter-form .gform_body { margin: 0; }



/* -------Footer-Section------ */
footer.footer .col-sm-5 { width: 35%; }
footer.footer .col-sm-7 { width: 65%; }
footer.footer .row{align-items: center;}
.ftr-call-row.ftr-call-top { display: flex ; align-items: center; justify-content: space-between; }
footer.footer .heading-title { color: #FFF; font-size: 100px; font-weight: 600; line-height: normal; }
footer.footer .ftr-mid .row{align-items: unset;}
footer.footer { position: relative; background: #231F20; z-index: 1; padding: 65px 0 0; }
footer.footer:before { position: absolute; content: ''; left: 60px; top: 65px; bottom: 75px; right: 60px; z-index: -1; opacity: 0.44; border-radius: 4px; border: 1px solid rgba(217, 217, 217, 0.50); background: rgba(0, 0, 0, 0.44); }
.ftr-title { color: #FFD17D; font-family: Outfit; font-size: 22px; font-style: normal; font-weight: 500; line-height: 32px; margin-bottom: 20px; }
.ftr-mid { padding-top: 55px; }
.ftr-call-row { padding-top: 10px; } 
.ftr-call { display: flex ; padding: 0 0 25px; }
.ftr-call figure { flex-shrink: 0; margin-right: 18px; margin-top: 4px; }
.ftr-call figure img { max-width: 30px; }
.ftr-call p{margin: 0;}
.ftr-call p a { color: #FFD17D; font-weight: 600; }
.ftr-call p a:hover{color: #fff;}
.ftr-btm { margin-top: 15px; }
.ftr-call-inn p { font-size: 25px; line-height: 34px; }
.ftr-item ul li , .footer-menu ul li{ list-style: none; position: relative; color: #fff; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.ftr-item ul li{ padding-bottom: 15px;}
.ftr-logo { margin-bottom: 15px; }
.ftr-item { margin-left: 80px; }
.ftr-social { padding-top: 15px; }
.ftr-social a { display: inline-block; padding: 0; position: relative; border-radius: 50%; border: 1px solid #fff; height: 60px; width: 60px; text-align: center; line-height: 53px; margin: 0 3px; }
.ftr-social a:hover{border-color: #FFD17D;}
.ftr-social a::before { position: absolute;content: ''; bottom: 0; left: 0; right: 0; top: 0; background: #FFD17D; overflow: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s ease; border-radius: 50%; opacity: 0;}
.ftr-social a:hover::before{ opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1); }
.ftr-social a img { max-width: 24px; filter: brightness(0) invert(1); }
.copyright-section { padding: 20px 0 30px; }
.ftr-social a:hover img {filter: brightness(0); }

.copyright-menu ul { margin: 0 0 0 auto; text-align: right; }
.copyright-menu ul li { list-style: none; position: relative; display: inline-block; color: #fff; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; }
.copyright-menu ul li a , .ftr-item ul li a , .footer-menu ul li a{color: #fff;}
.copyright-menu ul li:after { content: "/"; padding: 0 15px; }
.copyright-menu ul li:last-child::after{display: none;}
.copyright p { margin: 0; }
.copyright-menu ul li a:hover , .ftr-item ul li a:hover , .footer-menu ul li a:hover{color: #FFD17D;}

.footer-menu { border-top: 1px solid rgb(217 217 217 / 30%); border-bottom: 1px solid rgb(217 217 217 / 30%); padding: 15px 0; margin: 20px 0 50px;text-align: center; }
.footer-menu ul li:after { content: ''; padding: 0 60px; }
.footer-menu ul li { display: inline-block; }
.footer-menu ul li:last-child:after { display: none; }
footer.footer p{color: #fff;}

footer.footer .copyright p a{ color: #FFD17D;}
footer.footer .copyright p a:hover{ color: #fff;}


/* form */
.form-hero { padding: 30px 25px; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 74px 0px rgba(0, 0, 0, 0.15); }
.b-form-title { margin-bottom: 15px; color: #000; text-align: center; font-family: "Playfair 9pt"; font-size: 48px; font-style: normal; font-weight: 700; line-height: 60px; }
.b-form-title strong{ color: #000; font-weight: 800; }
.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;}
.form-hero .gform_body {margin: 0 -10px;}
.gform_wrapper .gfield {padding: 0 10px 20px;clear: both;text-align: left;width: 100%;margin: 0;}
.gform_wrapper.gravity-theme .ginput_container_address {margin-left: 0 !important;margin-right: 0 !important;}
.gfield--type-address {margin-bottom: 0 !important;}
.gform_wrapper.gravity-theme .ginput_container_address span {padding: 0 10px 12px !important;margin: 0 !important;}
.gform_wrapper.gravity-theme fieldset {margin: 0 !important;}
.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;}
.gform_wrapper label, .form-hero .gform_wrapper label.gfield_label { font-size: 18px !important; font-family: Outfit; font-style: normal; font-weight: 400; line-height: 28px; color: #666 !important; margin: 0 0 5px !important; }
.gform_wrapper .medium::-webkit-input-placeholder { /* Edge */color: #666;opacity: 1;}
.gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666;opacity: 1;}
.gform_wrapper .medium::placeholder {color: #666;opacity: 1;}
.gform_wrapper input[type="text"]::-webkit-input-placeholder { /* Edge */color: #666;opacity: 1;}
.gform_wrapper input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666;opacity: 1;}
.gform_wrapper input[type="text"]::placeholder {color: #666;opacity: 1;}
.form-hero input.button.gform_button { width: auto !important; height: auto !important; display: inline-block !important; position: relative !important; cursor: pointer !important; transition: all 1s !important; border: none !important; box-shadow: none !important; padding: 15px 50px !important; color: #FFF !important; text-align: center !important; font-family: Outfit !important; font-size: 20px !important; font-style: normal !important; font-weight: 500 !important; line-height: 30px !important; border-radius: 4px !important; background: #232020 !important; }
.form-hero input.button.gform_button:hover {background: #FFD17D !important; color: #000 !important;}
.banner-droupdown .form-hero .gform_wrapper .gfield.gfield--width-half:first-child {flex: 0 0 50%;max-width: 50%;}
.gform_wrapper textarea.medium { height: 110px !important; display: block; min-block-size: inherit !important; }
.gform_wrapper .gform_footer { padding: 0px 0 0 0 !important; margin: 0px 0 0 0px !important; z-index: 1; }
.form-hero .gform_wrapper .ginput_complex select , .form-hero .ginput_container.ginput_container_select { background: #fff url(../images/select-arrow.png) no-repeat right 20px center !important; background-size: 16px !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; padding: 13px 20px 13px 20px !important; -webkit-appearance: none !important; resize: none !important; position: relative !important; height: 60px; transition: all 1s; margin: 0 !important; box-shadow: none !important; background: #fff; border-radius: 4px !important; border: 1px solid #ccc !important; color: #666 !important; font-family: Outfit !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 28px !important; }
.form-hero .gform_wrapper select {background: #fff url(../images/select-arrow.png) no-repeat right 20px center !important; background-size: 15px !important; }
.form-hero .ginput_container.ginput_container_fileUpload, .form-hero .gform_wrapper.gravity-theme .gform_drop_area {text-align: center;padding: 10px !important;border-radius: 0px !important;border: none !important;background: transparent !important;box-shadow: none !important; border-bottom: 1px solid #000 !important;}
.form-hero input[type="file"] {display : none;}
.form-hero .button.gform_button_select_files {border: none;display: inline-block;padding: 8px 28px;margin-top: 5px;color: #FFF;font-family: Outfit;font-size: 16px;font-style: normal;font-weight: 500;line-height: 23px;border-radius: 4px;background: #021F35;}
.form-hero .button.gform_button_select_files:hover {background-color: #000;}
.form-hero .ginput_container.ginput_container_fileUpload label {color: #666;font-size: 14px !important;}
.gfield--type-address{ margin-bottom:12px !important;}
.gform_wrapper.gravity-theme .ginput_container_address span { padding: 0 8px 0; }
.gform_wrapper.gravity-theme .gform_drop_area { padding: 10px !important;}
.gfield_checkbox {display: flex;}
.gchoice .gfield-choice-input {margin-top: 3px !important;;border-radius: 50% !important; width: 20px !important;height: 20px !important; border: 1px solid #000 !important; background: rgb(217 217 217 / 20%) !important;background-position: top 4px center !important; }
.gchoice .gfield-choice-input:checked { background: url(../images/agree.png) no-repeat !important; background-size: 13px !important; background-position: top 4px center !important; }
label.form-check-label strong {color: #000;font-weight: 400;}
label.form-check-label i { font-style: normal; color: #011A43; }
.gchoice .gfield-choice-input::before{ display:none !important; }
.gfield_description.instruction.validation_message { display: none !important; }
.form-hero .gform_wrapper .ginput_container label { width: calc(100% - 20px); }
.popup-form .modal-body { padding: 0; }
.popup-form .modal-content { border-radius: 0; background: transparent; }
.gform_validation_errors { display: none !important; }
.ginput_recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}


.form-hero .gform-grid-row span.gform-grid-col:first-child{width:100%}
.gfield--type-address{ margin-bottom:12px !important;}
.form-hero .gform_wrapper .ginput_container.gform-grid-row { display: flex ; flex-wrap: wrap; width: 100%; margin: 0 !important; row-gap: 0 !important; margin-inline: 0 !important; }
.form-hero .gform-grid-row span.gform-grid-col { width: 33.33%; padding: 0 9px 20px; }
.form-hero fieldset.gfield.gfield--width-full { padding: 0;margin: 0 !important; }
span.gfield_required.gfield_required_text {
    display: none !important;
}

.form-hero.service-detail-list

/* -----ABOUT-FORM----- */
.form-hero.about-form .gform_body {
    margin: 0 -5px;
}
.form-hero.service-detail-list .gform_body {
    margin: 0 -5px;
}
.form-hero.about-form .gform_wrapper input[type="text"], .form-hero.about-form .gform_wrapper textarea, .form-hero.about-form .gform_wrapper select, .form-hero.about-form .gform_wrapper .medium , .form-hero.service-detail-list .gform_wrapper input[type="text"], .form-hero.service-detail-list .gform_wrapper textarea, .form-hero.service-detail-list .gform_wrapper select, .form-hero.service-detail-list .gform_wrapper .medium{ padding: 9px 15px 9px 15px !important; height: 44px; font-size: 16px !important; line-height: 22px !important; }
.form-hero.about-form .gform_wrapper textarea.medium , .form-hero.service-detail-list .gform_wrapper textarea.medium{ height: 70px !important; }
.form-hero.about-form .gform_wrapper label, .form-hero.about-form .gform_wrapper label.gfield_label , .form-hero.service-detail-list .gform_wrapper label, .form-hero.service-detail-list .gform_wrapper label.gfield_label{ font-size: 16px !important;  }
.form-hero.about-form input.button.gform_button , .form-hero.service-detail-list input.button.gform_button{ padding: 10px 50px !important;font-size: 18px !important; }
.form-hero.about-form .gform_wrapper .gform_footer , .form-hero.service-detail-list .gform_wrapper .gform_footer{ margin: 10px 0 0 0px !important; }

.form-hero.about-form .gform_wrapper .gfield , .form-hero.service-detail-list .gform_wrapper .gfield{padding: 0 5px 12px;}



/* -----CONTACT-FORM----- */
section.contact-section{padding: 100px 0 0;}
section.contact-section .form-hero.about-form { border: 1px solid rgba(35, 31, 32, 0.40); background: #F5F5F5; border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; padding: 40px 110px;height: 100%;box-shadow: none;}
section.contact-section .col-sm-8 { width: 64%; padding-left: 0; }
section.contact-section .col-sm-4 { width: 36%; padding-right: 0; }
section.contact-section .about-ftr { height: 100%; background: #231F20; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.20); padding: 40px 45px;align-content: center; }
section.contact-section .about-ftr h2 { text-align: center; font-family: Outfit; font-size: 35px; font-style: normal; font-weight: 600; line-height: 40px; }
section.contact-section .about-ftr h2 strong{ color: #FFD17D; font-weight: 600; }
section.contact-section .about-ftr .ftr-call { padding: 25px 15px; background: #383334; margin-bottom: 20px; align-items: center;position: relative; }
section.contact-section .about-ftr .ftr-call::after{position: absolute;content: '';left: 15px;right: 15px;bottom: -1px;height: 1px;opacity: 0.5;
background: #D9D9D9;}
section.contact-section .about-ftr .ftr-call figure { background: #231F20; border-radius: 50%; width: 50px; height: 50px; text-align: center; align-content: center; margin: 0 10px 0 0; }
section.contact-section .about-ftr .ftr-call figure img{max-width: 22px;}
section.contact-section .about-ftr .ftr-call-inn p { color: #fff; }
section.contact-section .about-ftr .ftr-social { text-align: center; }
.contact-row { max-width: 1380px; margin: 0 auto; }
section.contact-section .b-form-title { margin-bottom: 25px; font-size: 60px; line-height: 70px; }


section.map-section { padding: 0 0 100px; }
.map-row { border-radius: 4px; background: #FFF; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.15); padding: 10px; }
.map-box { height: 500px;border-radius: 4px; border: 1px solid rgba(35, 31, 32, 0.20); }
.map-box iframe { height: 100% !important; width: 100% !important;max-height: 100% !important; }






/* -----INNER-PAGE-CSS----- */
.inner-banner { position: relative; z-index: 1;}
.inner-banner > img { width: 100%; }
.inner-banner::before { content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;background: radial-gradient(61.26% 61.26% at 50% 50%, rgba(0, 0, 0, 0.43) 0%, rgba(0, 0, 0, 0.00) 100%);}
.caption-absolute { position: absolute; left: 0; z-index: 1; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.inner-banner .banner-btns { padding-top: 5px; }

.page-nav { position: absolute; bottom: 0; width: 100%; padding: 16px 0; background: linear-gradient(90deg, rgba(227, 161, 0, 0.00) 10%, #000 45%, #000 55%, rgba(227, 161, 0, 0.00) 90%); }
.page-nav ul li { margin: 0px; color: #fff; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; list-style: none; text-align: center; }
.page-nav ul li span , .page-nav ul li span a , .page-nav ul li span.current-item{ color: #fff;}
.page-nav ul li span a:hover , .page-nav ul li span a span:hover{color: #000;}

section.why-choose-us-section.why-choose-inn { height: auto !important; padding: 100px 0; background: #F5F5F5 !important; margin: 0 !important; }
section.why-choose-us-section.why-choose-inn::before{display: none;}
section.about-section.about-inn .row { align-items: center; }
section.about-section .heading-title{font-weight: 600;}
section.about-section.about-inn .col-sm-4 { width: 40%; }
section.about-section.about-inn .col-sm-8 { width: 60%; }


section.magnolia-services-inn-section { padding: 100px 0; }
section.magnolia-services-inn-section .section-heading { max-width: 1270px; margin: 0 auto; }
section.magnolia-services-inn-section .magnolia-service-lists { height: auto; padding: 0; max-width: 1560px; margin: 0px auto; }
section.magnolia-services-inn-section .magnolia-service-lists ul { display: flex ; padding: 0; flex-wrap: wrap; justify-content: center;margin: 0 -22px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li { width: 25%; padding: 10px 22px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { display: block; align-items: inherit; text-align: left; height: 100%;border-radius: 0px; padding: 0px;transition: all 0.3s ease-in-out; }
.magnolia-services-box .services-content { position: initial; text-align: left; padding: 15px 5px 0 0; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a { width: 125px; height: 125px; line-height: 123px; margin: 0 auto 28px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box:hover > a { box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.1); }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a img{max-width: initial;}
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box figure{border-radius: 4px;overflow: hidden;}
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box figure img{width: 100%;height: 100%; object-fit: cover;transition: all 0.6s ease-in-out;}
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box:hover figure img{transform: scale(1.1);}
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box h3{font-weight: 600;margin-bottom: 5px;}

section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box h3 a {color: #000; background-image: none; background-size: initial; background-position: initial; display: inline-block; position: relative; -webkit-background-clip: initial; -webkit-text-fill-color: initial; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box:hover h3 a{color: #FFD17D;}
section.magnolia-services-inn-section .default-css { padding-top: 25px; }

/* section.magnolia-services-inn-section.commercial-inn .magnolia-service-lists ul li { width: 25%; }  */
section.cta-section.cta-inn.commercial-cta .cta-row::before { background: linear-gradient(180deg, rgba(35, 31, 32, 0.92) 14.35%, rgba(35, 31, 32, 0.37) 100%); }
section.magnolia-services-section.add-on-services .magnolia-service-lists { height: auto; max-width: 100%; padding: 0; }

section.services-section.services-inn .services-content { position: initial; padding: 20px 5px 0 0;text-align: left; }
section.services-section.services-inn .services-box::after , section.services-section.add-on-cleaning .services-box::after{ display: none; }
section.services-section.services-inn .services-box h3{height: auto;min-height: auto;margin-bottom: 5px;}
section.services-section.services-inn .services-box h3 a { color: #231F20; }
section.services-section.services-inn .services-box:hover h3 a{color: #FFD17D;}
section.services-section.services-inn .default-css , section.services-section.services-inn .default-css{ padding-top: 25px; }
section.services-section.services-inn .default-css h4 , section.services-section.add-on-cleaning .default-css h4 , section.magnolia-services-inn-section .default-css h4{ color: #000; font-family: Outfit; font-size: 25px; font-style: normal; font-weight: 400; line-height: 32px; }


section.services-section.add-on-cleaning { background: #231F20; }
section.services-section.add-on-cleaning .heading-title , section.services-section.add-on-cleaning p , section.services-section.add-on-cleaning .section-heading h3 , section.services-section.add-on-cleaning .default-css h4{ color: #fff; }
section.services-section.add-on-cleaning .section-heading h3{ font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;}
section.services-section.add-on-cleaning .section-heading h3 strong{ color: #FFD17D; font-weight: 600; }
section.services-section.add-on-cleaning .service-lists ul li { width: 25%; padding: 30px 10px; }

section.services-section.add-on-cleaning .services-box{max-width: 195px;margin: 0 auto; text-align: center;}
section.services-section.add-on-cleaning .services-box > a { display: inline-block; margin-bottom: 20px; }
section.services-section.add-on-cleaning .service-lists { margin: 20px auto; max-width: 1400px; }
section.magnolia-services-section.add-on-services .magnolia-services-box h3 {
    font-weight: 600;
}

section.magnolia-services-section.add-on-services { padding: 100px 0; }
section.magnolia-services-section.add-on-services .row{align-items: center;}
section.magnolia-services-section.add-on-services .col-sm-7{width: 63%;}
section.magnolia-services-section.add-on-services .col-sm-5{width: 37%;}
.add-on-services-img img { border-radius: 5px; }
section.magnolia-services-section.add-on-services h2 { color: #000; }
section.magnolia-services-section.add-on-services .magnolia-services-box h3 a { background-image: linear-gradient(to left, #231F20, #231F20 50%, #FFD17D 50%); }
section.magnolia-services-section.add-on-services .magnolia-services-box > a{height: 60px;width: 60px;line-height: 57px;}
section.services-section.add-on-cleaning .services-box h3 {
    min-height: auto;
}

section.cta-section.cta-inn { background-image: none !important; padding: 0 0 100px; }
section.cta-section.cta-inn::after , section.cta-section.cta-inn::before{ display: none; }
.cta-row { padding: 120px 45px; position: relative; z-index: 1;border-radius: 4px;background-position: center; background-size: cover; }
.cta-row::before{ position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: radial-gradient(50% 50% at 50% 50%, #231F20 0%, rgba(35, 31, 32, 0.37) 100%); z-index: -1;border-radius: 4px; }
section.cta-section.cta-inn .section-heading { padding: 0 !important; }
section.cta-section.cta-inn.specialty-cta .cta-row { padding: 0; background: #F5F5F5; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
section.cta-section.cta-inn.specialty-cta .cta-row::before { display: none; }
section.cta-section.cta-inn.specialty-cta .row { align-items: inherit; }
section.cta-section.cta-inn.specialty-cta .col-sm-5 { width: 45%; }
section.cta-section.cta-inn.specialty-cta .col-sm-7 { width: 55%; }
.cta-img img { border-right: 2px solid #231F20; }
section.cta-section.cta-inn.specialty-cta .section-heading { height: 100%; align-content: center; padding: 40px 30px !important; }
section.cta-section.cta-inn.specialty-cta .heading-title, section.cta-section.cta-inn.specialty-cta p { color: #231F20; }

section.testimonial-section.testimonial-page .col-sm-6 { padding: 15px 30px; }
section.testimonial-section.testimonial-page .client-say-box { border-radius: 4px; background: #F5F5F5; padding: 35px 40px 100px; }
section.testimonial-section.testimonial-page .client-say-box .clint-name-parent { right: 40px; left: 40px; }
section.testimonial-section.testimonial-page .testimonial-row { max-width: 1580px; }
section.testimonial-section.testimonial-page .row{justify-content: center;}
section.testimonial-section .col-sm-4 {
    padding: 20px;
}
section.testimonial-section.testimonial-contact {
    padding-top: 0;
}



/* -----SERVICE-DETAIL-INNER-PAGE-CSS----- */
section.default-section.inpad {padding: 100px 0;}
section.services-section.nipad {padding-top: 0;}
/* .search-btn { border-radius: 4px; background: #FFF; box-shadow: 0px 0px 40px 0px rgb(100 136 234 / 16%); margin: 0 0 40px; padding: 30px 30px; } */
.search-btn form {position: relative}
.search-medium {width: 100%;padding: 15px 70px 15px 15px;border: 1px solid rgba(0, 0, 0, 0.3);height: 60px;background-color: #fff;border-radius: 8px;font-size: 18px;line-height: 28px;color: #414141;font-weight: 400;font-family: Outfit;}
.search-container { margin-bottom: 40px; }
.search-container form { position: relative; }
.search-container .services-detail-search { border-radius: 4px; background: #000 ;box-shadow: 0px 0px 40px 0px rgb(100 136 234 / 16%); height: 70px; width: 100%; color: #FFF; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 400; line-height: 40px; padding: 15px 80px 15px 35px; border: none; }
.search-container .services-detail-search::placeholder { color: #fff; opacity: 1; /* Firefox */ }
.search-container .services-detail-search::-ms-input-placeholder { /* Edge 12 -18 */ color: #fff; }
.search-btn button {border: none;position: absolute;top: 15px;width: 40px;right: 9px;background: transparent;height: 30px;}
.search-icon img { filter: brightness(0.5); }
.search-btn button:hover {cursor: pointer}
.sidebar-title { color: #000; font-family: "Playfair 9pt"; font-size: 36px; font-style: normal; font-weight: 700; line-height: 44px; margin-bottom: 15px; position: relative; text-align: center; }
/* .sidebar-title:after { content: ""; position: absolute; top: 0px; left: 0; background: #000 ; height: 100%; width: 3px; } */
.service-detail-list { box-shadow: none; margin: 0 0 40px; padding: 30px 30px; border-radius: 20px; background: #F4F6F0; }
.service-detail-list ul {padding: 0;margin: 0;}
.service-detail-list ul li { list-style: none; padding: 10px 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; position: relative; border: none; }
.service-detail-list ul li a { font-size: 20px; color: #000; font-weight: 500; font-family: Outfit; display: block; padding: 25px 30px; border-radius: 20px; background: #fff; line-height: 28px; }
.service-detail-list ul li a:hover , .service-detail-list ul li.active a{ background: #FFD17D; color: #000; }
.estimatin-side.service-detail-list { text-align: center; }
.service-detail-list ul li:last-child {border: none;}
.service-detail-right {padding-left: 50px;}
.service-detail-list ul li::after { content: "\f105"; position: absolute; top: 50%; transform: translateY(-50%); right: 0; background-size: cover; color: #666; font-family: 'FontAwesome'; font-size: 18px; font-weight: 600; display: none;}
figure.fimgs {margin-bottom: 20px;  padding: 5px; border-radius: 4px;
background: #FFF;
box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.16);}
figure.fimgs img {width: 100%;object-fit: cover;}
.service-detail-list-month { color: #000 ; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 44px; margin-bottom: 3px; }
.service-detail-list-month.month-2 { position: relative; margin-top: 20px; padding-top: 5px; }
.service-detail-list.service-detail-list-2 p { font-size: 16px; font-weight: 400; line-height: 24px; }
.service-detail-list-month.month-2::after { content: ''; position: absolute; width: 100%; height: 1px; background: rgb(0 0 0 / 10%); top: 0; left: 0px; right: -15px; background-size: cover; }
.service-detail-list.service-detail-list-2 { padding: 35px 15px 15px 35px; }
.estimatin-detail { text-align: center; padding: 40px 15px; border-radius: 4px; background: #FFF; box-shadow: 0px 0px 40px 0px rgb(100 136 234 / 16%); }
.estimatin-detail h4 { color: #19202D; font-family: Outfit; font-size: 35px; font-style: normal; font-weight: 600; line-height: 50px; margin-bottom: 15px; }
.estimatin-title {margin-bottom: 20px;color: #19202D;text-align: center;font-family: Outfit;font-size: 30px;font-style: normal;font-weight: 700;line-height: 40px;}
.service-detail-list.estimatin-titel {text-align: center;}
.estimatin-title a{ display: block; }
.estimatin-title a:hover{ color: #000; }
/* .estimatin-btn a.theme-btn {
background: #000;
color: #fff;
margin-top: 10px;
}
.estimatin-btn a.theme-btn:hover {
background: #002950 !important;
color: #fff;
} */

.blog-img-single > figure img { width: 100%; border-radius: 4px; height: 100%; object-fit: cover; }
.blog-img-single > figure { margin-bottom: 20px; border-radius: 4px; padding: 5px; background: #fff; box-shadow: 0px 0px 40px 0px rgb(100 136 234 / 16%); }
section.blog-section.singlepgge { padding-top: 0; }
.pagination-parent { padding-top: 30px; }
.nav-next a, .nav-previous a{ display: inline-block; position: relative; padding: 16px 42px; text-align: center; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; border-radius: 4px; background: #000; color: #fff; }
.nav-next a:hover, .nav-previous a:hover {background: #FFD17D ;color: #000;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}

.side-bar-banner { position: relative; background: #000; padding-bottom: 0; text-align: center; border-radius: 4px; overflow: hidden; }
.side-bar-banner figure { margin-bottom: 15px; }
.side-bar-banner figure img{ width: 100%; }
.side-bar-banner h4 { color: #fff; font-size: 36px; padding: 0 15px; }
.sidebar-call { color: #fff; font-family: Outfit; font-style: normal; font-weight: 400; font-size: 28px; background: #000; padding: 15px 0; }
.sidebar-call a { color: #fff; }
.sidebar-call a:hover { color: #000; }

.sidebar-info { border-radius: 20px; background: #F4F6F0; overflow: hidden; }
.sidebar-info img { width: 100%; object-fit: cover; }
.sidebar-info .about-ftr { padding: 25px 30px 10px; }
.sidebar-info .sidebar-title { text-align: left; color: #FFD17D; font-family: Outfit; font-weight: 500; }
.sidebar-info .about-ftr .ftr-call-inn p , .sidebar-info .about-ftr .ftr-call-inn p a{ color: #000; }
.sidebar-info .about-ftr .ftr-call-inn p a:hover{color: #FFD17D;}
.sidebar-info .about-ftr .ftr-call figure img {filter: brightness(0);}

.service-detail-right:last-child { margin-bottom: 0; }
.service-detail-list:last-child { margin: 0; }
section.blog-section.blogpage-single-section.default-section .col-sm-4 { padding: 0 12px; }



/* -----WP-PEGINATION-CSS----- */
.wp-pegination { padding-top: 25px; text-align: center; }
.wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a , .page-numbers{ width: 50px !important; height: 50px !important; display: inline-block; margin: 5px !important; text-align: center; line-height: normal; border: 1px solid #000 !important; border-radius: 4px !important; color: #000 !important; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 500; align-content: center; padding: 0 !important; }
.wp-pegination span.current, .wp-pegination .page:hover , .page-numbers:hover{ background: #000 !important; color: #fff !important; border: 1px solid #000 !important; }
.wp-pegination a.nextpostslink , .next.page-numbers{ background: url(../images/blog-next.png) !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; ; }
.wp-pegination a.previouspostslink , .prev.page-numbers{ background: url(../images/blog-next.png) !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; transform: rotate(180deg); }
.wp-pegination a.nextpostslink:hover, .next.page-numbers:hover , .wp-pegination a.previouspostslink:hover { background: #000 url(../images/blog-hover.png) !important; border-color: #000; background-size: 34px !important; background-repeat: no-repeat !important; background-position: center !important; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink , .next.page-numbers , .prev.page-numbers{ background-size: 34px !important; background-position: center !important;}
.gallery-row .wp-pegination { display: flex; justify-content: center; }
section.cta-section.big {
    margin-bottom: 5px;
}


.popup-box {
    text-align: center;
    padding: 30px;
}
.popup-box ul li {
    list-style: none;
    font-size: 24px;
    line-height: 36px;
}
.popup-box ul{padding-bottom: 20px;}






@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: #666 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #000 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 22px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #666 !important;padding: 6px 10px 6px 15px;padding-left: 5px !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: #000 !important;}

.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {
        content: "";
        font-size: 18px;
        color: #000;
        font-family: 'FontAwesome';
        left: 0;
        position: absolute;
        top: 8px;
        background: url(../images/favicon.png) no-repeat;
        height: 20px;
        width: 20px;
        background-size: 20px;
    }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover::before {
    filter: none;
    transition: 0.6s;
}
.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: #000 !important;}
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #000 !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: #666 !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: #000 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #000 !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: #000 !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: #000;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: #000 !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: 1360px !important;}
}
@media (min-width:1500px) {
.container {max-width: 1440px !important;}
}
@media (min-width:1600px) {
.container {max-width: 1530px !important;}
}
@media (min-width:1700px) {
.container {max-width: 1630px !important;}
}

@media (max-width: 1899px) {
.head-btn a.theme-btn.btn-yellow { padding: 16px 50px; }
.menu-navbar { padding: 0px 80px; }
footer.footer:before { left: 15px; right: 15px; }


}

@media (max-width: 1799px) {
.head-btn a.theme-btn.btn-yellow { padding: 16px 30px; }
section.magnolia-services-section .heading-title { letter-spacing: 38px; }


}

@media (max-width: 1699px) {
.container { max-width: 100% !important; padding: 0 45px; }
.default-section{ padding: 80px 0; }
.header-section { position: relative; padding: 10px 10px 0; background: #232020; z-index: 999; }
.banner-title { font-size: 60px; line-height: 70px; }
.banner-btns { padding-top: 15px; }
section.banner-section { padding: 180px 0; }
section.magnolia-services-section .heading-title { font-size: 60px;letter-spacing: 40px; }
.heading-title { font-size: 54px; line-height: 58px; }
.magnolia-service-lists h2 { font-size: 50px; line-height: 60px; }
.footer-menu ul li:after { padding: 0 50px; }
.head-right { padding: 5px 0 15px 15px; }
.about-call { font-size: 55px; }
.ftr-call-inn p { font-size: 22px; line-height: 34px; }
footer.footer .heading-title { font-size: 80px; }


}

@media (max-width: 1599px) {
.menu-navbar { padding: 0px 60px; }
.footer-menu ul li:after { padding: 0 45px; }


}

@media (max-width: 1499px) {
h1 {font-size: 35px;line-height: 42px;}
h2 {font-size: 32px;line-height: 40px;}
h3 {font-size: 28px;line-height: 35px;}
h4 {font-size: 25px;line-height: 32px;}
h5 {font-size: 22px;line-height: 30px;}
h6 {font-size: 20px;line-height: 26px;}
.container { padding: 0 35px; }
section.default-section{ padding: 60px 0; }  
section.default-section.inpad { padding: 60px 0; }
.service-detail-right { padding-left: 20px; }
.service-detail-right.sticky { top: 100px; }
.service-detail-list { margin: 0 0 30px; padding: 25px 20px; }	
.sidebar-title { font-size: 30px; line-height: 36px; margin-bottom: 15px; }
.service-detail-list ul li a { font-size: 18px; padding: 20px 20px; }
.service-detail-list ul li { padding: 8px 0; }
.service-detail-list ul li::after { font-size: 17px; }
.estimatin-detail { padding: 30px 15px; }
.estimatin-detail h4 { font-size: 28px; line-height: 35px; margin-bottom: 10px; }
.nav-next a, .nav-previous a { padding: 9px 34px 11px; font-size: 16px; line-height: 28px; }	
.estimatin-title { margin-bottom: 10px; font-size: 30px; line-height: 40px; }
.sidebar-call { font-size: 25px; }
.estimatin-side { margin: 0 0 30px;padding: 25px 20px; }
.side-bar-banner h4 { font-size: 30px; }
.sidebar-info .about-ftr {
    padding: 20px 20px 10px;
}


.header-top-text p:after { padding: 0 20px; }
.logo img { max-width: 156px; }
.header-section { padding: 10px 0px 0; }
.banner-title { font-size: 50px; line-height: 58px; }
.banner-btns a.theme-btn.btn-yellow, .services-btn a.theme-btn.btn-black, .about-btn a.theme-btn.btn-black, .why-choose-btn a.theme-btn.btn-black, .cta-btns a.theme-btn.btn-white , .cta-btns a.theme-btn.btn-black{ margin-left: 10px; }
.banner-btns { padding-top: 10px; }
a.theme-btn { padding: 12px 25px; font-size: 17px; line-height: 26px; min-width: 120px; }
section.banner-section { padding: 160px 0; }
.head-btn a.theme-btn.btn-yellow { padding: 12px 30px; font-size: 18px; }
.header-social-item { padding-bottom: 20px; }
section.logo-section { padding: 18px 0; }
.logos-parent-row ul li { padding: 10px 40px; }
.logos-parent-row ul { margin: 0 0px; }
section.services-section { padding: 60px 0; }
.services-btn { padding-top: 20px; }
.heading-title { font-size: 44px; line-height: 46px; }
section.magnolia-services-section .heading-title { font-size: 50px; letter-spacing: 40px; }
.magnolia-service-lists h2 { font-size: 40px; line-height: 48px; }
.magnolia-service-lists { padding: 25px 0px 25px 0; }
.magnolia-service-lists.Commercial-lists { padding: 25px 35px; }
section.magnolia-pro-services-section { padding: 60px 0; }
.menu-item-has-children ul li a { font-size: 16px; }
section.magnolia-pro-services-section .service-lists { margin-top: 15px; }
section.about-section { padding: 60px 0; }
.b-form-title { font-size: 38px; line-height: 46px; }
.about-call { font-size: 48px; }
.sub-heading { font-size: 18px; margin-bottom: 15px; padding: 6px 0; }
section.testimonial-section { padding: 60px 0; }
.testimonial-top-row { padding: 1px 35px 60px 35px; }
section.cta-section:before { left: 15px; top: 15px; bottom: 15px;right: 15px; }
section.blog-section { padding: 60px 0; }
section.blog-section .col-sm-4 { padding: 15px; }
.blog-item { padding: 15px 15px 30px; }
footer.footer p { font-size: 16px; line-height: 24px; }
footer.footer .heading-title { font-size: 50px; }
footer.footer { padding: 40px 0 0; }
.ftr-social a { height: 50px; width: 50px; line-height: 43px; }
.ftr-social a img { max-width: 20px; }
.footer-menu ul li:after { padding: 0 40px; }
.copyright-section { padding: 15px 0 20px; }
footer.footer:before { left: 15px; right: 15px; bottom: 60px;top: 40px; }
.footer-menu { margin: 20px 0 35px; }
footer.footer .ftr-call-inn p { font-size: 18px; line-height: 28px; }
.ftr-item ul li, .footer-menu ul li { font-size: 16px; line-height: 24px; }
.ftr-title { font-size: 20px; line-height: 28px; margin-bottom: 15px; }
.ftr-item ul li { padding-bottom: 12px; }
.ftr-item { margin-left: 60px; }
.ftr-call figure img { max-width: 24px; }
.ftr-call figure { flex-shrink: 0; margin-right: 12px; margin-top: 3px; }
.ftr-call { padding: 0 0 20px; }
.copyright-menu ul li { font-size: 16px; line-height: 24px; }
.review-heading { font-size: 138px; line-height: 128px; margin-bottom: 15px; }
section.testimonial-section .section-heading { margin: 0 auto 30px; }
.blog-wrapper { margin: 0px auto 0; }
.ftr-mid { padding-top: 40px; }
.ftr-social { padding-top: 10px; }
.magnolia-pro-services-box h3 { font-size: 22px; line-height: 32px; }
.magnolia-pro-services-box figure { width: 90px; height: 90px; margin: 0 auto 15px; }
section.cta-section .section-heading { max-width: 830px; padding-left: 80px; }
section.why-choose-us-section.why-choose-inn { padding: 60px 0; }
section.testimonial-section.testimonial-page .col-sm-6 { padding: 15px 20px; }
section.contact-section { padding: 60px 0 0; }
section.contact-section .form-hero.about-form { padding: 40px 70px; }
section.contact-section .b-form-title { margin-bottom: 20px; font-size: 50px; line-height: 60px; }
section.contact-section .about-ftr .ftr-call { padding: 20px 15px; }
section.map-section { padding: 0 0 60px; }
.map-box { height: 420px; }
section.contact-section .about-ftr { padding: 30px 25px; }
section.cta-section.cta-inn { padding: 0 0 60px; }
.cta-row { padding: 100px 45px; }
section.magnolia-services-inn-section { padding: 60px 0; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a { margin: 0 auto 20px; }
/* section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { padding: 30px; } */
section.magnolia-services-inn-section .magnolia-service-lists { margin-top: 25px; }
section.magnolia-services-section.add-on-services {
    padding: 60px 0;
}
section.testimonial-section .col-sm-4 {
    padding: 15px;
}
.clint-name-parent figure {
    margin-right: 25px;
}




}

@media (max-width: 1399px) {
section.magnolia-services-section .heading-title { font-size: 44px; letter-spacing: 38px; } 
.review-box { margin-left: 0; }
.review-heading { font-size: 118px; line-height: 108px; }
.ftr-item { margin-left: 30px; }
section.banner-section { padding: 140px 0; }
.footer-menu ul li:after { padding: 0 35px; }



}

@media (max-width: 1299px) {
.sidebar-call { font-size: 22px; }
.ftr-item { margin-left: 10px; }
.menu-navbar { padding: 0px 30px; }
section.banner-section { padding: 120px 0; }
section.magnolia-services-section .heading-title { font-size: 40px; letter-spacing: 35px; }
.about-call { font-size: 38px; }
section.magnolia-contant-section .col-sm-9 { width: 73%; }
section.magnolia-contant-section .col-sm-3 { width: 27%; }
.footer-menu ul li:after { padding: 0 30px; }
section.testimonial-section.testimonial-page .col-sm-6 { padding: 15px 15px; }
.cta-row { padding: 80px 45px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li {
    padding: 10px 15px;
}
section.magnolia-services-inn-section .magnolia-service-lists ul {
    margin: 0 -15px;
}



}

@media (max-width: 1199px) {
p { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
.default-css ul li, .default-css ol li { font-size: 16px; line-height: 24px;; margin: 0 0 5px; }
.default-css ul li { background-position: 0 6px; padding-left: 20px; background-size: 15px; }
.default-css ul { margin-bottom: 15px; }
h1 {font-size: 30px;line-height: 35px;}
h2 {font-size: 28px;line-height: 35px;}
h3 {font-size: 26px;line-height: 32px;}
h4 {font-size: 24px;line-height: 30px;}
h5 {font-size: 22px;line-height: 25px;}
h6 {font-size: 20px;line-height: 25px;}
.default-section{ padding: 40px 0; }
.modal-dialog {transform: none !important; top: 65px; }
.modal.popup-form button.close { right: 15px; top: 15px; font-size: 18px; }
.close img { max-width: 25px; }
.modal.video-popup button.close { right: 15px; top: 15px; font-size: 20px; }
.video-popup .modal-dialog { margin: 60px auto 0; }
.container { padding: 0 15px; }  
.heading-title { margin-bottom: 10px; font-size: 32px; line-height: 34px; }
.radius { width: 80px; height: 80px; }
.radius .border-animation, .place { line-height: 79px; }
.place img { max-width: 24px; }
section.default-section.inpad { padding: 40px 0; }

.gallery-row .wp-pegination { padding-top: 30px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { width: 40px !important; height: 40px !important; margin: 3px !important; font-size: 20px; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink ,.wp-pegination a.nextpostslink:hover, .next.page-numbers:hover, .wp-pegination a.previouspostslink:hover {
    background-size: 28px !important;
}

.wp-pegination { padding-top: 15px; }
.ginput_recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}

.service-detail-right { padding-left: 0; }
.service-detail-list { margin: 0 0 20px; padding: 20px 15px; border-radius: 10px; }
.sidebar-title { font-size: 25px; line-height: 30px; margin-bottom: 10px; }
.service-detail-list hr { margin: 10px 0; }
.service-detail-list ul li a { font-size: 16px; padding: 10px 15px; border-radius: 10px; }
.service-detail-list ul li { padding: 5px 0; }
.form-hero.about-form input.button.gform_button, .form-hero.service-detail-list input.button.gform_button { padding: 10px 30px !important; font-size: 18px !important; }
.sidebar-info .about-ftr { padding: 15px 15px 10px; }
.sidebar-info { border-radius: 10px; }
.service-detail-list ul li::after { font-size: 15px; }
.estimatin-detail { padding: 20px 10px; }
.estimatin-side { margin: 0 0 25px; padding: 20px 15px; }
.estimatin-detail h4 { font-size: 20px; line-height: 30px; margin-bottom: 5px; }

.search-medium { padding: 9px 40px 9px 15px; height: 50px; font-size: 16px; line-height: 24px; }
.search-btn button { top: 10px; width: 32px; right: 5px; height: 28px; }
.pagination-parent { padding-top: 20px; }
.side-bar-banner h4 { font-size: 25px; }
.sidebar-call { font-size: 18px; }
.nav-next a, .nav-previous a { padding: 9px 24px 11px; font-size: 15px; line-height: 22px; }
.estimatin-title { font-size: 25px; line-height: 32px; }	
.estimatin-btn a.theme-btn { margin-top: 0px; }	
.blog-img-single > figure { margin-bottom: 15px; }
.lightbox { top: 50% !important; transform: translateY(-50%); }
.popup-form .form-hero { padding: 25px 25px; }
section.default-section { padding: 40px 0; }
.sidebar-info .ftr-call-row { padding-top: 10px; }

.head-left { order: 2; }
.header-social-item { display: none; }
.header-top-text p { display: none; }
.header-top { display: block; text-align: right; }
.head-right { padding: 0; }
.header-section .row { align-items: center; }
.header-top-text { display: block; align-items: inherit; padding-bottom: 0; position: initial; }
.head-btn { padding-right: 45px; }
.menu-navbar { padding: 0px 0px; }
.logo { margin-top: 0; }
.header-section { padding: 0; }
.logo img { max-width: 120px; }
a.theme-btn { padding: 10px 20px; font-size: 16px; line-height: 22px; min-width: 100px; }
.banner-btns a.theme-btn.btn-yellow, .services-btn a.theme-btn.btn-black, .about-btn a.theme-btn.btn-black, .why-choose-btn a.theme-btn.btn-black, .cta-btns a.theme-btn.btn-white , .cta-btns a.theme-btn.btn-black { margin-left: 5px; }
.banner-title { font-size: 40px; line-height: 46px; }
section.banner-section p { font-size: 18px; line-height: 28px; }
section.banner-section { padding: 100px 0; }
.head-btn a.theme-btn.btn-yellow { padding: 10px 22px; font-size: 16px; letter-spacing: 1px; }
.logos-parent-row ul li { padding: 10px 20px; }
section.logo-section { padding: 10px 0; }
section.services-section { padding: 40px 0; } 
.services-box h3 { font-size: 18px; line-height: 26px; min-height: 52px; }
.services-content img { max-width: 48px; }
.services-btn { padding-top: 10px; }
section.magnolia-services-section .heading-title { letter-spacing: 28px; }
.magnolia-services-row { padding: 15px 0; }
.magnolia-service-lists h2 { font-size: 28px; line-height: 36px; }
.magnolia-services-box h3 { font-size: 20px; line-height: 26px; }
.magnolia-services-box > a { margin-right: 14px; }
.magnolia-service-lists.Commercial-lists { padding: 15px 20px; }
.magnolia-service-lists { padding: 15px 0px 15px 0; }
.magnolia-service-lists ul { padding-top: 0; }
section.magnolia-pro-services-section { padding: 40px 0; }
.magnolia-pro-services-box figure { width: 70px; height: 70px; margin: 0 auto 12px; }
.magnolia-pro-services-box figure img{max-width: 48px;}
.magnolia-pro-services-box h3 { font-size: 18px; line-height: 24px; }
section.magnolia-pro-services-section .service-lists { margin-top: 5px; }
section.about-section { padding: 40px 0; }
.b-form-title { font-size: 28px; line-height: 36px; }
.gform_wrapper textarea.medium { height: 80px !important; }
.form-hero.about-form .gform_wrapper input[type="text"], .form-hero.about-form .gform_wrapper textarea, .form-hero.about-form .gform_wrapper select, .form-hero.about-form .gform_wrapper .medium { padding: 8px 10px 8px 10px !important; height: 38px; font-size: 15px !important; line-height: 20px !important; }
.form-hero.about-form .gform_wrapper label, .form-hero.about-form .gform_wrapper label.gfield_label { font-size: 15px !important; line-height: 22px; }
.form-hero .gform_wrapper select { background: #fff url(../images/select-arrow.png) no-repeat right 10px center !important; background-size: 12px !important; }
.form-hero.about-form .gform_wrapper textarea.medium { height: 60px !important; }
.form-hero.about-form input.button.gform_button { padding: 8px 30px !important; font-size: 16px !important; }
.form-hero input.button.gform_button { padding: 12px 30px !important; font-size: 18px !important; line-height: 24px !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; padding: 10px 15px 10px 15px !important; height: 50px; font-size: 16px !important; line-height: 24px !important; }
.gform_wrapper label, .form-hero .gform_wrapper label.gfield_label { font-size: 16px !important; line-height: 24px; }
.gform_wrapper .gfield { padding: 0 7px 15px; }
.form-hero .gform_body { margin: 0 -7px; }
section.about-section:after { background-position: center; background-size: 40%; }
.about-call { font-size: 34px; }
.sub-heading { font-size: 16px; margin-bottom: 10px; padding: 5px 0; }
section.testimonial-section { padding: 40px 0; }
.testimonial-top-row { padding: 1px 15px 15px 15px; }
.star img { max-width: 24px; }
section.testimonial-section .carousel { padding: 0 20px; }
section.testimonial-section .carousel::before { padding: 3px; }
.client-say-box { padding: 20px 0px 70px; }
.clients-item-heading h3 { font-size: 18px; line-height: 24px; }
.clint-name-parent figure { flex-shrink: 0; margin-right: 15px; max-width: 42px; }
.clint-name-parent { margin-top: 0; bottom: 15px; right: 120px; }
section.testimonial-section .carousel-control-next, section.testimonial-section .carousel-control-prev { width: 51px; height: 34px; bottom: 20px !important; }
section.testimonial-section .carousel-control-next { right: 20px; }
section.testimonial-section .carousel-control-prev { right: 80px; }
.review-heading { font-size: 78px; line-height: 68px; }
.review-box { padding: 10px 15px 10px; }
.review-box figure img { max-width: 170px; }
.review-box p { font-size: 18px; line-height: 18px; }
section.testimonial-section .section-heading { margin: 0 auto 20px; }
section.cta-section .section-heading { padding-left: 40px; }
section.cta-section { padding: 15px 0; }
section.blog-section { padding: 40px 0; }
section.blog-section .col-sm-4 { padding: 12px; }
.blog-item { padding: 10px 10px 20px; }
.blog-content { padding: 15px 0px 0px; }
.blog-item h3 { font-size: 18px; line-height: 26px; }
.view-more a { font-size: 16px; line-height: 24px; }
footer.footer { background: #000; }
footer.footer:before { display: none; }
footer.footer .heading-title { font-size: 36px; }
.ftr-call-row { padding-top: 0; }
.ftr-call { padding: 0 0 15px; }
.ftr-call figure { margin-right: 10px; margin-top: -3px; }
.ftr-call figure img { max-width: 20px; }
.ftr-mid { padding-top: 0px; }
.ftr-title { font-size: 18px; line-height: 24px; margin-bottom: 15px; }
.ftr-social a { height: 40px; width: 40px; line-height: 33px; }
.ftr-social a img { max-width: 18px; }
.ftr-item { margin-left: 0; }
.ftr-item ul li { padding-bottom: 10px; }
.ftr-item ul li, .footer-menu ul li { font-size: 15px; line-height: 22px; }
.footer-menu { margin: 20px 0 0px; padding: 10px 0; }
.footer-menu ul li:after { padding: 0 25px; }
.copyright-menu ul li { font-size: 15px; line-height: 22px; }
footer.footer p { font-size: 15px; line-height: 22px; }
footer.footer .ftr-call-inn p { font-size: 16px; line-height: 22px; }
.copyright-section .col-sm-6:first-child { width: 55%; }
.copyright-section .col-sm-6:last-child { width: 45%; }
.copyright-menu ul li:after { padding: 0 10px; }
.cta-image figure img { border-radius: 5px; border: 4px solid #FFD17D; border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; }
.inner-banner .banner-btns { padding-top: 0; }
.about-btn { padding-top: 5px; }
section.why-choose-us-section.why-choose-inn { padding: 40px 0; }
section.testimonial-section.testimonial-page .col-sm-6 { padding: 12px 12px; }
section.testimonial-section.testimonial-page .client-say-box { padding: 20px 20px 65px; }
section.testimonial-section.testimonial-page .client-say-box .clint-name-parent { right: 20px; left: 20px; }
.ftr-call-inn p { font-size: 18px; line-height: 26px; }
section.contact-section .about-ftr h2 { font-size: 25px; line-height: 30px; }
section.contact-section .about-ftr .ftr-call { padding: 10px 10px; margin-bottom: 15px; display: flex;border: none;}
section.contact-section .about-ftr { padding: 25px 15px; }
section.contact-section .about-ftr .ftr-call figure { width: 40px; height: 40px; margin: 0 8px 0 0; }
section.contact-section .about-ftr .ftr-call figure img { max-width: 18px; }
section.contact-section .form-hero.about-form { padding: 20px 30px; }
section.contact-section .b-form-title { margin-bottom: 15px; font-size: 32px; line-height: 38px; }
section.contact-section { padding: 40px 0 0; }
.map-box { height: 320px; }
section.map-section { padding: 0 0 40px; }
section.cta-section.cta-inn { padding: 0 0 40px; }
section.magnolia-services-inn-section { padding: 40px 0; }
.cta-row { padding: 60px 35px; }
section.magnolia-services-inn-section .magnolia-service-lists { margin-top: 10px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a { width: 95px; height: 95px; line-height: 93px; margin: 0 auto 15px; }
/* section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { padding: 25px; } */
section.magnolia-services-inn-section .magnolia-service-lists ul li { padding: 10px 10px; }
section.magnolia-services-inn-section .magnolia-service-lists ul { margin: 0 -10px; }
.magnolia-services-box .services-content { padding: 10px 5px 0 0; }
section.magnolia-services-inn-section .default-css { padding-top: 15px; }
section.services-section.services-inn .services-content { padding: 10px 5px 0 0; }
section.services-section.services-inn .default-css h4, section.services-section.add-on-cleaning .default-css h4, section.magnolia-services-inn-section .default-css h4 { font-size: 20px; line-height: 28px; }
section.services-section.services-inn .default-css, section.services-section.services-inn .default-css { padding-top: 15px; }
section.services-section.add-on-cleaning .services-box > a { display: inline-block; margin-bottom: 15px; }
section.services-section.add-on-cleaning .services-box > a img{ max-width: 54px; }
section.services-section.add-on-cleaning .service-lists ul li { padding: 20px 10px; }
section.services-section.add-on-cleaning .service-lists { margin: 0px auto 15px; }
section.services-section.add-on-cleaning .section-heading h3 { font-size: 16px; line-height: 24px; }
section.magnolia-services-section.add-on-services { padding: 40px 0; }
section.magnolia-services-section.add-on-services .col-sm-7 { width: 60%; }
section.magnolia-services-section.add-on-services .col-sm-5 { width: 40%; }
section.cta-section.cta-inn.specialty-cta .section-heading { padding: 40px 30px 40px 0 !important; }
section.testimonial-section .col-sm-4 { padding: 12px; }
.ginput_recaptcha {transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}
    .mobile-header .header-top-text p {
        display: block;
    }
	.mobile-header .header-top-text p {
    color: #000;
}
	.mobile-header .header-top-text p a {
    color: #000;
}
	.mobile-header .header-top-text p a:hover {
    color: #fff;
}
	   .mobile-header .header-social-item {
        display: block;
    }
	.mobile-header .header-social a img {
    filter: brightness(0);
}
	.mobile-header .header-social a:hover img {
    filter: brightness(0) invert(1);
}
	.mobile-header .header-social a {
    border-right: 1px solid rgb(8 8 8 / 50%);
}
		.mobile-header .header-social a:last-child{border: none;}
	.mobile-header {
    display: flex
}
	
	
}

@media (max-width: 1024px) {
footer.footer .col-sm-5 , footer.footer .col-sm-7 , footer.footer .col-sm-6 , footer.footer .col-sm-3 , footer.footer .col-sm-4{ width: 100%; }
footer.footer { text-align: center;padding: 30px 0 0;}
.ftr-title { margin: 5px 0; background: #FFD17D; color: #000; padding: 7px; }
.ftr-item ul li, .footer-menu ul li { border-bottom: 1px solid rgb(217 217 217 / 30%); padding: 10px 0; }
.ftr-item ul li:last-child, .footer-menu ul li:last-child  { border: none; }
.ftr-title.mobile { display: block !important; }
.footer-menu ul li:after , .copyright-menu ul li:after{display: none;}
.footer-menu ul li { display: block; }
.footer-menu { margin: 0; padding: 0; border-top: none; }
.copyright-section .col-sm-6:last-child { width: 100%; order: 1; }
.copyright-section .col-sm-6:first-child { width: 100%; order: 2; }
.copyright-menu ul { margin: 0; text-align: center; }
.copyright-menu ul li { display: block; border-bottom: 1px solid rgb(217 217 217 / 30%); padding: 10px 0; }
.copyright-section { padding: 0px 0 15px; }
.copyright { padding-top: 10px; }
.ftr-call-row.ftr-call-top { display: block; align-items: inherit; }
.ftr-call { display: block; border-bottom: 1px solid rgb(217 217 217 / 30%); padding: 15px 0; }
.ftr-call:last-child{border: none;}
.ftr-call figure { margin: 0 auto 10px; }
.ftr-mid { padding-top: 0; border: none; }
.about-ftr { padding-bottom: 15px; }
.ftr-call figure img { max-width: 24px; }
.ftr-call figure img { max-width: 26px; }
.logos-parent-row ul { margin: 0 -14px; }
.about-call { font-size: 32px; }
.inner-banner img { height: 200px; object-fit: cover; }
.sidebar-info .ftr-call { display: flex; border-bottom: none; padding: 0 0 15px; }
.sidebar-info .ftr-call figure { margin: 0 6px 0 0; }


}

@media (max-width: 991px) {
.banner-title { font-size: 32px; line-height: 36px; }
.service-lists ul li { width: 33.33%; }
section.magnolia-services-section .heading-title { letter-spacing: 22px; }
.about-call { font-size: 28px; }
.magnolia-service-lists.Commercial-lists { padding: 15px 15px; }
/* section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { padding: 25px 20px 15px; } */
section.magnolia-services-section.add-on-services .col-sm-5 { width: 100%; }
section.magnolia-services-section.add-on-services .col-sm-7 { display: none; }
section.magnolia-services-section.add-on-services .magnolia-service-lists ul { display: flex ; flex-wrap: wrap; }
section.magnolia-services-section.add-on-services .magnolia-service-lists ul li { width: 50%; }
section.testimonial-section .col-sm-4 { width: 50%; }


}

@media (max-width: 900px) {
section.services-detail .col-sm-4 { width: 100%; }
section.services-detail .col-sm-8 { width: 100%; }
.blogpage-single-section .col-sm-4 { width: 100%; }
.blogpage-single-section .col-sm-8 { width: 100%; }	
.service-detail-right.sticky { position: inherit; top: 0; }	
.service-detail-right { margin-top: 30px; }
section.blog-section.blogpage-single-section .col-sm-4 { width: 100%; }
section.magnolia-services-section .heading-title { letter-spacing: 16px; }
section.about-section .col-sm-8 { width: 100%; }
section.about-section .col-sm-4 { width: 100%; }
.form-hero.about-form { margin-top: 30px; }
section.about-section:after { background-position: top 30px center; background-size: 40%; }
section.blog-section .col-sm-4 { width: 50%; }
.magnolia-services-box h3 { font-size: 18px; line-height: 24px; }
section.magnolia-contant-section { padding: 30px 0;text-align: center; }
section.magnolia-contant-section .col-sm-3 { width: 100%; }
section.magnolia-contant-section .col-sm-9 { width: 100%; }
.about-call { font-size: 20px; background: #ffd17d; display: inline-block; margin-top: 15px; padding: 5px 15px 5px 15px; text-align: center;         border-radius: 4px;} 
.about-call::after{display: none;}
section.magnolia-contant-section:before { background-position: bottom center; }
section.contact-section .col-sm-8 { width: 100%; padding-left: 12px; }
section.contact-section .col-sm-4 { width: 100%; padding-right: 12px; }
section.contact-section .form-hero.about-form { border: 1px solid rgba(35, 31, 32, 0.40) !important; border-radius: 4px !important;padding: 20px 20px;height: auto; }
section.contact-section .about-ftr .ftr-call { display: block; text-align: center; }
section.contact-section .about-ftr .ftr-call figure { margin: 0 auto 10px; }
section.contact-section .about-ftr { height: auto; }
.sidebar-info { display: none; }
figure.fimgs { margin-bottom: 15px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li {
    width: 33.33%;
}


}

@media (max-width: 812px) {
h1 {font-size: 25px;line-height: 30px;}
h2 {font-size: 22px;line-height: 30px;}
h3 {font-size: 20px;line-height: 25px;}
h4 {font-size: 18px;line-height: 24px;}
h5 {font-size: 16px;line-height: 22px;}
h6 {font-size: 14px;line-height: 20px;}
.default-css ul { margin-bottom: 10px; }  
.banner-title { font-size: 25px; line-height: 32px; }
a.theme-btn { padding: 9px 15px; font-size: 15px; line-height: 20px; min-width: 90px; }
.radius { width: 60px; height: 60px; }
.radius .border-animation, .place { line-height: 59px; } 
.place img { max-width: 20px; }
.lb-nav a.lb-prev, .lb-nav a.lb-next { width: 30px !important; height: 40px; background-size: 15px !important; }

@keyframes rounder1 { from { transform: scale(1); } to { transform: scale(1.29); } }
@keyframes rounder2 { from { transform: scale(1); } to { transform: scale(1.59); } }
@keyframes rounder3 { from { transform: scale(1); } to { transform: scale(1.89); } }

.sidebar-title { font-size: 22px; line-height: 28px; }
.form-hero.about-form input.button.gform_button, .form-hero.service-detail-list input.button.gform_button { padding: 9px 25px !important; font-size: 16px !important; }
.estimatin-detail h4 { font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.nav-next a, .nav-previous a { padding: 8px 20px 8px; font-size: 14px; line-height: 20px; } 
.service-detail-list { margin: 0px 0 15px; }
.blog-img-single > figure { margin-bottom: 10px; }
.service-detail-right .form-hero { margin: 0px 0 15px; }	
figure.fimgs { margin-bottom: 15px; }
.estimatin-title { font-size: 22px; line-height: 32px; }
.pagination-parent { padding-top: 15px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { width: 32px !important; height: 32px !important; margin: 3px !important; font-size: 20px; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink, .next.page-numbers, .prev.page-numbers { background-size: 24px !important; }
.wp-pegination a.nextpostslink:hover, .wp-pegination a.previouspostslink:hover, .next.page-numbers:hover, .prev.page-numbers:hover { background-size: 24px !important; }	
section.banner-section p { font-size: 16px; line-height: 24px; }
.banner-btns { padding-top: 5px; }
section.banner-section { padding: 70px 0; }
.heading-title { font-size: 25px; line-height: 28px; }
.review-heading { font-size: 50px; line-height: 40px; margin-bottom: 5px; }
.review-box figure img { max-width: 120px; }
.review-box p { font-size: 16px; line-height: 16px; }
.star img { max-width: 20px; }
.sub-heading { font-size: 15px; }
section.magnolia-services-section .heading-title { letter-spacing: 14px; }
section.magnolia-pro-services-section .service-lists ul li { width: 50%; }
section.magnolia-pro-services-section .service-lists ul li::before { position: absolute; content: ''; width: 100%; height: 1px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.00) 10.58%, #333 50%, rgba(102, 102, 102, 0.00) 88.94%); right: 0; left: 0; bottom: 0; }
.magnolia-pro-services-box { padding: 10px 10px; }
section.magnolia-pro-services-section .service-lists { overflow: hidden; }
section.magnolia-pro-services-section .service-lists ul { margin: 0 -15px -3px; }
.testimonial-row .col-sm-3 { width: 40%; }
.testimonial-row .col-sm-9 { width: 60%; }
.cta-btns { padding-top: 5px; }
.form-hero { padding: 20px 20px; }
.star { margin-bottom: 10px; }
.magnolia-services-row .col-sm-6 { width: 100%; }
.magnolia-service-lists { height: auto; max-width: 100%; }
.magnolia-services-row:after { width: 100%; }
.magnolia-service-lists ul li { width: 50%; }
.magnolia-service-lists ul { display: flex ; flex-wrap: wrap; }
.logos-parent-row ul li { padding: 10px 10px; }
.logos-parent-row ul { margin: 0 -10px; }
.logos-parent-row ul li:after { top: -20px; bottom: -20px; }
.magnolia-service-lists h2 { text-align: center; }
section.testimonial-section.testimonial-page .client-say-box { padding: 15px 15px 65px; }
section.testimonial-section.testimonial-page .client-say-box .clint-name-parent { right: 15px; left: 15px; }
section.map-section .col-sm-6 { width: 100%; margin-bottom: 24px; }
section.map-section .col-sm-6:last-child{margin: 0;}
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a { width: 80px; height: 80px; line-height: 80px; margin: 0 auto 10px; }
section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box > a img{max-width: 48px;}
/* section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { padding: 10px 15px 10px; } */
section.magnolia-services-inn-section .magnolia-service-lists ul li {
        padding: 8px 8px;
    }
section.magnolia-services-inn-section .magnolia-service-lists ul { margin: 0 -8px; }
section.services-section.services-inn .default-css h4, section.services-section.add-on-cleaning .default-css h4, section.magnolia-services-inn-section .default-css h4{ font-size: 18px; line-height: 24px; }
section.services-section.add-on-cleaning .service-lists ul li { padding: 15px 10px; }
section.services-section.add-on-cleaning .services-box h3 { font-size: 17px; line-height: 24px; }
section.services-section.add-on-cleaning .service-lists ul { margin: 0 -10px; }
.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; padding: 6px 15px 6px 10px !important; height: 40px;}
.gform_wrapper .gfield { padding: 0 5px 10px; }
.form-hero .gform_body { margin: 0 -5px; }
.gform_wrapper textarea.medium { height: 60px !important; }
.form-hero input.button.gform_button { padding: 10px 25px !important; font-size: 16px !important; line-height: 22px !important; }
.popup-form .form-hero { padding: 20px 20px; }



}

@media (max-width: 767px) {
.magnolia-service-lists.Commercial-lists { padding: 15px 15px; margin: 0; } 
.about-call { font-size: 20px; }
section.magnolia-services-section .heading-title { font-size: 30px; }
.magnolia-services-row { margin-top: 10px; padding: 0px 0 15px; }



}

@media (max-width: 700px) {
.testimonial-row .col-sm-3 { width: 100%;order: 1; }
.testimonial-row .col-sm-9 { width: 100%;order: 2; }
.review-box { padding: 20px 15px 10px; max-width: 100%; height: auto; margin-bottom: 15px; }
section.magnolia-services-section .heading-title { font-size: 27px; }
section.cta-section .section-heading { padding-left: 0px; }
section.cta-section:before { display: none; }
.banner-btns a.theme-btn.btn-yellow, .services-btn a.theme-btn.btn-black, .about-btn a.theme-btn.btn-black, .why-choose-btn a.theme-btn.btn-black, .cta-btns a.theme-btn.btn-white , .cta-btns a.theme-btn.btn-black { margin-left: 3px; }
section.cta-section .col-sm-4 { display: none; }
section.cta-section .col-sm-8 { width: 100%; }
section.cta-section { padding: 40px 0; }
.logos-parent-row ul { flex-wrap: wrap;margin: 0 -6px; }
.logos-parent-row ul li figure img { max-height: 40px; max-width: 150px; }
.logos-parent-row ul li:after { display: none; }
.logos-parent-row ul li figure { height: 60px; align-content: center; background: #FFF; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.20); padding: 10px; }
.logos-parent-row ul { flex-wrap: wrap; align-items: inherit; }
.logos-parent-row ul li { height: 100%; padding: 6px 6px; width: 33.33%; text-align: center; }
section.about-section.about-inn .col-sm-8 { width:100%;order: 2; }
section.about-section.about-inn .col-sm-4 { width:100%;order: 1; }
.about-img { margin-bottom: 20px; }
.about-img img{height: 100%; width: 100%;object-fit: cover;}
/* section.magnolia-services-inn-section.commercial-inn .magnolia-service-lists ul li { width: 33.33%; } */
section.services-section.add-on-cleaning .service-lists ul li { width: 33.33%; }
section.cta-section.cta-inn.specialty-cta .col-sm-5 { display: none; }
section.cta-section.cta-inn.specialty-cta .col-sm-7 { width: 100%; }
section.cta-section.cta-inn.specialty-cta .section-heading { padding: 40px 20px 40px 20px !important; }
section.magnolia-services-inn-section .magnolia-service-lists ul li { width: 50%; }

}

@media (max-width: 600px) {
section.magnolia-services-section .heading-title { font-size: 25px; }
/* section.magnolia-services-inn-section .magnolia-service-lists ul li { width: 50%; } */
section.testimonial-section .col-sm-4 { width: 100%;padding: 6px 12px; }



}

@media (max-width: 575px) {
.form-hero { padding: 15px 15px; }
a.theme-btn { padding: 9px 10px; font-size: 14px; line-height: 20px; min-width: 90px; }
section.banner-section { padding: 50px 0; }
.service-lists ul li { width: 50%;padding: 2px; }
.service-lists ul { margin: 0 -2px -1px; }
.services-box h3 { font-size: 16px; line-height: 22px; min-height: 44px; }
.services-content img { max-width: 38px; margin-bottom: 6px; }
section.magnolia-services-section .heading-title { font-size: 22px;letter-spacing: 12px; }
section.about-section:after { background-position: top 100px center; background-size: 60%; }
.client-say-box { padding: 15px 0px 15px;height: auto; }
.clint-name-parent { position: initial; }
section.testimonial-section .carousel .carousel-inner .carousel-item { height: auto; }
section.testimonial-section .carousel .carousel-inner { height: auto; }
section.testimonial-section .carousel { height: auto; }
.testimonial-top-row { padding: 1px 15px 80px 15px; }
section.testimonial-section .carousel-control-next, section.testimonial-section .carousel-control-prev { bottom: -70px !important; }
section.testimonial-section .carousel-control-prev { left:38%;transform: translateY(-50%); }
section.testimonial-section .carousel-control-next { right: 38%; transform: translateY(-50%); }
.blog-item h3 { margin-bottom: 5px; }
.ftr-item ul li, .footer-menu ul li { padding: 7px 0; }
.copyright-menu ul li { padding: 7px 0; }
.clint-name-parent figure { margin-right: 15px; }
.logos-parent-row ul li figure img { max-height: 38px; max-width: 130px; }
.magnolia-service-lists h2 { font-size: 24px; line-height: 30px; }
section.testimonial-section.testimonial-page .col-sm-6 { padding: 7px 12px; }
section.testimonial-section.testimonial-page .client-say-box { padding: 15px 15px 15px; }
section.contact-section .form-hero.about-form { padding: 20px 15px; }
.map-box { height: 280px; }
.cta-row { padding: 40px 15px; }
/* section.magnolia-services-inn-section .magnolia-service-lists ul li .magnolia-services-box { padding: 10px 10px 10px; } */
/* section.magnolia-services-inn-section.commercial-inn .magnolia-service-lists ul li { width: 50%; } */
.magnolia-services-box h3 { font-size: 16px; line-height: 22px; }
.inner-banner .banner-title { font-size: 22px; line-height: 26px; }
section.services-section.services-inn .service-lists ul li { padding: 5px; }
section.services-section.services-inn .service-lists ul { margin: 0 -5px px; }
section.services-section.add-on-cleaning .service-lists ul li { width: 50%; }
section.cta-section.cta-inn.specialty-cta .section-heading { padding: 30px 15px 30px 15px !important; }
.popup-form .form-hero { padding: 15px 15px; }
.magnolia-services-box .services-content { padding: 10px 0px 0 0; }
.header-top-text p {
    font-size: 16px;
    letter-spacing: normal;
}

}

@media (max-width: 525px) {
.gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
section.magnolia-services-section .heading-title { font-size: 22px; letter-spacing: 10px; }
section.testimonial-section .carousel-control-prev { left:36.5%; }
section.testimonial-section .carousel-control-next { right: 36.5%; }
section.blog-section .col-sm-4 { width: 100%;padding: 7px 12px; }
.logos-parent-row ul li{width: 50%;}
.magnolia-service-lists ul li { padding: 7px 10px; width: 100%; }
section.magnolia-services-section.add-on-services .magnolia-service-lists ul li { padding: 7px 10px; width: 100%; }

}

@media (max-width:480px) {
section.magnolia-services-section .heading-title { font-size: 20px; letter-spacing: 8px; }
section.testimonial-section .carousel-control-prev { left:34.7%; }
section.testimonial-section .carousel-control-next { right: 34.7%; }
section.magnolia-contant-section:before { display: none; }


}

@media (max-width:420px) {
section.magnolia-services-section .heading-title { font-size: 20px; letter-spacing: 5px; }
section.testimonial-section .carousel-control-prev { left:33%; }
section.testimonial-section .carousel-control-next { right: 33%; }
.logos-parent-row ul li figure img { max-height: 32px; max-width: 120px; }
.logos-parent-row ul li figure { height: 52px; }
.map-box { height: 270px; }
section.services-section.services-inn .service-lists ul li { width: 100%; }
    section.magnolia-services-inn-section .magnolia-service-lists ul li {
        width: 100%;
    }


}

@media (max-width:390px) {
section.testimonial-section .carousel-control-prev { left:31%; }
section.testimonial-section .carousel-control-next { right: 31%; }
a.theme-btn { font-size: 13px; }

}

@media (max-width:360px) {
section.magnolia-services-section .heading-title { font-size: 18px; letter-spacing: 5px; }
section.testimonial-section .carousel-control-prev { left:30%; }
section.testimonial-section .carousel-control-next { right: 30%; }

}