/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) and (max-width: 1380px) {
.support-a-life .support-a-life-details .all-button a {
    font-size: 14px !important;
    padding: 10px 25px 10px 5px !important;
}
}


@media only screen and (min-width: 1310px) and (max-width: 1556px) {
 .three-section-page1 .box-details1 {
     padding: 28px 0 !important;
 }   
}








/* For mobile phones: */
@media only screen and (max-width: 768px) {
    .main-banner .banner-details {
        left: 20px;
    }
    .main-banner .carousel-control-next,
    .main-banner .carousel-control-prev {
            top: 38% !important;
                height: 25px !important;
    }
    .shutter-out-horizontal {
            margin-left: 0 !important;
        margin-top: 20px;
        text-align: center;
    }
    
.navbar-light .navbar-nav .nav-link {
    padding: 10px 15px !important;
    display: flex !important;
    color: #747070 !important;
    font-size: 18px !important;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #ddd;
}
.shutter-out-horizontal a {
            color: #fff !important;
    }
.main-banner .banner-details {
  width: 100%;
}
.container-auto {
    padding: 0 5px !important;
}
.contact-section .contact-form {
        padding: 50px 0px !important;
}
.main-banner .banner-details {
    
}
.bottom-header .navbar-brand img {
  width: 225px;
}
.contact-section .contact-form {
  padding: 50px 10px;
}
.row {
  padding: 0;
  margin: 0;
}
.top-header .details a {
    margin: 0 !important;
            font-size: 10px;
        padding: 0 !important;
}
.top-header .details span {
    display:none;
}
.top-header .details {
    text-align: center;
}
.top-header .socail-icon {
    text-align: center !important;
}
.reffer-form .modal-body {
    padding: 10px !important;
}
.three-section-page .box-details {
    margin-bottom :30px !important;
}
.main-banner {
    background-size: cover;
    height: 100%;
    padding: 0px 0 30px;
    font-family: 'Playfair Display SC', serif;
    background-repeat: no-repeat;
}
.main-banner .carousel-item img {
    height: auto !important;
}
.banner_text_new h2 {
    font-size: 20px !important;
}
.banner_text_new {
    top: 35% !important;
}
.bottom-header .donate-button {
    border-radius: 5px;
    margin-left: 14px !important;
    width: 140px !important;
}
.main-banner p {
    font-size: 10px !important;
        margin: 0;
}
.main-banner .all-button {
    margin-top: 0 !important;
    display:none;
}
.main-banner h1 {
    font-size: 18px !important;
    height: 20px !important;
}
.donate-page .main-box-t .payment-method label {
 
    font-size: 16px !important;
}
.donation-form {
    padding:10px !important;
}
.banner-details .output {
    font-size: 18px !important;
    height: 38px !important;
}
.banner-details .output .typing-pera  {
    font-size: 18px !important;
}
.main-banner .all-button a {
    padding: 8px 12px;
}
.fixed-socail-icon img {
    width: 40px;
}
.about-section .img-details .second-img-ab {
    position: absolute;
    right: 0;
    top: 33px;
    width: 41%;
}
.about-section .img-details .third-img-ab {
    position: absolute;
    left: 0;
    bottom: 36px;
    width: 35%;;
}
.about-section .img-details {
    position: relative;
    margin-bottom: 40px;
}
.p-l-ab {
    padding-left: 15px !important;
}
.main-title h4 {
    font-size: 22px;
}
.support-a-life .tab li a {
  padding: 10px 15px !important;
}
.support-a-life .support-a-life-details .all-button a {
  font-size: 12px !important;
}
.three-section-page1 .box-details1 {
    margin-bottom: 30px !important;
        padding: 2px 0 !important;
}
.support-a-life .support-a-life-details {
  margin-bottom: 30px;
  padding: 5px;
}
.contact-section .contact-form h2 {
    font-size: 22px !important;
    line-height: 32px !important;
}
.contact-section .contact-form p {
    color: #fff;
    font-size: 15px;
}
.top-footer .box-f li a {
    font-size: 17px;
}
.top-footer .box-f li a .fa {
    font-size: 18px;
    margin-top: 15px;
    width: 30px;
}
.top-footer .socail-img img {
    width: 40px;
}
.bottom-footer p {
  text-align: center;
}
.bottom-footer a {
  font-size: 12px;
}
.bottom-footer .col-lg-6.text-right {
  text-align: center !important;
}
.three-section-page .box-details {
    margin-bottom:30px;
}
.support-a-life .nav-tabs {
        width: 91%;
}
.flex-row-reverse1 {
    flex-direction: column-reverse!important;
}
.navbar-nav {
   padding-bottom: 12px; 
}



}





/*@media (min-width:1190px) and (max-width: 1427px) { 
    .bottom-header .navbar-brand img {
    width: 85px !important;
}
}
*/



@media (min-width:280px) and (max-width: 392px) { 
    .top-footer .box-f li span {
    height: 98px !important;
}
}