﻿
.contactList{
    margin:50px 0;
}
.contactListBox>h3{
    font-size:25px;
    text-align:center;
}
.contactListBoxList {
    text-align: center;
    font-size: 18px;
    width: 75%;
    margin: 0 auto;
    margin-top: 30px;
    border-bottom: 1px solid #cfcfcf;
    padding-bottom:30px;
}
    .contactListBoxList p {
        display: flex;
        line-height:35px;
    }
    .contactListBoxList span {
        display: inline-block;
        margin: 0 20px;
        text-align: center;
     /*   flex: 1;*/
    }
.contactListBox {
    margin-top:40px;
    
}
.contactListBoxList span:nth-child(1){
    width:40%;
    text-align:left;
       
}
.contactListBoxList span:nth-child(2) {
    text-align: center;
    width:20%;
}
.contactListBoxList span:nth-child(3) {
    width:40%;
}
.contactList-item>h3{
    font-size:40px;
    text-align:center;
    color:#333;
    margin-bottom:50px;
}

@media (max-width: 1500px){

    .contactListBoxList{
        font-size:14px;
    }
    .contactList-item > h3{
        font-size:35px;
    }
    .contactListBox > h3{
        font-size:22px;
    }
}

@media (max-width: 1000px){
    .contactList-item > h3{
        font-size:20px;
        margin-bottom:30px;
    }
    .contactListBox{
        margin-top:25px;
    }
    .contactListBoxList {
        width: 100%;
        margin-top: 20px;
        padding-bottom:20px;
    }
        .contactListBoxList span:nth-child(1) {
            width: 100%;
            font-size:16px;
        }
    .contactListBox > h3{
        font-size:18px;
    }

    .contactListBoxList p {
        flex-wrap: wrap;
        line-height: 30px;
    }
        .contactListBoxList span:nth-child(2){
            width:23%;
        }
        .contactListBoxList span:nth-child(3){
            width:42%;
        }
    .contactList{
        margin:20px 0;
    }
}
