/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Feb 15 2019 | 14:49:34 */
@media (min-width: 1200px){
  .container {
      max-width: 1200px;
  }
}

@media (max-width: 1200px){
  .container {
    padding-left: 21px;
    padding-right: 21px;
  }
  
}


@media screen and (max-width: 1366px) and (min-width: 1228px){
  	.custom-icon{
        padding-left: 79px !important;
 		padding-right: 79px !important;
	}
  	#custom-intro{
      padding-left: 79px !important;
      padding-right: 79px !important;
  	}
  
  	.main-holder-intro{
  	  margin-left: -135px;
  	}
  
  #custom-latest-news{
  	  padding-left: 79px !important;
      padding-right: 79px !important;
  }
  
  .see-all-news{
  	padding-right: 105px !important;
  }
}

@media screen and (max-width: 1227px) {
  	.custom-icon{
        padding-left: 79px !important;
 		padding-right: 79px !important;
      	
	}
  
  	.custom-icon span{
  		font-size: 16px !important;
  	}
  	
  	#custom-intro{
      padding-left: 79px !important;
      padding-right: 79px !important;
  	}
  
  	.main-holder-intro{
  	  margin-left: -135px;
  	}
  
  	#custom-latest-news{
  	  padding-left: 79px !important;
      padding-right: 79px !important;
    }

    .see-all-news{
      padding-right: 105px !important;
    }
  	
}

@media screen and (max-width: 992px) {
  	.main-holder-detail{
  		width: 359px;
    	height: 306px;
  	}
  
  	.custom-detail1 .detail-header {
        font-size: 24px;
        line-height: 32px;
    }
  
  	.holder-detail{
  		margin-top: -233px;
  	}
}

@media screen and (max-width: 935px) {
  	.main-holder-intro{
  		margin-top: 0px;
  	}
  
  	.intro-img img{
  		width: 100%;
  	}
  
  	#custom-intro1 .detail-content{
  		position: absolute;
      	padding-right: 79px;
  	}
  
  	#custom-intro1 .main-holder-intro .detail-link{
  		margin-top: 135px;	
  	}
  
  	#custom-intro1 .main-holder-intro{
  		height: 290px;
  	}
}
@media screen and (min-width: 780px) {
  	.mobile-read{
  		display: none;
  	}
}
@media screen and (max-width: 780px) {
  
  	.mobile-read{
  		display: block;
      	font-size: 80%;
        color: #f7b716;
        text-decoration: none;
  	}
  	.holder-detail{
  		margin-top: 0px;
  	}
  	
  	.custom-detail1{
  		padding-left: 0px !important;
      	padding-right: 0px !important;
  	}
  
  	.main-holder-detail{
  		width: 100%;
      	height: 260px;
  	}
  
  	.main-holder-intro{
  		margin-left: 0px;
  	}
  
  	#custom-latest-news img{
  		display: block;
      	margin: 0 auto;
  	}
  
  	.see-all-news{
  		padding-left: 75px;
      	text-align: left;
  	}
  

  	.custom-detail1 .detail-header {
        font-size: 110%;
    }
  
  	.custom-detail1 .detail-content {
        font-size: 80%;
    }
  
  	.custom-detail1 .detail-link a{
        font-size: 80%;
    }
  
  	#custom-intro {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
  
  	#custom-intro1 .detail-header {
        font-size: 110%;
    }
  
  	#custom-intro1 .detail-content {
        font-size: 80%;
    }
  
  	#custom-intro1 .detail-link a{
        font-size: 80%;
      	display: none;
    }
  
  	#custom-intro1 .main-holder-intro .detail-link {
        margin-top: 239px;
    }
  
  	.see-all-news{
 		font-size: 80%; 
  	}
  
  	.main-holder-news .news-date{
  		font-size: 80%;
  	}
  	.main-holder-news .news-title{
  		font-size: 80%;
  	}
  
  	.main-holder-news .news-link a{
  		font-size: 80%;
  	}
  
  .title-latest-news{
  	font-size: 110%;
  }
}

@media screen and (max-width: 320px) {
  
  	.main-holder-detail {
     
        height: 295px;
    }
  	.custom-detail1 .detail-header {
        font-size: 100%;
    }
  
  	.custom-detail1 .detail-content {
        font-size: 80%;
    }
  
  	.custom-detail1 .detail-link a{
        font-size: 80%;
    }
  
  	#custom-intro {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
  
  	#custom-intro1 .detail-header {
        font-size: 100%;
    }
  
  	#custom-intro1 .detail-content {
        font-size: 80%;
    }
  
  	#custom-intro1 .detail-link a{
        font-size: 80%;
    }
  
  	#custom-intro1 .main-holder-intro .detail-link {
        margin-top: 239px;
    }
  
  	.see-all-news{
 		font-size: 80%; 
  	}
  
  	.main-holder-news .news-date{
  		font-size: 80%;
  	}
  	.main-holder-news .news-title{
  		font-size: 80%;
  	}
  
  	.main-holder-news .news-link a{
  		font-size: 80%;
  	}
}





@media (min-width: 960px){
	.neve-main>.container .col {
        max-width: 100%;
    }
}