.chbk { padding: 60px 0; text-align: center; font-size: 20pt; }
/* .disbleLight { pointer-events: none;     cursor: pointer } */
.test li:has(p) { background-color: red;}
.welcome-title span.doorWindow-title { display: inline; font-size: 30pt;}
.disabled {  cursor: not-allowed !important;  pointer-events: none !important;}
.service-blocks { justify-content: center;}
.linkbtn { padding-top: 10px;}
.linkbtn a:link, .linkbtn a:visited { padding: 10px 15px; background-color: #cdcdcd; display: inline-block; transition: all 0.5s ease;}
.linkbtn a:hover { background-color: #f5e6d4;}
/* ------------ Modal rest ------------------ */
.modal { z-index: 12000; background-color: rgba(0, 0, 0, 0.8);}
.modal-body { padding: 0;} .modal-dialog { max-width: 900px;}
.pdt-modal-image, .pdt-modal-cont { width: calc(50% - 0px);} .pdt-modal-cont { padding: 50px;}
.pdt-gall-alum-land .pdt-modal-cont { padding: 30px 50px;}
.modal-content  {    -webkit-border-radius: 0px !important;    -moz-border-radius: 0px !important;    border-radius: 0px !important;  }
.modal-content .btn-close { position: absolute; top: 10px; right: 10px; background-image: url(../images/icons/icons-close.svg); z-index: 1200;width: 25px; height: 25px; opacity: 1; background-size: 22px 22px; border: 2px solid #fff; border-radius: 50%; background-color: #fff;}
.pdt-gall li .modal-content  h3 { padding-left: 0; padding-right: 0; } .pdt-gall li  .modal-content  h3::after { display: none;}
.modal-content p { font-size: 10.5pt; line-height: 20pt; padding:0 0 5px 0;} .pdt-modal-image a:link, .pdt-modal-image a:visited { display: block;} .pdt-gall-alum-land .modal-dialog { max-width: 800px;} .pdt-gall-alum-land .pdt-modal-image, .pdt-gall-alum-land .pdt-modal-cont { width: calc(100% - 0px); } .spec-table { margin-top: 20px;}
.pdt-gall .pdt-modal-image  img, .spec-two-column-wrapp  { width: 100%;} .spec-two-column-wrapp .product-table { width: calc(50% - 0px);}
/* ------------ Modal rest ------------------ */
/* ---------------- menu --------------------- */
.hamburger { width: 30px; } #hamburger-1 { margin-left: 0; margin-right: 30px; margin-top:0; transition: all 0.5s ease; } 
.hamburger-main .line {  width: 30px;  height: 2px;  background-color: #000;  display: block;  margin: 5px auto;  -webkit-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out;   transition: all 0.3s ease-in-out; }
.hamburger-main:hover {  cursor: pointer; }
/* ONE */
#hamburger-1.is-active .line:nth-child(2) {  opacity: 0;}
#hamburger-1.is-active .line:nth-child(1) {  -webkit-transform: translateY(6px) rotate(45deg);  -ms-transform: translateY(6px) rotate(45deg);  -o-transform: translateY(6px) rotate(45deg);  transform: translateY(6px) rotate(45deg); }
#hamburger-1.is-active .line:nth-child(3) {  -webkit-transform: translateY(-9px) rotate(-45deg);  -ms-transform: translateY(-9px) rotate(-45deg);  -o-transform: translateY(-9px) rotate(-45deg);  transform: translateY(-9px) rotate(-45deg); }
.other-menu-wrapp { position: relative; z-index: 12000; overflow: hidden;}
.other-menu { position: fixed; top: 0; right: 0; opacity: 0; width: calc(100% - 0px); padding: 0 50px; background-color: #fff; height: 100%; transition: all 0.5s ease; display: none;}
.other-menu.menu-open   { animation: showOthMenu 0.5s ease forwards; display: flex; animation-delay: 0.2s; }
@keyframes showOthMenu {
0% { opacity: 0; }
100% { opacity: 1; }
}
#hamburger-1 { z-index: 12000; position: relative;} 
.other-menu { background-image: url(../images/banner/intro-base-menu.webp); background-size: cover; background-position: center center; align-items: center; justify-content: center;}
.other-menu:before { content: ""; display: block; width: 100%; height: 100%; background-color: #f1eee9; position: absolute; left: 0; top: 0; opacity: 0.8;}
.other-menu-align { position: relative; z-index: 120; max-width: 1260px; } 
.other-menu-item { padding: 0 80px;} .other-menu-item:first-child { padding-left: 0; border-right: var(--border);} .other-menu-item:last-child { padding-right: 0;}
.other-menu-item a:link, .other-menu-item a:visited {  display: block; padding: 10px 0px 10px 15px; color: var(--color); position: relative;}
.other-menu-item a:after { content: ""; display: block; position: absolute; width: 6px; height: 6px; border-radius: 50%; background-color: var(--titleColor);  left: 0; top: 20px;}
.menu-address { align-items: center; justify-content: flex-start; padding-top: 60px; margin-top: 60px; border-top: var(--border);} .menu-logo { width: 255px; padding-right: 45px; border-right: var(--border);}
.menu-address address { padding-left: 45px; }
.other-menu-qcnt a:link, .other-menu-qcnt a:visited { display: block; line-height: 30px;} .other-menu-qcnt img { width: 30px; margin-right: 10px; }
.other-menu-qcnt { justify-content: flex-start; gap: 20px;}
.other-menu-main a:link, .other-menu-main a:visited { text-transform: uppercase; font-weight: 500; }
/*
.hamburger-main { position: relative; z-index: 100;}
.other-menu.menu-open { transform: translateX(0);   }
.other-menu { justify-content: center; flex-direction:column; }
.slide-menu { width: 250px; margin:0 auto 35px auto;}
.slide-menu li { display: block; } .slide-menu a:link, .slide-menu a:visited { display: block; padding: 15px 0;  font-size: 12pt;}
.slide-menu ul { display: block; width: calc(50% - 0px);}
.slide-menu ul:last-child { text-align: right;}
.menu-logo { text-align: center; padding-bottom: 30px; width: 100%;}
*/
.hme-serv-wrapp { padding: var(--gutter); padding-top: 0;}

/* ------------------- */
@media (max-width: 1800px) {
}
@media (max-width: 1500px) {
 #page { font-size: 11pt; } .primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 11pt;}     :root {  --gutter: 50px 0;  --paddingTop:40px; --paddingBottom:40px; }
 .container, .container-sub { padding: 0 50px; } .pjct-sld-imag { padding: 20px 50px 0 50px; }    .owl-item.center .pjct-sld-imag { padding: 0 !important;}
.intro-logo { width: 230px; } .header-top { height: 99px } .home-banner, .sub-banner { padding-top: 129px; }.btm-associated-logos { padding-left: 0; padding-right: 0;}
} 
@media (max-width: 1400px) {
.welcome-title span { font-size: 47pt; line-height: 47pt; }
.welcome-wrapp p { font-size: 13pt; line-height: 22pt; }
.widget-ttile-main span { font-size: 40pt; line-height: 40pt;   }
.widget-ttile, .widget-ttile-main, .widget-ttile-main-second {  font-size: 26pt; }
.widget-ttile-main-second span, .page-title h1 span, .sub-title { font-size: 32pt; }
.hme-banner-cap h3 { font-size: 30pt; line-height: 36pt; } .page-title h1 { font-size: 16pt;}
}
@media (max-width: 1300px) {
#page { font-size: 10.5pt; } .intro-logo { width: 208px; } .header-top { height: 90px;  }
.top-call { width: 35px; height: 35px; } .top-call a:link, .top-call a:visited { padding: 10px;}
.contact-address, .google-map { width: calc(50% - 0px);}
.primary-menu ul li a:link, .primary-menu ul li a:visited { font-size: 10.5pt; }
.container, .container-sub { padding: 0 30px; } .banner-slide-align .owl-dots { bottom: 30px; } .band-image-right { width: 360px; padding-left: 30px;   padding-bottom: 15px;}
.welcome-title span { font-size: 42pt; line-height: 42pt; }
.welcome-wrapp p, .page-title h1 { font-size: 12pt; line-height: 22pt; }
.widget-ttile-main span { font-size: 36pt; line-height: 36pt; }
.widget-ttile, .widget-ttile-main, .widget-ttile-main-second { font-size: 22pt; }
.widget-ttile-main-second span, .page-title h1 span, .sub-title { font-size: 28pt; }
.btm-associated-logos h5 { font-size: 20pt;  }
.owl-theme .owl-dots .owl-dot span { width: 15px; height: 15px; }
.product-item-wrapp { padding-left: 0; padding-right: 0; }
}
@media (max-width: 1200px) {
.other-menu-align { max-width: 1000px; }
.other-menu-item { padding: 0 30px; text-align: left; }
.btm-associated-logos .container { justify-content: center; }
.pdt-gall li, .rece-prj li, .ph-gallery li { width: calc(33.333% - 20px); }
.pdt-gall-facades li { width: calc(100% - 0px); display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.pdt-gall-facades li figure, .pdt-gall-facades li .prdct-dir-desc { width: calc(50% - 0px);}
.other-menu-item:first-child { width: calc(35% - 0px);}
.other-menu-item:last-child { width: calc(65% - 0px);}
.other-menu-item:last-child ul { width: calc(50% - 0px); padding-right: 30px;}
.hme-banner-cap { bottom: 150px; }
.hme-banner-cap h3 { font-size: 24pt; line-height: 30pt; }
.btm-associated-logos h5 { padding-top: 0px; padding-bottom: 20px;}
.btm-associated-logos h5, .footer-top h5 { font-size: 14pt; } .btm-call a:link, .btm-call a:visited, .btm-mail a:link, .btm-mail a:visited, .btm-loc a:link, .btm-loc a:visited { font-size: 12pt;}    
.intro-caption span { display: block;}
}
@media (max-width: 1100px) {
.primary-menu ul li a:link, .primary-menu ul li a:visited { padding:15px 10px ;}
.hme-about-wrapp article {    width: calc(55% - 0px);    padding-right: 30px; }
.foot-menu { display: none;} .foot-menu.foot-pdts-menu { display: block;}
.menu-logo {    width: 200px;    padding-right: 30px; }
.menu-address address {    padding-left: 28px; }
.welcome-title { font-size: 16pt;}
.welcome-title span {    font-size: 34pt;    line-height: 34pt; }
}
@media (max-width: 999px) {
.primary-menu, .pageActive .header-home .primary-menu, .footer-top, .menu-address { display: none;}
.hme-serv-content-wrapp { padding-left: 30px; padding-right: 30px;}
.home-banner, .sub-banner { padding-top: 89px; }
.intro-bg {  background-image: url(../images/banner/intro-base-991w.webp); }
.intro-letter, .intro-door, .intro-door-main, .intro-letter-glow, .intro-letter-glow-1 { background-image: url(../images/banner/intro-text-991w.webp); } 
.intro-door { background-image: url(../images/banner/intro-door-991w.webp);  }
.intro-door-main { background-image: url(../images/banner/intro-door-main-991w.webp); } 
.other-menu-main ul { padding-right: 0;}
.hme-pdt-item, .pdt-land-item {    background-color: #fff;    width: calc(50% - 10px); }
.footer-wrapp { padding-bottom: 45px;}
.cpr-wrapp .container { justify-content: center;}
.home-page .smo, .smo {    top: 0;    left: 0;    transform: translate(0, 0); position: relative;    right: auto; }
.proj-top .small-title, .proj-top, .collection-btn { width: calc(100% - 0px);}
.proj-top .small-title{ padding-bottom: 20px; text-align: center;}
.proj-top  { flex-direction: column; align-items: center; justify-content: center;}
.cpr, .design { width: 100%; text-align: center; padding: 5px 0;}
.mob-misc-wrapp { position: fixed; display: block; width: 100%; left: 0; bottom: 0; background-color: #765626; z-index: 1500;}
.mob-misc-wrapp .align { align-items: center;} .btm-qlink:link, .btm-qlink:visited { align-items: center; color: #fff; display: flex; column-gap: 10px;}
.btm-qlink svg { fill: #fff;}
.btm-qmail svg { width: 25px;} .btm-qcall svg { width: 21px;} .btm-qloc svg { width: 21px;} .btm-qhome svg { width: 24px;} .btm-qenq svg { width: 24px;}

.mob-enq-btn a:link, .mob-enq-btn a:visited { display: block; padding: 10px 25px; background-color: #c3872e; text-transform: uppercase; color: #fff; font-weight: 600;}
.mob-btm-qlinks { padding-left: 25px; gap: 15px;}


}
@media (max-width: 900px) {
    .foot-menu.foot-pdts-menu, .footer-addrss-wrapp  { display: none; } .footer-wrapp .container { justify-content: center; }
    .pdt-pg-adv li { width: calc(20% - 15px); }
    .veyo-logo img { width: 164px; }
    .contact-address, .google-map { width: calc(100% - 0px); }
    .contact-logo { width: 217px; } .contact-address { padding:0 0 45px 0;} .contact-wrapp  { border: none; }
    .gmap { height: 350px; }

}
@media (max-width: 800px) {
.top-call, .foot-menu.foot-pdts-menu  { display: none; }
.intro-logo { width: 200px; top: 0; position: relative; left: 0; transform: translateX(0); margin-left: 20px;}
#hamburger-1 { margin-right: 20px; } .hme-banner-cap { bottom: 88px;}
.hme-about-wrapp article { width: calc(100% - 0px); text-align-last: center; padding-right: 0px;}
.hme-about-img  { max-width: 350px; padding-top: 40px;} .hme-about-wrapp .align { justify-content: center; } 
.hme-banner-cap h3 { font-size: 20pt; line-height: 28pt; }
.owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; }
.banner-slide-align .owl-dots { bottom: 9px; }
.welcome-title, .widget-ttile-main { font-size: 16pt;}
.welcome-title span { font-size: 32pt; line-height: 32pt; }
.widget-ttile-main span { font-size: 30pt; line-height: 36pt; }
.hme-serv-wrapp .container { padding: 0 30px; }
.sub-bottom-products-wrapp  .container { padding: 0;}
.intro-caption span { display: block;}
}
@media (max-width: 768px) {
.hme-serv-wrapp .container { padding: 0; }
.hme-serv-content-wrapp { padding-left: 0; padding-right: 0;}
.btm-qlink   span { display: block; font-size: 9pt;}
.other-menu-item { justify-content: flex-start; column-gap: 30px;}    
.projects-listing li { text-align: left !important; text-align-last: left !important; width: calc(100% - 0px); }
.tabs li { font-size: 12pt; width: calc(33.333% - 0px); text-align: center;} 
.band-image-right { display: none;}
.band-title { flex-direction: column; justify-content: center;}
.band-logos, .barand-block { padding: 30px 0;}

.intro-caption { position: fixed; top: 140px; left: 0; width: 100%;}


}
@media (max-width: 668px) {

}
@media (max-width: 600px) {
.other-menu-item:first-child, .other-menu-item:last-child { width: calc(100% - 0px); padding-left: 0; padding-right: 0;}
.other-menu { overflow: auto; }
.other-menu-item a:link, .other-menu-item a:visited  {padding: 5px 0px 5px 15px;}
.other-menu-item:last-child ul { width: calc(100% - 0px); padding: 0;}
.other-menu { padding: 0 30px;} .other-menu-item a:after { top: 12px;} .menu-address { padding-top: 20px; margin-top: 14px; } .menu-address  p { display: none; }
.menu-logo, .hme-serv-content-wrapp::after { display: none; }
.collection-btn, .hme-about-wrapp article, .hme-about-img, .two-column { width: 100%; }
.hme-about-wrapp article, .hme-about-img, .two-column { padding-left: 0; padding-right: 0;}
.pdoducts-landing, .hme-pdt-align { gap: 10px; } 
.hme-pdt-item a:link, .hme-pdt-item a:visited, .pdt-sld-item a:link, .pdt-sld-item a:visited, .pdt-land-item a:link, .pdt-land-item a:visited { padding:25px 10px 10px 10px;}
.btm-qlink   span { display: block; font-size: 8pt;}
.mob-misc-wrapp .align {  align-items: center; }       
.banner-slide-align .owl-dots { bottom: 20px; }
.hme-testi-slider-blk::after { display: none; }
.foot-logo img { width: 180px; }
.hme-pjcts-slide-wrapp { padding-top: 0; } .pdt-gall li, .rece-prj li, .ph-gallery li, .gallery-menu li { width: calc(50% - 20px); }
.pdt-pg-adv li { width: calc(25% - 15px) }
.hme-testi-slider-blk { margin: 0px auto;}
.other-menu-item { padding-bottom: 25px;}
.sub-content { text-align-last: center ;}
.sub-caption { text-align: center; font-size: 16pt;}
.tabs-content { margin: 10px 0;}
.gallery-menu a:link, .gallery-menu a:visited { font-size: 12pt; }
.contNum .form-group { width: calc(100% - 0px); }
.other-menu-item h5 { padding-bottom: 10px;}
.enter-button { height: 77px;} 
.other-menu-main ul { padding-top: 0px; }
.btm-qlink:link, .btm-qlink:visited { flex-direction: column; column-gap: 0; row-gap: 5px;         align-items: center;
        justify-content: center;} 
 .btm-qlink span { display: none;}
.mob-btm-qlinks { gap: 30px;}
.mob-enq-btn a:link, .mob-enq-btn a:visited { font-size: 12pt; padding: 15px 30px; width: 150px;}

}
@media (max-width: 501px) {
.intro-logo { width: 170px; } .intro-caption { font-size: 20pt; letter-spacing: 1px; }
.intro-bg, .other-menu {  background-image: url(../images/banner/intro-base-481w.webp); }
.intro-letter, .intro-door, .intro-door-main, .intro-letter-glow, .intro-letter-glow-1 { background-image: url(../images/banner/intro-text-481w.webp); } 
.intro-door { background-image: url(../images/banner/intro-door-481w.webp);  }
.intro-door-main { background-image: url(../images/banner/intro-door-main-481w.webp); } 
@keyframes introCaptionANim {
    0% {  transform: scale(1); opacity: 0; letter-spacing: 0px;}
    100% {  transform: scale(1); opacity: 1; letter-spacing: 2px;}
}
.intro-letter-glow, .intro-letter-glow-1, .intro-letter  { background-size: 100% auto;} 

.btm-qlink   span { display: none} .hme-pdt-item, .pdt-sld-item, .pdt-land-item, .pdt-modal-image, .pdt-modal-cont {    background-color: #fff;    width: calc(100% - 0px); }

.btm-qlink .btm-qenq span  { display: block !important;}

.pdt-pg-adv li {    width: calc(34% - 15px); } .pdt-gall ul { gap: 10px;} .pdt-gall li, .gallery-menu li { width: calc(50% - 10px); } .pdt-gall .container { padding: 0 15px;}
.pdt-gall li h3,.pdt-gall li .prdct-dir-desc p, .gallery-menu a:link, .gallery-menu a:visited { text-align: left !important; text-align-last: left !important; }
.pdt-gall li h3, .gallery-menu a:link, .gallery-menu a:visited { font-size: 10.5pt;} .pdt-gall li h3::after { right: 0;     width: 20px;}
.modal-dialog { }
.pdt-modal-cont {    padding: 13px 0; } .pdt-gall li h3 { padding: 0 0 10px 0; }
.pdt-gall-alum-land .pdt-modal-cont { padding: 15px;}
.spec-two-column-wrapp .product-table { width: calc(100% - 0px);}

  .hme-banner-cap h3 {    font-size: 13pt;    line-height: 20pt; } 
.widget-ttile .widget-caption, .welcome-title, .widget-ttile-main, .widget-ttile-main-second, .page-title h1, .esta-box p { font-size: 14pt;}
.widget-ttile .widget-caption { padding-top: 10px;}
.welcome-title span {    font-size: 28pt;    line-height: 30pt; }
.widget-ttile-main span, .widget-ttile-main-second span, .page-title h1 span, .page-title h1 span, .sub-title  {    font-size: 26pt;    line-height: 30pt; } 
.sub-title { font-size: 24pt;} .esta-box .esta-expe { font-size: 20pt; text-align: center;}
.sub-caption, .proj-top .small-title, .product-name, .small-title{ text-align: center !important;}
.page-title h1, .proj-top .small-title, .product-name, .barand-block .small-title   { font-size: 12pt; } 
.proj-top .small-title  { font-size: 18pt;}
.page-title h1 span { font-size: 24pt;}
.tabs li { font-size: 10pt; padding: 15px 10px; } .barand-block .small-title  { padding-bottom: 15px;}
.gallery-menu a:link, .gallery-menu a:visited, .pdt-gall li .modal-content h3   { text-align: center !important; text-align-last: center !important; }
.welcome-title  { padding-bottom: 15px;}
.mob-misc-wrapp .align { align-items: center; }

/*
.btm-qenq svg, .btm-qhome svg {    width: 20px;}
.btm-qmail svg { width: 20px; }
.btm-qcall svg, .btm-qloc svg {    width: 17px; }
*/
.gallery-menu li, 
.pdt-gall-facades li,
.pdt-gall-facades li figure, .pdt-gall-facades li .prdct-dir-desc { width: calc(100% - 0px);}
.spec-table table, .pdt-pg-adv li, .pdt-gall li .prdct-dir-desc p { font-size: 9pt;} .pdt-pg-adv li { font-size: 8pt;}
.pdt-gall .small-title { font-size: 16pt; padding-top: 0;}
.pdt-gall li h3 { font-size: 12pt;}

}


@media (max-width: 360px) {
  .container, .container-sub { padding: 0 10px; }
.other-menu-main ul {    padding-right: 0; }
.pdt-pg-adv li { width: calc(34% - 15px); }
.pdt-gall li, .rece-prj li, .ph-gallery li { width: calc(100% - 10px); }
.intro-caption {    font-size: 16pt; margin-bottom: 15px; }
}



/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* ------------- Metex creations -------------  */
/* ------------------ 2025 -------------------  */
/* ---------------- gadhafi ------------------  */
/* -------------------------------------------- */
/* -------------------------------------------- */
/* -------------------------------------------- */