

.gu_bar .navbar-nav .nav-link{
    color:#fff; 
}
.media-box-image{
   width:250px  !important;
   height:202px !important;
   border: 1px solid #e4e4e4;
   border-bottom: none;
}
.gu_bar .navbar-nav .active>.nav-link, .gu_bar .navbar-nav .nav-link:hover{
   color:#fff;
}
.navbar-brand{
   color:#fff !important;
}
.guarantee_period_option{
    text-align: center;
    margin:10px 0px;
    font-size: .9vw;
    font-weight: bold;
}
.guarantee_period_title{
    font-weight:bold; 
    text-align:center;
    font-size: 20px;
}
.guarantee_length_option{
    text-align: center;
    margin:10px 0px;
    font-size: .9vw;
    font-weight: bold;
}
.GuaranteeType_side h2{
    text-align:Center; 
    height:50px; 
    padding:10px; 
    background-color:#f1f1f1;
}
.temp{
    text-align:right; 
    margin-top:20px
}
.no_padding{
    padding:0px;
}
.duration{
    font-weight:bold;
    position: relative;
    top: 2px;
    font-size: 16px;
}
.align_center{
    text-align:center;
}
.once{
    overflow: hidden;
}
.donation_value{
    width:90%;
    margin-bottom: 20px;
}
@media (min-width: 768px){
   .gu_bar .nav-item {
       margin-right: 20px;
       background-color: #193570;
       border-radius: 10px;
       padding: 5px;
   }
  
}
@media (max-width: 768px){
    .pagination{
            flex-wrap: wrap!important;
                position: relative;
                top: 45px;
    }

    .media-box-image{
        min-width: 100%;
    }
    .media-box-image div[data-width][data-height] img{
        top: -135%;
    }
    .grid-container{
        padding-bottom: 100px;
    }
    #grid nav {
        bottom: -60px;
    }
    .guarantee_type,.guarantee_country{
        font-size:16px;
    }
    .media-box-date span{
        font-size:18px;
    }
    .media-box-categories {
        font-size: 18px;
    }
    .guarantee_period_option{
        font-size: 5vw;
        font-weight: 900;
    }
    .guarantee_length_option{
        font-size: 5vw;
        font-weight: 900;
    }
    .guarantee_period_title{
        font-size: 25px;
    }
    .GuaranteeType_side h2{
        font-size: 25px;
    }
    .duration{
        font-size: 25px;
        top: -7px;
    }
    .GuaranteeType_side {
        margin-bottom: 20px;
    }
}