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


}

@media (max-width: 1297px) {
 
  .slider-container{
    min-height: 400px;
    height: auto;
    overflow: hidden;
  }
 
  .slide{
    min-width: 100%;
    flex: 0 0 100%;
    padding: 60px 40px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    border-right: none;
  }
 
  .slide.active{
    opacity: 1;
    position: relative;
  }
 
  .slide h2{
    font-size: 38px;
    top: 20px;
    right: 30px;
  }
 
  .slide h3{
    font-size: 32px;
    text-align: center;
    margin-top: 50px;
  }
 
  .dots{
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
  }
 
  .arrows span{
    display: none;
  }
 
  .project-card,
  .project-meta,
  .project-card h3{
    text-align: center;
    max-width: 100%;
  }
}
@media screen and (max-width:1200px)
{
	
}
@media screen and (max-width:900px)

{

.slick-slide p {
    width: 530px;
    font-size: 32px;
    left: 71px;}	

}
@media screen and (max-width:768px)
{
	.slick-slide p 			{font-size: 24px !important;
        left: 77px !important;}
		.web_count li { width:50%; margin-bottom: 15px;}
	.grid-item {
    margin-top: 50px;
}

.slick-slide p {
    font-size: 32px !important;
	max-width: 450px !important;}
	.con-num {width:100%; float:none; clear: both;}
.support {
    padding-left: 10px;
}
    }

@media screen and (max-width:767px)
{.project-meta li {
    float: left;
    width: 50%;
	margin-bottom: 3px;text-align: left;}}
@media screen and (max-width:500px)
{
.slick-slide p {
        font-size: 22px !important;
        max-width: 320px !important;
        left: 52px !important;
    }
	.slick-slide {height: 300px !important;}
	
}
}