@media screen and (max-width:1024px){
    .navbar .navbar-brand {
    margin-right: 0 !important;
}

.navbar .navbar-nav .nav-link {
    font-size: 14px !important;
    
}

.navbar .navbar-nav .nav-link.cart{
    font-size:40px !important;
}

.navbar:after{
    content:none !important;
}

.navbar{
    width:100%;
}

.list-project-single .wrap .custom-check label{
        padding: 0 10px !important;
            font-size: 14px !important;

}
}

@media screen and (max-width: 800px) {
    .mobile{
    display: block!important;
}

.navbar{
    padding: 15px 15px !important;
width: 100% !important;
}

.content .home_about .sec img {
    width: 100%;
    margin-bottom: 5px;
    height: 350px;
}

.login .info{
    width:100%;
}

.login .info img{
        border-bottom-right-radius: 0 !important;
    border-top-left-radius: 20px;
    height: 320px !important;

}

.list-project-single .wrap .custom-check label{
        padding: 0 !important;
    font-size: 15px;
}

.home_about .sec{
    margin-bottom:20px;
}

.project-single .wrap .project-thumbnail img, .list-project-single .wrap .project-thumbnail img {
    width: 100%;
    border-radius: 10px;
    height: 270px;
}


.only_project .details{
    position:static;
}

.only_project .background img{
    height: 270px;
}


.project-single .share a{
    font-size:15px !important;
}

.periodic_donation{
    margin-bottom:10px !important;
}

.home_projects{
    height: 660px !important;
}

#divd2 label {
    padding: 5px 12px !important;
}


.carousel h3{
    margin-top:20px;
}

.carousel-control-next {
    margin-left: 10px;
    right: 70%;
}

.another_projects .project-single .wrap .project-thumbnail img, .another_projects .list-project-single .wrap .project-thumbnail img{
    /*height:300px; Magdy: to fix iphon image */ 
}

footer .top-footer{
        padding-bottom: 30px !important;
}

.list-project-single.verticle-display .wrap .add-to-cart button.btn{
        margin-top: 25px;
}

.project-single .wrap .custom-check label{
        padding: 0 10px;
}

.only_project .project-content{
        padding: 20px 10px !important;
}

.btn-floating{
    width:50px;
    margin:0;
}

.project-single .share{
    float:none !important;
}

.auth-container{
    border-top-left-radius: 0;
    border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;

}

.login .info{
        border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 20px;
}


.navbar .navbar-nav .periodic_donation_item{
    margin-top:0;
}


.navbar .cart,
.navbar .search{
    display:none;
}

.navbar-nav{
    padding:0;
}

.navbar .navbar-nav .nav-link{
    margin:0;
            padding: 0.5rem 1rem !important;
}

.navbar-collapse{
        padding: 0 0 20px;

}

label > input[type="radio"] + span{
    padding:0 !important;
}

#one, #two, #three, #four{
    width:50%;
}

#divd1{
    margin:auto;
}


.donation_labels label{
    width:48%;
}

.navbar-nav .nav-link{
    padding: 10px 20px;
}
#noty_topLeft_layout_container{
    left: 115px !important;
}
    .navbar{
    width:100%;
}

.navbar:after{
    content:none
}
}
@media screen and (min-width:787px){
    header .bottom-header .menu li ul{position: absolute;right: 0;top: calc(100% + 25px);background-color: #fff;width: 180px;visibility: hidden;opacity: 0;}
    header .bottom-header .menu li ul ul{top: 20px;right: 100%;visibility: hidden;opacity: 0;}    
    header .bottom-header .menu li:hover > a{color: var(--primary);}
    header .bottom-header .menu ul li:hover > a{background-color: var(--primary);color: #fff;}
    header .bottom-header .menu ul li:hover > ul{top: 0;} 
}
@media screen and (max-width:786px){
    
    .navbar .navbar-brand img {
        /* width: 70%; */
        width: 160px;
         margin-right: 0;
    }

    .navbar{
        padding: 15px 15px !important;
    width: 100% !important;
    }
    .projects .nav-tabs{
        width:100% !important;
    }
    section.steps_section .steps,
    .projects .send_form{
        width:100%;
    }
    .projects .step_title{
        margin-right:0;
    }
	.paddd{
padding-top: 10px!important;
}	

.social_links{
    width: 100%;
    margin: auto;
}

.social_links img{
    width: 60px !important;
}

.benefactor-content .payment-type ul li{
    margin-left: 15px !important;
    padding:15px 0;
    
}

.benefactor-content .payment-type ul li img{
    height:40px !important;
}
    .cover-page{height: 300px;}
    .cover-page h1{font-size: 35px;}
    .list-new-single .news-quik-content{width: calc(100% - 200px);}
    .slideshow .list-slides .owl-dots{bottom: 0px; background: unset!important;}
    header .top-header{display: none;}
    header .bottom-header{padding: 15px 0;}
    .title{margin-bottom: 5px;}
    .news .title{margin-bottom: 20px;}
    header .bottom-header .toggleMenu{display: block;}
    /*.project-single .wrap p, .list-project-single .wrap p{display:none;}*/
	#projectdetail p{display:block!important;}
	
    /* .list-projects .owl-nav{display:none} */
    header .bottom-header .menu{padding: 20px 15px;position: fixed;top: 0;right: -260px;height: 100vh;background-color: #fff;width: 250px;overflow-y: auto;}
    header .bottom-header .menu.open{right: 0;}
    header .bottom-header .menu li, header .bottom-header .menu li a{display: block;height: auto;float: none;margin: 0;}
    header .bottom-header .menu li a{color: var(--second);text-align: right;padding-left: 0;}
    header .bottom-header .menu .button .btn{color: #fff;text-align: center;}

    .list-new-single .news-thumbnail{padding: 0;}
    .slideshow, .slideshow img{height: auto;overflow: hidden;}

    .pages .breadcurmbs{font-size: 18px;}
    .project-single .wrap .project-results, .projects .list-project-single .wrap .project-results, .project-single .wrap .project-results span, .projects .list-project-single .wrap .project-results span{font-size: 14px;}
    .project-single .wrap .project-results, .projects .list-project-single .wrap .project-results{margin: 15px 0 5px;}
    .project-single .wrap .location{margin-bottom: 15px;}
    .project-single .wrap, .projects .list-project-single .wrap{padding: 15px;}
    .project-single .wrap .add-to-cart .btn, .projects .list-project-single .wrap .add-to-cart .btn{margin-top: 10px;}
    .project-single .wrap .custom-check label{font-size: 14px;padding: 0 15px;}

    .list-project-single .wrap, .project-single .wrap{padding: 15px;}
    .list-project-single .wrap h3, .project-single .wrap h3{padding: 0;margin: 0 0 15px;font-size: 20px;}
    .list-project-single .wrap .project-results, .project-single .wrap .project-results{font-size: 14px;margin: 15px 0;}
    .list-project-single .wrap .project-results span, .project-single .wrap .project-results span{font-size: 14px;}
    .list-project-single .wrap .add-to-cart input, .project-single .wrap .add-to-cart input{height: 30px;font-size: 14px;}
    .list-project-single .wrap .add-to-cart button.btn, .project-single .wrap .add-to-cart button.btn{font-size: 12px;padding: 0;height: 30px;}
    .list-project-single .wrap .add-to-cart button.btn img, .project-single .wrap .add-to-cart button.btn img{width: 15px;height: 15px;}
    .list-project-single .wrap .add-to-cart .btn, .project-single .wrap .add-to-cart .btn{font-size: 12px;padding: 0;height: 30px;}
    

    .filter{width: 100%;display: block;}
    .filter select{width: 100%;display: block;margin-top: 10px;}

    .benefactor-content .benefactor-choice .collapse-content, .benefactor-content .contributor-results{padding: 15px;}
    
    .voucher-content h2{font-size: 30px;line-height:30px;}
    .voucher-content p{font-size: 17px;line-height:17px;}

    header .bottom-header ul > .search{display: none;}
    header .bottom-header ul > .button{padding-top: 20px;}
    header .bottom-header ul > li{border-bottom: 1px solid #dfdfdf;}
    header .bottom-header ul > li:last-child{border-bottom: 0;}
    header .bottom-header .menu li a{padding: 7px 10px;}
    header .bottom-header .menu li ul{border-right: 2px solid var(--second);display: none;}
    header .bottom-header .menu ul ul{margin-right: 15px;}
    header .bottom-header .menu li.active > a{background-color: var(--second) !important;color: #fff !important;}

    .page-dafault h2{font-size: 25px;margin: 15px 0;}
    .page-dafault h3{font-size: 21px;margin: 15px 0;}
    .page-dafault h4{font-size: 17px;margin: 15px 0;}
    .page-dafault h5{font-size: 14px;margin: 15px 0;}
    .page-dafault h6{font-size: 14px;margin: 15px 0;}

    .volunteer form .form-group > label, .volunteer form .form-control{width: 100%;float: none;height: 45px;line-height: 45px;}
    .volunteer .border{background: #fff;}
}
@media screen and (max-width:580px){
    .list-new-single .news-quik-content{width: 100%;}
    .list-new-single .news-thumbnail{width: 100%;margin-bottom: 15px;}
    .voucher-content .wrap{padding: 25px 15px;}
    .voucher-content .wrap .vourcher-action h4{font-size: 20px;}
    .voucher-content .wrap .vourcher-action img{width: 30px;}
    .single-post{border: 0;padding-left: 0;padding-right: 0;}
    /* .projects .list-projects .list-project-single .wrap .add-to-cart .col-md-4{padding: .5rem!important;} */
    /* .projects .list-projects .list-project-single .wrap .add-to-cart .btn {margin-top: 0;} */
}
@media screen and (max-width:481px){

}
@media screen and (max-width: 768px) {
/*    .navbar{*/
/*    width:100%;*/
/*}*/

/*.navbar:after{*/
/*    content:none*/
/*}*/

.nav-tabs {
    width:100%;
}

#ex1 #modal-content{
width:100%;
}

#ex1 img{
width:100%;
}

.projects .nav-tabs {
    width: 100% !important;
    margin: 0 auto;
    text-align: center;
}
.desktop {
    display :none!important;
}
.mobile{
    display: block!important;
    margin-right: 15px;
}
.list-achievements  .owl-nav {
    display: none;
}

.list-new-single .wrap{background-color: #fff;border: 1px solid #d4cfcf;border-radius: 20px;height: 630px!important;}


    .list-achievements .owl-dots button {
        display: inline-block;
        margin: 0 5px;
        width: 10px;
        height: 10px;
        overflow: hidden;
        border-radius: 50%;
        background-color: #b6b6b6;
    }
    .list-achievements .owl-nav {
        position: absolute;
        border: 0;
        left: 25px;
        top: 25px;
        height: 35px;
    }
    .list-achievements .owl-dots {
        position: relative;
        padding: 0;
        border-radius: 10px;
        text-align: center;
        width: 100%;
        overflow: hidden;
        margin-top: 10px;
    }
    .list-achievements .owl-dots button.active {
        background-color: var(--primary);
    }

    .achievements img{
        width:90%!important;
        height: auto;
    }
    .footer-mobile{
        text-align: center;
    }
    .libraries .single-library .wrap{
        width:95%;
    }
}



@media(max-width:768px){
    .home_projects {
    height: 850px !important;
}

.only_project .details {
     position: static; 
}

.only_project .background img {
    height: 270px;
}

.login .info img{
        height: 270px !important;
}
}

/*@media(max-width:640px){*/
/*    .only_project .background img {*/
/*    height: 350px !important;*/
/*}*/
/*}*/

@media(max-width:375px){
    .only_project .background img {
    height: 250px;
}
}

@media(max-width:360px){
    .carousel-control-next {
    margin-left: 10px;
    right: 50%;
}

.only_project .details {
    position: static;
}

.only_project .background img {
    height: 270px;
}



.home_projects {
    height: 855px !important;
}
}