.knowledge_box{width: 100%;display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap;}
.knowledgepic {
    width: 346px; 
}
.knowledgepic .pic{
    width: 346px;
    height: 416px;
    overflow: hidden;
}
.knowledgepic .pic img{
    width: 100%;
    height: 416px;
    position: static;
    left: 0;
    opacity: 1;
    transition: all .5s ease 0s;
    margin: 0px auto;
}

.knowledgepic .slick-slide {
    cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

.knowledgetext {width: calc(100% - 400px);padding-right: 300px;position: relative;padding-top: 30px;}
.knowledgetext .slide{cursor: pointer;
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;height: 100%;position: relative;}

.knowledgetext .info-group {
    opacity: 1;
    transition: all .5s ease 0s;
    position: relative;
}
.knowledgetext .info-group .title {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    transition: all .4s ease 0s;
}
.knowledgetext .info-group .desc {
    margin-top: 30px;
    color: #333;
    font-size: 16px;
    line-height: 30px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 90px;
    overflow: hidden;
    transition: all .3s ease 0s;
}
.knowledgetext .slick-arrow{font-size: 0;}
.knowledgetext .slick-prev {
    background: url(../images/nys/icon-left-no.png) no-repeat;
    background-size: 100% 100%;
    width: 30px;height: 30px;
   position: absolute;
   left: 0;
   bottom: 0;
}

.knowledgetext .slick-next {
    background: url(../images/nys/icon-right.png) no-repeat;
    background-size: 100% 100%;
    margin-left: 15px;
    width: 30px;height: 30px;
    left:30px;
    bottom: 0; position: absolute;
}
.knowledgetext .AdmissionsMore{
position: absolute;
right: 0;
bottom: 0;
}
@media only screen and (max-width:1366px) {
        .knowledgetext {padding-right: 50px;} 
}

@media only screen and (max-width:768px) {
    .knowledge_box{align-items: flex-start;}
    .knowledgetext .info-group .desc{margin-bottom: 50px;}
    .knowledgepic{    width: 346px;
        height: 416px;margin: 0 auto 15px;}
        .knowledgetext {width: 100%;padding: 0 15px;position: relative;margin-bottom: 80px;} 
        .knowledgetext .info-group .title,.knowledgetext .info-group .tag{text-align: center;}
        .knowledgetext .slick-prev {
           left: 0;
        }
        
        .knowledgetext .slick-next {
            left:30px;
        }
}
@media only screen and (max-width:480px) {
    .knowledge .pic{    width: 100%;
        height: 416px;margin: 0 auto 15px;}
        .knowledgetext .slick-prev {
            left: 0;
         }
         
         .knowledgetext .slick-next {
            left: 30px;
         }
         .knowledgetext{margin-bottom: 30px;}
}