#mapvideo, #video {
    object-fit: initial;
    width: 100%
}

.containerexample {
    position: relative
}

.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s
}

@@media (max-width: 767px) {
    font-size: 20px !important
}

.EI-P {
    text-align: center !important
}

.page-heading h1, .page-heading p {
    margin-left: 20px !important
}

.socialMedia {
    margin-left: 10px !important
}

a.button, button {
    padding-top: 10px !important
}

blockquote {
    padding: 50px 10px 40px !important
}

    /*blockquote:before {
        top: 30px !important
    }*/

div[id='Ministry Mission'] {
    margin-top: 0 !important
}

.icon-left-dir:before, .icon-right-dir:before {
    font-size: 145%
}

.dynamicContainer {
    padding-right: 30px !important
}

.example {
    position: relative;
    padding: 0;
    display: block;
    cursor: pointer;
    overflow: hidden
}

.contentdown, .text {
    position: absolute;
    font-size: 20px
}

.contentdown {
    opacity: 0;
    top: 0;
    left: 0;
    color: #000;
    font-weight: 600;
    background-color: rgba(242,244,249,.88);
    width: 100%;
    height: 100%;
    -webkit-transition: .4s ease-out;
    -moz-transition: .4s ease-out;
    -o-transition: .4s ease-out;
    -ms-transition: .4s ease-out;
    transition: .4s ease-out;
    text-align: center
}

.justfiyslidertext, .text {
    color: #fff
}

.example .contentdown:hover {
    opacity: 1
}

.example .contentdown .textdown {
    height: 0;
    opacity: 1;
    transition-delay: 0s;
    transition-duration: .4s
}

.example .contentdown:hover .textdown {
    opacity: 1;
    transform: translateY(60px);
    -webkit-transform: translateY(60px)
}

.textdown a {
    color: #000
}

.nogoldhover a:hover {
    color: #fff !important
}

#video {
    height: 365px
}

#mapvideo {
    height: 321px
}

h1 {
    font-size: 23px !important
}

.containerexample .content:hover .text {
    margin-left: 45px
}

.text {
    padding-right: 10px;
    padding-left: 10px;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(0,-50%)
}

@@media only screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-height: 1366px) and (min-width: 1024px) {
    width: 100%;
    height: 363px
}

.slider-row {
    padding: 10px 0 !important
}

.nogoldhover {
    padding: 15px !important
}

#main_flex_1 {
    background: url(img/MPED-Egypt-perception-of-financing-and-completing-the-project-of-the-international-branch-of-Cairo-University.jpg) no-repeat
}

#main_flex_2 {
    background: url(img/MPED-Egypt-the-budget-of-the-Ministry-of-State-for-Information.jpg) no-repeat
}

#main_flex_3 {
    background: url(img/MPED-Egypt-coronavirus.jpg) no-repeat
}

.main-flexslider p + a.button {
    margin-top: 63px;
    float: left;
    display: block;
    position: fixed;
    direction: rtl
}

#main_flex_1 .slide {
    padding-left: 100px
}

.main-flexslider .slide {
    padding: 220px 15px 0;
    cursor: pointer
}

.main-flexslider p {
    float: right;
    text-align: right;
    direction: rtl;
    display: block;
    margin-top: 0
}

.main-flexslider .slides > li {
    height: 380px
}

.main-flexslider h2 {
    text-align: right;
    font-size: 20px;
    margin-bottom: 10px;
    float: right;
    font-weight: 800;
    line-height: 30px
}

.flexslider a.button.button-arrow:after {
    margin-left: -10px;
    margin-right: 6px
}

.flex-direction-nav a:hover {
    background: #28a5a3;
    text-decoration: none
}

p.reports {
    height: 125px
}

.breadcrumb {
    background-color: #fff;
    padding: 0
}

.hideondesktop {
    display: none
}

.titlemobile {
    padding: 20px !important;
    font-size: 20px !important;
    margin-top: 210px !important;
    line-height: 20px !important
}