.header-wrapp::after { position: absolute; content: ""; display: block; width: 100%; bottom: -15px; left: 0;  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.19+0,0+59,0+100 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.19) 0%,rgba(0,0,0,0) 59%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    height: 15px;     }
.header-fix { }



.hidden-title { height: 0; width: 0; overflow: hidden; visibility: hidden;}
.fancybox__container { z-index: 16000 !important; }
.mm-listview>li>a, .mm-listview>li>span { text-transform: uppercase;}
@media (max-width: 1800px) { 
    .hme-serv-items { gap: 10px; }
    .hme-serve-item { width: calc(33.33% - 10px); padding: 0 20px; }
    .hme-serv-title { font-size: 19pt; padding: 0 0 20px 0; text-align: center; }

    
}



@media (max-width: 1600px) { 




}

@media (max-width: 1400px) { 

    #page { font-size: 11pt; }
    .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11pt;}

    .owner-message {
        padding: 0 220px 0 0px;
    }

    .owner-image {         width: 350px;     }

.services-wrapp:nth-child(odd) .serv-cnt { padding-right: 0; padding-left: 45px;} .services-wrapp:nth-child(even) .serv-cnt { padding-left: 0; padding-right: 45px;}


    .service-title, .projects-title { font-size: 20pt;}
.service-title { text-align: left;}

    
}



@media (max-width: 1300px) { 
    #page { font-size: 9pt; }
    p { line-height: 22px; }
    .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 10pt;}
    .primary-menu { width: 408px; margin-left: 65px; }
    .site-logo { width: 70px; }
    .banner-wrapp-hme { padding-top: 109px; }
    .hme-serv-items { gap: 20px; }
    .owner-message { padding: 0 228px 0 0px; }
    .hme-serv-items { gap: 10px;}
    .hme-serve-item { width: calc(33.33% - 20px); padding: 0;     }
    .banner-caption { bottom: auto; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 0 50px;  }
    .why-choose { padding: 0 40px; } .owner-image { width: 270px; }
    .owner-message { padding: 0 177px 0 0px;    }



    .hme-serv-title { font-size: 17pt; padding: 0 0 20px 0;  }
	.page-titile { font-size: 28pt }
    .why-choose-title, .widget-title, .about-large-text{ font-size: 20pt;}
    .cnt-title { font-size: 16pt; }
    .contact-address { padding: 0 34px; }
    .contact-logo { width: 113px; padding-right: 20px; }
    .cnt-title { font-size: 18pt; padding-bottom: 0px; }
    .caption-hd { font-size: 32pt; line-height: 53px; padding-bottom: 28px;  }

    p { line-height: 18px;}



}


@media (max-width: 1280px) { 

    :root {     --gutter: 60px 0; }

    .caption-hd { font-size: 24pt; line-height: 41px; }
    .welcome-title, .page-titile {        font-size: 28pt;        padding-bottom: 30px;     }

}
@media (max-width: 1080px) { 
.container-full, .container, .container-sub { padding: 0 30px; } 
.owner-image {     position: absolute;    top: auto; bottom: 0;    left: auto; right: 0;    transform: translate(0, 0); }
.owner-message, .owner-qty { width: calc(100% - 0px); padding-right: 0; padding-left: 0;}
.project-gallery li {     width: calc(25% - 10px); }
.banner-wrapp-sub { padding-top: 100px;}

.why-choose-title, .widget-title, .about-large-text {    font-size: 18pt;}
}

@media (max-width: 900px) { 


    .serv-img, .serv-cnt, .hme-serve-item {    width: calc(100% - 0px);    padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
    .serv-img { padding-bottom: 45px;}
.hme-serve-item:nth-child(odd)  { flex-direction: row-reverse;}
.hme-serve-item figure { width: 40%; } .hme-serve-item  article { width: calc(60% - 0px); padding-left: 50px;}
.hme-serve-item:nth-child(odd) article  { padding-left: 0; padding-right: 50px } 
.why-choose { padding: 0 20px; }

.projects-title { padding-top: 0px; }
.contact-image  { display: none;}
.contact-address { width: calc(100% - 0px); padding:100px 50px; justify-content: center; }
.topCallIcon span { display: none;} .primary-menu { margin-left: 0;}
.top-cnt .topCallIcon a:link, .top-cnt .topCallIcon a:visited { display: block; width: 15px; height: 20px;}



}

@media (max-width: 800px) { 
.why-choose { padding: 15px 0px 0 0; width: calc(100% - 0px); }
.why-choose:after { position: relative; width: 100%; height: 1px; margin-top: 15px;}
.why-chse-align { padding-top: 5px; }
.owner-qty {  width: calc(50% - 0px);}
.owner-image {    width: 210px; }

.project-gallery li {     width: calc(33.33% - 10px); }

.why-choose-title { text-align: center; } .why-choose-title br{ display: none;}
.banner-wrapp-hme .container-full, .banner-wrapp-sub  .container-full { padding: 0;}
.caption-hd {     font-size: 20pt;    line-height: 28px;}

.banner-wrapp-sub {
    padding-top: 110px;
}

.contact-address {
    width: calc(100% - 0px);
    padding: 35px 50px;
    justify-content: center; text-align: center;
}


}


@media (max-width: 600px) { 
    .owner-image { position: relative; margin: 0 auto } .owner-qty, .hme-serve-item figure, .hme-serve-item article,  .hme-gall-blk {   width: calc(100% - 0px);}
    .hme-serve-item:nth-child(odd) article, .hme-serve-item article { padding: 25px 0;}
    .banner-slider .owl-dots { bottom: 20px;}

    .project-gallery li {     width: calc(50% - 10px); }


    .welcome-title, .page-titile, .caption-hd, .why-choose-title, .widget-title, .about-large-text, .widget-title.text-center { text-align: center !important;}
    .banner-caption p { display: none;}

    .welcome-title { font-size: 22pt;}
    .service-title, .projects-title { font-size: 18pt; }

.primary-menu { position: fixed; top: 0; left: 0; width: 100%; transform: translate(0, 0); padding: 0 15px 0  100px;}
.primary-menu li {
display: inline-block;
padding: 0 0px;
}

.services-wrapp:nth-child(odd) .serv-cnt {
    padding-right: 0;
    padding-left: 0px;
}
.services-wrapp:nth-child(even) .serv-cnt { padding-right: 0;}

.header-align .container { justify-content: right;}
.header-wrapp .container-full { padding: 0 15px;}

.primary-menu { display: none;} .mobMenu-show { display: block;}

.welcome-title, .page-titile {
    font-size: 22pt;
    padding-bottom: 30px;
}
.foot-contact {
    padding: 17px 0;
}
.smo-new {
    padding-bottom: 11px;
}
.foot-contact ul { margin-top: 10px;
    justify-content: center;
    gap: 15px;
}
.project-gallery {
    padding-top: 20px;
}

.services-wrapp {
    padding: 0 0 30px 0;
}
.hme-message-container { margin-top: 0;} .owner-image { margin-bottom: 15px;}


}