﻿
.home_subTiitle_home {
    color: #ef7e1a !important;
    font: 400 30px / 35px 'Montserrat', sans-serif;
}

h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 1.2 !important;
    font-family: 'Montserrat', sans-serif;
    color: #192d35;
}

/*amazon*/

.banner_wrap_common #image {
    width: 100%;
}

.banner_wrap_common {
    position: relative;
}

.banner_wrap_common .txt {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
}

.banner_wrap_common .txt .ban_txt_common {
    width: 37.5%;
    text-align: center;
}



@media only screen and (max-width: 1350px) {
    .banner_wrap_common h1 {
        font-size: 45px !important;
    }

    .banner_wrap_common .txt {
        top: 45%;
    }
}

@media only screen and (max-width: 1270px) {
    .banner_wrap_home h1 {
        font-size: 45px !important;
    }

    .banner_wrap_common h1 {
        font-size: 45px !important;
    }

}

@media only screen and (max-width: 1197px) {
    .banner_wrap_home .txt {
        top: 62%;
    }
    #box-area {
        top: 55%;
    }
}

@media only screen and (max-width: 1140px) {
    #home-head-text{
        font-size: 40px !important;
    }
    
}

@media only screen and (max-width: 1100px) {
    #ebay-logo-img-div {
        padding: 0px !important;
    }
    #head-p-text-ebay {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 1024px) {

    .banner_wrap_common .txt {
        top: 50%;
    }

    #ebay-logo-img-div {
        padding-top: 10px !important;
    }

    #head-p-text-ebay {
        padding-top: 10px !important;
    }

    .banner_wrap_common h1 {
        font-size: 30px !important;
        margin-top: 3px;
        margin-bottom: 0px;
    }
}

@media only screen and (max-width: 1000px) {
    .start-btn-home{
        margin-top: 5px;
    }

    .banner_wrap_common .txt {
        width: 90%;
    }
    .head-p-text-common {
        padding: 0;
    }
    #home-head-text {
        font-size: 36px !important;
    }
    .banner_wrap_common .home_subTiitle_home {
        font-size: 26px;
    }
}

@media only screen and (max-width: 925px) {
    .banner_wrap_common .home_subTiitle_home {
        font-size: 25px;
    }

    .banner_wrap_common h1 {
        font-size: 25px !important;
    }
    #home-head-text {
        font-size: 31px !important;
    }
}
@media only screen and (max-width: 853px) {
    .banner_wrap_common .home_subTiitle_home {
        font-size: 21px;
    }

    .banner_wrap_common h1 {
        font-size: 25px !important;
    }
    #home-head-text {
        font-size: 29px !important;
    }
}

@media only screen and (max-width: 842px) {
    .head-p-text-common {
        display: none;
    }
}

@media only screen and (max-width: 755px) {
    #home-head-text {
        font-size: 24px !important;
    }
    .banner_wrap_common .home_subTiitle_home {
        font-size: 19px;
    }
}

@media only screen and (max-width: 688px) {
    .banner_wrap_common .home_subTiitle_home {
        font-size: 18px;
    }
    .banner_wrap_common h1 {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 660px) {
    #box-area {
        top: 58%;
    }
    #home-head-text {
        font-size: 20px !important;
    }
}

@media only screen and (max-width: 599px) {
    .banner_wrap_common .home_subTiitle_home {
        line-height: 1;
    }
    #home-head-text {
        font-size: 18px !important;
    }
    .banner_wrap_common .home_subTiitle_home {
        font-size: 16px;
    }
}

@media only screen and (max-width: 583px) {
    .li-75 {
        padding: 155px 5px !important;
    }
    

    .li-50 {
        padding: 100px 5px !important;
    }
}

@media only screen and (max-width: 563px) {
    .li-75 {
        padding: 135px 5px !important;
    }
}


@media only screen and (max-width: 552px) {

    .banner_wrap_common .home_subTiitle_home {
        font-size: 16px;
    }

    .banner_wrap_common h1 {
        font-size: 18px !important;
    }

}

@media only screen and (max-width: 545px) {
    .start-btn-home{
        display: none;
    }
    .up-to-date-header{
        font-size: 30px !important;
    }
}

@media only screen and (max-width: 529px) {
    .li-75 {
        padding: 155px 5px !important;
    }
}

@media only screen and (max-width: 480px) {
    .banner_wrap_home .txt {
        top: 70%;
    }
    .banner_wrap_common .home_subTiitle_home {
        line-height: 1.2;
    }
    .img-logo-home{
        width: 50px;
    }

    .img-logo-common {
        width: 50px;
    }

    .banner_wrap_common .txt {
        display: flex;
        justify-content: start;
    }

    #ebay-logo-img-div {
        padding-top: 0px !important;
    }
}

@media only screen and (max-width: 432px) {
    #up-to-date-header-id {
        background: #ffffffc9;
    }
}

@media only screen and (max-width: 420px) {
    .li-75 {
        padding: 130px 5px !important;
    }
}

@media only screen and (max-width: 415px) {
    .sales_wrap_p {
        padding: 0px !important;
    }
}

@media only screen and (max-width: 399px) {
    .logo-img{
        width: 100px;
    }
    .gap-small-top{
        padding: 0px !important;
    }
    #up-to-date-header-id {
        font-size: 15px !important;
        background: #ffffffc9;
    }
}

@media only screen and (max-width: 375px) {

    .banner_wrap_home .txt {
        top: 65%;
    }
    .banner_wrap_home h1 {
        font-size: 16px !important;
    }

    .banner_wrap_common .home_subTiitle_home {
        font-size: 14px;
    }
    .banner_wrap_common h1 {
        font-size: 16px !important;
    }
    #box-area {
        top: 69%;
    }


}

@media only screen and (max-width: 371px) {
    .li-50 {
        padding: 55px 5px !important;
    }
}

@media only screen and (max-width: 369px) {
    .li-20 {
        padding: 10px 5px !important;
    }
}

@media only screen and (max-width: 351px) {
    .li-75 {
        padding: 100px 5px !important;
    }
}
@media only screen and (max-width: 333px) {
    #up-to-date-header-id {
        font-size: 14px !important;
        background: #ffffff7a;
    }
}

@media only screen and (max-width: 320px) {
    .banner_wrap_home .txt {
        top: 75%;
    }

    .banner_wrap_home h1 {
        font-size: 16px !important;
    }


    .banner_wrap_home .txt .ban_txt_home a {
        margin-left: 33px;
        padding: 0px;
    }

    .banner_wrap_common .txt .ban_txt_common {
        width: 50%;
    }

    .banner_wrap_common h1 {
        font-size: 16px !important;
    }


    .banner_wrap_common .txt .ban_txt_common a {
        margin-left: 33px;
        padding: 0px;
    }
}
