@media all and (min-width: 641px) {
    
	body.doc #title-image .title-inner {
		background-image: url(../images/doc/title-bg.jpg);
	}
    
    /* INDEX */
	body.doc .item-list{
        letter-spacing: -.4em;
        text-align: center;
    }
	body.doc .item-list > li{
        display: inline-block;
        vertical-align: top;
        width: 30%;
        margin: 0 1% 20px;
        letter-spacing: normal;
    }
	body.doc .item-list > li .btns{
        display: table;
        width: 100% ;
    }
	body.doc .item-list > li .btns a{
        display: table-cell;
        vertical-align: middle;
        width: 100% ;
    }
    
                            
                            
    
}

@media only screen and (max-width: 640px) {
    
	body.doc #title-image .title-inner {
		background-image: url(../images/doc/title-bg.jpg);
	}
    
    /* INDEX */
	body.doc .item-list{
        text-align: center;
    }
	body.doc .item-list > li{
        margin: 0 0 15px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #6E81C6;
    }
	body.doc .item-list > li .btns{
        width: 100% ;
    }
	body.doc .item-list > li .btns a{
        display: block;
        width: 100% ;
    }
	
    
}