.fancybox-container { z-index:120000000 !important }
.nivo-controlNav a { background-color:rgba(218, 218, 218, 0.5) }
.view-620 { display:none }
.welcomeTitle { padding:15px 100px 0px 100px; }
.header-mobile { display:none }
.mh-head { background-color:transparent }
.smoSuub {  padding-top:40px }
.mh-head .hamburger-inner, .mh-head .hamburger-inner:after, .mh-head .hamburger-inner:before 
{ background-color:#969595 }
.mobMenu { position:absolute; right:0; top:0 }
.top-call { float:left; }
.whats-app { float:left; margin-left:15px; width:23px;   filter: grayscale(100%);  }
.whats-app:hover { filter: grayscale(0);  }
.top-call img { width:20px; margin-right:5px }
/*--------- whatsapp ----------*/
/*--------- end whatsapp ----------*/
.fixed  { transition:all 0.5s ease; padding:8px 5px 5px 5px!important }
.site-logo  { transition:all 0.5s ease; width:145px }
.primary-menu { transition:all 0.5s ease; }
.fixed  .site-logo { width:123px }
.fixed .primary-menu  { padding:0px 0 0 } .fixed .primary-menu .ddsmoothmenu ul li a, .fixed .secondary-menu .ddsmoothmenu ul li a { padding:5px 10px }  .fixed .secondary-menu .ddsmoothmenu ul li a { padding:5px 20px } .hmePhGalThreeColumn li { width:calc(33.33% - 5px) }
/*--------- Hide mobile-menu scroll down ----------*/
.header-mobile { transition: all 0.5s ease; }
.header-mobile { position:absolute; left:0; top:0; width:100%; transition:all 0.5s ease; opacity:1; z-index:1000 }
.nav-up { opacity:0; margin-top:-20px; }
.nav-down { opacity:1; top:0 }
/*---------- end Hide mobile-menu scroll down ----------*/
.footerWrapp, .design a:link, .design a:visited, .footAddress a:link, .footAddress a:visited  { color:#8b8a8a } 
.footerMenuTop { padding-bottom:20px }
.footerMenuTop li { display:inline-block; padding:0 15px 0 0; position:relative } .footerMenuTop { text-align:center; text-transform:uppercase }
.footerMenuTop li:after { content:"/"; display:inline-block; padding-left:15px }
.footerMenuTop li:last-child:after { display:none }
.footerMenuTop a:link, .footerMenuTop a:visited { color:#8b8a8a }
.footLogo { opacity:0.3 } .cpyWrapp { padding-top:25px; position:relative }
.design a:hover, .footAddress a:hover, .footerMenuTop a:hover, .footerMenu a:hover { color:#bbb4b4 }
.cpr { float:left;  position:relative; z-index:200 } .design { float:right; position:relative; z-index:200; display:none }
.smoHome {   position: absolute;  top: 26px; width:100%; left:0; 	 } 
.secondary-menu, .primary-menu { float:right }
.secondary-menu { position:relative } .secondary-menu:before, .secondary-menu:after { content:""; display:block; position:absolute; left:0; width:100%; background-image:url(../images/menu-bg.jpg); background-repeat:repeat-x; height:10px; }
.secondary-menu:before { top:0 } .secondary-menu:after { bottom:0 }
.secondary-menu .ddsmoothmenu ul li a {    padding: 18px 14px 20px 14px; }
.fixed .secondary-menu .ddsmoothmenu ul li a {  padding: 18px 14px 20px 14px;}
.banner-wrappp, .subBAnner figure { position:relative }
.banner-wrappp:before, .banner-wrappp:after, .subBAnner figure:before, .subBAnner figure:after { content:""; display:block; position:absolute; width:100%; left:0; height:24px; background-image:url(../images/banner/banner-top.png); background-repeat:repeat-x; z-index:12000 }
.banner-wrappp:before, .subBAnner figure:before{ top:0 }
 .banner-wrappp:after, .subBAnner figure:after { bottom:0; background-image:url(../images/banner/banner-bottom.png)}
.home-caption { position:absolute; width:100%; left:0; text-align:center; bottom:80px; z-index:12000; color:#fff; text-transform:uppercase; font-family: 'Josefin Sans', sans-serif; font-size:30pt; font-weight:100; color:#f3f3f3; letter-spacing:5px  }
.subBAnnerSingpg  { padding-top:170px }
@media only screen and (max-width: 1400px) { 
.hmePhGal li { margin:10px 0 }
.hmePhGalTwoColumn li:first-child { margin-right:10px; }
.hmePhGalTwoColumn li:last-child { margin-left:10px }
.hmePhGalTwoColumn li { width:calc(49.5% - 10px) }
}
@media only screen and (max-width: 1100px) { }
@media only screen and (max-width: 1090px) { 
.footLogo  { margin-right:66px } .footerMenu ul { padding-right:100px }  .sub-content { padding:15px 0 }
.singPortFoli li, .singFeatured li, .motiPortFoli li { width:calc(50% - 10px); margin:4px 4px;   }
.singPortFoli li { width:calc(24% - 10px);  } .singPortFoli { padding-top:25px } .motiPortFoli li  { width:calc(33% - 10px); margin:4px 5px;  } .home-caption { font-size:22pt }
}
@media only screen and (max-width: 1024px) { 
.footerMenu ul { padding-right:45px } .contactWrapp { width:auto }
.pageTitle, .hmePrdTitle { font-size:20pt }
.welcomeBlock, .hme-video-block, .hme-photo-wrapp, .subPageWrapp { padding:30px 0 25px 0 }
.subBAnner { padding-bottom:30px }
.pageTitle { padding-bottom:0 } .subBAnner, .welcomeWrap { padding-top:120px }
}
@media only screen and (max-width: 920px) { 
.primary-menu .ddsmoothmenu ul li a:link, .primary-menu .ddsmoothmenu ul li a:visited 
{ font-size:11pt  }
.primary-menu .ddsmoothmenu ul li a, .secondary-menu .ddsmoothmenu ul li a { padding:10px 4px }
.fixed .primary-menu .ddsmoothmenu ul li a, .fixed .secondary-menu .ddsmoothmenu ul li a { padding:5px 4px }
.hmePhGalTwoColumn li:first-child { }
.footerMenu ul { padding-right:30px } .footLogo  { margin-right:40px  }
.contactAddress {width: calc(400px - 30px); margin-right: 37px;padding:56px 0;}
.feedback { width:380px; float:left;   }
}
@media only screen and (max-width: 820px) { 
.footLogo { margin-right:35px }
.footAddress { float:none; clear:both; margin:0 auto; width:360px }
.footLogo, .footerMenu { display:none }
.photoLandOp1 li { display:block; width:calc(50% - 16px); float:left; margin:8px 8px }
.singPortFoli li { width:calc(33% - 10px);  }
.contactAddress {width: calc(380px - 20px); margin-right: 20px;padding:56px 0;}
.feedback { width:330px; float:left;   }
.subMenu a:link, .subMenu a:visited { font-size:10pt } .subMenu a:link, .subMenu a:visited { padding:10px 1px }
}
@media only screen and (max-width: 768px) { 
.video-container { width:100% !important }
.header-wrapp  { display:none }
.header-mobile { display:block; position:fixed; width:100%; left:0; top:0; z-index:120000; background-color:#fff }
.mob-logo { width:110px; padding:15px; height:auto; transition:all 0.5s ease }
.welcomeWrap, .subBAnner { padding-top:140px }
.mobResz .mob-logo { overflow:hidden; height:54px; padding:6px 15px }
.mh-head .mh-btns-left, .mh-head .mh-btns-right  { }
.mobMenu { top:15px; transition:all 0.5s ease }
.mobResz .mobMenu { top:5px } .mobResz { border-bottom:1PX solid #d8d8d8 } .welcomeBlock { padding:30px 0px }
.hmePhGal li { margin:5px 0 } .hmePhGalTwoColumn li:first-child { margin-right:5px; }
.hmePhGalTwoColumn li:last-child { margin-left:5px } .hmePhGalTwoColumn li { width:calc(49.5% - 5px) } .welcomeTitle { padding:15px 0 0 0 }
.photoLandOp1 li { display:block; width:calc(100% - 16px); float:left; margin:8px 8px }
.contactAddress {width: calc(100% - 0px); margin-right: 0;padding:0 0 20px 0;}
.feedback { width: calc(100% - 0px); padding:0 20px; float:left;    }
.contactWrapp { margin:0; padding:20px 0 }
.pageTitle, .hmePrdTitle { font-size:18pt } .subTilte { font-size:16pt; } .mob-logo { float:left }
.top-right { float:right; margin-right:66px; margin-top:26px; transition:all 0.5s ease  }
.mobResz .top-right { margin-top:15px } .footerBlock { padding:10px 0 5px } .footerBlock p { padding-bottom:1px } .footLogo { margin-bottom:10px }
}
@media only screen and (max-width: 730px) { 
.footerMenu { display:none } .welcomeTitle { height:auto; line-height:normal; padding-bottom:0 }
.footAddress address { float:none; clear:both }
.footAddress { padding:25px 0 30px 0; width:247px }
.footerWrapp { padding:25px 0 }
.cpyWrapp { padding-top:9px }
.smoHome { top:13px }
.subBAnnerSingpg { padding-top:100px }

}
@media only screen and (max-width: 620px) { 
.hide-620 { display:none } .view-620 { display:block }
.motiPortFoli li, .singPortFoli li { width:calc(50% - 10px);  } .hmePhGalThreeColumn li { width:calc(50% - 5px); }
}

@media only screen and (max-width: 540px) { 
.hmePhGalTwoColumn li, .hmePhGalThreeColumn li { width:calc(100% - 0px) }
.hmePhGalTwoColumn li:first-child { margin-right:0px; }
.hmePhGalTwoColumn li:last-child { margin-left:0px }
.footLogo { margin-right:0px; width:90px }
.footAddress { float:none; clear:both; margin:0 auto; width:auto } 
.top-call span { display:none }
.whats-app { margin-left:5px }
.top-call { padding-top:3px }
.top-right  { margin-right:55px }
.smoSuub {  padding-top:0px } 
.home-caption { font-size:14pt; bottom:30px }
.smoHome { position:relative; top:0 }
.cpr, .design { float:none; clear:both; width:auto; text-align:center }

}
@media only screen and (max-width: 430px) {  .motiPortFoli li, .singPortFoli li { width:calc(50% - 10px);  } }
@media only screen and (max-width: 340px) {  
.footLogo  { float:none; clear:both; margin:0 auto 15px auto } 
.footAddress address { width:auto; float:none; clear:both; text-align:center }
.smo { margin:0 auto; float:none; clear:both; width:105px; }
.smo li:nth-child(3n) a:link, .smo li:nth-child(3n) a:visited { width:22px; }
}
/*------------------ ******************* -------------------*/
/*------------------ ******************* -------------------*/
/*------------------ ******************* -------------------*/
/*------------------ **Metex Creations** -------------------*/
/*------------------ *** 07 05 2022 **** -------------------*/
/*------------------ *** Gadhafi KH  **** -------------------*/
/*------------------ ******************* -------------------*/
/*------------------ ******************* -------------------*/
/*------------------ ******************* -------------------*/