.title-wrapper {
    display: none;
}
.com-title-M h3{
    color: #33B0FA;
}


.layui-col-md2 {
    width: 50%;
    max-width: 100%;
}

.doc-img-wrapper {
    padding-top: 0;
}

.doc-img-wrapper img {
    position: relative;
}

.doc-name {
    font-size: 14px;
    line-height: 20px;
    padding: 0;
}

.view-btn,.download-btn {
    font-size: 13px;
    height: 30px;
}

.view-btn::before,.download-btn::before {
    width: 13px;
    height: 13px;
}
.view-btn::before{
    margin-bottom: 1px;
}

.download-item{
    padding: 10px;
}

.accessibility-10-3 .layui-col-md2 {
    width: 50%;
    flex: 0 0 50%;
    max-width: 100%;
    background-color: #ffffff;
}

.accessibility-10-1 .layui-col-md2 img,
.accessibility-10-2 .layui-col-md2 img,
.accessibility-10-3 .layui-col-md2 img {
   opacity: 0.2;
}

.accessibility-10-3 .doc-name {
    top: 0px;
 }

 .accessibility-10-2 .layui-col-md2 .doc-name {
    top: 45%;
 }

 .accessibility-10-3 .layui-col-md2 .doc-name {
    top: 16px;
 }

 .accessibility-10-1 .layui-col-md2:last-child,
 .accessibility-10-2 .layui-col-md2:last-child,
 .accessibility-10-3 .layui-col-md2:last-child {
    flex: 0 0 100%;
 }

 .accessibility-10-1 .layui-col-md2:last-child .doc-name,
 .accessibility-10-2 .layui-col-md2:last-child .doc-name, 
 .accessibility-10-3 .layui-col-md2:last-child .doc-name {
    font-size: 18px;
 }

@media screen and (min-width:768px) and (max-width:1023px) {
    .layui-col-md2 {
        width: 33.33%;
        flex: 0 0 33.33%;
    }

    .view-btn, .download-btn{
        font-size: 16px;
    }

    .view-btn::before, .download-btn::before{
        width: 18px;
        height: 18px;
    }

    .doc-name{
        font-size: 18px;
        line-height: 25px;
    }
}

@media screen and (min-width:1024px) and (max-width:1280px) {
    .layui-col-md2 {
        width: 20%;
    }
}

@media screen and (max-width:464px){
	.doc-title {
		font-size: 13px;
		line-height:18px;
	}
	
}