﻿
/** Educatoin Header **/
.educationHeader { display:inline-block;float:right;width:100%;position:relative;margin-bottom:15px;}
.educationHeader .headerTop{display:inline-block;float:right;width:100%;height:180px;position:relative;overflow:hidden;background: #fff;background-size:auto 100%; background:url(../Images/headerImg.webp) right 90px center no-repeat ;}
/*.educationHeader .headerTop:before{content: "";background: url(../Images/Thanawya/vectorR.png) top -10px left -17px no-repeat;width: 300px;height: 100%;right: 0;top: 0;position: absolute;pointer-events: none;}*/
/*.educationHeader .headerTop:after{content:"";background:url(../Images/Thanawya/vectorl.png) top -10px right  no-repeat;width:300px;height:100%;left:0px;bottom:0;position:absolute;pointer-events:none}*/
.educationHeader .headerTop h1{display: inline-block;background:url(../Images/Thanawya/thanawyaWord.png) top left no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:600px;height:130px;background-size:100% auto}
.educationHeader .headerMenu {display:inline-block;float:right;width:100%;height:44px;z-index:10;background-color: #1d1d1d}
.educationHeader .headerMenu li {display: inline-block;float: right;position: relative;float: right;width: auto;height: 44px;}
.educationHeader .headerMenu li a {display: inline-block;width: auto;height: 100%;float: right;color: #fff;font-size: 14px;line-height: 44px;padding: 0 26px;}
.educationHeader:before, .educationHeader:after { display: none }
.education .navOverlay { background: url(../Images/overlayeducation.jpg) !important }
.educationHeader .educationSpons{position: absolute;right: 10px;bottom: 0;display: inline-block;float: right;}
.educationHeader .educationSpons a{display:inline-block;float:right;margin-left:20px;}
.educationHeader .educationSpons a img{width:75px;height:auto}
.educationHeader .educationSpons a:last-child img{margin-top:14px}
.educationHeader .educationSpons.ahram  img{margin-top:0!important;position: absolute;
    top: 50%;
    left: 50%;transform:translate(-50% , -50%);width:90px}
.educationHeader .educationSpons.ahram{background:#fff;border:1px solid #F2F2F2;border-radius:50%;position: absolute;left: 90px;top: 50%;transform:translateY(-50%);display: inline-block;float: right;right:auto;bottom:auto;width: 130px;height: 130px;padding: 16px;}
 .educationHeader .educationSpons.ahram  a{width: 100%;
    height: 100%;
    position: relative;z-index:2}
  .educationHeader .educationSpons.ahram  a img{position:absolute;width:100%;height:auto;top:50%;left:50%;transform:translate(-50% , -50%)}
.ThanawyaBody .lstNwsNtfy{background:#E03322}
.ThanawyaBody .swiperTicker .swiper-button-prev,
.ThanawyaBody .swiperTicker .swiper-button-next,
.ThanawyaBody .lstNwsNtfy .close{background:#ce2c25}
.ThanawyaBody .lstNwsNtfy .tickerTitle{z-index:1}
.thanwyaSponsor{z-index: 999999999;
    display: inline-block;
    position: absolute;
      top: -42px;
    left: 110px;
    width: 90px;
    height: 70px;
    background: #0c483e;
}
.ThanawyaBody .swiper-vertical{overflow:hidden}
.thanwyaSponsor img{display:inline-block;width:86px;height:auto;margin-top:3px;background:#f7f7f7;padding:0 2px 5px 2px}

@media screen and (min-width:1360px) and (max-width:1919px) {

    .educationHeader .headerTop { background: url(../Images/headerImg.webp) right 60px center no-repeat;}
    .educationHeader .educationSpons.ahram{left:60px}
}
@media screen and (min-width:1680px) and (max-width:1919px) {
    .educationHeader .headerTop h1{width:540px;height:114px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:250px}
}

@media screen and (min-width:1600px) and (max-width:1679px) {
     .educationHeader .headerTop h1{width:540px;height:114px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:250px}
}

@media screen and (min-width:1536px) and (max-width:1599px) {
     .educationHeader .headerTop h1{width:540px;height:114px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:250px}
}

@media screen and (min-width:1440px) and (max-width:1535px) {
     .educationHeader .headerTop h1{width:540px;height:114px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:250px}
}

@media screen and (min-width:1360px) and (max-width:1439px) {
     .educationHeader .headerTop h1{width:540px;height:114px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:250px}
}

@media screen and (min-width:1280px) and (max-width:1359px) {
   
    .amazonHeader .headerTop h1{font-size:42px;}
      .educationHeader .headerTop h1{width:470px;height:100px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:220px}
        .educationHeader .headerTop { background: url(../Images/headerImg.webp) right 60px center no-repeat;}
    .educationHeader .educationSpons.ahram{left:60px}
}
@media screen and (min-width:1152px) and (max-width:1279px) {
    .educationHeader .educationSpons a img{width:64px}
    .educationHeader .headerMenu li a{padding:0 18px}

         .educationHeader .headerTop h1{width:370px;height:80px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:175px}

    .educationHeader .headerTop:before{background:url(../Images/Thanawya/vectorR.png) top -18px left -18px no-repeat}
    .educationHeader .headerTop:after{background:url(../Images/Thanawya/vectorl.png) top -18px right  no-repeat}

    .educationHeader .headerTop{background: url(../Images/headerImg.webp) right 20px bottom no-repeat;
    background-size: auto 86%;}
    .educationHeader .educationSpons.ahram{left:20px}
}
@media screen and (min-width:1024px) and (max-width:1151px) {
    .educationHeader .educationSpons a img{width:64px}
    .educationHeader .headerMenu li a{padding:0 18px}

    
         .educationHeader .headerTop h1{width:370px;height:80px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:175px}

        .educationHeader .headerTop:before{background:url(../Images/Thanawya/vectorR.png) top -18px left -18px no-repeat}
    .educationHeader .headerTop:after{background:url(../Images/Thanawya/vectorl.png) top -18px right  no-repeat}

    
    .educationHeader .headerTop{background: url(../Images/headerImg.webp) right 20px bottom no-repeat;
    background-size: auto 80%;}
    .educationHeader .educationSpons.ahram{left:20px}

}
@media only screen and (max-width: 1023px) {
    .educationHeader .educationSpons a img{width:64px}
    
         .educationHeader .headerTop h1{width:370px;height:80px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:155px}

        .educationHeader .headerTop:before{background:url(../Images/Thanawya/vectorR.png) top -18px left -18px no-repeat}
    .educationHeader .headerTop:after{background:url(../Images/Thanawya/vectorl.png) top -18px right  no-repeat}

    
    .educationHeader .headerTop{background: url(../Images/headerImg.webp) right 20px bottom no-repeat;
    background-size: auto 70%;}
        .educationHeader .educationSpons.ahram{left:20px}


}
@media screen and (min-width: 320px) and (max-width: 767px) {
    .educationHeader{height:184px}

    .educationHeader .headerTop{height:140px}
    .ThanawyaBody .lstNwsNtfy .tickerTitle{top: -27px;
    right: 5px;
    width: 130px;height:auto}
         .educationHeader .headerTop h1{width:210px;height:50px}
    .educationHeader .headerTop:before,.educationHeader .headerTop:after{width:calc((100% - 230px)/2);}

      
    .educationHeader .headerTop{background: url(../Images/headerImgMob.webp) right  bottom no-repeat;
    background-size: auto 89%;}

    .educationHeader .educationSpons{left:auto;top:auto;bottom:0;right:10px;}
    .educationHeader .educationSpons a{margin-right:0;margin-left:10px;float:right}
    .educationHeader .educationSpons a img{width:52px}
    .educationHeader .educationSpons a:last-child img{margin-top:7px}
    .educationHeader .headerMenu ul{
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    z-index: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);}
    .educationHeader .headerMenu li{float: none;
    font-size: 12px;
    -moz-page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
    -o-column-break-inside: avoid;
    -ms-column-break-inside: avoid;
    column-break-inside: avoid;
    page-break-inside: avoid;}
    .educationHeader .headerMenu li a{padding:0 10px;font-size:13px}

    .thanwyaSponsor{width: 68px;
        height: 54px;
        top: -53px;
        left: 0;}
    .thanwyaSponsor img{width:64px;top: 3px;
        left: 50%;
        transform: translateX(-50%);position:absolute;
        margin-top:0;padding-bottom: 8px;}
    .educationHeader .educationSpons.ahram a img{width:85%;}
    .educationHeader .educationSpons.ahram{left:10px;top:10px;transform:none;width:70px;height:70px;padding:10px;padding:0}
}