.design, .dpMenu-disc, .fixed-bottom-mobile, .mobile-menu { display: none;} .home-page .design { display:block; }

.banner-caption h1, .welcome-content, .widget-title h2, .small-title h3 { color: #172859 }

.hme-milestone-left .small-title h3 { color: #d04e15 }

#page { color: #1b1b1b;}




.foote-cnt-icon  { background-image: url(../images/icon/btm-call.webp); background-repeat: no-repeat; background-position: left center; padding-left: 60px;}

.foot-mail {   background-image: url(../images/icon/btm-mail.webp);}
.foot-gal {  background-image: url(../images/icon/btm-gal.webp); }


@media (max-width: 1600px) {  
    .banner-caption {    padding-top: 120px;  width: calc(32% - 0px);}
    .welcome-content figure {
    width: calc(38% - 0px);
}

.welcome-content article {
    width: calc(60% - 0px);
    
}


    .banner-caption h1 {
font-size: 32pt;
    line-height: 44pt;

}

.hme-prjts-hold-wrapp { gap: 50px;}
.hme-prj {
    width: calc(50% - 25px);
}

.hme-prjts-hold::after { right: 30px;}
.hme-pjts-wrapp .title-block-hold, .hme-prjts-hold {
    padding-right: 209px;
}

.cefee-wrapp-hme .align:before { width: 97px;}
.cefee-wrapp-hme .align {
     padding-left: 140px;
}

.cefee-title h3 {
    font-size: 40pt;
    line-height: 49pt;}

.hme-ceffee-cnt p {
    font-size: 16pt;
    line-height: 26pt;
}
.hme-cefee-side-item h5 {
    font-size: 20pt; }



.welcome-content { padding-left: 50px;}

.hme-ceffee-cnt {
    width: calc(50% - 0px);
    padding-right: 50px;
}
.hme-cefee-side { width: calc(50% - 0px);}

.banner-image {
     padding-left: 50px;
}


}

@media (max-width: 1400px) {  
    #page { font-size: 13pt;}
    p { line-height: 20pt;}

.header-wrapp .container-large, .header-wrapp .container, .header-top  { padding: 0 30px; }
.header-top  { padding: 20px 30px;}

.site-logo { left: 30px;}

    .banner-caption h1 {
        font-size: 24pt;
        line-height: 36pt;
    }
        .cefee-title h3 {
        font-size: 35pt;
        line-height: 41pt;
    }
.listing li { padding: 2px 0 2px 15px; line-height: 20pt;}
.listing li:before {
   
    top: 13px;
   }

   .small-title h3 {
    font-size: 26pt;
     line-height:26pt;
   }
   footer {
    font-size: 13pt;
}

.about-founder-image {
    width: 520px;
}
.founder-details {
    padding-left: 580px;
    padding-top: 80px;
}
.menu-caption {
    text-transform: uppercase;
    font-size: 15pt;
}

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

    #page { font-size: 11.5pt;} p { line-height: 20pt;}
    .container-large, .container { padding: 0 30px;}
        .cefee-title h3 {
        font-size: 26pt;
        line-height: 31pt;
    }

        .cefee-wrapp-hme .align:before {
        width: 72px;
    }

        .cefee-wrapp-hme .align {
        padding-left: 100px;
    }

.hme-cefee-side-item {
    padding: 33px 30px;
 }

    .side-prtner::after, .side-join::after, .side-donate::after { right: 25px;}
.side-prtner, .side-join, .side-donate {
    padding-right: 139px;
    position: relative;
}
    .hme-ceffee-cnt p {
        font-size: 14pt;
        line-height: 24pt;
    }


.hme-prjts-hold::after {
  
    width: 70px;
    height: 100%;
   
    background-size: 100% auto;
    
}


    .hme-pjts-wrapp .title-block-hold, .hme-prjts-hold {
        padding-right: 140px;
    }
   .small-title h3 {
    font-size: 22pt;
     line-height:24pt;
   }
.milestone-list li:first-child { font-size: 22pt;}
    .hme-cefee-side-item h5 {
        font-size: 18pt;
    }
.hme-miles-title h2 , .widget-title h2, .page-title h1{
    font-size: 31px;
    line-height: 32pt;
}
footer {
    font-size: 11pt;
}

.header-top a:link, .header-top a:visited, .header-top {

    font-size: 11.5pt;

}




.about-founder-image {
    width: 460px;
}
.founder-details {
    padding-left: 500px;
    padding-top: 80px;
}

.app-blk-second {
    padding-left: 100px;
}
.sub-title h3, .sub-title h3 { font-size: 20pt;}

.sub-title h5 {
    font-size: 14pt; }

    .menu-caption {
        text-transform: uppercase;
        font-size: 12pt;
    }


}

@media (max-width: 991px) { 
.menu-caption { display: none;}
.sub-btm-blk p, .header-btm { display: none;} .mobMenu-show { display: block;}
.sub-btm-blk h3 { font-size: 12pt; padding: 0; }
.sub-btm-blk:after { width: 50px;}
.contact-image { display: none;}
.header-btm .container { justify-content: flex-end;}
}


@media (max-width: 800px) {  


    .banner-image, .banner-caption, .chairman-photo, .welcome-content, .hme-ceffee-cnt, .hme-cefee-side, .hme-milestone-left, .hme-milestone-right,
    .hme-vision-blk article, .hme-vision-blk figure, .hme-where-wrk article, .hme-where-wrk figure, .about-top-wrapp article, .about-top-wrapp figure, .abt-mile-block, .mis-vis-left, .mis-vis-right, .app-blk
     { width: calc(100% - 0px); padding-left: 0; padding-right: 0;}
    
    .chairman-photo { position: relative;}

.welcome-content  { padding-bottom: 0;}
.hme-pjts-wrapp .title-block-hold, .hme-prjts-hold {padding-right: 30px;}
.cefee-wrapp-hme .align { padding-left: 0;}

.hme-prjts-hold::after, .cefee-wrapp-hme .align:before, .footer-top, .sub-btm-join-block { display: none;}

.hme-sprt-hold li {
    width: calc(100% / 2);
    padding: 0 15px;
    border-left: 1px solid #dcc6b1;
}
.btm-join-block article p, .footer-logo{ display: none;}
.footer-menu {
    gap: 40px;
    width: 329px;
}

.about-founder-image {

    width: 309px;
}
.founder-details {
    padding-left: 340px;
    padding-top: 8px;
}
.sub-btm-blk {
    width: calc(50% - 0px); }

}

@media (max-width: 628px) {  
.about-founder-image { position: static; margin: 0 auto; width: calc(80% - 0px);}
.founder-details {padding-left: 0; padding-top: 30px;}
    .hme-prj {
        width: calc(100% - 0px);
    }
        .banner-caption {
        padding-top: 60px;
        }
        .home-banner-wrapp, .sub-banner { padding-top: 120px;}
}

/* --------------------------------- */
/* --------------------------------- */
/* -------- Metex Creations -------- */
/* --------  2025 october Gadhafi  -------- */
/* -------------------------------- */
/* -------------------------------- */
/* ------------------------------- */