/* file for responsive
   added by mariam gamil
   created at 24/1/2019
*/




body {
    overflow-x: hidden;
}

.subscribe-form {
    position: relative;
}
.subscribe-form button {
    position: absolute !important;
    top: 0px;
    left: 0px !important;
}

.only-drop {
    right: 6px;
    position: relative;
    top: 46px;
    border: 1px solid #bdbcbc;
}
.only-drop::before {
    content: '';
    border: 7px solid;
    border-color: transparent transparent #bdbcbc transparent;
    position: absolute;
    top: -14px;
    right: 13px;
}
.footer-text p {
    margin-top: 35px;
}
.carousel-item img {
    min-height: 35%;
}
@media (min-width: 991.98px) {
    .carousel-item img {
    min-height: 100%;
}
    .camle-text {
        position: absolute;
        right: 0px;
        top: 0px;
    }
    .camle-content {
        position: relative;
    }
}

@media (max-width: 991.98px) {
    .hide-ats {
        display: none;
    }
}

@media (max-width: 991.98px) {
    .subscribe-form button {
        min-width: 100px;
        width: 100px;
    }
    .only-drop::before {
        display: none;
    }

}
@media (max-width: 767.98px) {
    .footer-social-icons {
        margin-top: 32px;
        margin-bottom: -20px;
    }
    .footer-links {
        margin-top: -50px !important;
    }
    .powred-ptn {
        margin-top: 12px;
        margin-bottom: 20px;
    }
    #elthk{
        width: 186px;
        text-align: center;
        margin: 10px auto 0;
        display: block;
    }
    #Rakayib2 #elthk{
        margin-left: calc(50% - 84px);
    }
    .welcome img{
        height: 190px;
    }
    .subscribe-form button {
        min-width: 130px;
        width: 130px;
    }
    .kafela {
        padding-bottom: 57px;
    }
    .kafela .convoy-trip{
        margin: 0 auto;
        margin-bottom: 25px;
    }
    .features{
        text-align: center;
    }
    .features .feature-img{
        height: 190px;
        width: auto;
        display: block;
        margin: 0 auto 20px;
    }
    .information .all-info .col-md-6:last-child{
        margin-right: 0;
    }
    .Horizon,.Erm,.Beren,.surprise{
        background: #000;
    }
    .information .info-inner{
        height: 375px;
    }
    #About{
        background: none;
        padding-bottom: 0;
    }
    
}
#Nady {
    background-size: 50% 200px;
    margin-top: 80px;
    padding-bottom: 11px;
    background-position: 0% 84%;
}
#Nady2 {
    margin-top: -80px;
}

.welcome { 
        padding: 80px 0 !important;
}
.welcome .overlay {
        top: 0px !important;
}
#Rakayib {
    padding-top: 80px;
}
@media (max-width: 340px) {
    .subscribe-form button {
        min-width: 100px;
        width: 100px;
    }
    
}

@media (max-width: 570px) {
    .Raba {
        background-position-y: 23%;
    }
    .Raba .ltr {
        height: 230px;
        transform: translateY(-40px);
    }
    .rabaImg {
    width: 76%;
    display: block;
    margin: 10px auto !important;
    height: 174px;
    }
    .carousel-caption{
        bottom: 13%;
    }
    .downscroll{
        margin-top: -111%;
    }
    .information .info-inner .info-inner-img{
        height: 46%;
    }
    .information .info-inner p{
        max-height: 55%;
    }
    .library .library-info-inner{
        height: 435px;
    }
    .library .library-info-inner .info-inner-img{
        height: 34%;
    }
    .library .library-info-inner p{
        height: 39%;
        overflow: hidden;
    }
    .download-btn{
        margin-top: 0;
    }
    
}
@media (max-width: 465px){
    
}
@media (max-width: 390px) {
    .Raba {
        background-position-y: 33%;
    }
    .Raba .ltr {
        height: 220px;
        transform: translateY(-54px);
        
    }
    .rabaImg {
    width: 87%;
    display: block;
    margin: 10px auto !important;
    height: 166px;
    }
}
@media (max-width: 340px) {
    .Raba {
        background-position-y: 38%;
    }
    
}
@media (max-width: 767px) and (min-width: 550px){
    .camel-club-text {
        margin-top: 300px;
    }
}
@media (max-width: 549px) and (min-width: 500px){
    .camel-club-text {
        margin-top: 250px;
    }
}
@media (max-width: 499px) and (min-width: 450px){
    .camel-club-text {
        margin-top: 200px;
    }
}
@media (max-width: 449px) and (min-width: 375px){
    .camel-club-text {
        margin-top: 175px;
    }
}
@media (max-width: 374px) { 
    .camel-club-text {
        margin-top: 180px;
    }
}
@media (max-width: 319px) { 
    .camel-club-text {
        margin-top: -30px;
    }
}


@media (max-width: 325px) {
    #Nady {
            padding-top: 30px;
    }
}