@media print, screen and (min-width: 641px){
    #topPage {
        position: relative;
    }


    section#top_slider {
        /*margin-top: 30px;*/
        padding-bottom: 60px;
        overflow: hidden;
    }




    section .page_title {
        text-align: center;
    }

    section .page_title dl {
    }

    section .page_title dl dt {
        font-size: 32px;
    }

    section .page_title dl dd {
        font-size: 15px;
        padding-top: 20px;
        color: #282828;
    }

    #breadcrumb-bar{
        margin-top: 80px;
    }

    #breadcrumb-bar .crumb-list{
        clear:both;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 20px 0px;
    }

    #breadcrumb-bar .crumb-list ul{
        margin-left: 80px;
        overflow: hidden;
        position: relative;
    }

    #breadcrumb-bar .crumb-list li{
        display: inline;
        padding-right: 5px;
        color: #666;
    }


    #question {
        width: 60%;
        margin: auto;
        text-align: center;
        margin-bottom: 50px;
    }

    #question  .question-menu ul li{
        width: 19%;
        display: inline-block
    }



    #question .main_title{
        text-align: left;
        font-weight: bold;
        padding-right: 25px;
    }

    #question .brands_list{
        margin-bottom: 20px;
    }

    #question .brands_list .title{
        color: #000000;
        text-align: left;
        font-size: 16px;
        padding-top: 0px;
        border-left: 5px solid;
        padding-left: 10px;
    }

    #question .brands_list ul{
        padding-top: 5px;
    }

    #question .brands_list ul li{
        font-size: 15px;
        color: #5e5353;
    }


}
@media print, screen and (max-width: 640px){

    #topPage {
        position: relative;
    }


    section#top_slider {
        /*margin-top: 20px;*/
        padding-bottom: 40px;
        overflow: hidden;
    }




    section .page_title {
        text-align: center;
    }

    section .page_title dl {
    }

    section .page_title dl dt {
        font-size: 22px;
    }

    section .page_title dl dd {
        font-size: 11px;
        padding-top: 3px;
        color: #282828;
    }

    #breadcrumb-bar{
        margin-top: 20px;
    }

    #breadcrumb-bar .crumb-list{
        clear:both;
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        padding: 20px 0px;
    }

    #breadcrumb-bar .crumb-list ul{
        margin-left: 30px;
        overflow: hidden;
        position: relative;
    }

    #breadcrumb-bar .crumb-list li{
        display: inline;
        padding-right: 5px;
        color: #666;
    }

    #question {
        width: 85%;
        margin: auto;
        text-align: center;
        margin-bottom: 50px;
    }

    #question  .question-menu ul li{
        width: 48%;
        display: inline-block
    }


    #question .main_title{
        text-align: left;
        font-weight: bold;
        padding-right: 25px;
    }

    #question .brands_list{
        margin-bottom: 20px;
    }

    #question .brands_list .title{
        color: #000000;
        text-align: left;
        font-size: 16px;
        padding-top: 0px;
        border-left: 5px solid;
        padding-left: 10px;
    }

    #question .brands_list ul{
        padding-top: 5px;
    }

    #question .brands_list ul li{
        font-size: 15px;
        color: #5e5353;
    }
}

#question  h1{
    margin-bottom: 40px;
    font-weight: bold;
    text-align: left;
}

#question  .question-menu{
    margin-bottom: 20px;
}

#question  .question-menu ul{
    text-align: left;
}



/*-----------------------------------------*/

#brands_list_wrap3 dl,
#brands_list_wrap3 dt,
#brands_list_wrap3 dd {
    margin: 0;
    padding: 0;
}

#brands_list_wrap3 dl {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

#brands_list_wrap3 dt {
    position: relative;
}

#brands_list_wrap3 .main_title {
    padding-left: 10px;
}



#brands_list_wrap3 dd {
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    background: #fff;
}

#brands_list_wrap3 span::before,
#brands_list_wrap3 span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #070000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#brands_list_wrap3 span::after {
    background: #070000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

#brands_list_wrap3 .active::after {
    transform: rotate(0);
    transition: 0.5s;
}


#brands_list_wrap3 {
    padding:  0 0;
}

/*-----------------------------------------*/

#brands_list_wrap4 dl,
#brands_list_wrap4 dt,
#brands_list_wrap4 dd {
    margin: 0;
    padding: 0;
}

#brands_list_wrap4 dl {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

#brands_list_wrap4 dt {
    position: relative;
}

#brands_list_wrap4 .main_title {
    padding-left: 10px;
}



#brands_list_wrap4 dd {
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    background: #fff;
}

#brands_list_wrap4 span::before,
#brands_list_wrap4 span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #070000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#brands_list_wrap4 span::after {
    background: #070000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

#brands_list_wrap4 .active::after {
    transform: rotate(0);
    transition: 0.5s;
}


#brands_list_wrap4 {
    padding:  0 0;
}

/*-----------------------------------------*/

#brands_list_wrap5 dl,
#brands_list_wrap5 dt,
#brands_list_wrap5 dd {
    margin: 0;
    padding: 0;
}

#brands_list_wrap5 dl {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

#brands_list_wrap5 dt {
    position: relative;
}

#brands_list_wrap5 .main_title {
    padding-left: 10px;
}



#brands_list_wrap5 dd {
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    background: #fff;
}

#brands_list_wrap5 span::before,
#brands_list_wrap5 span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #070000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#brands_list_wrap5 span::after {
    background: #070000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

#brands_list_wrap5 .active::after {
    transform: rotate(0);
    transition: 0.5s;
}


#brands_list_wrap5 {
    padding:  0 0;
}

/*-----------------------------------------*/

#brands_list_wrap6 dl,
#brands_list_wrap6 dt,
#brands_list_wrap6 dd {
    margin: 0;
    padding: 0;
}

#brands_list_wrap6 dl {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

#brands_list_wrap6 dt {
    position: relative;
}

#brands_list_wrap6 .main_title {
    padding-left: 10px;
}



#brands_list_wrap6 dd {
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    background: #fff;
}

#brands_list_wrap6 span::before,
#brands_list_wrap6 span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #070000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#brands_list_wrap6 span::after {
    background: #070000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

#brands_list_wrap6 .active::after {
    transform: rotate(0);
    transition: 0.5s;
}


#brands_list_wrap6 {
    padding:  0 0;
}

/*-----------------------------------------*/

#brands_list_wrap7 dl,
#brands_list_wrap7 dt,
#brands_list_wrap7 dd {
    margin: 0;
    padding: 0;
}

#brands_list_wrap7 dl {
    width: 100%;
    border-bottom: 1px solid #707070;
    padding-bottom: 10px;
}

#brands_list_wrap7 dt {
    position: relative;
}

#brands_list_wrap7 .main_title {
    padding-left: 10px;
}



#brands_list_wrap7 dd {
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
    background: #fff;
}

#brands_list_wrap7 span::before,
#brands_list_wrap7 span::after {
    content: '';
    display: block;
    width: 15px;
    height: 3px;
    border-radius: 5px;
    background: #070000;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#brands_list_wrap7 span::after {
    background: #070000;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.5s;
}

#brands_list_wrap7 .active::after {
    transform: rotate(0);
    transition: 0.5s;
}


#brands_list_wrap7 {
    padding:  0 0;
}

/*-----------------------------------------*/