@charset "utf-8";

/* CSS Document */



@media (max-width: 1199.98px) { 

    .responsive-logo{

        margin-top: 0px;

        background-color: #000;

        line-height: 0;

    }

    .responsive-logo .container {

        padding: 10px 0 3px;

    } 

    .responsive-logo .row .col{

        padding: 0;

    }

    .container-fluid{

        padding: 0px !important;

    }

    .mega-menu ul li .text-col h2 br,.mega-menu ul li .text-col h5 br,

    .gallery-wrapper:before, .client-reviews-wrapper:before, .contact-wrapper::before, .meet-the-team-wrapper::before,

    .StickyBtns .FillRedBtn,.home-about-wrapper::before,.inner-header-wrapper::before,

    .top-social-media,.idxheader-wrapper .scroll-btn,.hero-caption h1:after, .carousel-caption h1:after,

    .inner-header-wrapper::after,.hero-slider-wrapper .ImgWrap::before{

        display: none !important;

    }

    .meet-the-team-wrapper .container,.contact-wrapper .container,.gallery-wrapper .container,

    .cta-wrapper .container,.MainWrapper,.footer-wrapper .container,.home-about-wrapper .container,

    .container, .container-lg, .container-md, .container-sm, .container-xl {

        padding: 50px 0px;

        max-width: 94% !important;

        margin: 0 auto;

    }

    img ,.EditorText img {

    	max-width:100%;	

    }       

    .FormWrapper .p-4{

        padding: 10px !important;

    }
    .top-col{
        float: left;
    }
    .top-col .btn-primary{
        color: var(--sc-1) !important;
        background-color: #fff !important;
        border: 2px solid #fff !important;
    }
    .top-col .btn-primary:hover{
        color: #fff !important;
        background-color: transparent !important;
    }
    .top-col {
        gap: 10px 10px;
    }
    .top-col .btn-primary {
        padding: 10px 10px;
    }
    .normal-menu {

        position: relative;

        background-color: var(--sc-1) !important;

    }

    .nav-phone {

        float: left;

    }

    .nav-phone a {

        margin: 5px auto;

    }

    .nav-phone a:hover {

        color:#000;

    }

    .mega-menu ul li .image{

        display: none;

    }

    .mega-menu ul li .text-col{

        display: flex;

        align-items: center;

        gap: 5px;

    }

    .mega-menu ul li .text-col h2,.mega-menu ul li .text-col h5 {

        color: #000;

        font-size: 13px;

        line-height: 1.2;

        text-transform: uppercase;

        font-family: var(--sf-b);

        padding: 0px;

        background-color: transparent;

        letter-spacing: 1px;

        margin: 0 !important;

    }

    

    .idxheader-wrapper .carousel-caption {

        right: inherit;

        bottom: inherit;

        left: inherit;

        position: inherit;

        background-color: #000;

        text-align: center;

        padding: 20px 0px 25px;

    }

    .idxheader-wrapper .carousel-item.active .carousel-caption{

        padding-bottom: 40px;

    }

    .hero-caption h1, .carousel-caption h1 {

        font-size: 45px;

        margin: 0;
 
    }

    .carousel-indicators{

        margin-bottom: 5px;

    }

    .service-wrapper .row {

        flex-wrap: wrap;

    }

    .service-wrapper .col {

        flex: none !important;

        width: 33%;

    }

    .service-wrapper .col .title{
        padding: 15px;
    }

    .flowes-fencing-wrapper .heding-title h3 {

        font-size: 35px;

    }

    .flowes-fencing-wrapper .col .title h2 {

        font-size: 40px;

        line-height: 1.2;

    }

    .fence-types-wrapper .col-left,.fence-types-wrapper .fence-col:nth-child(even) .col-left,

    .home-about-wrapper.about-us .flowes-box:nth-child(even) .ImgWrap,

    .home-about-wrapper .ImgWrap {

        display: block;

        float: none;

        text-align: center;

        margin: 0 auto 30px;

    }

    .home-about-wrapper .text .desc ,

    .fence-types-wrapper .col-right,

    .home-about-wrapper .text{

        text-align: center;

    }

    .meet-the-team-wrapper .heding-title h2,

    .home-about-wrapper.about-us .text .title h2,

    .home-about-wrapper .text .title h2 {

        font-size: 40px;

        line-height: 1.2;

    }

    .blog-wrapper h6.subtitle,.blog-wrapper h2.title {

        text-align: center;

    }

    .footer-wrapper .left,.footer-wrapper .left + .right {

        width: 100%;

        min-width: 100%;

    }

    .footer-wrapper .contect-info {

        position: inherit;

        bottom: inherit;

        right: inherit;

        margin: 30px auto 0;

    }

    .footer-wrapper .contect-info .footer-logo {

        text-align: center;

        padding: 0;

    }

    .footer-wrapper .title,.service-wrapper .col .title {

        text-align: center;

    } 

    .footer-wrapper .default-sep-line {

        margin: 35px auto 30px;

    }

    .footer-wrapper .list{

        max-width: 270px;

        margin: 0 auto;

    }

    .footer-wrapper .left + .right{

        margin-top: 30px;

    }

    .footer-wrapper .col-lg-6.right iframe {

        height: 400px;

    }

    .copyright-wrapper .container {

        padding: 20px 0 50px;

    }

    .modal-dialog{

        max-width: 94% !important;

    }

    .g-recaptcha {

	    -moz-transform: scale(0.80);

	    -ms-transform: scale(0.80);

	    -o-transform: scale(0.80);

	    -moz-transform-origin: 0;

	    -ms-transform-origin: 0;

	    -o-transform-origin: 0;

	    -webkit-transform: scale(0.80);

	    transform: scale(0.80);

	    -webkit-transform-origin: 0 0;

	    transform-origin: 0;

	    filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.80,M12=0,M21=0,M22=0.80,SizingMethod='auto expand');

	}

    .copyright{

        text-align: center;

    }

    .maintenance-wrapper {

        height: auto;

        display: block;

    }

    .maintenance-wrapper .container{

        margin:20px auto;

    } 

    .header-text {

        position: inherit;

        width: 100%;

        left: inherit;

        bottom: inherit;

        z-index: 1;

        background-color: #000;

        text-align: center;

    }

    .header-text .container .page-title{

        padding: 10px 0px 15px;

    }
    .inner-header-wrapper .page-title{
        font-size: 40px !important;
    }


    .flowes-fencing-wrapper.about-us .col, .flowes-fencing-wrapper.about-us .col .ImgWrap {

        max-height: initial;

    }

    .flowes-fencing-wrapper .col .title-box {

        justify-content: center;

        text-align: center;

    }

    .flowes-fencing-wrapper .col .border-col::before {

        height: 10px;

        left: 50%;

        transform: translateX(-50%);

    }

    .meet-the-team-wrapper .col .text{

        text-align: center;

    }

    .meet-the-team-wrapper .row {

        gap: 20px;

    }

    .home-about-wrapper .ImgWrap a {

        display: inline-block;

    }

    .box, .box1 {

        width: 94%;

    }

    .team-bio-detail {

        padding: 30px 15px;

        text-align: center;

    }
    .team-bio-detail .bio-image {
        margin: 0 auto;
    }

    .fence-types-wrapper .desc + .btn-col, .fence-types-wrapper .title + .btn-col, .fence-types-wrapper .freedome-logo + .btn-col,

    .bio-info .PhoneCol, .bio-info .PhoneCol a {

        justify-content: center;

    }

    .FormWrapper .col-sm-8{

        width: 66.6667%;

    }

    .fence-types-wrapper .title + .freedome-logo, .fence-types-wrapper .desc + .freedome-logo {

        flex-wrap: wrap !important;

        justify-content: center;

    }

    .fence-types-wrapper .freedome-logo .logo{

        width: 100%;

    }

    .fence-types-wrapper .col-left{

        width: 100%;

        min-width: 100%;

    }

    .contact-wrapper .FormWrapper{

        padding: 0;

    }

    .gallery-wrapper h3.title {

        margin: 0 auto;

        text-align: center;

    }

    .gallery-wrapper .JcarouselSlider{

        padding-bottom: 50px;

    }

    .gallery-wrapper .swiper-button-next1, .gallery-wrapper .swiper-button-prev1{

        top: inherit;

        bottom: 0px;

        left: 50%;

        transform: translateX(-50%);

    }

    .gallery-wrapper .swiper-button-next1{

        transform: translateX(10%);

    }

    .gallery-wrapper .swiper-button-prev1{

        transform: translateX(-110%);

    }

    .wood-fencing-slider-wrapper {

        max-width: 535px;

        margin: 0 auto;

    }

    .fence-types-wrapper .wood-fencing-slider-wrapper .container{

        min-width: 100%;

    }

    .client-reviews-wrapper .card h6.card-title,

    .client-reviews-wrapper .card .desc{

        text-align: center;

    }

    .gallery-wrapper .row{

        justify-content: center;

    }

    .gallery-wrapper .col {

        min-width: 345px;

        max-width: 345px;

    }

    .EditorText h1{font-size:40px;}

    .EditorText h2{font-size:35px;}

    .EditorText h3{font-size:30px;}

    .EditorText h4{font-size:25px;}

    .EditorText h5{font-size:22px;}

    .EditorText h6{font-size:18px;}

    .video-testimonials-wrapper .col iframe{

        width: 100%;

    }

    .client-reviews-wrapper .container {

        padding: 40px 0;

    }

    .video-testimonials-wrapper + .client-reviews-wrapper .container {

        padding-top:0px;

    }

    .client-reviews-wrapper .card .card-body .star.justify-content-end{

        justify-content: center !important;

    }

    .client-reviews-wrapper .card .card-body .double-quotes-icon{

        text-align: center;

        margin-top: 10px;

    }

    .hero-slider-wrapper .swiper-pagination{

        bottom: 0;

    }

    .team-bioPopUpWrap .FormWrapper{

        padding: 10px 10px 20px;
 
    } 
    .bio-info{
        text-align: left;
    }

    .create-a-new-page-wrapper .desc iframe{
        width: 100%;
    }

}

@media (max-width: 991.98px) { 

    .create-a-new-page-wrapper .border-start{

        border-left: 0px !important;

        border-top: 1px solid #dee2e6;  

    }

    .video-testimonials-wrapper .heading-text h2{

        font-size: 35px;

    }

}

@media (max-width: 767.98px) { 
    .inner-header-wrapper .page-title{
        font-size: 35px !important;
    }
    .fence-types-wrapper .col-right .title h2,.contact-wrapper .heding-title .title h2,

    .blog-wrapper h2.title,.footer-wrapper .footer-info .title h2,

    .hero-caption h1, .carousel-caption h1 {

        font-size: 35px;

        line-height: 1.3;

    }

    .service-wrapper .col {

        width: 32.8%;

    }

    .service-wrapper .col .title {

        padding: 12px;

        font-size: 18px;

    }

    .flowes-fencing-wrapper .col{

        text-align: center;

    }

    .home-about-wrapper .ImgWrap {

        min-width: 100%;

        text-align: center;

    }

    .flowes-fencing-wrapper .col .title-box {

        justify-content: center;

    }

    .flowes-fencing-wrapper .col .border-col::before {

        left: 50%;

        transform: translateX(-50%);

    }

    .blog-wrapper .col {

        min-width: 370px;

    }

    .footer-wrapper .list {

        max-width: 230px;

    }

    .footer-wrapper .list ul li {

        font-size: 25px;

    }

    .FormWrapper .col-sm-8{

        width: 100%;

    }

    .home-about-wrapper .ImgWrap iframe{
 
        width: 100%;

    }
    .bio-info{
        text-align: center;
        max-height: 90%;
    }
    .team-bio-detail .bio-image {
        max-width: 180px;
    }

}

@media (max-width: 575.98px) { 

    h2 {

        font-size: 35px;

    } 

    .modal-dialog{

        max-width: 97% !important;

    }

    .submit-btn{

        text-align: center !important;

    }

    .maintenance-wrapper .col-12{

        border-left: 0px !important;

        border-bottom:1px solid #d5d5d5 !important;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .maintenance-wrapper .col-12:last-child{

        border-bottom:0px solid #d5d5d5 !important;

        padding-bottom: 0px;

        margin-bottom: 0px;

    }

    .video-testimonials-wrapper .col {

        min-width: inherit;

    }

}

@media (max-width: 480.98px) { 

    .header-text .container .page-title{

        padding: 8px 0px 10px;

    }
    .inner-header-wrapper .page-title{
        font-size: 30px !important;
    }

    .fence-types-wrapper .col-right .title h2,.contact-wrapper .heding-title .title h2,

    .home-about-wrapper.about-us .text .title h2,.meet-the-team-wrapper .heding-title h2,

    .home-about-wrapper .text .title h2, .flowes-fencing-wrapper .col .title h2,

    .blog-wrapper h2.title, .footer-wrapper .footer-info .title h2, .hero-caption h1, .carousel-caption h1 {

        font-size: 30px;

        line-height: 1.3;

    }

    .carousel-caption h1 br{

        display: none;

    }

    .service-wrapper .col {

        width: 49.5%;

    }

    .service-wrapper .col .ImgWrap {

        min-height: 200px;

    }

    .flowes-fencing-wrapper .col {

        min-width:100%;

    }

    .flowes-fencing-wrapper .heding-title h3 {

        font-size: 28px;

    }

    .flowes-fencing-wrapper .row {

        gap: 20px;

    }

    .flowes-fencing-wrapper .col .title-box {

        min-width: calc(100% - 20px);

        min-height: calc(100% - 20px);

    }



    .flowes-fencing-wrapper .col .border-col::before {

        height: 8px;

    }

    .home-about-wrapper .ImgWrap a::before {

        background-size: 40px;

    }

    .blog-wrapper .col {

        min-width: 100%;

    }

    .blog-wrapper .col .descwrap h4.title {

        font-size: 22px;

        line-height: 1.3;

    }

    .footer-wrapper .contect-info{

        min-width: 300px;

        max-width: 300px;

    }

    .footer-wrapper .white-box {

        min-width: 300px;

        max-width: 300px;

        padding: 25px;

    }

    .modal-dialog{

        max-width: 98% !important;

    }

    .submit-btn{

        text-align: center !important;

    }

    .StickyBtns .btn-primary {

        padding: 12px 8px;

        font-size: 15px;

    }

    .StickyBtns .FSocialIcon {

        margin: 0 0 0 6px;

        padding: 6px 10px 4px;

    }

    .StickyBtns .SocialIcons .fa-lg, .StickyBtns .SocialIcons .fa-stack{

        font-size: 18px;

        line-height: 35px;

        width: 35px;

        height: 35px;

    }

    .StickyBtns .SocialIcons .fa-stack-2x {

        font-size: 35px;

    }

    .modal-title {

        font-size: 20px;

    }

    .maintenance-wrapper .col-12{

        border-left: 0px !important;

        border-bottom:1px solid #d5d5d5 !important;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .maintenance-wrapper .col-12:last-child{

        border-bottom:0px solid #d5d5d5 !important;

        padding-bottom: 0px;

        margin-bottom: 0px;

    }

    .maintenance-wrapper .row.p-5{

        padding: 15px !important;

    }

    .maintenance-wrapper .row.p-5 .title.mb-4{

        margin-bottom: 10px !important;

    }

    .meet-the-team-wrapper .heding-title + .row {

        margin-top: 25px;

    }

    .btn-col.d-flex{

        flex-wrap: wrap;

        gap: 10px !important;

    } 

    .client-reviews-wrapper .card .card-body {

        padding: 15px;

    }

    .teb-wrapper .col {

        min-width: 250px;

        max-width: 250px;

    }

    .gallery-wrapper h3.title,

    .video-testimonials-wrapper .heading-text h2 {

        font-size: 30px;

    }

    .EditorText h1{font-size:35px;}

    .EditorText h2{font-size:30px;}

    .EditorText h3{font-size:28px;}

    .EditorText h4{font-size:25px;}

    .EditorText h5{font-size:22px;}

    .EditorText h6{font-size:18px;}

    .create-a-new-page-wrapper .row > .col h2.title {

        font-size: 26px;

    }

}

@media (max-width: 399.98px) {

    .gallery-wrapper .col {

        min-width: 100%;

        max-width: 100%;

    }

    .copy br {

        display:block;

    }

}

@media (max-width: 374.98px) {

    .top-col .btn-primary {
        padding: 10px 5px;
        font-size: 12px;
    }
    .nav-phone a {
        font-size: 16px;
        gap: 5px;
    }
    h2 {

        font-size: 28px;

    }

	.modal-dialog{

        max-width: 98% !important;

    }

    .submit-btn{

        text-align: center !important;

    }

    .StickyBtns .FSocialIcon {

        margin: 0 0 0 6px;

        padding: 6px 10px 4px;

    }

    .modal-title {

        font-size: 20px;

    }

    .maintenance-wrapper .col-12{

        border-left: 0px !important;

        border-bottom:1px solid #d5d5d5 !important;

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .maintenance-wrapper .col-12:last-child{

        border-bottom:0px solid #d5d5d5 !important;

        padding-bottom: 0px;

        margin-bottom: 0px;

    }

    

}

@media (max-width: 319.98px) { 

    .navbar>.logo-container {
        padding: 10px 6px;
    } 
    .top-col .btn-primary {
        padding: 10px 3px;
        font-size: 11px;
    }
    .nav-phone a {
        font-size: 15px;
        gap: 5px;
    }
    .top-col {
        gap: 10px 6px;
    }
    .meet-the-team-wrapper .heding-title h2,.fence-types-wrapper .col-right .title h2,.contact-wrapper .heding-title .title h2,

    .home-about-wrapper .text .title h2, .flowes-fencing-wrapper .col .title h2, .blog-wrapper h2.title, .footer-wrapper .footer-info .title h2, .hero-caption h1, .carousel-caption h1 {

        font-size: 28px;

        line-height: 1.3;

    }
    .inner-header-wrapper .page-title{
        font-size: 28px !important;
    }

    .service-wrapper .col {

        width: 49.4%;

    }

    .service-wrapper .col .title {

        padding: 10px;

    }

    .footer-wrapper .list ul li {

        font-size: 22px;

    }

    .footer-wrapper .contect-info,

    .footer-wrapper .white-box {

        min-width: 100%;

        max-width: 100%;

        box-sizing: border-box;

    }

    .footer-wrapper .white-box {

        padding: 18px;

    }

    .fence-types-wrapper.detail .carousel-caption h3 {

        font-size: 16px !important;

    }



}