/*
  Device = Tablets, Ipads (portrait)
*/
@media (min-width: 768px) and (max-width: 1024px) {

    .container {
        max-width: 100%;
        padding: 0px 5px;
    }

    header .navbar .navbar-brand{
        max-width: 108px;
        margin-left: 0px;
        margin-right: 20px;
    }

/*
    header .navbar .block-end{
        max-height: 62px;
        margin: 0px;
        padding: 0px;
    }
    header .navbar .block-end .navbar-nav{
        display: flex;
        align-items: center;
    }
    header .navbar .block-end .navbar-nav > .nav-item{
        max-width: 165px;
    }
    header .navbar .block-end .navbar-nav > .nav-item:first-child{
        max-width: 140px;
    }
    header .navbar .block-end .navbar-nav > .nav-item .nav-link{
        padding: 0px;
        line-height: 120%;
    }
    header .navbar .block-end .navbar-nav > .nav-item:first-child .nav-link{
        padding-right: 12px;
        border-right: 1px solid #E8EAED;
        font-size: 14px;
    }
    header .navbar .block-end .navbar-nav > .nav-item:last-child .nav-link{
        padding-left: 12px;
    }
    header .navbar .block-end h1{
        color: #146EAA;
        font-size: 18px;
        margin: 0px;
        margin-left: 25px;
    }
*/
    /* header .navbar .navbar-nav > .nav-item > .nav-link{
        /* font-size: 14px; *
    } *

    #slideshow{
        height: 426px !important;
    }

    #slideshow .carousel-item .carousel-caption{
        left: 42% !important;
        bottom: calc(50% - 90px) !important;
        width: 355px !important;
        text-align: left;
        padding: 30px !important;
        background-color: #FFFFFF !important;
    }

    #slideshow .carousel-item .item-img-box{
        height: 100% !important;
        border-bottom: none !important;
    }

    #slideshow .carousel-item .carousel-caption h5{
        font-size: 26px !important;
    }

    #slideshow .carousel-item .carousel-caption p{
        font-size: 18px !important;
    }

    .card.body-red .card-body,
    .card.body-blue .card-body{
        min-height: 230px !important;
    }

    .section-service .card .card-img-top{
        width: 100%;
        height: 189px !important;
    }

    .section-service > .row > div:not(:last-child) > div > div{
        padding-right: 5px !important;
    }

    .section-service > .row > div:first-child .card{
        margin: initial !important;
    }

    .section-service > .row > div:nth-child(2) .card{
        margin: auto;
    }

    .section-service > .row > div:last-child .card{
        float: right !important;
    }

    footer h1{
        font-size: 24px !important;
    }
    footer .copy{
        font-size: 12px !important;
    }

    .donate-section-1 > div > div:first-child{
        padding: 40px !important;
    }

}

/*
  Device = Tablets, Ipads (landscape)
*
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    .container {
        max-width: 960px;
    }

    header .navbar .block-end{
        max-height: 62px;
        margin: 0px;
        padding: 0px;
    }

    header .navbar .block-end .navbar-nav{
        display: flex;
        align-items: center;
    }
    header .navbar .block-end .navbar-nav > .nav-item{
        max-width: 165px;
    }

    header .navbar .block-end .navbar-nav > .nav-item:first-child{
        max-width: 120px;
    }
    header .navbar .block-end .navbar-nav > .nav-item .nav-link{
        padding: 0px;
        line-height: 120%;
    }
    header .navbar .block-end .navbar-nav > .nav-item:first-child .nav-link{
        padding-right: 3px !important;
        border-right: 1px solid #E8EAED;
        font-size: 12px;
    }
    header .navbar .block-end .navbar-nav > .nav-item:last-child .nav-link{
        padding-left: 5px !important;
    }
    header .navbar .block-end h1{
        font-size: 13px !important;
        margin-left: 5px !important;
    }
    header .navbar .navbar-collapse .navbar-nav > .nav-item:not(:last-child){
        margin: 0px 1px !important;
    }

    .section-service .card .card-img-top{
        width: 100%;
        height: 258px !important;
    }

    .section-service > .row > div:first-child .card{
        margin: initial;
    }

    .section-service > .row > div:last-child .card{
        float: right;
    }
    .donate-section-1 > div > div:first-child{
        padding: 40px !important;
    }

}