/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
/*==========  Mobile First Method  ==========*/
 
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 576px) {
}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

    #pie > svg {
        -webkit-transform: translateY(-100px);
        -moz-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        -o-transform: translateY(-100px);
        transform: translateY(-100px);
        margin-bottom: -180px;
    }

    .page .news-donation .title{
        max-height: 44px;
        overflow: hidden;
    }

    .page .news-donation p {
        max-height: 72px;
        overflow: hidden;
    }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
    .row.no-gutters > [class*="col-"]:nth-last-child(-n+4) .quick-contact {
        border-bottom:1px solid #dcdcdc;
    }


    .isletme-person-list img {
        height: 100px;
        width: auto;
        max-width: inherit;
    }

    .isletme-person-list .media-first {
        width: 250px;
    }


    .isletme-person-list .media-info,
    .isletme-person-list .media-last {
        border-left:1px solid #efefef;
    }



}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
}


/*==========  Non-Mobile First Method  ==========*/
 
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

    .row.no-gutters > [class*="col-"]:nth-child(2n) .quick-contact{
        border-right:1px solid #dcdcdc;
    }

    .row.no-gutters > [class*="col-"]:nth-last-child(-n+2) .quick-contact {
        border-bottom:1px solid #dcdcdc;
    }



    .isletme-person-list .person-item {
        background-color: #efefef;
        padding-bottom: 10px;
    }
    
    #pie {
        -webkit-transform: scale(0.9) translate(-50px, -50px);
           -moz-transform: scale(0.9) translate(-50px, -50px);
            -ms-transform: scale(0.9) translate(-50px, -50px);
             -o-transform: scale(0.9) translate(-50px, -50px);
                transform: scale(0.9) translate(-50px, -50px);
        margin-bottom: -50px;
    }

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {



    #pie {
        -webkit-transform: scale(0.8) translate(-110px, -150px);
        -moz-transform: scale(0.8) translate(-110px, -150px);
        -ms-transform: scale(0.8) translate(-110px, -150px);
        -o-transform: scale(0.8) translate(-110px, -150px);
        transform: scale(0.8) translate(-110px, -150px);
        margin-bottom: -100px;
    }


    .number-item .number-area {
        padding: 17px 20px 11px;
        font-size: 25px;
        line-height: 29px;
        width: 150px;
    }

    .number-item .number-area:after {
        width: 10px;
        right: -24px;
    }

    .number-item .number-detail {
        font-size: 20px;
    }


}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 576px) {
    #pie {
        display: none;
    }

    .row.no-gutters > [class*="col-"] .quick-contact{
        border-right:1px solid #dcdcdc;
        border-bottom:1px solid #dcdcdc;
        margin-bottom: 10px;
    }
}