/*---------------Header---------------*/
.title-header{background: url(../images/bg-sitemap.jpg) center no-repeat;}

.sitemap { 
    padding-left: 8%;
    margin:0px 0 100px 0;
}
.sitemap-link{
    display: block; 
    width:100%; 
    margin:0px 25px 0 0px;
}
.sitemap-link li { 
    display:inline-block; 
    background: #f6f6f6; 
    padding: 8px 20px; 
    border-bottom: 3px solid #d6d6d6; 
    margin: 6px; 
    font-weight: normal; 
    font-size: 14px; 
    position: relative;
}
.sitemap-link li a { display: block; }
.sitemap-link li .arrow { 
    display: inline-block; 
    position: absolute; 
    top: 15%;
    left: 4px; 
}

.link { 
    display:flex;
    margin: 60px 0;
    align-items: baseline;
 }
.link .title-link { 
    display: block; 
    width: 20%; 
    position: relative; 
}
.link .title-link h2 { 
    background: #fff; 
    padding-right: 12px; 
    font-weight: bold; 
    font-size: 18px; 
    position: relative; 
    z-index: 1; 
    display: inline-block;
}

.link .title-link .line-title { 
    position: absolute; 
    top: 60%; 
    left: 0; 
    width: 100%; 
    height: 1px; 
    display: block; 
    background: #000;
}

.link .list-link { 
    display:block;
    width: 80%; 
}
.link .list-link ul { 
    display: block; 
    width: 100%;
}
.link .list-link ul li { 
    display: inline-block; 
    margin: 2px; 
    min-width:130px ;
    text-align: center;
}
.link .list-link ul li a { 
    display: block;
    background: #f6f6f6; 
    padding: 8px 20px; 
    border-bottom: 3px solid #d6d6d6; 
    margin: 6px; 
    font-weight: normal; 
    font-size: 14px; 
    position: relative; 
    transition: all 0.3s;
}
.link .list-link ul li a:hover{
    background: #000000;
    color: #fff;
    border-bottom: 3px solid #575757;
}
.link .list-link ul li a::before { 
    content: '❯'; 
    display: inline-block; 
    position: absolute; 
    left: 6px; 
    top: 7px;
}



/*----------------- Responsive ----------------------*/

@media(max-width:1024px) {

.link{margin: 45px auto;}
.link .title-link h2 {font-size: 16px;}
.link .list-link ul li a{font-size: 12px;}

}

@media(max-width:580px){

.link{display: block;margin: 30px auto;}
.link .title-link{display:block; width: 100%;}
.link .list-link{display:block;width: 100%;margin: 15px auto;}
.sitemap{padding: 0px;}

}
@media(max-width:420px){
.link{margin: 25px auto;}
.link .title-link h2 {font-size: 14px;}
}