/*
 Theme Name:   Twenty Twenty-One Child
 Theme URI:    https://diviextended.com/
 Description:  A child theme of Twenty Twenty-One WordPress theme.
 Author:       Elicus Technologies
 Author URI:   https://elicus.com
 Template:     twentytwentyone
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("../twentytwentyone/style.css");
:focus-visible{
    outline:none!important;
}
a:hover{
    cursor:none!important;
}
#mega-menu-wrap-primary .mega-menu-toggle{
    cursor:none!important;
}
.panel-layout {
    max-width: 100%!important;
    width: 100%;
}
.wp-custom-logo .site-header {
    align-items: center;
    max-width: 90%;
    padding:30px 0;
    padding-top:0;
}
img.custom-logo{
    max-width:100%!important;
    outline:none!important;
    max-height:116px!important;
}
.site-footer > .site-info{
	border-top:1px solid #bbb;
}
.primary-navigation {
    position: relative;
    margin-left: auto;
    margin-right: 0;
}
.site-header > .site-logo {
    width: 50%;
    padding-bottom: 0;
    border-bottom: none;
    text-align: left;
}
.home-content {
    max-width: 1500px;
    margin: auto;
    padding: 3rem 0 6rem;
}
.featured-heading h2 {
    font-size: 32px;
    font-weight: 100;
    font-style: italic;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1:before{
    display:none!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
    line-height:50px!important;
}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item{
    padding:10px 0;
}
#mega-menu-wrap-primary {
    clear: both;
    padding: 15px 50px;
    border: 2px solid #000;
    border-radius: 40px;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
    opacity:0;
}
#header-above {
    font-size: 70px;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    position: absolute;
    left: 0;
    right: 0;
    top: -130px;
}
.above-hero {
    text-align: center;
    position: relative;
    width: 100%;
    z-index: 999;
}
.hero-section {
    width: 100%;
    height: 100vh;
    background-image: url(/wp-content/uploads/2023/08/home-hero-new-3-jpg.webp);
    background-size: cover;
    background-position: center;
    margin-top: 60px;
}
h2 {
    font-size: 50px!important;
    font-family: 'Playfair Display';
    font-weight: 400!important;
    letter-spacing: 2px;
    padding-bottom: 20px;
    position:relative;
    width:fit-content;
}
h2:after {
    content: '';
    width: 36%;
    height: 2px;
    background-color: purple;
    display: block;
    position:absolute;
}
h2.right-align:after {
    right: 0;
}
.under-row {
    margin-top: -12rem;
    margin-bottom: 14rem;
}
.under-hero {
    max-width: 750px;
    position:relative;
}
h2.right-align {
    text-align: right;
    margin-left:auto;
}
.img-container {
    position: absolute;
    width: 120%;
    left: -105px;
    z-index: -1;
    margin-top: 50px;
}
.service-btn {
    padding: 0px 10px;
    border: 1px solid;
    display: inline-block;
    text-decoration: none!important;
    margin-top: 20px;
    transition:.3s ease;
}
.service-btn:hover {
    background: #000;
    color: #fff!important;
    transition: .3s ease;
}
.lux-text-box {
    padding: 0 0 0 40px;
}
.portfolio-row {
    padding-top: 0!important;
}
.lux-row{
    padding-bottom:0!important;
}
.blog-content{
    max-width:1200px;
    margin:auto;
}
.single-post p {
    margin: 10px;
    font-size: 16px;
}
h2.bdp-post-title {
    font-size: 18px!important;
    font-weight: 700!important;
    font-family: arial;
}
h2.bdp-post-title:after{
    display:none!important;
}
h3 {
    font-size: 40px!important;
    font-family: 'Playfair Display';
    font-weight: 400!important;
    letter-spacing: 2px;
    margin-top:10px;
}
.bottom-phone {
    font-size: 80px;
    font-family: 'Playfair Display';
    line-height: 1;
}
.lets-talk {
    max-width: fit-content!important;
    margin-left: auto;
    margin-right:auto;
}
.center-align {
    text-align: center;
}
.widget-area {
    display: flex;
    max-width: 100%;
    flex-direction: column;
    margin-top:0;
}
.footer-address p {
    font-size: 34px;
    line-height: 40px;
}
.footer-address {
    max-width: fit-content;
    margin-left: auto;
}
.footer-logo {
    max-width: 458px;
}
.logo-address-inner{
    max-width:90%;
    margin:auto;
}
.logo-address {
    padding: 50px 0;
    background-color: #fbfafa;
}
.cursor2 {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    position: fixed;
    transform: translate(-50%, -50%);
    pointer-events: none;
    transition: width .3s, height .3s, opacity .3s;
    border: 1px solid #b1a6a6;
    z-index:99999;
}
.hover {
  background-color: red;
  opacity: 0.5;
}
.cursorinnerhover {
  width: 50px;
  height: 50px;
  opacity: .5;
}
* {
  cursor: none!important;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after{
    cursor:none;
}
.bdp-post-title a:hover{
    text-decoration:underline!important;
}
.our-serv-row {
    padding: 0;
    max-width: 1200px;
}
.serv-do-inner{
    height: 384px;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: flex-end;
    padding: 20px;
    color: #fff;
    background-color: #00000030;
    background-blend-mode: overlay;
    transition:.3s ease;
}
.serv-do-inner:hover {
    background-color: #00000000;
    transition: .3s ease;
}
.serv-do-inner p {
    font-size: 24px;
}
.interior-card-bg{
    background-image: url(/wp-content/uploads/2023/07/Twin-Room-scaled.jpg);
}
.refurb-card-bg {
    background-image: url(/wp-content/uploads/2023/08/SNUG-wide-jpg.webp);
    background-position: bottom;
}
.kitchen-card-bg{
    background-image:url(/wp-content/uploads/2023/06/Kitchen.jpg);
}
.cabin-card-bg{
    background-image:url(/wp-content/uploads/2023/08/dressing-room-card-jpg.webp);
}
.curtain-card-bg{
    background-image:url(/wp-content/uploads/2023/07/wave-curtains.png);
}
.bathroom-card-bg {
    background-image: url(/wp-content/uploads/2023/08/0O9A2780-edit-Edit-copy-card.jpg);
}
.serv-do-container a {
    text-decoration: none;
}
.serv-do-container a:hover {
    text-decoration: underline;
    text-decoration-color: #fff;
}
.service-hero {
    background-image: url(/wp-content/uploads/2023/08/our-services-hero-scaled.webp);
    background-position: center;
}
.portfolio-hero {
    background-image: url(/wp-content/uploads/2023/08/0O9A3033-edit-Edit-copy-jpg.webp);
    background-position: center;
}
.meet-team-row h2 {
    font-size: 32px!important;
}
.team-hero{
    background-image:url(/wp-content/uploads/2023/08/Group-photo-1-jpg.webp);
}
a.mega-menu-link {
    transition: .3s ease!important;
}
a.mega-menu-link:hover {
    margin-left: 10px!important;
    transition: .3s ease!important;
}
.h3-title {
    font-size: 22px!important;
    margin-bottom: 5px;
    margin-top: 40px;
    font-weight: 700!important;
}
.service-content p {
    margin: 10px 0;
}
.id-title {
    font-size: 28px!important;
    font-weight: 600!important;
    margin-bottom: 20px;
}
.contitle {
    font-size: 24px!important;
    font-weight: 600!important;
    margin-top: 38px;
}
.lets-talk textarea {
    max-height: 150px;
}
.lets-talk .wpcf7-submit, .contact-us-form-box .wpcf7-submit {
    padding: 0px 10px;
    border: 1px solid;
    display: inline-block;
    text-decoration: none!important;
    margin-top: 20px;
    background-color: #fff!important;
    color: #28303d!important;
    text-transform: lowercase;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea{
    border-color:#e3e3e3!important;
}
h3.serv-head {
    font-size: 28px!important;
    line-height: 36px;
}
.service-interior-des-hero {
    background-image: url(/wp-content/uploads/2023/07/Twin-Room-scaled.jpg);
}
.service-refurb-hero {
    background-image: url(/wp-content/uploads/2023/08/SNUG-wide-hero-jpg.webp);
}
.service-cabinetry-hero {
    background-image: url(/wp-content/uploads/2023/07/cabinetry-banner.jpg);
    background-position: center;
}
.service-furniture-hero{
    background-image: url(/wp-content/uploads/2023/08/bespoke-cabin-hero-new-jpg.webp);
    background-position: center;
}
.service-kitchen-hero {
    background-image: url(/wp-content/uploads/2023/07/Kitchen-banner-new-2.jpg);
}
.service-curtain-hero {
    background-image: url(/wp-content/uploads/2023/07/wave-curtains.png);
}
.service-bathroom-hero {
    background-image: url(/wp-content/uploads/2023/08/0O9A2780-edit-Edit-copy.jpg);
    background-position: center;
}
.service-interior-des-sherb-hero {
    background-image: url(/wp-content/uploads/2023/08/Interior-Designers-Sherborne-2-jpg.webp);
}
.service-interior-des-pound-hero {
    background-image: url(/wp-content/uploads/2023/08/Interior-Designers-Poundbury-2-jpg.webp);
}
.service-interior-des-sand-hero {
    background-image: url(/wp-content/uploads/2023/08/Interior-Designers-Sandbanks-2-jpg.webp);
}
.blog-hero{
    background-image:url(/wp-content/uploads/2023/10/partners-in-design-home-7.jpg);
}
.id-title:after{
    display:none;
}
.serv-cont-row {
    margin: 5rem auto;
}
.fox-cottage-card-bg {
    background-image: url(/wp-content/uploads/2023/07/Fox-Cottage-bg.jpg);
}
.hornash-card-bg {
    background-image: url(/wp-content/uploads/2023/07/hornash.jpg);
}
.luxury-card-bg {
    background-image: url(/wp-content/uploads/2023/07/lux.jpg);
}
.cerne-card-bg {
    background-image: url(/wp-content/uploads/2023/07/attic-1.jpg);
}
.georgian-house-card-bg {
    background-image: url(/wp-content/uploads/2023/07/Drawing-room.jpg);
}
.georgian-town-card-bg {
    background-image: url(/wp-content/uploads/2023/07/Drawing-room-1.jpg);
}
.ollerod-card-bg {
    background-image: url(/wp-content/uploads/2023/07/OLLEROD-LAUNCH-PARTY-SRGB-FOR-WEB-SOCIAL-MEDIA-13.jpg);
}
.bath-card-bg {
    background-image: url(/wp-content/uploads/2023/07/IMG_6995.jpg);
}
.hotel-wiltshire-card-bg {
    background-image: url(/wp-content/uploads/2023/07/hotel-wiltshire-bg.jpg);
}
.country-house-card-bg {
    background-image: url(/wp-content/uploads/2023/07/3.jpg);
}
.reg-town-card-bg {
    background-image: url(/wp-content/uploads/2023/07/5-1-1.jpg);
}
.cottage-village-card-bg {
    background-image: url(/wp-content/uploads/2023/07/6-1.jpg);
}
.c-h-wiltshire-card-bg {
    background-image: url(/wp-content/uploads/2023/07/8.jpg);
}
.g-t-house-card-bg {
    background-image: url(/wp-content/uploads/2023/07/9.jpg);
}
.n-h-p-card-bg {
    background-image: url(/wp-content/uploads/2024/04/0O9A6451-edit-Edit-big-jpg.webp);
}
.coastal-card-bg {
    background-image: url(/wp-content/uploads/2023/08/ch-1-jpg.webp);
}
.vic-card-bg {
    background-image: url(/wp-content/uploads/2023/08/vh-2-jpg.webp);
}
.d-c-p-card-bg {
    background-image: url(/wp-content/uploads/2024/05/Coastal-property-living-room-after-2.png);
}
.port-cont-row {
    margin: 6rem auto;
}
.portfolio-text h1 {
    font-size: 30px;
    font-family: 'Playfair Display';
    margin-bottom: 2rem;
    font-weight: 400;
    letter-spacing: 2px;
}
.contact-us-text p {
    margin: 8px 0px;
}
.contact-us-text h1 {
    font-size: 30px;
    font-family: 'Playfair Display';
    margin-bottom: 1rem;
    font-weight: 400;
    letter-spacing: 2px;
}
.contact-map {
    max-width: 450px;
    margin-top: 50px;
}
label.hundred {
    width: 98%;
    display:block;
    margin-right:1%;
    margin-left:1%;
}
label.fifty {
    width: 48%;
    float: left;
    margin-right: 1%;
    margin-left:1%;
}
.wpcf7-select{
    width:100%;
}
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], .site textarea, .wpcf7-select {
    color: #48484A;
    border: solid 1px #DDD;
    box-shadow: inset 0 0 10px #EAEAEA;
    border-radius: 5px;
    padding: 16px;
    width:100%;
}
.wpcf7-form-control-wrap {
    position: relative;
    max-width: 100%;
    width: 100%;
    display: grid;
}
.contact-us-form-box {
    max-width: 920px;
    margin: auto;
}
.contact-form-row {
    padding-top: 100px;
    border-top: 1px solid #dddddd;
}
.contact-us-form-box h2 {
    font-size: 30px!important;
    font-family: 'Playfair Display';
    letter-spacing: 2px;
}
.contact-us-form-box h2:after{
    display:none;
}
.contact-us-form-box p {
    margin-bottom: 20px;
}
.lets-talk label.fifty {
    width: 98%;
}
.our-process-title h2 {
    transform: rotate(-90deg);
    position: absolute;
    bottom: 44%;
    font-size: 66px!important;
}
.process-row{
    position:relative;
}
.process-box-outer {
    display: flex;
    flex-wrap: wrap;
}
.process-box {
    width: 50%;
    padding:0 10px;
}
.process-hero {
    background-image: url(/wp-content/uploads/2023/07/Formal-living-room-sm.jpg);
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button){
    background:transparent!important;
    color:var(--global--color-dark-gray)!important;
}
.post-navigation .meta-nav{
    color:var(--global--color-dark-gray)!important;
}
.content-area{
    overflow:hidden;
}
.blog-content {
    padding: 30px;
}
.post h2:after{
    display:none;
}
h1.blog-h1 {
    font-size: 52px;
    font-family: 'Playfair Display';
    font-weight: 400;
    line-height:1.15;
}
.big-text {
    font-size: 74px;
    font-weight: 600;
}
.blog-content p {
    text-align: justify;
}
h1.big-head {
    font-size: 6rem;
}
span.quote {
    font-size: 24px;
}
span.intro-text {
    font-weight: 700;
}
h3.blog-sub-head, h2.blog-sub-head {
    font-size: 26px!important;
}
a.seo-link {
    text-decoration: none;
    font-weight: 500;
}
.blog-box .center-align {
    margin-bottom: 30px;
}
.menu-address {
    margin-top: 10%;
    padding: 0 10px;
    font-size: 24px;
    color: #fff;
    font-family: Lato;
}
.bit-bigger {
    font-size: 30px;
    font-weight: 500;
}
.zoom-img{
    width:50%;
}
.clipper{
    text-align:center;
}
.center {
    text-align: center;
}
.footer-loca a {
    text-decoration: none;
}
.float-contact {
    position: fixed;
    bottom: 5%;
    left: 3%;
    margin: 0;
    padding: 15px 30px;
    background: rgb(5 57 77 / 22%);
    backdrop-filter: blur(10px);
    border-radius: 50px;
    border: 1px solid rgb(169 168 168 / 0%);
    text-transform: uppercase;
    font-size: 18px;
    z-index: 999;
}

.float-contact a {
    color: #fff!important;
    text-decoration: none;
}
.float-contact i {
    padding-left: 10px;
    transform: rotate(45deg);
    font-size: 24px;
    transition:.3s ease;
}
.float-contact:hover .fa-circle-arrow-up {
    transform: rotate(90deg);
    padding-left: 8px;
    transition: .3s ease;
}
.above-head {
    text-align: right;
    max-width: 90%;
    margin: auto;
    padding-top: 30px;
}

.above-phone {
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'Lato';
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.04);
    letter-spacing: 2px;
    font-weight: 300;
}
.blog-row {
    max-width: 1300px;
    margin: auto;
    padding: 40px 20px;
}

.blog-row h2.bdp-post-title {
    width: 100%;
}

.blog-row .bdp-post-image-bg {
    max-width: 800px;
    margin: auto;
}

.blog-row .bdp-post-content {
    max-width: 800px;
    margin: auto;
}

.blog-row .bdp-post-grid {
    padding: 50px 15px;
}
@media(max-width:1500px){
    .home-content{
        padding-left:35px;
        padding-right:35px;
    }
    h2{
        font-size:46px!important;
    }
}

@media(max-width:1400px){
    h2 {
        font-size: 40px!important;
    }
}

@media(max-width:1300px){
    .img-container{
        width:115%;
    }
}

@media(max-width:1236px){
    .under-row{
        margin-top:-10rem;
    }
    .welcome-row {
        margin-bottom: 20rem;
    }
    .houzz-row {
        padding: 0 20px;
    }
    h2 {
        font-size: 36px!important;
    }
    .meet-team-row h2 {
        font-size: 30px!important;
    }
}

@media(max-width:1200px){
    .under-row.top-row {
        margin-top: -8rem;
        margin-bottom: 12rem;
    }
}

@media(max-width:1150px){
    #header-above{
        font-size:70px;
    }
    .int-des-bo .panel-grid-cell {
        width: 70%!important;
        margin: auto;
    }
    .int-des-bo {
        flex-wrap: wrap!important;
    }
    .int-des-bo .lux-text-box {
        padding: 50px 0;
    }
    .int-des-bo .right-align {
        text-align: center;
    }
    .int-des-bo h2.right-align::after {
        right: 5%;
    }
    .home-content{
        padding:3rem 35px;
    }
    .portfolio-row {
        padding-top: 2rem!important;
    }
    .meet-team-row h2 {
        font-size: 28px!important;
    }
    .our-serv-row{
        padding-top:0;
        padding-bottom:0;
    }
}
@media(max-width:1100px){
    .home-under{
        margin-top:90px;
    }
    .id-title{
        font-size:24px!important;
    }
    .meet-team-row h2 {
        font-size: 26px!important;
    }
}
@media(max-width:1050px){
    #header-above {
        font-size: 60px;
        top:-120px;
    }
    .welcome-row {
        margin-bottom: 25rem;
    }
    h2.bdp-post-title{
        font-size:16px!important;
    }
    .meet-team-row h2 {
        font-size: 24px!important;
    }
    h3{
        font-size:34px!important;
    }
}
@media(max-width:1000px){
    .bottom-phone{
        font-size:54px!important;
    }
    h2 {
        font-size: 34px!important;
    }
    .entry-content p {
        font-size: 18px;
    }
    .meet-team-row h2 {
        font-size: 22px!important;
    }
}
@media(max-width:962px){
    .int-des-bo h2.right-align::after {
        right: 33%;
    }
}
@media(max-width:950px){
    .home-under {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .home-content {
        flex-wrap: wrap!important;
        text-align:center;
        padding:2rem 35px;
    }
    .under-row.top-row {
        margin-top: 0;
        margin-bottom: 12rem;
    }
    .under-hero h2 {
        text-align: center;
        margin: auto;
    }
    .home-content .panel-grid-cell {
        width: 75%!important;
        margin: auto;
    }
    .img-container {
        position: relative;
        width: 100%;
        left: 0;
    }
    .welcome-box {
        margin-top: 40px!important;
    }
    .welcome-row {
        margin-bottom: 5rem;
    }
    .lux-text-box {
        padding: 40px 0 0 0;
    }
    h2.right-align {
        text-align: center;
        margin: auto;
    }
    .under-hero{
        margin-bottom:40px;
    }
    .bdp-post-grid-main, .bdp-list-main, .bdpgridbox-main, .bdp-post-masonry {
        margin: auto;
        display: flex;
        flex-wrap: wrap;
    }
    .bdp-medium-4 {
        width: 51%;
        margin: auto;
    }
    .talk-left, .talk-right {
        text-align: center;
    }
    .sow-image-container {
        justify-content: center;
    }
    .serv-do-container {
        margin: 15px 0;
    }
    .left-box {
        text-align: center;
    }
    .serv-map {
        margin-bottom: 40px;
    }
    .right-box {
        text-align: center;
    }
    #mob-rev {
        flex-direction: column-reverse!important;
        display:flex;
    }
    #mob-rev img {
        margin-bottom: 40px;
    }
    .our-process-title h2 {
        transform: none!important;
        position: relative;
        bottom: 0;
        text-align: center;
        margin: auto;
    }
    h3 {
        font-size: 32px!important;
    }
    .process-box {
        width: 100%;
        padding: 15px;
    }
    .our-serv-row {
        padding: 15px 35px 0;
    }
    #mob-marg {
        margin-bottom: -45px;
    }
    .contact-us-text {
        margin-top: 40px;
    }
    .contact-map {
        margin: 50px auto;
    }
    .contact-us-form-box h2{
        margin:auto;
    }
    .service-content {
        margin-top: 40px;
    }
    h2.right-align:after{
        left:0;
    }
    h2 {
        font-size: 30px!important;
    }
    .blog-content .panel-grid-cell {
        width: 75%!important;
        margin:auto;
    }
    .blog-content {
        flex-wrap: wrap!important;
    }
    .portfolio-text {
        margin: 60px 0;
    }
    h2.bdp-post-title{
        margin: 0 auto 15px!important;
    }
}
@media(max-width:900px){
    #header-above {
        font-size: 44px;
        top: -90px;
    }
    .logo-address .panel-grid-cell {
        width: 100%!important;
    }
    .logo-address .panel-grid {
        flex-wrap: wrap!important;
    }
    .footer-logo {
        margin: 30px auto!important;
    }
    .footer-address {
        text-align: center;
        margin: auto;
    }
    .int-des-bo h2.right-align::after{
        display:none;
    }
    .home-content .panel-grid-cell{
        width:85%!important;
    }
}
@media(max-width:800px){
    .zoom-img {
        width: 100%;
    }
}
@media(max-width:780px){
    .home-content .panel-grid-cell {
        width: 100%!important;
    }
    #mob-marg {
        margin-bottom: -15px;
    }
    #mob-rev .under-hero {
        margin-bottom: 0px;
    }
    .bdp-medium-4 {
        width: 90%;
        margin: auto;
    }
    .blog-content .panel-grid-cell {
        width: 100%!important;
        margin: auto;
    }
}
@media(max-width:680px){
    #header-above {
        font-size: 36px;
        top: -74px;
    }
}
@media(max-width:539px){
    #header-above{
        font-size:34px;
    }
    #mega-menu-wrap-primary{
        padding:5px 25px;
    }
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary{
        max-width:70%;
    }
    h2 {
        font-size: 26px!important;
    }
    .h3-title{
        font-size:20px!important;
    }
    .site-header > .site-logo{
        width:65%;
    }
    h2:after{
        display:none;
    }
    .our-process-title h2{
        font-size:52px!important;
        padding-bottom:0;
    }
}
@media(max-width:509px){
    .home #header-above{
        top:-140px;
    }
}
@media(max-width:481px){
    .menu-button-container {
        display: none;
    }
    .primary-navigation{
        margin-top:20px;
    }
}
@media(max-width:414px){
    #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link{
        font-size:24px;
    }
    .page-id-216 #header-above {
        top: -135px;
    }
    .serv-cont-row {
        margin: 2rem auto;
    }
    .hero-section{
        height:40vh;
    }
    label.fifty{
        width:98%;
    }
    .port-cont-row {
        margin: 0 auto;
    }
    .above-head{
        text-align:center;
    }
    ul#mega-menu-primary {
        padding: 10px 0 0 30px!important;
    }
    #mega-menu-wrap-primary .mega-menu-toggle + #mega-menu-primary {
        max-width: 80%;
    }
}
@media(max-width:390px){
    .primary-navigation{
        margin:auto;
    }
    .site-header > .site-logo {
        width: 100%;
    }
    .bottom-phone {
        font-size: 44px!important;
    }
    h3 {
        font-size: 30px!important;
    }
    h2 {
        font-size: 22px!important;
    }
    .page-id-216 #header-above {
        top: -124px;
    }
    h1.blog-h1{
        font-size:34px;
    }
    span.quote {
        font-size: 20px;
    }
    .big-text{
        font-size:44px;
    }
    .our-serv-row {
        padding: 15px 0px 0;
    }
    .footer-address p{
        font-size:24px;
    }
    .menu-address p {
        font-size: 19px;
    }
    .home #header-above {
        top: -122px;
    }
}
@media(max-width:375px){
    .home #header-above, .page-id-767 #header-above {
        top: -122px;
    }
}
@media(max-width:360px){
    h3 {
        font-size: 26px!important;
    }
}