/* El Gouna Header */
.gounaHeader { display: inline-block; float: right; width: 100%; height: 200px; position: relative;background: url(../Images/Elgouna/gounaHeader.jpg) top right no-repeat; background-size:cover;margin-bottom: 40px; overflow: hidden}
.gounaHeader .logo{width:204px;height:112px;position:absolute;top:20px;left:20px;background: url(../Images/Elgouna/elgounaLogo.png) center center no-repeat; background-size:100%;}
.gounaHeader p.title{position:absolute;width:100%;right:26px;top:50%;transform:translateY(calc(-50% - 20px));font-family: DroidKufiBold, Arial; font-size: 48px; color: #A8006B}
.gounaHeader .headerMenu { position: absolute; bottom: 0; width: 100%; height: 44px; background-color:#A8006B}
.gounaHeader .headerMenu li { display: inline-block; float: right; position: relative; float: right; width: auto; height: 44px; }
.gounaHeader .headerMenu li:last-child { margin-left: 0 }
.gounaHeader .headerMenu li a { display: inline-block; width: auto; height: 100%; float: right; color: #fff;  font-size: 14px; line-height: 44px; padding: 0 26px; }
.gounaHeader .headerMenu li a:hover, .gounaHeader .headerMenu li a.select { background: #7a004e }

@media screen and (min-width: 320px) and (max-width: 767px) {
    
    .gounaHeader {background: url(../Images/Elgouna/gounaHeader.jpg) top center no-repeat;background-size:cover}
    .gounaHeader .logo{width:128px;height:70px;left:50%;transform:translateX(-50%)}
    .gounaHeader p.title{right:auto;top:50%;transform:translateY(calc(-50% + 20px));font-size: 30px;text-align:center}
    .gounaHeader .headerMenu ul{position:absolute;width:312px;height:100%;left:50%;top:0;transform:translateX(-50%)}
    .gounaHeader .headerMenu li a{padding: 0 16px;}
}