.termsTitle{
    display: flex;
    justify-content: center;
    flex-direction: column;  
    align-items: center;
    padding: 4rem 4rem 1rem 4rem;
}
.wrap{
    display: flex;
    justify-content: space-between;
    padding: 3rem 0;
    width: 100%;
}
.wrap ul{
    width:100%;
}  
.heading {
    display: block;
    width: 100%;
    margin: 1px;
    color: var(--sub-txt-color);
    padding: 1.5rem 2rem;
    cursor: pointer;
    position: relative;
    background:rgb(73, 73, 73);
    font-size: 1.5rem;
}
.heading:hover {
    background:#757575;
    color: #222;
}
.heading > span, .faqContent > li > span:first-child{
    padding-right: 2rem;
    font-weight: 800;
    font-family: 'Roboto';
}
.faqContent > li > span:first-child{
    color: var(--act-txt-color);
}
.heading:before {
    content: '\f107';
    font-family: fontAwesome;
	position: absolute;
	right: 1.5rem;
    line-height: 2.5rem;
    color: #888;
}  
.wrap > ul > li.active .heading{
    font-weight: 600;
    background:var(--sub-txt-color);
    color: #222;
}
.wrap > ul > li.active .heading:before{
    content: '\f106';  
    background:var(--sub-txt-color);
    color: #222;
}
.faqContent{
    display: none;
}
.faqContent > li {
    display: flex;
    font-size: 1.4rem;
    padding: 2rem;
    color: var(--sub-txt-color);
}
@media (max-width:450px){
    .title > div:not(inhertis){
        line-height: normal;       
    }
    .title > span{
        line-height: 4rem;
    }
    .submenuNav .cell:not(inherits) {
        padding: 0 .5rem;
    }
    .termsTitle{
        padding: 1.5rem 1rem 1rem 1rem;
    }
    .wrap{
        flex-direction: column;
        padding: 1rem 0 2rem;
    }
}
@media (max-width: 767px){
    .title:not(inhertis){
        padding: 1rem 2rem;
    }
    .title > span{
        font-size: 2rem;
        letter-spacing: -.1rem;
    } 
    .submenuNav{
        margin-top:0;
    }
    .submenuNav > div:first-child > div{       
        display: none;
    }
    .submenuNav .cell.col2{
        color:var(--act-txt-color);
    }
    .termsTitle{
        padding: 0;
    }
    .termsTitle > span{
        font-size: 2.4rem;
    }
    footer > div > div:last-child > div:nth-child(-n+2){
        display: none;
    }
}
@media (max-width: 991px) {
    body, html{
        font-size: 56.25%;
    }
    .title{
        padding: 2rem;
    }
    .submenuNav .cell {
        font-size: 1.4rem;
    }
    .termsTitle {
        width: 100%;
    }
}
@media (max-width:1200px){
    header, section{
        width: 100%;
    }
}