#banner {background:url(../images/news.jpg)  0px no-repeat; background-position:100% 100%; height:520px;}

#banner .box{ padding: 25px;

    background: rgba(0, 150, 54, 0.8);width: 56%; margin: auto; margin-top: 4%;}

#banner  h2{  

    color: #fff;

    font-weight: 600;

    font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

    text-align: center;}



#banner  p{color:#fff; text-align:center;width: 75%;margin: auto;}







#news-detail .container-fluid{width:80%;}

#news-detail{margin-top:100px;margin-bottom:100px;}

#news-detail p{font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;margin-top:7px;}

#news-detail .detail{background:#00aeef; height:250px; }

#news-detail .detail p{color:#fff; padding:15px; font-size:14px; font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

#news-detail .detail p a{color:#fff; font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

#news-detail .detail p a:hover{color:#000;}

#news-detail .detail-news{background:#fff;}

#news-detail .detail-news .row{padding:30px 30px 0px 30px;  }



#news-detail h1{color:#414141;}

#news-detail .detail-news .row .line h1{border-bottom: solid 1px #dbd9d9; padding-bottom:20px; margin-bottom: 50px;}

#news-detail .detail-news .row h1{font-size:30px; line-height:40px; text-align:right;margin-top:0px;

 border-bottom: solid 1px #3d8b4d; padding-bottom:20px;font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;

}

#news-detail .detail-news .row span{color:#3d8b4d;font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

#news-detail .detail-news .row a p{color:#00aeef; font-size:15px; margin-top:10px;  font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}





#news-detail .detail-news .row img{margin-top:30px;}

#news-detail .box{background: #bcbcbc;padding: 20px; margin-top: 1%;}

#news-detail .box:hover{background: #e1b936; cursor: pointer;}

#news-detail .box .read{border: 1px solid green;    width: 10%;text-align: center;}

#news-detail .box .read a{color: #000;}

#news-detail img{border: 1px solid #00a94f; width: 100%;}

#news-detail h3{margin-top: 0px;}

#bread .container-fluid{width: 80%;}

.breadcrumb{

    display: inline-block;

    padding: 2px 0 0 0!important;

    margin: 0;

    border-top: 3px solid #3d8b4d;

    border-radius: 0;

    background: transparent;

    overflow: hidden;

}

.breadcrumb li{

    float: left;

    margin-right: 10px;

    border: 1px solid rgba(0,0,0,0.1);

    border-radius: 5px;

    font-size: 16px;

    font-weight: bold;

    color: #000;

    text-transform: uppercase;

    position: relative;

    transition: all 0.3s ease 0s;

}

.breadcrumb li:hover{ background: #e1b936; }

.breadcrumb li:last-child{

    padding: 3px 15px;

    margin-right: 0;

    background: #3d8b4d;

    color: #fff!important;

}

.breadcrumb li:last-child:after{

    content: "";

    width: 5px;

    margin: 0 auto;

    border: 10px solid transparent;

    border-top: 10px solid #e1b936;

    position: absolute;

    bottom: 20px;

    left: 0;

    right: 0;

}

.breadcrumb li:before{ display: none; }

.breadcrumb li a{

    display: block;

    padding: 3px 15px;

    font-size: 16px;

    font-weight: bold;

    color: #000!important;

}

.breadcrumb li:hover a{ color: #fff; }

@media only screen and (max-width: 767px){

    .breadcrumb li:last-child,

    .breadcrumb li a{ padding: 3px 10px; }

}

@media only screen and (max-width: 479px){

    .breadcrumb li{ margin-right: 5px; }

    .breadcrumb li:last-child,

    .breadcrumb li a{

        padding: 3px 5px;

        font-size: 12px;

    }

}







@media only screen and (min-width : 1920px) and (max-width : 2560px){}

@media only screen and (min-width : 1600px) and (max-width : 1919px){

















}

@media only screen and (min-width : 1366px) and (max-width : 1439px){

#news-detail .detail-news .row h1 {

font-size: 25px;}

#news-detail h3{font-size:21px;}

}



@media only screen and (min-width : 1200px) and (max-width : 1365px){



#news-detail .detail-news .row h1{font-size:25px;}

#news-detail {margin-top: 90px;

    margin-bottom: 90px;}





}

@media only screen and (min-width : 1024px) and (max-width : 1199px){



#news-detail .detail-news .row h1{font-size:21px;}

#news-detail {margin-top: 80px;

    margin-bottom: 80px;}



}

@media only screen and (min-width : 768px) and (max-width :1023px){







}



@media only screen and (min-width : 150px) and (max-width : 767px){

#banner .box{width:100%; margin-top: -5%;}

#news-detail {margin-top: 50px;margin-bottom: 50px;}

#banner p{width:100%;line-height:24px;}

#banner h2{font-size:20px;margin-top:0px;}

#news-detail .detail-news .row{padding:0px;}

#banner{height:350px;}



#news-detail .detail-news .row h1 {font-size: 20px;line-height: 26px;}

#news-detail h3{font-size:20px;    margin-top: 15px;}

.breadcrumb li:last-child:after{    bottom: 47px;}













}





@media only screen and (max-width : 375px){

	#news-detail .detail-news .row h1{font-size:25px;}

#banner h2 {font-size: 20px;}

#news-detail .detail-news .row h1 {font-size: 20px;line-height: 26px;}

#news-detail h3{font-size:18px;}	

	

	

}





@media only screen and (max-width : 320px){

	#news-detail .detail-news .row h1 {font-size: 19px;}

	

	

}