/**
 * product mobile css
 * date 2021年6月29日, PM 04:22:31
 * By Aspire archer 
 **/



 /* common */
.text-white {
    color: #fff;
}
.slider-inner {
    padding-top: 30px;
}
h2 {
    font-size: 36px;
    font-weight: bold;
}

h3 {
    font-size: 24px;
    font-weight: bold;
}

h4 {
    font-size: 14px;
    font-weight: normal;
}

.product-common p{
    /*font-size: 14px;*/
}
.padding-top {
    padding-top: 3vw;
}
.btn-compare {
    display: block; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; width: 250px; margin: 0px auto; font-size: 18px; color: #fff; 
}
.btn-compare:hover, .btn-compare:active, .btn-compare:focus {
    background-color: #fff;
    color: #000;
}

.margin-bottom-none {
    margin-bottom: 0px;;
}

.padding-top-none {
    padding-top: 0px;
}
.compare-box {
    padding: 2vw;
    background-color: #000;
    color: #fafafa;
}

.compare-box ul li {
    height: 40px;
    margin-bottom: 0.3vw;
}
.compare-mobile li small{color: #d4d4d4;}
.compare-title {
    padding: 10px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
}

.aspire-color {
    color: #FF6A00;
}

.bg-white {
    background-color: #fff;
}

.bg-black {
    background-color: #000;
}

 @media screen and (max-width:1000px) {
    
    h1 {
        font-size: 5vw;
    }
    h2{
        font-size: 4vw;
    }
   
    p {
        font-size: 16px;
    }
    .compare-mobile ul li small {
        font-size: 16px;
    }
    .mobile-section {
        padding: 8vw 3vw;
    }
    .btn-compare-mobile {
        display: block; height: 50px; line-height: 50px; text-align: center; border: 1px solid #fff; width: 250px; margin: 0px auto; font-size: 18px; color: #fff; 
    }
    .compare-mobile {
        background-color: #000;
    }
    /* banner */
 }