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

#banner .box{margin: auto; padding: 10px; background:rgba(0, 0, 0, 0.39);

width: 37%;  margin-top: 26%; }





#banner  h2{  

    color: #fff;

    font-weight: 600;

    font-family: helvetica,sans-serif;

    text-align: center;margin-top: 0px;margin-bottom: 0px;}



#banner  p{color:#fff; width: 100%;font-size: 18px;}

#banner .container-fluid{width: 88%;}





#top-content {

    position: absolute;

    z-index: 9;

    width: 100%;

    background: rgba(255, 255, 255, 0.8);

    height: 60px;

    margin-top: 3%;

}









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

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

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

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

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

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

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

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

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



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

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

#news-pree .pree-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-pree .pree-news .row span{color:#3d8b4d;font-family: centrale_sans_xbold,tahoma,arial,helvetica,sans-serif;}

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





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

#news-pree .box{background: #e2e2e2;padding: 20px; margin-bottom: 2%;    border-radius: 5px;}

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

#news-pree .box:hover h3{color: #fff;}

#news-pree .box:hover p{color: #fff;}

#news-pree .box:hover .read{border: 1px solid #fff;}

#news-pree .box:hover .read a{color: #fff;}

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

#news-pree .box .read a{color: #000; font-size: 14px}

#news-pree .box .read p{color: #fff;}













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

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



#banner .box{width: 45%;margin-top: 19%;}













}

@media only screen and (min-width : 1440px) and (max-width : 1599px){

 

#top-content{margin-top: 4%}

#banner .box{width: 50%; margin-top: 20%;}

}

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

#news-pree .pree-news .row h1 {

font-size: 25px;}

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

#news-pree .box .read{width: 16%;}

#news-pree p{line-height: 25px;}



#top-content{margin-top: 5%}

#banner .box{width: 52%; margin-top: 37%;}



}



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



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

#news-pree .box .read{width: 20%;}



#banner .box{width: 60%;margin-top: 43%;}

#top-content{margin-top: 5%;}





}

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



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

#news-pree .box .read{width: 22%;}



#banner .box{width: 71%;margin-top: 50%;}



#top-content{margin-top: 6%}

}

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

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

#top-content {margin-top: 8%; height: 50px;}



}



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





#top-content {height: 53px; margin-top: 7%;}





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

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

#banner p{    display: none;width:100%;line-height:24px;font-size: 16px;}

#banner{height:350px;}







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



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





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

#news-pree h3{font-size:20px;}

#news-pree .box .read{width: 40%!important;}

#banner .container-fluid {width: 90%;}



















}





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

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

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

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

	

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

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

    #banner .box{margin-top:85%;}

	

}





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

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

	#news-pree .box .read {width: 57%!important;}

	

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

    #banner p{line-height:24px;font-size:15px;}

    #banner .box {margin-top: 105%;}

	

}