body {
    font-family: 'Sukhumvit_SemiBold';
    background-color: #fff;
    overflow-x: hidden;
    height: 100%;
    width: 100%
}


a {
    color: unset
}

a:hover {
    text-decoration: unset;
    color: unset;
}

button:focus {
    outline: none;
}

.alert {
    font-size: 1rem;
    text-align: center;
    line-height: 1em;
}

.alert P {
    margin-bottom: 0px;
}

/* .bgwhite {
    min-height: 1000px
} */

.bgimage {
    min-height: auto
}

/* .unknown {
    right : 3% !important;
    bottom: 3% !important
} */

select.form-control {
    -webkit-appearance: none;
    -moz-appearance: none;
    /* background        : transparent; */
    background-image: url("data:image/svg+xml;utf8,<svg fill='purple' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 95%;
    background-position-y: 50%;
}

.headerbar {
    overflow: hidden;
    background: #fff;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}

.headerbar .headmenu #topmenu {
    height: 50px;
    float: unset;
    background-color: #442267
}

.headerbar .headmenu #topmenu .top-bar {
    width: auto;
    float: right;
    margin-top: -9px
}

.headerbar .headmenu #topmenu .top-bar .rightmenu {
    margin-left: 10%
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social {
    list-style: none
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li {
    float: left;
    margin-left: 12px;
    position: relative
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li a:hover {
    color: unset;
    text-decoration: none
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .pic_pro {
    margin-top: 0
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .pic_pro img {
    width: 35px;
    height: auto;
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .pic_pro_user img {
    width: 35px;
    border-radius: 50%;
    height: 35px;
    object-fit: cover
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .user-active {
    color: #fff;
    font-size: 18px;
    margin-top: 10px;
    margin-bottom: 0;
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li #btn-view-cart img {
    margin-top: -3px;
    max-width: 40px
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .badge {
    position: absolute;
    top: -2px;
    right: -4px;
    width: 50%;
    padding: 5%;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #e30513;
    color: #fff;
    border: 1px solid
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar {
    display: none
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .btn-secondary:not(:disabled):not(.disabled).active,
.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .btn-secondary:not(:disabled):not(.disabled):active,
.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #f28e77;
    border-color: #fff;
    font-size: 18px;
    line-height: .8;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: flex;
    align-items: center;
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .btn-secondary {
    color: #fff;
    background-color: unset;
    border-color: #fff;
    font-size: 18px;
    line-height: .8;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    display: flex;
    align-items: center;
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon {
    display: none
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
    display: none
}

.headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .telnum {
    display: none
}

.headerbar .headmenu .logo-rama {
    width: 150px;
    float: left;
    margin: 5px 10px
}

.headerbar .headmenu .navbar {
    width: 100%;
    background: #fff;
    display: block;
    padding: unset
}

.headerbar .headmenu .navbar-collapse {
    width: 100%;
    float: left
}

.headerbar .headmenu .navbar-nav li a {
    width: 100%;
    background: #333;
    color: #dfdfdf;
    text-align: center;
    border-bottom: 1px solid #3d3d3d;
    /* font-size: 25px;
    line-height: 1em */
}

.headerbar .headmenu .navbar-nav a.active {
    color: #fff
}

.headerbar .headmenu .navbar-nav li a:hover {
    color: #fff
}

.headerbar .headmenu .animated-icon3 {
    width: 30px;
    height: 20px;
    position: relative;
    margin: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    float: right;
    position: relative;
    top: 15px;
    right: 0px;
}

.headerbar .headmenu .animated-icon3 span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    border-radius: 9px;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out
}

.headerbar .headmenu .animated-icon3 span {
    background: #f3e5f5
}

.headerbar .headmenu .animated-icon1.open span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.headerbar .headmenu .animated-icon3 span:nth-child(1) {
    top: 0;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    background: #451d5b;
    height: 5px
}

.headerbar .headmenu .animated-icon3 span:nth-child(2) {
    top: 10px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    background: #451d5b;
    height: 5px
}

.headerbar .headmenu .animated-icon3 span:nth-child(3) {
    top: 20px;
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    background: #451d5b;
    height: 5px
}

.headerbar .headmenu .animated-icon3.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
    left: 8px
}

.headerbar .headmenu .animated-icon3.open span:nth-child(2) {
    width: 0%;
    opacity: 0
}

.headerbar .headmenu .animated-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 21px;
    left: 8px
}

.headerbar .headmenu #custom-search-form {
    margin: 0;
    margin-top: 0;
    padding: 0
}

.headerbar .headmenu #custom-search-form .search-query {
    padding-left: 20px;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 20px;
    height: 35px;
    outline: 0
}

.headerbar .headmenu #custom-search-form button {
    border: 0;
    background: 0 0;
    padding: 2px 5px;
    margin-top: 0;
    position: relative;
    left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #fff
}

.headerbar .headmenu .socactive {
    width: 100%;
    text-align: center;
    display: inline-block;
    border-bottom: none;
    background: #333
}

.headerbar .headmenu .socactive .soimg {
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px
}

.headerbar._show {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .12)
}

.donatefix {
    position: fixed;
    top: 25%;
    right: 0;
    z-index: 100;
    width: 50px;
    background-color: #eae7e7b3;
    border-radius: 50px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, .42);
    display: none
}

.donatefix .bt-donate {
    background: url(../images/bt-donate.png);
    height: 40px;
    width: 40px;
    background-size: cover;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.donatefix .bt-donate:hover {
    background: url(../images/bt-donatehover.png);
    height: 40px;
    width: 40px;
    background-size: cover;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.donatefix #linefix {
    border-bottom: 2px solid #fff;
    margin-left: 5px;
    margin-right: 5px
}

.donatefix .bt-give {
    background: url(../images/bt-gift.png);
    height: 40px;
    width: 40px;
    background-size: cover;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.donatefix .bt-give:hover {
    background: url(../images/bt-gifthover.png);
    height: 40px;
    width: 40px;
    background-size: cover;
    margin-left: 5px;
    margin-top: 5px;
    margin-bottom: 5px
}

.donatefix._show {
    display: block
}

.footer .footer-content {
    background-color: #442267;
}

.swal2-title {
    font-size: 22px !important;
}

@media screen and (max-width:2000px) {
    .footer .footer-content {
        overflow: hidden
    }
}

.footer .footer-content .backtotop {
    opacity: .8;
    position: fixed;
    bottom: 4%;
    left: 10px;
    z-index: 100;
    display: none
}

.footer .footer-content .backtotop i {
    color: #8a3a9e;
    font-size: 30px;
    position: relative;
    text-shadow: 0 2px 10px rgba(0, 0, 0, .15);
    background-color: #fff;
    border-radius: 40px
}



.footer .footer-content .backtotop .fa-arrow-circle-up:before {
    content: "\f0aa"
}

.footer .footer-content .backtotop i:after {
    content: "Back to Top";
    width: max-content;
    position: absolute;
    bottom: -23px;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    left: -22px;
    font-size: 1rem;
    color: #722483 !important;
    display: none;
    font-family: 'Sukhumvit_SemiBold';
    text-shadow: 0 0 3px #fff
}

.footer .footer-content .backtotop:hover {
    opacity: unset
}

.footer .footer-content .backtotop._show {
    display: unset
}

.footer .footer-content .container .footerrow .title-foot {
    margin-top: 20px
}

.footer .footer-content .container .footerrow .title-foot p {
    color: #fff;
    font-size: 20px;
    text-align: left;
    border-bottom: 1px solid #865d9b;
    margin-bottom: 10px;
}

.footer .footer-content .container .footerrow .title-foot p .txtfootwhite {
    font-size: 1rem;
}

.footer .footer-content .checkpoint_contact_title {
    font-size: 16px;
}

.footer .footer-content .container .footerrow .banktxt img {
    margin: 5px 0px;
}

.footer .footer-content .container .footerrow .banktxt p {
    color: #fff;
    font-size: 16px;
}



.footer .footer-content .container .footerrow .banktxt .img-donatload img {
    width: auto;
}

.footer .footer-content .container .footerrow .banktxt .qrcode_footer {
    width: 120px;
    text-align: center;
    margin: 10px 0px;
    transition: all .3s ease-in-out;
    transform: scale(1);
    border: 2px solid transparent;
}

.footer .footer-content .container .footerrow .banktxt .qrcode_footer:hover {
    border-color: white;
    transform: scale(1.03);
}

.footer .footer-content .container .footerrow .banktxt .text_qr_donation {
    font-size: 14px;
    color: #ff0000;
}

.pay_content {
    display: flex;
    justify-content: space-between;
    text-align: center;
    align-items: center;

}

.pay_content .transfer_download_text {
    margin: auto;
    margin-top: 5px;
    font-size: 14px !important;
}

.pay_content .qrcode_content,
.pay_content .img-donatload {
    width: 50%;
}

.footer .footer-content .container .footerrow .app-pay {
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 10px;
    background-color: #722483;
    padding-bottom: 20px;

}

.footer .footer-content .container .footerrow .app-pay .app-pay_title {
    border-bottom: 1px solid #865d9b;
    margin-bottom: 10px;
}

.footer .footer-content .container .footerrow .app-pay .app-pay_image {
    display: grid;
    justify-content: center;
}



.footer .footer-content .container .footerrow .app-pay .head-apppay {
    margin-left: 0
}

.footer .footer-content .container .footerrow .app-pay .head-apppay P {
    font-size: 18px;
    color: #fff;
    line-height: 1em;
    text-transform: uppercase;
    margin: 10px 0px;
}

.transfer_note {
    margin-top: 10px;
    color: white;
    font-size: 20px;
}

.footer .footer-content .container .footerrow .app-pay .txt-apppay {
    margin-left: 10px
}

.footer .footer-content .container .footerrow .app-pay .txt-apppay P {
    font-size: 20px;
    color: #fff;
    line-height: 1em
}

.footer .footer-content .container .footerrow .app-pay .logo-apppay {
    margin-left: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .footer-content .container .footerrow .app-pay .logo-apppay img {
    margin: 0;
    width: 29px;
    height: auto;
    object-fit: cover;
    border-radius: 50px;
}

.footer .footer-content .container .footerrow .partner-txt {
    margin-top: 10px
}

.footer .footer-content .container .footerrow .partner-txt a:hover {
    color: #fff
}

.footer .footer-content .container .footerrow .partner-txt p {
    color: #fff;
    font-size: 20px;
    margin-bottom: 0;
    text-align: left;
}

.footer .footer-content .container .footerrow .partner-txt img {
    margin: 15px;
    margin-left: 10px;
    float: left;
    margin-top: 5px
}

.footer .footer-content .container .footerrow .contacttxt {
    color: #fff;
}

.footer .footer-content .container .footerrow .contacttxt p {
    font-size: 16px;
    text-align: left;
}

.checkpoint_contact p {
    margin-bottom: 0;
}

.checkpoint_contact ul li {
    list-style: none;

}

.checkpoint_contact {
    color: white;
    border-bottom: 1px solid #865d9b;
    text-align: left;
    font-size: 16px;
}

.contact-img {
    display: flex;
    align-items: center;
    margin: 2px 0;
}


.footer .footer-content .container .footerrow .contacttxt .contact-img a {
    color: unset
}

.footer .footer-content .container .footerrow .contacttxt .contact-img a:hover {
    color: unset
}

.footer .footer-content .container .footerrow .contacttxt .contact-img span {
    margin-left: 10px;
    font-size: 20px;
}

.footer .footer-content .container .footerrow .followus-txt p {
    color: #fff;
    font-size: 16px;
    text-align: left;
    line-height: 1.2em;
}

.checkpoint_contact_title_sup {
    background-color: blueviolet;
    background-image: linear-gradient(to right, #6a318c, #7d2f85, #8d2d7e, #9a2e76, #a4316e, #ae326a, #b83465, #c0375f, #cc3759, #d63953, #e03c4a, #e84141);
    width: max-content;
    padding: 2px 0px;
    border-radius: 50px;
    border: 2px solid #fff;
    text-align: center;
    position: relative;
    left: -25px;
    margin: 5px 0px;
    padding-right: 15px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

.checkpoint_contact_title_sup p {
    display: flex;
    align-items: center;
}

.checkpoint_contact_title_sup p i {
    font-size: 5px;
    padding-right: 5px;
    padding-left: 10px;
    color: #f28e77;
}



.footer .footer-content .container .footerrow .followus-txt img {
    margin-top: -5px;
    margin-left: 10px;
    width: 30px
}

.footer .footer-content .footerbuttom {
    background: url(../images/bgfooter1.png);
    height: 100%;
    width: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

@media screen and (max-width:2000px) {
    .footer .footer-content .footerbuttom .container {
        overflow: hidden
    }
}

.footer .footer-content .footerbuttom .container .download-conten {
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.footer .footer-content .footerbuttom .container .download-conten img {
    float: left;
    margin-right: 10px;
    padding-left: 10px;
    width: 50px;
    height: 50px;
    border: 2px solid #fff;
    border-radius: 15px;
    padding: 10px
}

.footer .footer-content .footerbuttom .container .download-conten p {
    color: #fff;
    font-size: 18px;
    text-align: left;
    margin-bottom: 0;
}

.footer .footer-content .footerbuttom .container .download-conten .email_text {
    font-size: 18px;
}

.footer .footer-content .footerbuttom .container #emailhover img:hover {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border: none
}

.footer .footer-content .footerbuttom .container #phonehover img:hover {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%);
    border: none
}

.footer .footer-content .footerbuttom .container #downloadhover img:hover {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    border: none
}

.footer .footer-content .footerbuttom .container #gifthover img:hover {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    border: none
}

.footer .footer-content .footerbuttom .container #addresshover img:hover {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #ac499d 49%, #9037a5 75%);
    border: none
}

.footer .footer-content .footerbuttom .copyright {
    text-align: center;
    color: #fff;
    background-color: #4c1065;
    opacity: .8
}

.footer .footer-content .footerbuttom .copyright p {
    margin-top: 10px;
    margin-bottom: 0
}

.footer .footer-content .footerbuttom .copyright .container .copyright-txt {
    font-size: 16px;
    margin: 10px;
}

.footer .footer-content .footerbuttom .copyright .container .copyright-txt a:hover {
    text-decoration: unset
}

.footer .footer-content .footerbuttom .copyright .container .Con-txt {
    color: #fff;
    border-bottom: 1px solid
}

.footer .footer-content .footerbuttom .copyright .container .Con-txt1 {
    color: #fff;
    border-bottom: 1px solid
}

#popup_new .modal-bodyladding .areadetail,
#popup_product .modal-bodyladding .areadetail {
    width: 100%;
    overflow: visible
}

#popup_new .modal-footerladding,
#popup_product .modal-footerladding {
    padding: 15px;
    text-align: right;
    border-top: solid 1px #e4e4e4
}

#popup_new .modal-footerladding .btn-closestyle,
#popup_product .modal-footerladding .btn-closestyle {
    background-color: #722483;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    padding: 5px;
    padding-top: 2px;
}

#popup_new .modal-footerladding .btn-closestyle svg,
#popup_product .modal-footerladding .btn-closestyle svg {
    fill: white;
    display: block;
    height: 20px;
}

#popup_new .modal-footerladding .btn-closestyle strong,
#popup_product .modal-footerladding .btn-closestyle strong {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: -5px;
    right: 5px;
}

#popup_new .modal-footerladding .btn-closestyle:hover,
#popup_product .modal-footerladding .btn-closestyle:hover {
    background-color: #f28e77;
    width: 25px;
    height: 25px
}

#popup_product .checkbox-style .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    /* border-radius: 50%; */
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    left: 1rem;
    margin-top: 5px;
}


#popup_product .checkbox-style .label-style2 {
    margin-left: 7%;
}

#popup_product :after {
    content: "";
    position: absolute;
    display: none
}

#popup_product input:checked~.checkmark:after {
    display: block
}

#popup_product .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 0;
    background: #f28e77
}

#popup_product .accept-hide-banner {
    display: inline;
    float: left;
    height: 30px;
    overflow-y: hidden;
}

#popup_product .accept-hide-banner .label-style1 p {
    font-size: 16px;
    margin-left: 40px;
    margin-bottom: 0px;
    position: relative;
    top: 7px;
}

.profilepage #view-profile a {
    color: unset;
    text-decoration: unset;
    background-color: unset
}

.profilepage #view-profile a :hover {
    color: unset;
    text-decoration: unset
}

.profilepage #view-profile .alert-style {
    font-size: 16px;
    margin-top: 2%
}

.profilepage #view-profile .pull-right {
    float: unset;
    text-align: right
}

.profilepage #view-profile .pull-right .btn_edit_profile {
    font-size: 16px;
    color: #722483
}

.profilepage #view-profile .profile_area {
    margin-top: 5%;
    width: 100%
}

.profilepage #view-profile .profile_area .profile_pic {
    text-align: center
}

.profilepage #view-profile .profile_area .profile_pic .pic_pro img {
    border-radius: 50%;
    height: 144px;
    width: 144px;
    object-fit: cover
}

.profilepage #view-profile .profile_area .profile_text {
    font-size: 18px;
    line-height: 1.3em;
    margin-top: 30px;
}

.profilepage #view-profile .profile_area .profile_text ul {
    list-style-type: none;
    margin-left: -40px
}

.profilepage #view-profile .profile_area .profile_text .data_pro P {
    color: #722483
}

.profilepage #view-profile .txthead-user-style {
    font-size: 18px;
    color: #000;
    margin-top: 10px;
}

.profilepage #view-profile .txt-user-style {
    font-size: 14px;
    line-height: 2em;
    color: #333;
}

.line-style-user {
    border-top: solid 1px #333
}

#edit-profile .profile_area {
    margin-top: 5%;
    width: 100%
}

#edit-profile .profile_area .profile_pic {
    text-align: center
}

#edit-profile .profile_area .profile_pic .pic_pro img {
    border-radius: 50%;
    height: 120px;
    width: 120px;
    object-fit: cover;
    border: 3px solid #aaa
}

#edit-profile .profile_area .profile_pic .change_pic {
    position: absolute;
    right: 10%;
    top: 60%;
}

#edit-profile .profile_area .profile_text {
    font-size: 16px;
    line-height: 1.3em;
    margin-top: 30px;
}

#edit-profile .profile_area .profile_text ul {
    list-style-type: none;
    margin-left: -40px
}

#edit-profile .profile_area .profile_text .data_pro P {
    color: #722483
}

#edit-profile .profile_area .profile_text .data_pro P span {
    color: #000
}

#edit-profile .profile_area .profile_text .data_pro .label-style1 {
    margin-left: 11%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro .label-style2 {
    margin-left: 14%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro .label-style3 {
    margin-left: 11%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro .label-style4 {
    margin-left: 11%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro .label-style5 {
    margin-left: 14%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro .label-style6 {
    margin-left: 14%;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .data_pro input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#edit-profile .profile_area .profile_text .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -10%
}

#edit-profile .profile_area .profile_text .data_pro input:checked~.checkmark {
    background-color: #ffff
}

#edit-profile .profile_area .profile_text .data_pro :after {
    content: "";
    position: absolute;
    display: none
}

#edit-profile .profile_area .profile_text .data_pro input:checked~.checkmark:after {
    display: block
}

#edit-profile .profile_area .profile_text .data_pro .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

#edit-profile .profile_area .areaform {
    font-size: 16px;
    color: #000;
}

#edit-profile .profile_area .areaform .form-style-edit {
    margin-bottom: 10px;
    font-size: unset
}

#edit-profile .profile_area .areaform select[name=birth_date] {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #fff;
    width: 25% !important;
}

#edit-profile .profile_area .areaform select[name=birth_month] {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #fff;
    width: 40% !important;
}

#edit-profile .profile_area .areaform select[name=birth_year] {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #fff;
    width: 30% !important;
}

#edit-profile .profile_area .areaform .num-year {
    background-color: #f78507;
    border-radius: 5px;
    width: 80px;
    height: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

#edit-profile .profile_area .areaform .checkbox-style .label-style1 {
    margin-left: 11%;
    cursor: pointer;
    margin-top: 10px
}

#edit-profile .profile_area .areaform .checkbox-style .label-style2 {
    margin-left: 45px;
    cursor: pointer;
    margin-top: 10px;
}

#edit-profile .profile_area .areaform .checkbox-style input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#edit-profile .profile_area .areaform .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -10%
}

#edit-profile .profile_area .areaform .checkbox-style input:checked~.checkmark {
    background-color: #ffff
}

#edit-profile .profile_area .areaform .checkbox-style :after {
    content: "";
    position: absolute;
    display: none
}

#edit-profile .profile_area .areaform .checkbox-style input:checked~.checkmark:after {
    display: block
}

#edit-profile .profile_area .areaform .checkbox-style .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

#edit-profile .profile_area .areaform .title-style-user {
    margin-top: 20px
}

#edit-profile .profile_area .areaform .sendmail-style .label-style1 {
    margin-left: 11%;
    cursor: pointer
}

#edit-profile .profile_area .areaform .sendmail-style .label-style2 {
    margin-left: 14%;
    cursor: pointer
}

#edit-profile .profile_area .areaform .sendmail-style input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#edit-profile .profile_area .areaform .sendmail-style input:checked~.checkmark {
    background-color: #ffff
}

#edit-profile .profile_area .areaform .sendmail-style :after {
    content: "";
    position: absolute;
    display: none
}

#edit-profile .profile_area .areaform .sendmail-style input:checked~.checkmark:after {
    display: block
}

#edit-profile .profile_area .areaform .sendmail-style .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

#edit-profile .profile_area .areaform .pagetoback-style P {
    font-size: 16px;
    text-decoration: underline;
    color: #722483;
    margin-bottom: 0;
    line-height: 1em
}

#edit-profile .profile_area .areaform .myButton-submit {
    text-align: center;
    margin-bottom: 20px
}

#edit-profile .profile_area .areaform .myButton-submit .myButton-save {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px;
    text-decoration: none;
    border: 4px solid #ffffff;

    width: 150px;
}

#edit-profile .profile_area .areaform .myButton-submit .myButton-save:active {
    position: relative;
    top: 1px
}

#edit-profile .profile_area .areaform .myButton-submit .myButton-save:hover,
#edit-profile .profile_area .areaform .myButton-submit .myButton-save:focus {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

#edit-profile .txthead-user-style {
    font-size: 16px;
    color: #000
}

#edit-profile .txt-user-style {
    font-size: 16px
}

#edit-profile .note,
#form_register .note {
    color: #ee3333;
    font-size: 12px;
}


.profile_area {
    margin-top: 5%;
    width: 100%
}

.profile_area .profile_pic {
    text-align: center
}

.profile_area .profile_pic .pic_pro img {
    border-radius: 50%;
    height: 144px;
    width: 144px;
    object-fit: cover
}

.profile_area .profile_text {
    font-size: 16px;
    line-height: 1em;
    margin-top: 20px
}

.profile_area .profile_text ul {
    list-style-type: none;
    margin-left: -40px
}

.profile_area .profile_text .data_pro P {
    color: #722483
}

.all_history .tab_list_buy .list_buy.w_50 {
    width: 49.4%;
    height: 50px;
    float: left;
    background-color: #f05658;
    position: relative;
    text-align: center;
    text-decoration: none
}

.all_history .tab_list_buy .list_buy.w_50 p {
    color: #fff;
    margin-top: 5px;
    font-size: 18px;
}

.all_history .tab_list_buy .active {
    background-image: url(../images/icon_active.png)
}

.all_history .tab_list_buy .list_buy.w_50 :hover {
    background-color: #f05658;
    opacity: 1 !important
}

.all_history .history_table {
    background-color: #fff
}

.all_history .history_table .myButton-detail {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 20px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff
}

.all_history .history_table .myButton-payment {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 28px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff
}

.all_history .history_table .myButton-pay {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 35px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff
}

.all_history .history_table .myButton-editaddress {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 30px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff
}

.all_history .history_table .myButton-canceled {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 0 40px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff
}

.all_history .history_table .not_found {
    text-align: center
}

.all_history .history_table .not_found .pic_notfound {
    margin-top: 20%;
    margin-bottom: 10%;
    padding: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #d1d1d1;
    display: inline-block
}

.all_history .history_table .not_found P {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20%
}

.all_history .table_history_list tbody tr:nth-child(even) {
    background: #fff
}

.all_history .table_history_list tbody tr:nth-child(odd) {
    background: #fff
}

.all_history .table_history_list .list_history {
    border-bottom: 3px solid #e9e9e9
}

.all_history .table_history_list .not_found {
    text-align: center
}

.all_history .table_history_list .not_found .pic_notfound {
    margin-top: 20%;
    margin-bottom: 10%;
    padding: 40px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-color: #d1d1d1;
    display: inline-block
}

.all_history .table_history_list .not_found P {
    font-size: 16px;
    text-align: center;
    margin-bottom: 20%
}

.modal-dialog .modal-content .modal-header .modal-title P {
    font-size: 18px;
    line-height: 1em;
    margin: 0;
    margin-top: 3px;
    color: #f28e77
}

.modal-dialog .modal-content .modal-header .close-modal-style .close {
    opacity: 1;
}

.modal-dialog .modal-content .container .areaform {
    font-size: 16px;
    line-height: 1em;
}

.modal-dialog .modal-content .container .areaform .title {
    margin-top: 10px
}

.modal-dialog .modal-content .container .areaform .title P {
    line-height: 1em;
    margin: 0;

}


.modal-dialog .modal-content .container .areaform .title .txt-hmenu {
    font-size: 20px;
    margin-top: 20px;
}


.modal-dialog .modal-content .container .areaform .form-style-edit {
    margin-bottom: 10px;
    font-size: unset
}

.modal-dialog .modal-content .container .cart-action {
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center
}

.modal-dialog .modal-content .container .cart-action .myButton-save {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px;
    text-decoration: none;
    border: 4px solid #ffffff;

    display: inline-block;
    width: 150px;
    transition: all .3s ease;

}

.modal-dialog .modal-content .container .cart-action .myButton-save:hover,
.modal-dialog .modal-content .container .cart-action .myButton-save:focus {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

.detailuser {
    padding-top: 130px;
}

.detailuser .head-transac P {
    color: #f28e77;
    font-size: 25px;
    margin-bottom: 10px;
    margin: 0;
    text-align: center;
}

.detailuser .areatable .donation-detail-total {
    font-size: 16px;
}

.detailuser .areatable .donation-detail-total .edit-ordernumber {
    color: #722483
}

.detailuser .areatable .history-table .delivery-style {
    padding: 10px
}

.detailuser .areatable .history-table .pice-deliv {
    width: 150px;
    text-align: right;
    padding-right: 10px
}

.detailuser .areatable .history-table .detaillist .pass-produc span {
    color: #722483
}

.detailuser .areatable .history-table .total-pirce {
    text-align: right;
    padding-right: 10px
}

.detailuser .transinfo .txt-headaddless {
    color: #f28e77;
    font-size: 22px;
    line-height: 1em
}

.detailuser .myButton-backpage {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    padding: 2px 60px;
    text-decoration: none;
    margin-top: 10%;
    border: 1px solid #fff;
    margin-bottom: 10%
}

.detailuser .donation-detail-total {
    font-size: 16px;
    margin-top: 20px
}

.detailuser .donation-detail-total .edit-ordernumber {
    color: #722483
}

.detailuser .history-table .delivery-style {
    padding: 10px
}

.detailuser .history-table .pice-deliv {
    width: 150px;
    text-align: right;
    padding-right: 10px
}

.detailuser .history-table .detaillist .pass-produc span {
    color: #722483
}

.detailuser .history-table .total-pirce {
    text-align: right;
    padding-right: 10px
}



.detailuser .myButton-backpage {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px;
    text-decoration: none;
    border: 4px solid #ffffff;

    width: 150px;
    margin-bottom: 10%
}

.bgwhite .bigtitle {
    margin-top: 125px
}

.bgwhite .bigtitle P {
    font-size: 23px;
    color: #722483;
    margin-top: 9rem;
}

.bgwhite .condipage {
    font-size: 22px;
    line-height: 1.3em;
}

.bgwhite .condipage .areadetail span,
.bgwhite .condipage .areadetail strong {
    color: #722483;
}

.cart-address-style .head-cart-address {
    margin-top: 125px
}

.cart-address-style .head-cart-address P {
    text-align: center;
    margin: 0;
    color: #f28e77;
    font-size: 20px;
}

.cart-address-style .chooseadd {
    margin-top: 20px
}

.cart-address-style .chooseadd P {
    font-size: 16px;
    line-height: 1em
}

.cart-address-style .chooseadd .label-style1 {
    margin-left: 11%;
    cursor: pointer
}

.cart-address-style .chooseadd .label-style2 {
    margin-left: 11%;
    cursor: pointer
}

.cart-address-style .chooseadd .label-style3 {
    margin-left: 11%;
    cursor: pointer
}

.cart-address-style .chooseadd input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.cart-address-style .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -35px
}

.cart-address-style .chooseadd input:checked~.checkmark {
    background-color: #ffff
}

.cart-address-style .chooseadd :after {
    content: "";
    position: absolute;
    display: none
}

.cart-address-style .chooseadd input:checked~.checkmark:after {
    display: block
}

.cart-address-style .chooseadd .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

.cart-address-style .areaform {
    font-size: 16px;
    color: #000
}

.cart-address-style .areaform a {
    color: unset;
    text-decoration: none;
    background-color: unset
}

.cart-address-style .areaform a:hover {
    color: unset;
    text-decoration: unset
}

.cart-address-style .areaform .txthead-user-style {
    font-size: 1.1em
}

.cart-address-style .areaform .pagetoback-style {
    font-size: 16px;
    text-decoration: underline;
    color: #722483
}

.cart-address-style .areaform .myButton-submit {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 20px
}

.cart-address-style .areaform .myButton-submit .myButton-save {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    padding: 5px 0px;
    width: 150px;
    font-size: 18px;
    text-decoration: none;
    margin-top: 10px;
    text-align: center;
    border: 4px solid #ffffff;
}

.cart-address-style .areaform .myButton-submit .myButton-save:active {
    position: relative;
    top: 1px
}

.cart-address-style .areaform .myButton-submit .myButton-save:hover,
.cart-address-style .areaform .myButton-submit .myButton-save:focus {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

.cart-address-style .txt-hmenu {
    font-size: 18px;
}

.sweet-alert .lead {
    font-size: 18px;
    margin: 20px 0px;
}

.sweet-alert h2 {
    font-size: 16px;
    margin-top: 30px;
}

.sweet-alert .btn-primary {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #722483 15%, #c5618f 51%, #ff8781 75%);
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 22px;
    padding: 5px 0;
    text-decoration: none;
    border: 4px solid #fff;
    width: auto;
    min-width: 170px;
    text-align: center;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

.sweet-alert .btn-primary :hover {
    background-color: #0e6891;
    background-image: linear-gradient(150deg, #3fc2a5 15%, #27959b 51%, #0e6891 75%)
}

.sweet-alert .btn-lg {
    padding: none;
    font-size: none;
    line-height: none;
    border-radius: none
}

.bgwhite .container #product-payment .head-payment-style {
    text-align: center;
    margin: 10px;
    line-height: 1;
    margin-top: 125px
}

.bgwhite .container #product-payment .head-payment-style P {
    color: #f28e77;
    font-size: 25px;
    padding-bottom: 20px;
    margin: 0;
    text-align: center;
}

.bgwhite .container #product-payment .payment-container .payment_text {
    padding: 10px;
    margin-top: 20px
}

.bgwhite .container #product-payment .payment-container .payment_text P {
    font-size: 16px;
    cursor: pointer;
    max-width: 100%;
}

.bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
    margin-left: 11%;
    cursor: pointer
}

.bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
    margin-left: 20%;
    cursor: pointer
}

.bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
    margin-left: 11%;
    cursor: pointer
}

.bgwhite .container #product-payment .payment-container .payment_text .label-style9 {
    margin-left: 35px;
    width: 100%;
}

.bgwhite .container #product-payment .payment-container .payment_text .label-style9 .card-image {
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px
}

.bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
    font-size: 15px;
    padding: 5px 1px;
}

.bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
    opacity: unset;
    position: unset;
    display: unset;
    margin-bottom: 10px;
    font-size: 16px;
}

.bgwhite .container #product-payment .payment-container .payment_text input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.bgwhite .container #product-payment .payment-container .payment-online {
    background: #d2d3d5;
    background: -moz-linear-gradient(left, #fff 0, #d2d3d5 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #fff), color-stop(100%, #d2d3d5));
    background: -webkit-linear-gradient(left, #fff 0, #d2d3d5 100%);
    background: -o-linear-gradient(left, #fff 0, #d2d3d5 100%);
    background: -ms-linear-gradient(left, #fff 0, #d2d3d5 100%);
    background: linear-gradient(left, #fff 0, #d2d3d5 100%);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: solid #fcfcfc 5px;
    -moz-box-shadow: 0 3px 3px 3px #efefef;
    -webkit-box-shadow: 0 3px 3px 3px #efefef;
    box-shadow: 0 3px 3px 3px #efefef
}

.bgwhite .container #product-payment .payment-container .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -35px
}

.bgwhite .container #product-payment .payment-container .payment_text input:checked~.checkmark {
    background-color: #ffff
}

.bgwhite .container #product-payment .payment-container .payment_text :after {
    content: "";
    position: absolute;
    display: none
}

.bgwhite .container #product-payment .payment-container .payment_text input:checked~.checkmark:after {
    display: block
}

.bgwhite .container #product-payment .payment-container .payment_text .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .icon_bank {
    margin-bottom: 15px;
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text {
    font-size: 14px;
    line-height: 1.5em;
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
    list-style-type: none;
    margin-left: -10px;
    margin-bottom: 0;
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .title_bank P {
    margin-bottom: 0
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .title_bank span {
    color: #842fa7;
    margin-right: 20px
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .cd_bank span {
    color: #842fa7;
    margin-right: 10px
}

.bgwhite .container #product-payment .payment-container .bank_list_opt #hide-addbank1 {
    display: none
}

.bgwhite .container #product-payment .payment-container .bank_list_opt #hide-addbank2 {
    display: none
}

.bgwhite .container #product-payment .payment-container .bank_list_opt #hide-addbank3 {
    display: none
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .add-bank {
    background-color: #f28e77;
    cursor: pointer
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .add-bank P {
    font-size: 16px;
    text-align: center;
    color: #fff
}


.bgwhite .container #product-payment .payment-container a {
    color: unset;
    text-decoration: none;
    background-color: unset
}

.bgwhite .container #product-payment .payment-container .myButton-submit {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-save {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    padding: 5px 0;
    text-decoration: none;
    border: 4px solid #fff;
    width: auto;
    min-width: 160px;
    text-align: center;
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-save:active {
    position: relative;
    top: 1px
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-save:hover,
.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-save:focus {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

.bgwhite .container #product-payment .payment-container .headtxt-payment-info {
    text-align: center;
    margin: 10px;
    line-height: 1;
    margin-top: 125px
}

.bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-style P {
    color: #f28e77;
    font-size: 25px;
    margin-bottom: 10px;
    margin: 0;
    text-align: center;
}

.bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-detail {
    text-align: center;
    font-size: 16px;
    text-shadow: none;
    margin-top: 10px;
    line-height: 1.5em;
}

.bgwhite .container #product-payment .payment-container .headtxt-youpay {
    margin-top: 40px
}

.bgwhite .container #product-payment .payment-container .headtxt-youpay P {
    font-size: 16px;
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .title_bank span {
    color: #842fa7;
    margin-right: 20px
}

.bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .cd_bank span {
    color: #842fa7;
    margin-right: 10px
}

.bgwhite .container #product-payment .payment-container .myButton-submit {
    text-align: center;
    margin-bottom: 30px;
    margin-top: 10px
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-backhome {
    background-color: #3fc2a5;
    background-image: linear-gradient(150deg, #0e6891 15%, #27959b 51%, #3fc2a5 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    padding: 2px 30px;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 1.5
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-backhome:active {
    position: relative;
    top: 1px
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-backhome:hover {
    background-color: #0e6891;
    background-image: linear-gradient(150deg, #3fc2a5 15%, #27959b 51%, #0e6891 75%)
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px;
    text-decoration: none;
    border: 4px solid #ffffff;
    width: 150px;
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo:active {
    position: relative;
    top: 1px
}

.bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo:hover {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

#pay-form .paymentcon .title P {
    font-size: 16px;
}

#pay-form .paymentcon .title span {
    color: #722483
}

#pay-form .paymentcon .totble_money {
    display: flex;
    align-items: center;
}

#pay-form .paymentcon .titlesec P {
    font-size: 16px;
    margin-right: 10px;
}

#pay-form .paymentcon .titlesec span {
    color: #722483
}

#pay-form .paymentcon .inputcos {
    font-size: 16px;
    margin-bottom: 1rem
}

#pay-form .paymentcon .inputcos .time_style {
    width: 29% !important
}

#pay-form .paymentcon .inputcos .form-style-edit {
    display: block;
    width: 150px;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-weight: 400;
    line-height: 1.5;
    color: #6a6d71;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

#pay-form .paymentcon .inputcos .time_style {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #fff;
    padding: 5px;
    width: 150px;
    padding-left: 10px
}

#pay-form .paymentcon .inputcos .donate_style {
    width: 150px
}

#pay-form .paymentcon .inputcos .donate_style {
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background-color: #fff;
    padding: 5px;
    width: 150px;
    padding-left: 10px
}

#pay-form .paymentcon .headtxt-youpay {
    margin-top: 40px
}

#pay-form .paymentcon .headtxt-youpay P {
    font-size: 16px;
}

#pay-form .paymentcon .banklist {
    margin-top: 20px
}

#pay-form .paymentcon .banklist P {
    font-size: 16px;
    line-height: 1em
}

#pay-form .paymentcon .banklist .label-style1 {
    margin-left: 15%;
    cursor: pointer;
    margin-bottom: 20px
}

#pay-form .paymentcon .banklist .label-style2 {
    margin-left: 20%;
    cursor: pointer
}

#pay-form .paymentcon .banklist .label-style3 {
    margin-left: 11%;
    cursor: pointer
}

#pay-form .paymentcon .banklist .detail #cr_bankname .bankname-style {
    font-size: 16px
}

#pay-form .paymentcon .banklist .detail #cr_bankname .bankname_etc .bankanme_etc_style {
    opacity: unset;
    position: unset;
    display: unset;
    margin-bottom: 10px;
    font-size: 1.2em
}

#pay-form .paymentcon .banklist input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#pay-form .paymentcon .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -50px;
    margin-top: 18px
}

#pay-form .paymentcon .banklist input:checked~.checkmark {
    background-color: #ffff
}

#pay-form .paymentcon .banklist :after {
    content: "";
    position: absolute;
    display: none
}

#pay-form .paymentcon .banklist input:checked~.checkmark:after {
    display: block
}

#pay-form .paymentcon .banklist .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

#pay-form .paymentcon .bank_text {
    width: 200px;
    display: flex;
    align-items: center;
    height: 100%;
}

#pay-form .paymentcon .bank_text P {
    margin: 0
}

#pay-form .pagetoback-style {
    font-size: 16px;
    text-decoration: underline;
    color: #722483
}

#pay-form a {
    color: unset;
    text-decoration: none;
    background-color: unset
}

#pay-form .myButton-submit {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 20px
}

#pay-form .myButton-submit .myButton-paymentgo {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    line-height: 1em;
    padding: 10px;
    text-decoration: none;
    border: 4px solid #ffffff;
    width: 180px;
}

#pay-form .myButton-submit .myButton-paymentgo:active {
    position: relative;
    top: 1px
}

#pay-form .myButton-submit .myButton-paymentgo:hover {
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
}

#product-cart .area_cart {
    padding-top: 8rem;
}

#product-cart .area_cart ul li {
    display: table
}

#product-cart .area_cart .txtheader-cart P {
    font-size: 18px;
    color: #f28e77;
    margin: 0
}

#product-cart .area_cart .donation .title {
    overflow: hidden;
    margin: 0;
    padding: 0
}

#product-cart .area_cart .donation .title li {
    background-color: #f28e77;
    font-size: 16px;
    color: #fff
}

#product-cart .area_cart .donation .title .product {
    width: 100%;
    border-bottom: 1px solid #fff
}

#product-cart .area_cart .donation .title .product .info .namepro {
    font-size: 16px;
    line-height: 1em
}

#product-cart .area_cart .donation .title .price {
    display: none
}

#product-cart .area_cart .donation .title .cancel {
    display: none
}

#product-cart .area_cart .donation .rowcart .incart {
    width: 100%;
    overflow: hidden;
    margin: 0;
    background: unset;
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 15px;
    background-color: white;
}

#product-cart .area_cart .donation .rowcart .incart .product {
    width: 100%;
    height: auto !important;
    border-right: none
}

#product-cart .area_cart .donation .rowcart .incart .product .info {
    display: table-cell;
    vertical-align: middle
}

#product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
    font-size: 16px;
}

#product-cart .area_cart .donation .rowcart .incart .total {
    width: 70%;
    height: 70px !important
}

#product-cart .area_cart .donation .rowcart .incart .total .intotal {
    position: relative;
    font-size: 16px;
    margin-top: 10px
}

#product-cart .area_cart .donation .rowcart .incart .cancel {
    width: 30%;
    height: 60px !important;
    text-align: right;
    display: flex;
    align-items: center;
}

#product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete img {
    position: relative;
    right: 8px;
    width: 16px;
}

#product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 0
}

#product-cart .area_cart .no-donation {
    border: 1px solid #e9e9e9;
    margin-top: 10px
}

#product-cart .area_cart .no-donation P {
    font-size: 16px;
    margin: 10px
}



#product-cart .area_cart .txtheader-cartproduct P {
    font-size: 16px;
    color: #f28e77;
    margin: 0
}

#product-cart .area_cart .message-block {
    border: 1px solid #e9e9e9;
    margin-top: 10px
}

#product-cart .area_cart .message-block P {
    font-size: 16px;
    margin: 10px;
}

#product-cart .area_cart .cart-product .title {
    overflow: hidden;
    margin: 0;
    padding: 0
}

#product-cart .area_cart .cart-product .title li {
    background-color: #f28e77;
    font-size: 16px;
    color: #fff
}

#product-cart .area_cart .cart-product .title .product {
    width: 100%;
    border-bottom: 1px solid #fff
}

#product-cart .area_cart .cart-product .title .product .info .namepro {
    font-size: 16px;
    line-height: 1em
}

#product-cart .area_cart .cart-product .title .total {
    display: none
}

#product-cart .area_cart .cart-product .title .price {
    display: none
}

#product-cart .area_cart .cart-product .title .cancel {
    display: none
}

#product-cart .area_cart .rowcart-product .incart {
    width: 100%;
    /* float        : left; */
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: unset;
    border: 1px solid #e9e9e9;
    margin-bottom: 15px;
    margin-top: 10px;
    padding: 15px;
    background-color: white;
}

#product-cart .area_cart .rowcart-product .incart .product {
    width: 60%;
    height: 90px !important;
    border-right: none
}

#product-cart .area_cart .rowcart-product .incart .product .img {
    width: 75px;
    float: left
}

#product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
    position: relative;
    left: 18%
}

#product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
    width: 60px;
    font-size: 16px;
    text-align: center
}

#product-cart .area_cart .rowcart-product .incart .price {
    width: 40%;
    height: 90px !important;
    padding-left: 4%;
    text-align: right
}

#product-cart .area_cart .rowcart-product .incart .price .inprice {
    position: relative;
    font-size: 16px;
    line-height: 1em;
    padding-right: 5px;
}

#product-cart .area_cart .rowcart-product .incart .total {
    width: 70%;
    height: 70px !important
}

#product-cart .area_cart .rowcart-product .incart .total .intotal {
    position: relative;
    font-size: 16px;
    line-height: 1em;
    text-align: right
}

#product-cart .area_cart .rowcart-product .incart .product-detal {
    width: 100%;
    height: auto !important;
    border-right: none
}

#product-cart .area_cart .rowcart-product .incart .product-detal .info {
    text-align: left
}

#product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro P {
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 5px;
}

#product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro .text_sale_promotion {
    font-size: 1.1em;
}

#product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
    font-size: 16px;
    line-height: 1em;
    margin: 0
}

#product-cart .area_cart .rowcart-product .incart .cancel {
    width: max-content;
    height: max-content;
    text-align: center;
    padding-left: 10px;
}



#product-cart .area_cart .rowcart-product .incart .cancel .btn-delete img {
    position: relative;
    width: 16px;
    right: 5px;
}

#product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
    font-size: 16px;
    line-height: 1em;
    margin-bottom: 0
}

#product-cart .area_cart .cho-trans .choose .label-style1 {
    margin-left: 15%;
    cursor: pointer;
    line-height: 1em
}

.area_cart ul.condition li {
    text-align: left;
    border-right: none;
    position: relative;
    font-size: 14px;
    padding: 5px 10px;
    line-height: 1.5em;
}

.area_cart ul.condition li:before {
    content: "";
    width: 5px;
    height: 5px;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #333;
    left: -5px;
    top: 14px;
    position: absolute;
}

#product-cart .area_cart .cho-trans .choose P {
    font-size: 14px;
    line-height: 2em;
}

#product-cart .area_cart .cho-trans .choose input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#product-cart .area_cart .cho-trans .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -35px
}

#product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
    background-color: #ffff
}

#product-cart .area_cart .cho-trans .choose :after {
    content: "";
    position: absolute;
    display: none
}

#product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
    display: block
}

#product-cart .area_cart .cho-trans .choose .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

#product-cart .area_cart .allprice {
    float: left;
    background: #cac8c9;
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px
}

#product-cart .area_cart .condi .accept {
    font-size: 16px;
}

#product-cart .area_cart .condi .accept .label-style1 {
    margin-left: 11%;
    cursor: pointer
}

#product-cart .area_cart .condi .accept .label-style2 {
    margin-left: 20%;
    cursor: pointer
}

#product-cart .area_cart .condi .accept .label-style3 {
    margin-left: 11%;
    cursor: pointer
}

#product-cart .area_cart .condi .accept .detail #cr_bankname .bankname-style {
    font-size: 16px
}

#product-cart .area_cart .condi .accept .detail #cr_bankname .bankname_etc .bankanme_etc_style {
    opacity: unset;
    position: unset;
    display: unset;
    margin-bottom: 10px;
    font-size: 1.2em
}

#product-cart .area_cart .condi .accept input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

#product-cart .area_cart .condi .checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    border: solid 2px;
    border-color: #97a09f;
    background-color: #fff;
    margin-left: -30px
}

#product-cart .area_cart .condi p {
    margin-top: 3px;
    margin-bottom: 5px;
}

#product-cart .area_cart .condi .accept input:checked~.checkmark {
    background-color: #ffff
}

#product-cart .area_cart .condi .accept :after {
    content: "";
    position: absolute;
    display: none
}

#product-cart .area_cart .condi .accept input:checked~.checkmark:after {
    display: block
}

#product-cart .area_cart .condi .accept .checkmark:after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    background: #f28e77
}

#product-cart .area_cart .allprice-total {
    float: left;
    margin-bottom: 20px;
    width: 100%;
    font-size: 16px;
    border: 1px solid #e9e9e9
}

#product-cart .area_cart .allprice-total .rowprice {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e9e9e9
}

#product-cart .area_cart .allprice-total .total-price-style {
    border-bottom: unset;
    background-color: #f28e77;
    color: #fff
}

#product-cart .area_cart .condition {
    font-size: 16px;
    line-height: 1em;
}

#product-cart .area_cart .condition P {
    margin: 0
}

#product-cart .area_cart .total-pay .title {
    background-color: #f28e77;
    color: #fff;
    font-size: 16px;
    margin-top: 10px
}

#product-cart .area_cart .total-pay .title .total-pay-money P {
    margin: 0
}

#product-cart .area_cart .btn_donate {
    text-align: center
}

#product-cart .area_cart .btn_donate .btn_from {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%);
    border-radius: 50px;
    display: inline-table;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    border: 4px solid #fff;
    font-size: 20px;
    padding: 5px;
    width: 170px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#product-cart .area_cart .btn_donate .btn_from:active {
    position: relative;
    top: 1px
}

#product-cart .area_cart .btn_donate .btn_from:hover {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #ffb718 15%, #ff8d70 51%, #f28e77 75%)
}

#product-cart .area_cart ul li.total input {
    width: 50%;
    float: left;
    margin-left: 10px;
    color: black;
    font-size: 1em;
    height: 35px;
}

#product-cart .area_cart ul li.total .intotal {
    position: relative;
}

.Payment img {
    width: 100%;
    margin-bottom: 20px
}

.Payment p {
    color: #f28e77;
    font-size: 30px;
    line-height: .9em;
    margin-top: 10px
}

.Payment .onclick-payment {
    width: 22%;
    height: auto;
    position: absolute;
    left: 37%;
    top: 32%
}

@media screen and (max-width:2000px) {
    .bgwhite {
        overflow: hidden
    }
}

#cart-form2 .ul-product-list .title P {
    font-size: 20px;
    color: #f28e77;
    border-bottom: solid 1px #e4e4e4;
    line-height: 2em;
}

#cart-form2 .ul-product-list .product-list {
    margin-top: 10px
}

#cart-form2 .ul-product-list .product-list .media .media-object img {
    width: 60px
}

#cart-form2 .ul-product-list .product-list .name-productcart P {
    font-size: 14px;
    margin-bottom: 0;
}

#cart-form2 .ul-product-list .product-list .id-productcart P {
    font-size: 14px;
    margin-bottom: 0;
}

#cart-form2 .ul-product-list .product-list .num-productcart {
    text-align: left;
    background-color: #ebebeb;
    width: 65px;
    margin-top: 10px;
    margin-bottom: 10px
}

#cart-form2 .ul-product-list .product-list .num-productcart .product-qty {
    float: none;
    text-align: center;
    font-size: 16px;
}

#cart-form2 .ul-product-list .product-list .delete-productcart {
    text-align: right;
    float: right;
    background-color: #ffb718;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

#cart-form2 .ul-product-list .product-list .delete-productcart .btn-delete {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: -3px;
    right: 5px;
}

#cart-form2 .ul-product-list .product-list .delete-productcart a :hover {
    text-decoration: none
}

#cart-form2 .ul-product-list .product-list .price-productcart {
    text-align: right
}

#cart-form2 .ul-product-list .product-list .price-productcart P {
    color: #f05658;
    font-size: 16px;
    margin: 0
}

#cart-form2 .ul-product-list .donation-list {
    margin-top: 10px
}

#cart-form2 .ul-product-list .donation-list .project-name {
    width: 90%
}

#cart-form2 .ul-product-list .donation-list .project-name .name-donation P {
    font-size: 16px;
    margin-bottom: 0
}

#cart-form2 .ul-product-list .donation-list .delete-donation {
    text-align: right;
    float: right;
    background-color: #ffb718;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin-right: 2px
}

#cart-form2 .ul-product-list .donation-list .delete-donation .btn-delete {
    color: #fff;
    font-size: 16px;
    position: relative;
    top: -3px;
    right: 5px
}

#cart-form2 .ul-product-list .donation-list .delete-donation a :hover {
    text-decoration: none
}

#cart-form2 .ul-product-list .donation-list .amount .price-donation {
    text-align: right
}

#cart-form2 .ul-product-list .donation-list .amount .price-donation P {
    color: #f05658;
    font-size: 16px;
    margin: 0
}

#cart-form2 .bottom-cart {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%);
    margin-right: -13px;
    margin-left: -13px;
    margin-bottom: -10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px
}

@media screen and (max-width:2000px) {
    #cart-form2 .bottom-cart {
        overflow: hidden
    }
}

#cart-form2 .bottom-cart .bottom-cart-table .price-all {
    margin-left: 15px;
    margin-top: 10px
}

#cart-form2 .bottom-cart .bottom-cart-table .price-all P {
    font-size: 16px;
    color: #fff;
    margin-bottom: 0
}

#cart-form2 .bottom-cart .bottom-cart-table .total-pay-money {
    margin-right: 15px;
    margin-top: 10px
}

#cart-form2 .bottom-cart .bottom-cart-table .total-pay-money P {
    font-size: 16px;
    color: #fff;
    text-align: right;
    margin-bottom: 0
}

#cart-form2 .bottom-cart .btn-buynow {
    background-color: #fff;
    border-radius: 50px;
    display: inline-block;
    cursor: pointer;
    color: #0e6891;
    font-size: 16px;
    padding: 5px;
    width: 150px;
    text-decoration: none;
    margin-top: 10px;
    border: 4px solid #fff;
    margin-bottom: 10px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}

#cart-form2 .bottom-cart .btn-buynow:hover {
    background-color: #722483;
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    width: 150px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 4px solid #fff;
}

#cart-form2 .bottom-cart .transfer-nofi {
    float: right
}

#cart-form2 .bottom-cart .transfer-nofi P {
    text-align: right;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #fff;
    line-height: 2em;
}

.no-productcart .title P {
    font-size: 16px;
    color: #f28e77;
    border-bottom: solid 1px #e4e4e4
}

.no-productcart .transfer-nofi {
    float: right
}

.no-productcart .transfer-nofi P {
    text-align: right;
    font-size: 16px;
    margin-right: 15px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #842fa7
}

.popover {
    min-width: 250px;
    font-family: 'Sukhumvit_SemiBold' !important;
}

.my-menu .profilepage {
    margin-top: 120px;
    margin-bottom: 0px;
    text-align: center;
    background-color: #e28f94;
    border: 0;
}

.my-menu .profilepage .nav-tabs {
    text-align: center;
    display: inline-flex;
    border: none;
}

.my-menu .profilepage .nav-tabs .txt-tab {
    padding: 20px 0px;
    width: 220px;
    border-left: 1px solid #ffc4c4
}

.my-menu .profilepage .nav-tabs .txt-tab:first-child {
    border-left: none;
}

.my-menu .profilepage .nav-tabs .txt-tab a {
    font-size: 13px;
    line-height: 22px;
    color: #fff;
    text-decoration: none;
}

.my-menu .profilepage .nav-tabs .active {
    background-color: #623f84;
}

.my-menu .profilepage .nav-tabs :hover {
    background-color: #623f84;
}

.user-menu .title P {
    font-size: 20px;
    color: #f28e77;
    border-bottom: solid 1px #e4e4e4;
    padding-bottom: 5px;
}

.user-menu .all-pageuser {
    list-style-type: none;
    padding: 0
}

.user-menu .all-pageuser a {
    color: unset;
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
}

.user-menu .all-pageuser a:hover {
    color: unset;
    text-decoration: unset
}

.user-menu .all-pageuser P {
    font-size: 16px;
}

.user-menu .all-pageuser .user-profile {
    padding: 1px;
    border: solid 1px #e4e4e4;
    border-radius: 10px;
    margin-bottom: 10px
}

.user-menu .all-pageuser .user-profile P {
    margin-bottom: 0;
}

.user-menu .all-pageuser .user-profile:hover {
    color: #fff;
    padding: 1px;
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%)
}

.user-menu .all-pageuser .user-product {
    padding: 1px;
    border: solid 1px #e4e4e4;
    border-radius: 10px;
    margin-bottom: 10px
}

.user-menu .all-pageuser .user-product P {
    margin-bottom: 0;
}

.user-menu .all-pageuser .user-product:hover {
    color: #fff;
    padding: 1px;
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%)
}

.user-menu .all-pageuser .user-donation {
    padding: 1px;
    border: solid 1px #e4e4e4;
    border-radius: 10px;
    margin-bottom: 10px
}

.user-menu .all-pageuser .user-donation P {
    margin-bottom: 0;
}

.user-menu .all-pageuser .user-donation:hover {
    color: #fff;
    padding: 1px;
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%)
}

.user-menu .all-pageuser .user-logout {
    padding: 1px;
    border: solid 1px #e4e4e4;
    border-radius: 10px;
    margin-bottom: 10px
}

.user-menu .all-pageuser .user-logout P {
    margin-bottom: 0;
    margin-left: 10px;
}

.user-menu .all-pageuser .user-logout .logo-logout {
    background: url(../images/logo-pagelogout.png);
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.user-menu .all-pageuser .user-logout:hover {
    color: #fff;
    padding: 1px;
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%)
}

.user-menu .all-pageuser .user-logout:hover .logo-logout {
    background: url(../images/logo-pagelogout-hover.png);
    height: 15px;
    width: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}

.bg-color-n95 {
    background-color: #d1d3d4;
    padding-top: 130px
}

.bg-color-n95 .img-hn95 {
    text-align: center;
    padding-bottom: 20px
}

.bg-color-n95 .img-hn95 img {
    width: auto;
    max-width: 200px
}

.bg-color-hlr P,
.bg-color-n95 P,
.bgimg-n95 P {
    font-family: DBMomentX
}

.editvideo_n95 {
    margin-bottom: -8px
}

.editvideo_n95 video {
    width: 100%
}

.bg-color-hlr {
    background-color: #92278f;
    padding-top: 20px;
    margin-bottom: 0;
    padding-bottom: 0
}

.bg-color-hlr .img-htx {
    text-align: left;
    margin: 5px
}

.bg-color-hlr .img-htx img {
    width: 100%
}

.bg-color-hlr .img-htx p {
    font-size: 35px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1em
}

.bg-color-hlr .img-htx .htx {
    font-size: 64px;
    font-weight: 700
}

.txth-bar-n95 {
    position: relative;
    top: 25px;
    background-color: #3a3a3c;
    text-align: center
}

.txth-bar-n95 p {
    font-size: 36px;
    color: #d1d3d4;
    font-weight: 700;
    margin-bottom: 0
}

.txth-bar-n95 img {
    width: 100%
}

.txth-bar-n95-edit {
    top: -55px
}

.bor-buttomedit {
    border-top: 1px solid #fff;
    margin: 10px;
    margin-left: 30px;
    margin-right: 30px
}

.bgimg-n95 {
    background: url(../images/n95/bg-n95-2.jpg);
    height: auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center
}

.bgimg-n95 .imgtxt {
    background-color: #b961a6;
    text-align: center;
    margin-bottom: 20px;
    margin-top: 50px
}

.bgimg-n95 .imgtxt .htxt {
    font-size: 36px;
    font-weight: 700
}

.bgimg-n95 .imgtxt p {
    color: #fff;
    font-size: 25px
}

.bgimg-n95 .imgtxt .tx-hcon1 {
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 0
}

.bgimg-n95 .imgtxt .tx-decon1 {
    margin-bottom: 10px;
    line-height: 1.2em
}

.bgimg-n95 .imgtxt .tx-decon1-edit {
    padding-bottom: 10px
}

.bgimg-n95 .imgtxt img {
    width: 100%
}

.bgimg-n95 .imgtxt2 {
    margin-top: 0;
    margin-bottom: 50px
}

.bgimg-n95 .bg-colormark {
    background-color: #92278f;
    padding-top: 15px
}

.bgimg-n95 .bg-colormarkmd {
    background-color: #92278f;
    padding-top: 15px;
    padding-bottom: 20px
}

.bgimg-n95 .mask-edit {
    text-align: center
}

.bgimg-n95 .mask-edit img {
    width: auto;
    max-width: 250px
}

.bgimg-n95 .mask-edit-2 img {
    width: auto;
    max-width: 300px
}

.bgimg-n95 .btn-btohome {
    text-align: center
}

.bgimg-n95 .btn-btohome .btn-btohome-edti {
    background-color: #404041;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    display: inline-block;
    color: #d1d3d4;
    font-size: 25px;
    padding: 3px 30px;
    text-decoration: none;
    border: 1px solid #404041;
    line-height: 1.5;
    font-weight: 700
}

.bgimg-n95 .btn-btohome .btn-btohome-edti:hover {
    color: #404041;
    border: 1px solid #404041;
    background-color: #d1d3d4
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background: none;
    border-bottom: 2px solid #722483;
    border-radius: 0;
    color: #722483;
    font-weight: 900;
}

#nav-shipping {
    width: 700px;
}

.hmenu-customer p {
    margin-bottom: 0px;
    margin-top: 1rem;
    text-align: center;
}

.nav-pills .nav-link {
    font-size: 13px;
    color: #212529;
    padding-right: 13px;
    padding-left: 13px;
    line-height: 2em;
}

@media (max-width:380px) {
    .nav-pills .nav-link {
        padding-right: 8px;
        padding-left: 8px;
    }
}

@media (max-width:350px) {
    .nav-pills .nav-link {
        padding-right: 15px;
        padding-left: 15px;
    }
}

#info-shipping-address {
    margin-top: 20px;
}

#info-shipping-address .txthead-user-style p {
    font-size: 18px;
    margin-bottom: 0;
}

#info-shipping-address .txt-user-style {
    line-height: 1.5em;
}

#info-shipping-address .slip {
    margin-top: 30px;
}

#info-shipping-address .myButton-submit .myButton-save {
    background-color: #ff8781;
    background-image: linear-gradient(to right, #f28e77, #f5758b, #e9698f, #db5f93, #cb5797, #c15099, #b64a9b, #aa459d, #a23f9f, #9939a1, #8f33a4, #842fa7);
    border-radius: 50px;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    line-height: 1em;
    padding: 10px 0px;
    text-decoration: none;
    border: 4px solid #ffffff;
    width: 200px;
    transition: all .3s ease;
}

#info-shipping-address .myButton-submit .myButton-save:hover,
#info-shipping-address .myButton-submit .myButton-save:focus {
    color: #fff;
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%)
}

#info-shipping-address .pagetoback-style {
    display: block;
    text-decoration: none;
    margin-bottom: 30px;
    text-align: right;
}

#info-shipping-address .pagetoback-style {
    margin-top: 20px;
    font-size: 16px;
    text-decoration: underline;
    color: #722483;
}

#pills-tabContent .order-item .order-footer .total {
    text-align: right;
}

#pills-tabContent .order-item .order-body .price {
    text-align: right;
    color: #722483;
    font-size: 14px;
}

#pills-tabContent .order-item .order-body .product-item {
    box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1);
    padding: 10px;
    background-color: #fff;
    margin-bottom: 20px;
    border-radius: 5px;
}

#pills-tabContent .order-item {
    border-bottom: 2px #b9bbbc solid;
    font-size: 14px;
    line-height: 22px;
    margin-top: 20px;
    padding-bottom: 20px;
}


#pills-tabContent .order-item .order-header .created {
    text-align: right;
}



#pills-tabContent .order-item .order-body .list-name {
    padding: 5px;
}

#pills-tabContent .order-item .order-body .list-description .tag {
    background-color: #e2e4e4;
    padding: 5px 20px 5px 20px;
    border-radius: 5px;
    margin: 5px;
    display: inline-block;
}

#forgotpass .modal-header {
    background-color: #9037a5;
    background-image: linear-gradient(150deg, #ac499d 49%, #9037a5 75%);
    border-radius: 0;
    height: auto;
    width: auto;
    padding: 5px;
}



#forgotpass .modal-header .image-headlogin span {
    font-size: 30px;
    color: #fff;
    position: relative;
    top: 10px;
}

#forgotpass .modal-header .image-headlogin img {
    height: auto;
    width: 15%;
    margin: 10px;
    margin-left: 5%;
}

#forgotpass .modal-body .title P {
    font-size: 16px;
    line-height: 1em;
    text-align: center;
}

#forgotpass .btn-submit {
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    cursor: pointer;
    color: #fff;
    font-size: 23px;
    padding: 3px 60px;
    text-decoration: none;
    border: 1px solid #fff;
    transition: all 0.3s ease;
}

#forgotpass .btn-submit:hover {
    transition: all 0.3s ease;
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%);
}

#forgotpass .form-group .form-control {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    margin-bottom: 20px;
    font-size: 23px;
    color: #000;
    padding-left: 20px;
}

#forgotpass .modal-footer {
    border: none;
}

#forgotpass .close-modal-style button {
    color: white;
    opacity: 1;
    font-size: 40px;
    position: relative;
    right: 15px;
}

.checkbox-style .label-style2 {
    margin-left: 45px;
    cursor: pointer;
    margin-top: 10px
}

.checkbox-style input {
    position: absolute;
    opacity: 0;
    cursor: pointer
}

.checkbox-style input:checked~.checkmark {
    background-color: #ffff
}

.checkbox-style :after {
    content: "";
    position: absolute;
    display: none
}

.checkbox-style input:checked~.checkmark::after {
    display: block
}

.checkbox-style .checkmark::after {
    top: 4px;
    left: 4px;
    width: 13px;
    height: 13px;
    border-radius: 100%;
    background: #f28e77
}

.checkbox-style .checkbox-style-edit .checkmark::after {
    border-radius: 5%
}

.mo#e30513etail-bank {
    text-align: center;
}

.myButton-mo#e30513etail {
    background-color: #ffffff;
    border-radius: 28px;

    font-size: 1rem;
    padding: 2px 0;
    width: auto;
    min-width: 160px;
    text-decoration: none;
    border: 1px solid #b9bbbc;
    line-height: 1.5;
    cursor: pointer;
}

.myButton-mo#e30513etail:hover {
    border: 1px solid #842fa7;
    color: #842fa7;
}

.myButton-mo#e30513etail .fas {
    position: relative;
    top: 5px;
}

.btn-clipboard {
    background-color: #e3ddee;
    color: #432066 !important;
    font-size: 20px;
    padding: 5px 20px;
    text-decoration: none;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
}

.btn-clipboard:hover {
    border: 1px solid #432066;
}

.btn-clipboard .fa-copy {
    padding-right: 5px;
}

.track-shipping span {
    color: #722483;
    font-size: 25px;
}

.btn-generate {
    width: auto;
    min-width: 300px;
    font-size: 25px;
}

.btn-save-qr {
    text-align: center;
    margin: auto;
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    border-radius: 28px;
    cursor: pointer;
    color: #fff;
    font-size: 1rem;
    padding: 2px;
    width: auto;
    min-width: 180px;
    text-decoration: none;
    border: 1px solid #fff;
    line-height: 1.5;
}

.btn-save-qr:hover {
    background-color: #8a3a9e;
    color: #fff;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%);
}

.qr-code-amount {
    color: #842fa7;
}

.qr-code-detail-left {
    line-height: 1.2em;
}


.top-0 {
    top: 0;
}

.bottom {
    bottom: 0;
}

.left {
    left: 0;
}

.right {
    right: 0;
}

.position-0 {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.textimage p {
    font-size: 20px;
    text-shadow: 2px 2px 5px #000000;
}

.field-icon {
    cursor: pointer;
}

.toggle-password,
.toggle-password_register,
.toggle-password_monthly {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: auto;
    height: 20px;
    color: #535353 !important;
}

.toggle-password_monthly {
    bottom: 9px;
}

.ios-eye,
.ios-eye_register,
.ios-eye_monthly {
    position: absolute;
    height: 25px;
    color: #535353 !important;
    right: 20px;
    bottom: 8px;
    width: auto;
}

.ios-eye_monthly {
    bottom: 7px;
}



.text_checkbox {
    display: inline-table;
    font-size: 20px;
}


.menu_footer {
    padding-top: 7%;
}

.menu_footer .menu_footer_border {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}


.menu_footer .menu_footer-content {
    width: 25%;
}

.menu_footer .btn-menufooter {
    background-image: linear-gradient(to bottom, #a34cc7, #9d46c1, #9641ba, #903bb4, #8a35ae);
    width: 100%;
    border-radius: 0;
    border: 0;
    height: 100%;
    transition: all 0.3s ease;
}

/* .btn-menufooter {
} */


.menu_footer .btn-menufooter:hover {
    background-image: linear-gradient(to bottom, #fe857f, #f77d77, #f1756f, #ea6d67, #e3655f);
}

.menu_footer .btn-menufooter.active {
    background-image: linear-gradient(to bottom, #fe857f, #f77d77, #f1756f, #ea6d67, #e3655f);
}

.btn-menufooter img {
    width: 35px;
}

.btn-menufooter p {
    color: white;
    margin-bottom: 0px;
    font-size: 14px;
    margin-top: 5px;
}

.quantity {
    position: relative;
    display: flex;
    justify-content: center;
    margin-right: 15px;

}

#timeline-wrap {
    top: 100px;
    position: relative;
    width: 100%;
    margin: 60px 10%;
}

.recommend-product .product-gift {
    background-color: #fff;
    padding: 10px;
    height: 100%;

    border: 1px solid #e9e9e9;
}

.recommend-product .product-gift p {
    font-size: 16px;
    line-height: .9em;
    margin-top: 10px;
    overflow: hidden;
    height: 55px;

}

.recommend-product .picetxt p {
    margin-bottom: 20px;
    height: auto;
}

#product-cart .area_cart_mobile {
    padding-top: 0px;
}

.btn_use {
    background-color: #722483;
    border-radius: 10px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    padding: 7px 25px;
    text-decoration: none;
    border: 1px solid #fff;
    margin-left: 20px;
    transition: all 0.4s ease;
}

.btn_use:hover {
    color: #fff;
    opacity: 0.8;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.marker {
    transition: all 0.4s ease;
}

.order-detail {
    padding: 15px;
    border-top: 10px #eee solid;
}

.area_cart ul li.price .inprice:before {
    content: "ราคา :";
    position: relative;
    float: left;
    top: 0;
    left: 0;
}

.btn_continue2 {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #ff8188 15%, #ff8d70 51%, #ffb718 75%);
    display: inline-table;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    border: 4px solid #fff;
    font-size: 20px;
    padding: 5px;
    width: 200px;
    margin-top: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
}


.btn_add_mini {
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #f28e77 15%, #ff8d70 51%, #ffb718 75%);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 20px;
    padding: 2px 15px;
    text-decoration: none;
    border: 1px solid #fff;
    width: 100%;
}

.btn_add_mini:hover {
    color: #fff;
    background-color: #ffb718;
    background-image: linear-gradient(150deg, #ffb718 15%, #ff8d70 51%, #f28e77 75%)
}

#product-cart .area_cart .rowcart-product .incart.product-set .product-qty p {
    font-size: 16px;
    text-align: center;
    position: relative;
    border: 1px solid #e4e4e4;
    width: max-content;
    padding: 0px 15px;
    margin-bottom: 0;
}

#product-cart .area_cart .rowcart-product .incart.product-set {
    border: none;
    border-top: 1px solid #e9e9e9;
}

#product-cart .area_cart .rowcart-product .incart.product-set span.sale-promotion,
#product-cart .area_cart .rowcart-product .incart.product-set span.discount {
    color: #e30513
}

#product-cart .area_cart .rowcart-product .incart,
#product-cart .area_cart .donation .rowcart .incart {
    border-left: none;
    border-right: none;
    border-bottom: none;
    align-items: center;
}

.quantity_promotion {
    float: none;
    display: flex;
    justify-content: center;
}

.quantity input {
    width: 70px;
    height: 35px;
    line-height: 1.65;
    float: left;
    display: block;
    padding: 0;
    margin: 0;
    border: 1px solid #e4e4e4;
    font-size: 18px;
    position: relative;
    top: 8px;
    left: 5px;
    border-radius: 0;
    text-align: center;
}

.promotion_match {
    font-size: 16px;
    text-align: center;
    position: relative;
    border: 1px solid #e4e4e4;
    width: max-content;
    padding: 0px 15px;
    margin-bottom: 0;
    width: 40px;
}

.order-info {
    font-size: 16px;
}

.coupon-wrap .inner {
    padding: 5px 0px;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 20px;
}

.total-info {
    font-size: 16px;
    border-top: 1px solid #e9e9e9;
    padding: 10px 0;
    font-family: 'Sukhumvit_Bold';
}

.shipping-info {
    font-size: 16px;
    margin-bottom: 10px;
}

.total-price,
.inprice {
    font-size: 18px;
    color: #e30513;
    font-family: 'Sukhumvit_Bold';
}

#product-cart .area_cart .btn_donate {
    border-top: 1px solid #e9e9e9;
}

.swal2-styled.swal2-confirm {
    background-color: #722483 !important;
    font-size: 1.2em;
}

.swal2-actions:not(.swal2-loading) .swal2-styled,
.swal2-actions:not(.swal2-loading) .swal2-styled:active,
.swal2-styled.swal2-confirm {
    border: none !important;
    background-color: #ff8781;
    background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%);
    -moz-border-radius: 28px;
    -webkit-border-radius: 28px;
    border-radius: 28px;
    display: inline-block;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    width: 170px;
    text-decoration: none;
    margin-top: 10px;
    border: 1px solid #fff;
    transition: all 0.4s ease;
}


.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
    transition: all 0.4s ease;
    background-color: #8a3a9e;
    background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%) !important;

}

.btn-coupon-clear {
    color: #e30513;
    font-size: 18px;
    margin-left: 5px;
    text-decoration: underline;

}

.code_text {
    margin-top: 5px;
}

.coupon-alert-msg-wrap p {
    font-size: 16px;
    margin: 15px 0px;
}


.product-size-promotion p {
    display: inline;
}

.announcement-promotion {
    text-align: left;
}

.announcement-promotion ul.announcement-promotion {
    list-style: none;
    padding: 0;
}


.announcement-promotion img {
    width: 25px;
    margin-top: 5px;
}

.announcement-promotion p.title {
    font-size: 1.25em;
    margin: 0;
    color: #e30513;
    margin-left: 10px;
    font-family: 'PSLSirintrExtraPro-Regular';
    line-height: 1.2em;
    margin-bottom: 10px;
}

.announcement-promotion img.icon {
    max-width: 28px;
    margin: 0 10px;
    vertical-align: text-bottom;
}

.announcement-promotion .butmore_promotion {
    text-decoration: underline;
}

.announcement-promotion .butmore_promotion :hover {
    color: #ffb718;
}

#product-cart .icon_voucher {
    margin-top: 3px;
    width: 25px;
    margin-right: 10px;
}

.moredetail-bank {
    text-align: center;
}

.myButton-moredetail {
    background-color: #ffffff;
    border-radius: 50px;
    font-size: 16px;
    padding: 10px 0px;
    width: 180px;
    text-decoration: none;
    border: 1px solid #b9bbbc;
    cursor: pointer;
}

@media (min-width:350px) {
    .footer .footer-content .container .footerrow .app-pay .logo-apppay img {
        width: auto;
        height: auto;
    }

    .footer .footer-content .checkpoint_contact_title {
        font-size: 18px;
    }

}

@media (max-width:699px) {

    .menu_footer {
        padding-top: 17%;
    }

}

@media (max-width:330px) {

    .btn-menufooter img {
        width: 35px;
    }

    .btn-menufooter p {
        font-size: 16px;
    }
}





@media (min-width: 576px) {
    #forgotpass .modal-dialog {
        max-width: 420px;
    }
}

@media (min-width:370px) {


    #product-cart .area_cart ul li {
        display: table
    }


    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: none
    }

    #product-cart .area_cart .donation .title .cancel {
        display: none
    }



    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 100%;
        height: auto !important;
        border-right: none
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        border: 1px solid #e9e9e9;
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }


    #product-cart .area_cart .txtheader-cartproduct P {
        font-size: 18px;
    }

    #product-cart .area_cart .message-block {
        border: 1px solid #e9e9e9;
        margin-top: 10px
    }



    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 100%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: none
    }

    #product-cart .area_cart .cart-product .title .price {
        display: none
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: none
    }

    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 75px;
        float: left
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        left: 18%
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 60px;
        font-size: 16px;
        text-align: center
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        padding-left: 10vw;
    }

    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        text-align: right
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro P {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        font-size: 16px;
        line-height: 1em;
        margin: 0
    }


    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }


    #product-cart .area_cart .cho-trans .choose .label-style1 {
        margin-left: 15%;
        cursor: pointer;
        line-height: 1em
    }

    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }

    #product-cart .area_cart .condi .accept {
        font-size: 16px;
    }

    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 11%;
        cursor: pointer
    }

    #product-cart .area_cart .condi .accept .label-style2 {
        margin-left: 20%;
        cursor: pointer
    }

    #product-cart .area_cart .condi .accept .label-style3 {
        margin-left: 11%;
        cursor: pointer
    }

    #product-cart .area_cart .condi .accept .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    #product-cart .area_cart .condi .accept .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        opacity: unset;
        position: unset;
        display: unset;
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .condi .accept input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .condi .accept :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .condi .accept input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .condi .accept .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        background: #f28e77
    }

    #product-cart .area_cart .allprice-total {
        float: left;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px;
        border: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0
    }

    #product-cart .area_cart .total-pay .title {
        background-color: #f28e77;
        color: #fff;
        font-size: 16px;
        margin-top: 10px
    }

    #product-cart .area_cart .total-pay .title .total-pay-money P {
        margin: 0
    }

    #product-cart .area_cart .btn_donate {
        text-align: center;
        align-items: center;
    }

    #product-cart .area_cart .btn_donate .btn_from:active {
        position: relative;
        top: 1px
    }

    #product-cart .area_cart .btn_donate .btn_from:hover {
        background-color: #ffb718;
        background-image: linear-gradient(150deg, #ffb718 15%, #ff8d70 51%, #f28e77 75%)
    }

    .bg-color-hlr .img-htx img {
        width: auto
    }

    .bgimg-n95 .imgtxt img {
        width: auto;
        max-width: 345px
    }
}

@media (min-width:768px) {

    .container {
        max-width: 100%;
    }

    .md-w-25 {
        width: 25% !important;
    }

    .md-w-50 {
        width: 50% !important;
    }

    .toggle-password_monthly {
        bottom: -30px;
        right: 30%;
    }

    .ios-eye_monthly {
        bottom: -33px;
        right: 30%;
    }


    .headerbar .headmenu #topmenu .top-bar {
        width: auto;
        float: right;
        margin-top: -10px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu {
        margin-left: 5%
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social {
        list-style: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li {
        float: left;
        margin-left: 12px;
        position: relative
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li #btn-view-cart img {
        margin-top: 0
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .badge {
        position: absolute;
        top: 0;
        right: -5px;
        padding: 2px 6px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #e30513;
        color: #fff;
        border: 1px solid
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar {
        margin-bottom: auto;
        margin-top: auto;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .search_input {
        color: #000;
        border: 0;
        font-size: 25px;
        outline: 0;
        background: 0 0;
        width: 0;
        caret-color: transparent;
        line-height: 40px;
        background-color: #fff;
        transition: width .4s linear;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        margin-right: 5px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar:hover>.search_input {
        padding: 0 10px;
        width: 250px;
        caret-color: #e30513;
        transition: width .4s linear
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar:hover>.search_icon {
        background: #f28e77
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .search_icon {
        height: 40px;
        width: 40px;
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #fff
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar {
        display: unset
    }



    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon {
        display: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
        display: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .telnum {
        display: none
    }

    .headerbar .headmenu .logo-rama {
        width: 140px;
        float: left;
        margin: 6px 10px
    }

    .headerbar .headmenu .navbar {
        width: 100%;
        background: #fff
    }

    .headerbar .headmenu .navbar-nav li a {
        font-size: 20px;
    }

    .headerbar .headmenu .animated-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer
    }

    .headerbar .headmenu .animated-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    .headerbar .headmenu .animated-icon3 span {
        background: #f3e5f5
    }

    .headerbar .headmenu .animated-icon1.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(1) {
        top: 0;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(2) {
        top: 10px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(3) {
        top: 20px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 8px
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(2) {
        width: 0%;
        opacity: 0
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21px;
        left: 8px
    }

    .headerbar .headmenu #custom-search-form {
        display: none
    }

    .headerbar .headmenu .socactive {
        width: 100%;
        text-align: center;
        display: inline-block;
        border-bottom: none;
        background: #333
    }

    .headerbar .headmenu .socactive .soimg {
        display: inline-block;
        margin-right: 10px
    }

    .donatefix {
        position: fixed;
        top: 30%;
        right: 0;
        z-index: 100;
        width: 65px;
        background-color: #eae7e7b3;
        border-radius: 50px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .42);
        display: none
    }

    .donatefix .bt-donate {
        background: url(../images/bt-donate.png);
        height: 55px;
        width: 55px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-size: cover;
        margin-left: 5px
    }

    .donatefix .bt-donate:hover {
        background: url(../images/bt-donatehover.png);
        height: 55px;
        width: 55px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-size: cover;
        margin-left: 5px
    }

    .donatefix #linefix {
        border-bottom: 2px solid #fff;
        margin-left: 5px;
        margin-right: 5px
    }

    .donatefix .bt-give {
        background: url(../images/bt-gift.png);
        height: 55px;
        width: 55px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-size: cover;
        margin-left: 5px
    }

    .donatefix .bt-give:hover {
        background: url(../images/bt-gifthover.png);
        height: 56px;
        width: 56px;
        margin-top: 8px;
        margin-bottom: 8px;
        background-size: cover;
        margin-left: 5px
    }

    .donatefix._show {
        display: block
    }

    .footer .footer-content .backtotop {
        left: 30px
    }

    .footer .footer-content .backtotop i:after {
        display: unset
    }



    .footer .footer-content .container .footerrow .title-foot p .txtfootwhite {
        font-size: 22px
    }

    .footer .footer-content .container .footerrow .banktxt {
        margin-top: 5px
    }


    .footer .footer-content .container .footerrow .banktxt p {
        font-size: 18px;
        line-height: 1em;
    }

    .footer .footer-content .container .footerrow .banktxt .text_qr_donation {
        font-size: 13px;
        line-height: inherit;
    }

    .footer .footer-content .container .footerrow .banktxt .img-donatload {
        text-align: center;
        width: 100%;
    }

    .pay_content .qrcode_content,
    .pay_content .img-donatload {
        width: 100%;
    }

    .footer .footer-content .container .footerrow .banktxt .img-donatload img {
        width: 70px;
    }

    .footer .footer-content .container .footerrow .app-pay {
        width: 100%;
        height: 100%;
    }

    .footer .footer-content .container .footerrow .app-pay .head-apppay {
        margin-left: 0;
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay P {
        font-size: 20px
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay {
        flex-wrap: wrap;
        justify-content: start;
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay img {
        margin: 5px
    }

    .footer .footer-content .container .footerrow .partner-txt {
        margin-top: 20px
    }

    .footer .footer-content .container .footerrow .partner-txt p {
        font-size: 1rem;
        margin-left: 10px;
    }

    .footer .footer-content .container .footerrow .partner-txt img {
        margin: 0;
        float: left;

    }

    .footer .footer-content .container .footerrow .contacttxt {
        color: #fff
    }

    .footer .footer-content .container .footerrow .contacttxt p,
    .footer .footer-content .container .footerrow .followus-txt p {
        font-size: 16px;
    }

    .checkpoint_contact {
        font-size: 16px;
    }

    .footer .footer-content .container .footerrow .contacttxt .contact-img span {
        margin-left: 10px;
        font-size: 20px
    }

    .footer .footer-content .container .footerrow .followus-txt img {
        margin-top: -5px;
        margin-left: 10px;
        width: 30px
    }


    .footer .footer-content .footerbuttom .container .download-conten img {
        margin-right: 10px;
        height: 40px;
        width: 40px;
        border-radius: 10px;
        padding: 5px;
    }

    .footer .footer-content .footerbuttom .container .download-conten p {
        font-size: 15px;
    }

    .footer .footer-content .footerbuttom .container .download-conten .email_text {
        font-size: 11px;
    }

    .footer .footer-content .checkpoint_contact_title {
        font-size: 20px;
    }

    .footer .footer-content .container .footerrow .title-foot p {
        font-size: 25px;

    }

    .footer .footer-content .footerbuttom .copyright {
        text-align: center;
        color: #fff;
        background-color: #4c1065;
        opacity: .8
    }

    .footer .footer-content .footerbuttom .copyright p {
        margin-top: 10px;
        margin-bottom: 0
    }

    .footer .footer-content .footerbuttom .copyright .container .copyright-txt {
        font-size: 1rem;
    }

    .footer .footer-content .footerbuttom .copyright .container .Con-txt {
        color: #fff;
        border-bottom: 1px solid
    }

    .footer .footer-content .footerbuttom .copyright .container .Con-txt1 {
        color: #fff;
        border-bottom: 1px solid
    }

    .profilepage #view-profile .alert-style {
        font-size: 18px;
    }

    .profilepage #view-profile .pull-right .btn_edit_profile {
        font-size: 18px;
    }

    .profilepage #view-profile .profile_area {
        margin-top: 5%;
        width: 100%
    }

    .profilepage #view-profile .profile_area .profile_pic {
        text-align: center
    }

    .profilepage #view-profile .profile_area .profile_pic .pic_pro img {
        border-radius: 50%
    }

    .my-menu .profilepage .nav-tabs .txt-tab {
        padding: 15px 0px;
    }

    .my-menu .profilepage .nav-tabs .txt-tab a {
        font-size: 18px;
    }

    .profilepage #view-profile .profile_area .profile_text {
        font-size: 18px;
        margin-top: 20px;
        margin-left: 40px;
    }

    .profilepage #view-profile .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profilepage #view-profile .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    .profilepage #view-profile .profile_area .profile_text .histext1 {
        float: left;
        margin-right: 30px
    }


    #edit-profile .profile_area {
        margin-top: 5%;
        width: 100%
    }

    #edit-profile .profile_area .profile_pic .pic_pro img {
        border-radius: 50%
    }

    #edit-profile .profile_area .profile_pic .change_pic {
        right: 30%;
        top: 60%
    }

    .profilepage #view-profile .txt-user-style {
        font-size: 16px;
        line-height: 2em;
        color: #333;
    }

    #edit-profile .profile_area .profile_text ul {
        margin-left: -40px
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style1 {
        margin-left: 12%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style2 {
        margin-left: 10%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style3 {
        margin-left: 10%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style4 {
        margin-left: 15%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style5 {
        margin-left: 12.3%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style6 {
        margin-left: 14%
    }

    #edit-profile .profile_area .profile_text .data_pro input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #edit-profile .profile_area .profile_text .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        margin-left: -6%
    }

    #edit-profile .profile_area .profile_text .data_pro .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px
    }

    #edit-profile .profile_area .areaform .form-style-edit {
        margin-bottom: 10px
    }

    #edit-profile .profile_area .areaform .num-year {
        float: right
    }

    #edit-profile .profile_area .areaform .checkbox-style .label-style1 {
        margin-left: 0;
        margin-top: 10px
    }

    #edit-profile .profile_area .areaform .checkbox-style .label-style1 p {
        position: relative;
        left: 10%
    }



    #edit-profile .profile_area .areaform .title-style-user {
        margin-top: 20px
    }


    #edit-profile .profile_area .areaform .myButton-submit {
        margin-bottom: 30px
    }


    #edit-profile .txthead-user-style {
        font-size: 16px;
        color: #000
    }

    #edit-profile .txt-user-style {
        font-size: 16px
    }

    .profile_area {
        margin-top: 5%;
        width: 100%
    }

    .profile_area .profile_pic {
        text-align: center
    }

    .profile_area .profile_pic .pic_pro img {
        border-radius: 50%;
        height: 144px;
        width: 144px
    }

    .profile_area .profile_text {
        font-size: 16px;
        line-height: 1em;
        margin-top: 12%
    }

    .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    .all_history {
        margin-top: 5%
    }

    .all_history .tab_list_buy .list_buy.w_50 {
        width: 49.7%
    }

    .all_history .tab_list_buy .list_buy.w_50 p {
        margin-top: 5px;
        font-size: 18px;
    }

    .all_history .history_table .myButton-detail {
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 2%
    }

    .all_history .history_table .myButton-payment {
        padding: 0 25px;
        margin-top: 10px;
        margin-bottom: 2%
    }

    .all_history .history_table .myButton-editaddress {
        padding: 0 30px;
        margin-top: 10px;
        margin-bottom: 2%
    }

    .all_history .history_table .myButton-canceled {
        padding: 0 40px;
        margin-top: 10px;
        margin-bottom: 2%
    }

    .all_history .history_table .not_found {
        text-align: center
    }

    .all_history .history_table .not_found .pic_notfound {
        margin-top: 10%;
        margin-bottom: 5%
    }

    .all_history .history_table .not_found P {
        font-size: 16px;
        text-align: center
    }

    .all_history .table_history_list .not_found {
        text-align: center
    }

    .all_history .table_history_list .not_found .pic_notfound {
        margin-top: 10%;
        margin-bottom: 5%
    }

    .all_history .table_history_list .not_found P {
        font-size: 16px;
        text-align: center
    }



    .detailuser .head-transac P {
        font-size: 35px;
    }

    .detailuser .areatable .donation-detail-total {
        font-size: 18px;
    }

    .detailuser .areatable .donation-detail-total .edit-ordernumber {
        color: #722483
    }

    .detailuser .areatable .history-table .delivery-style {
        padding-left: 10px;
        border-right: none
    }

    .detailuser .areatable .history-table .pice-deliv {
        width: 150px;
        text-align: right;
        padding-right: 10px
    }

    .detailuser .areatable .history-table .detaillist .pass-produc span {
        color: #722483
    }

    .detailuser .transinfo .txt-headaddless {
        font-size: 25px;
        line-height: 1em;
    }

    .detailuser .donation-detail-total {
        font-size: 20px;
        ;

    }

    .detailuser .history-table .delivery-style {
        padding: 10px
    }

    .detailuser .history-table .pice-deliv {
        width: 150px;
        padding-right: 10px
    }

    .detailuser .history-table .total-pirce {
        padding-right: 10px
    }

    .detailuser .history-table .total-txtpirce {
        border-right: none
    }

    .bgwhite .bigtitle {
        margin-top: 125px
    }

    .bgwhite .condipage {
        font-size: 25px;
        margin-bottom: 5%
    }

    .cart-address-style .head-cart-address P {
        font-size: 25px;
        margin-top: 50px;
    }

    .cart-address-style .chooseadd {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .cart-address-style .chooseadd P {
        font-size: 20px;
        ;
        line-height: 1em
    }

    .cart-address-style .chooseadd .label-style1 {
        margin-left: 5%
    }

    .cart-address-style .chooseadd .label-style2 {
        margin-left: 13%
    }

    .cart-address-style .chooseadd .label-style3 {
        margin-left: 11%
    }

    .cart-address-style .chooseadd input {
        position: absolute;
        opacity: 0
    }

    .cart-address-style .checkmark {
        height: 25px;
        width: 25px;
        margin-left: -35px
    }

    .cart-address-style .chooseadd .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%
    }

    /* 
    .cart-address-style .areaform {
        font-size: 18px;
        line-height: 1em
    } */

    .cart-address-style .areaform .txthead-user-style {
        font-size: 1.1em
    }

    .cart-address-style .areaform .myButton-submit {
        margin-bottom: 40px;
        margin-top: 10px
    }

    .cart-address-style .areaform .myButton-submit .myButton-save {
        font-size: 20px;
        padding: 5px 0px;
        width: 160px;
    }

    .cart-address-style .areaform .myButton-submit .myButton-save:active {
        position: relative;
        top: 1px
    }

    .cart-address-style .txt-hmenu {
        font-size: 22px;
    }

    .bgwhite .container #product-payment .head-payment-style {
        margin-top: 125px
    }

    .bgwhite .container #product-payment .head-payment-style P {
        font-size: 35px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text {
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .payment_text .pf-1 {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text P {
        font-size: 16px;
    }



    .bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
        margin-left: 20%;
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
        margin-left: 11%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style9 {
        margin-left: 0
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style9 .card-image {
        max-width: 100%;
        display: block;
        margin-bottom: 25px;
        margin-top: 20px;
        height: 100px;
        position: relative;
        left: 20%;
        cursor: pointer
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 1.2em
    }

    .bgwhite .container #product-payment .payment-container .payment-online .pf-2 {
        margin-left: 40px;
        max-width: 100%
    }

    .bgwhite .container #product-payment .payment-container .checkmark {
        margin-left: -35px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .qrcode_image {
        max-height: 100%;
        margin: unset;
        text-align: left;
        margin-bottom: 20px
    }


    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
        margin-left: -25px
    }


    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 40px;
        margin-top: 10px
    }


    .bgwhite .container #product-payment .payment-container .headtxt-payment-info {
        margin-top: 125px
    }

    .bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-style P {
        font-size: 35px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-detail {
        font-size: 18px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay P {
        font-size: 18px;
        margin-bottom: 20px;
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 30px;
        margin-top: 10px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo {
        font-size: 20px;
        width: 160px;
        margin-top: 20px;
    }

    #pay-form .paymentcon .title P {
        font-size: 18px;
    }

    #pay-form .paymentcon .title span {
        color: #722483
    }

    #pay-form .paymentcon .titlesec P {
        font-size: 18px;
    }

    #pay-form .paymentcon .inputcos {
        font-size: 16px;
        margin-bottom: 1rem
    }

    #pay-form .paymentcon .headtxt-youpay {
        margin-top: 40px
    }

    #pay-form .paymentcon .headtxt-youpay P {
        font-size: 18px;
    }

    #pay-form .paymentcon .banklist {
        margin-top: 20px
    }


    #pay-form .paymentcon .banklist .label-style1 {
        margin-left: 15%;
        margin-bottom: 20px
    }

    #pay-form .paymentcon .banklist .label-style2 {
        margin-left: 20%
    }

    #pay-form .paymentcon .banklist .label-style3 {
        margin-left: 11%
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #pay-form .paymentcon .banklist input {
        opacity: 0
    }

    #pay-form .paymentcon .checkmark {
        margin-left: -50px;
        margin-top: 18px
    }

    #pay-form .paymentcon .bank_text P {
        margin: 0
    }

    #pay-form .paymentcon .title_addfile {
        display: block;
    }

    #pay-form .myButton-submit {
        text-align: center;
        margin-bottom: 30px;
        margin-top: 10px
    }

    #pay-form .myButton-submit .myButton-paymentgo {
        font-size: 20px;
        width: 160px;
        margin-top: 20px;
    }

    .hightlight-product {
        margin-right: 0
    }

    .Payment img {
        width: auto;
        margin-bottom: 20px
    }

    .Payment p {
        color: #f28e77;
        font-size: 20px;
        margin-top: 10px
    }

    .Payment .onclick-payment {
        width: auto;
        height: auto;
        position: absolute;
        left: 39%;
        top: 33%
    }



    #product-cart .area_cart ul li {
        display: table
    }

    #product-cart .area_cart .txtheader-cart P {
        font-size: 20px;
    }

    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 60%
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: block;
        width: 30%
    }

    #product-cart .area_cart .donation .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .donation .rowcart .incart {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 60%;
        height: auto !important;
        border-right: none
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        width: auto;
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
        font-size: 16px;
        line-height: 1em;
        padding-left: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total {
        width: 30%;
        height: auto !important
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        margin-top: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel {
        width: 10%;
        height: 40px !important;
        text-align: right;
    }


    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }

    #product-cart .area_cart .txtheader-cartproduct {
        margin-top: 20px
    }

    #product-cart .area_cart .txtheader-cartproduct P {
        font-size: 20px;
    }

    #product-cart .area_cart .message-block {
        margin-top: 10px
    }

    #product-cart .area_cart .message-block P {
        font-size: 16px;

    }

    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 50%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .price {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: block;
        width: 10%
    }


    #product-cart .area_cart .rowcart-product .incart .product {
        width: 60%;
    }

    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 130px;
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        text-align: right;
        left: 0
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 70px;
        font-size: 16px;
        text-align: center;
        margin-right: 20px
    }

    #product-cart .area_cart .rowcart-product .incart {
        padding: 10px;
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        width: 25%;
        padding-left: 0px;

    }

    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        text-align: right
    }


    #product-cart .area_cart .rowcart-product .incart .product-detal .info {
        text-align: left;
        margin-bottom: 10px
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro P,
    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        margin: 0
    }

    #product-cart .area_cart .rowcart-product .incart .cancel {
        width: 15%;
        text-align: right;
        position: relative;
        right: 15px;
    }

    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }


    #product-cart .area_cart .cho-trans .choose P {
        font-size: 16px;
        line-height: 1.5em;
    }

    .area_cart ul.condition li {
        font-size: 13px;
    }

    #product-cart .area_cart .cho-trans .choose .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }

    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        margin-left: -35px
    }

    #product-cart .area_cart .allprice-total {
        font-size: 18px;
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice .typep {
        width: 80%
    }

    #product-cart .area_cart .allprice-total .rowprice .numprice {
        width: 20%;
        text-align: right;
        padding-right: 10px
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0
    }

    #product-cart .area_cart .total-pay .title {
        font-size: 18px;
    }

    #product-cart .area_cart .total-pay .title .product {
        width: 70%
    }

    #product-cart .area_cart .total-pay .title .price {
        width: 30%
    }

    #product-cart .area_cart .btn_donate {
        text-align: center
    }



    .bgimage .my-menu .profilepage {
        margin-top: 120px;
        margin-bottom: 0px;
    }

    .bg-color-n95 {
        background: url(../images/n95/bg-hl-n95.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        height: 55vh;
        padding-top: 60px;
        margin-top: 90px
    }

    .total-info {
        font-size: 18px;
    }

    .total-price,
    .inprice {
        font-size: 20px;
    }

    .bg-color-n95 .img-hn95 {
        padding-bottom: 18px;
        text-align: left;
        margin-left: 40%;
        margin-top: 5px
    }

    .bg-color-n95 .img-hn95 img {
        width: auto;
        max-width: 250px
    }

    .bg-color-n95 .img-htx {
        text-align: left;
        margin: 5px;
        margin-top: 45px;
        margin-left: 70px
    }

    .bg-color-n95 .img-htx img {
        width: 100%
    }

    .bg-color-n95 .img-htx p {
        font-size: 35px;
        color: #fff;
        font-weight: 700;
        margin-bottom: 0;
        line-height: 1em
    }

    .bg-color-n95 .img-htx .htx {
        font-size: 57px;
        font-weight: 700;
        line-height: .8
    }

    .editvideo_n95 {
        text-align: center;
        margin-bottom: 0;
        margin-top: -5px;
        position: absolute;
        top: 35%;
        left: 25%
    }

    .editvideo_n95 iframe {
        width: 388px;
        height: 220px
    }

    .editvideo_n95 video {
        width: 100%
    }

    .bg-color-hlr {
        padding-top: 15px;
        margin-bottom: -17px;
        padding-bottom: 20px
    }

    .bg-color-hlr .img-htx {
        text-align: center
    }

    .bg-color-hlr .img-htx img {
        width: 100%
    }

    .bg-color-hlr p {
        font-size: 25px;
        color: #fff
    }

    .txth-bar-n95 {
        top: -20px;
        text-align: center;
        left: 25%;
        width: 50%
    }

    .txth-bar-n95 p {
        font-size: 30px
    }

    .txth-bar-n95 img {
        width: 100%
    }

    .txth-bar-n95-edit {
        top: -35px
    }

    .bgimg-n95 {
        background: url(../images/n95/bg-n95-2.jpg);
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        background-attachment: fixed
    }

    .bgimg-n95 .imgtxt {
        text-align: center;
        margin-bottom: 50px;
        margin-top: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px
    }

    .bgimg-n95 .imgtxt img {
        width: 100%
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 50px
    }

    .bgimg-n95 .bg-colormark {
        background-color: unset;
        padding-top: 15px
    }

    .bgimg-n95 .bg-colormarkmd {
        background-color: #92278f;
        padding-top: 15px
    }

    .bgimg-n95 .mask-edit {
        padding: 20px;
        padding-top: 0
    }

    .bgimg-n95 .mask-edit img {
        width: auto;
        max-width: 160px
    }

    .bgimg-n95 .mask-edit-2 img {
        max-width: 200px
    }

    .bgimg-n95 .btn-btohome {
        padding: 20px
    }

    .bgimg-n95 .btn-btohome .btn-btohome-edti {
        font-size: 25px;
        padding: 3px 30px
    }

    .bg-color-hlr .img-htx img {
        width: auto
    }

    .bgimg-n95 .imgtxt {
        margin-bottom: 20px;
        margin-top: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px;
        font-weight: 700
    }

    .bgimg-n95 .imgtxt p {
        color: #fff
    }

    .bgimg-n95 .imgtxt img {
        width: auto
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 0;
        margin-bottom: 40px
    }

    .alert {
        font-size: 16px;
    }

    #info-shipping-address {
        margin-top: 20px;
    }

    #info-shipping-address .txthead-user-style p {
        font-size: 18px;
    }

    #info-shipping-address .slip {
        margin-top: 0;
    }

    #info-shipping-address .myButton-submit .myButton-save {
        padding: 12px;
        font-size: 20px;
        width: 210px;
    }


    #info-shipping-address .pagetoback-style {
        display: block;
        text-decoration: none;
        margin-bottom: 30px;
        text-align: right;
    }

    #info-shipping-address .pagetoback-style {
        font-size: 18px;
    }

    #pills-tabContent .order-item .order-body .price {
        font-size: 16px;
        padding: 5px;
    }

    .checkbox-style .label-style2 {
        margin-top: 0;
        margin-bottom: 0;
        height: 0px;
    }

    .md-w-50 {
        width: 50% !important;
    }

    .textimage p {
        font-size: 3em;
    }

    .text_checkbox {
        font-size: 1rem;
    }

    .checkpoint_contact .li-top {
        width: 50%;
    }

    .pay_content {
        display: block;
    }

    .transfer_download_text {
        text-align: left;
    }

    #timeline-wrap {
        margin: 6% 15%;
    }

    #product-cart .area_cart_mobile {
        padding-top: 50px;
    }

    .btn_use {
        width: 100px;
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro .text_sale_promotion {
        font-size: 16px;
        margin-top: 0px;
    }

    .btn_add_mini {
        font-size: 1rem;
        padding: 5px 15px;
    }

    .nav-pills .nav-link {
        font-size: 16px;
    }

    #pills-tabContent .order-item {
        font-size: 16px;
    }

    .pay_content .transfer_download_text {
        margin: 0;
        margin-left: 10px;
        font-size: 14px !important;
        line-height: inherit !important;
    }

}

@media (min-width:992px) {
    #pills-tabContent .order-item {
        font-size: 18px;
    }

    .detailuser .myButton-backpage {
        font-size: 22px;
        padding: 10px 0px;
        width: 180px;
        margin: 5rem 0px;
    }

    .nav-pills .nav-link {
        font-size: 18px;
    }

    #pills-tabContent .order-item .order-body .price {
        font-size: 18px;
    }

    .bgimage {
        min-height: 940px
    }

    .headerbar .headmenu #topmenu {
        height: 50px;
        float: unset;

    }

    .headerbar .headmenu #topmenu .top-bar {
        width: auto;
        float: right;
        margin-top: -10px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu {
        margin-left: 5%
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social {
        list-style: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li {
        float: left;
        margin-left: 12px;
        position: relative
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .pic_pro {
        margin-top: -2px;
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li #btn-view-cart img {
        margin-top: 0
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .badge {
        position: absolute;
        top: 0;
        right: -5px;
        padding: 2px 6px;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #e30513;
        color: #fff;
        border: 1px solid
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar {
        margin-bottom: auto;
        margin-top: auto;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .search_input {
        color: #000;
        border: 0;
        font-size: 25px;
        outline: 0;
        background: 0 0;
        width: 0;
        caret-color: transparent;
        line-height: 40px;
        background-color: #fff;
        transition: width .4s linear;
        border-radius: 30px;
        -moz-border-radius: 30px;
        -webkit-border-radius: 30px;
        margin-right: 5px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar:hover>.search_input {
        padding: 0 10px;
        width: 250px;
        caret-color: #e30513;
        transition: width .4s linear
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar:hover>.search_icon {
        background: #f28e77
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .search_icon {
        height: 40px;
        width: 40px;
        float: right;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        color: #fff
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .searchbar {
        display: unset
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon {
        display: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
        display: none
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .telnum {
        display: none
    }

    .headerbar .headmenu .logo-rama {
        width: 140px;
        float: left;
        margin: 6px 10px
    }

    .headerbar .headmenu .navbar {
        width: 100%;
        background: #fff
    }


    .headerbar .headmenu .animated-icon3 {
        width: 30px;
        height: 20px;
        position: relative;
        margin: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer
    }

    .headerbar .headmenu .animated-icon3 span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
        -webkit-transition: .25s ease-in-out;
        -moz-transition: .25s ease-in-out;
        -o-transition: .25s ease-in-out;
        transition: .25s ease-in-out
    }

    .headerbar .headmenu .animated-icon3 span {
        background: #f3e5f5
    }

    .headerbar .headmenu .animated-icon1.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-135deg);
        -moz-transform: rotate(-135deg);
        -o-transform: rotate(-135deg);
        transform: rotate(-135deg)
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(1) {
        top: 0;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(2) {
        top: 10px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3 span:nth-child(3) {
        top: 20px;
        -webkit-transform-origin: left center;
        -moz-transform-origin: left center;
        -o-transform-origin: left center;
        transform-origin: left center;
        background: #451d5b;
        height: 5px
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        top: 0;
        left: 8px
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(2) {
        width: 0%;
        opacity: 0
    }

    .headerbar .headmenu .animated-icon3.open span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: 21px;
        left: 8px
    }

    .headerbar .headmenu #custom-search-form {
        display: none
    }

    .headerbar .headmenu .socactive {
        width: 100%;
        text-align: center;
        display: inline-block;
        border-bottom: none;
        background: #333
    }

    .headerbar .headmenu .socactive .soimg {
        display: inline-block;
        margin-right: 10px
    }

    .donatefix {
        position: fixed;
        top: 40%;
        right: 0;
        z-index: 100;
        width: 80px;
        background-color: #eae7e7b3;
        border-radius: 50px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .42);
        display: none
    }

    .donatefix .bt-donate {
        background: url(../images/bt-donate.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix .bt-donate:hover {
        background: url(../images/bt-donatehover.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix #linefix {
        border-bottom: 2px solid #fff;
        margin-left: 5px;
        margin-right: 5px
    }

    .donatefix .bt-give {
        background: url(../images/bt-gift.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix .bt-give:hover {
        background: url(../images/bt-gifthover.png);
        height: 66px;
        width: 66px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix._show {
        display: block
    }

    .footer .footer-content .container .footerrow .title-foot {
        margin-top: 20px
    }

    .footer .footer-content .container .footerrow .title-foot p {
        font-size: 30px;
    }

    .footer .footer-content .container .footerrow .title-foot p .txtfootwhite {
        font-size: 30px;
    }

    .footer .footer-content .checkpoint_contact_title {
        font-size: 25px;
    }

    .footer .footer-content .container .footerrow .banktxt img {
        width: auto;
    }

    .footer .footer-content .container .footerrow .contacttxt p {
        font-size: 20px;
    }

    .checkpoint_contact {
        font-size: 20px;
    }

    .footer .footer-content .container .footerrow .banktxt p {
        font-size: 20px;
    }

    .footer .footer-content .container .footerrow .app-pay {
        width: 100%;
    }

    .footer .footer-content .container .footerrow .app-pay .head-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .head-apppay P {
        font-size: 20px;
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay P {
        font-size: 20px
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay img {
        margin: 5px;
        width: 38px;
        margin-bottom: 20px
    }

    .footer .footer-content .container .footerrow .partner-txt p {
        font-size: 18px;
    }


    .footer .footer-content .container .footerrow .contacttxt .contact-img {
        line-height: 1em
    }

    .footer .footer-content .container .footerrow .contacttxt .contact-img span {
        font-size: 18px;
        line-height: 1.2em;
    }

    .footer .footer-content .container .footerrow .followus-txt p {
        font-size: 18px;
    }

    .footer .footer-content .footerbuttom .container .footercol .download-conten p {
        font-size: 20px;
    }

    .footer .footer-content .footerbuttom .container .footercol .download-conten .email_text {
        font-size: 15px;
    }

    .footer .footer-content .footerbuttom .copyright p {
        margin-top: 10px;
        margin-bottom: 0
    }

    .footer .footer-content .footerbuttom .copyright .container .copyright-txt {
        font-size: 20px;
        margin: 10px
    }



    .profilepage #view-profile .profile_area {
        margin-top: 5%;
        width: 100%
    }

    .profilepage #view-profile .profile_area .profile_pic {
        text-align: center
    }

    .profilepage #view-profile .profile_area .profile_pic .pic_pro img {
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
    }

    .profilepage #view-profile .profile_area .profile_text {
        margin-top: 20px;
        margin-left: 35%;
        font-size: 20px;
    }

    .profilepage #view-profile .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profilepage #view-profile .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    .profilepage #view-profile .txthead-user-style {
        font-size: 22px;
        margin-top: 20px;
    }

    .profilepage #view-profile .txt-user-style {
        font-size: 18px;
    }

    #edit-profile .profile_area {
        margin-top: 5%;
        width: 100%
    }

    #edit-profile .profile_area .profile_pic .pic_pro img {
        height: 144px;
        width: 144px;
        border-radius: 50%
    }

    #edit-profile .profile_area .profile_pic .change_pic {
        right: 35%;
    }

    #edit-profile .profile_area .profile_text {
        font-size: 18px;
        margin-top: 20px;
    }

    #edit-profile .profile_area .areaform {
        font-size: 18px;
    }

    #edit-profile .profile_area .profile_text ul {
        margin-left: -40px
    }

    #edit-profile .profile_area .areaform .title-style-user {
        margin-top: 20px
    }

    #edit-profile .profile_area .areaform .myButton-submit {
        margin-bottom: 30px;
        margin-top: 20px
    }

    #edit-profile .profile_area .areaform .myButton-submit .myButton-save {
        font-size: 22px;
        padding: 10px 0px;
        width: 180px;
    }

    #edit-profile .profile_area .areaform .myButton-submit .myButton-reset {
        font-size: 25px;
        padding: 2px 50px
    }

    #edit-profile .profile_area .areaform .checkmark {
        margin-left: -8%;
    }

    #edit-profile .note,
    #form_register .note {
        font-size: 14px;
    }

    #edit-profile .txthead-user-style {
        font-size: 16px;
        color: #000
    }

    #edit-profile .txt-user-style {
        font-size: 16px
    }

    .profile_area {
        margin-top: 5%;
        width: 100%
    }

    .profile_area .profile_pic {
        text-align: center
    }

    .profile_area .profile_pic .pic_pro img {
        border-radius: 50%;
        height: 144px;
        width: 144px
    }

    .profile_area .profile_text {
        font-size: 20px;
        ;
        margin-top: 5%
    }

    .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    .all_history {
        margin-top: 5%
    }

    .all_history .tab_list_buy .list_buy.w_50 {
        width: 49.7%
    }

    .all_history .tab_list_buy .list_buy.w_50 p {
        margin-top: 5px;
        font-size: 18px;
    }

    .all_history .tab_list_buy .active {
        left: 45%
    }

    .all_history .history_table .myButton-detail {
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 2%;
        font-size: 20px
    }

    .all_history .history_table .myButton-pay {
        padding: 0 30px;
        margin-top: 10px;
        margin-bottom: 2%;
        font-size: 20px
    }

    .all_history .history_table .myButton-payment {
        padding: 0 20px;
        margin-top: 10px;
        margin-bottom: 2%;
        font-size: 20px
    }

    .all_history .history_table .myButton-editaddress {
        padding: 0 30px;
        margin-top: 10px;
        margin-bottom: 2%;
        font-size: 20px
    }

    .all_history .history_table .myButton-canceled {
        padding: 0 33px;
        margin-top: 10px;
        margin-bottom: 2%;
        font-size: 20px
    }

    .all_history .history_table .not_found {
        text-align: center
    }

    .all_history .history_table .not_found .pic_notfound {
        margin-top: 10%;
        margin-bottom: 5%
    }

    .all_history .history_table .not_found P {
        font-size: 16px;
        text-align: center
    }

    .modal-dialog .modal-content .modal-header .modal-title P {
        font-size: 22px;
    }

    .modal-dialog .modal-content .modal-header .close-modal-style {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        margin-right: 0
    }



    .modal-dialog .modal-content .modal-header .close-modal-style .close {
        top: -4px;
        right: 5px
    }



    .modal-dialog .modal-content .container .areaform .form-style-edit {
        margin-bottom: 10px;
        font-size: unset
    }

    .modal-dialog .modal-content .container .cart-action {
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center
    }



    .detailuser .areatable .history-table .delivery-style {
        padding-left: 10px
    }

    .detailuser .areatable .history-table .pice-deliv {
        width: 150px;
        text-align: right;
        padding-right: 10px
    }

    .cart-address-style .head-cart-address P {
        font-size: 30px;
        margin-top: 60px;
    }

    .cart-address-style .chooseadd {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .cart-address-style .chooseadd P {
        font-size: 20px;
    }

    .cart-address-style .chooseadd .label-style1 {
        margin-left: 5%
    }

    .cart-address-style .chooseadd .label-style2 {
        margin-left: 13%
    }

    .cart-address-style .chooseadd .label-style3 {
        margin-left: 11%
    }

    .cart-address-style .chooseadd input {
        position: absolute;
        opacity: 0
    }

    .cart-address-style .checkmark {
        height: 25px;
        width: 25px;
        margin-left: -35px
    }

    .cart-address-style .chooseadd .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%
    }

    .cart-address-style .areaform {
        font-size: 18px;
    }

    .cart-address-style .areaform .txthead-user-style {
        font-size: 1.1em
    }

    .cart-address-style .areaform .pagetoback-style {
        font-size: 18px;
    }

    .sweet-alert h2 {
        font-size: 20px;
    }

    .sweet-alert .lead {
        font-size: 18px;
    }

    .cart-address-style .areaform .myButton-submit {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .bgwhite .container #product-payment .head-payment-style {
        margin-top: 125px
    }



    .bgwhite .container #product-payment .payment-container .payment_text {
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .payment_text .pf-1 {
        font-size: 22px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text P {
        font-size: 18px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .payment-list {
        float: left;
        margin-left: -10px;
        margin-top: 10px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .ul-qrcode {
        float: initial;
        margin-left: -45px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
        margin-left: 5%;
        width: 100%;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
        margin-left: 20%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
        margin-left: 11%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail p {
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .checkmark {
        margin-left: -35px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text {
        font-size: 16px;
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
        margin-left: -14px
    }


    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 30px;
        margin-top: 10px
    }



    .bgwhite .container #product-payment .payment-container .headtxt-payment-info {
        margin-top: 125px
    }


    .bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-detail {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay P {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 30px;
        margin-top: 10px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo {
        font-size: 22px;
        padding: 12px 0px;
        width: 180px;
    }

    #pay-form .paymentcon .inputcos {
        width: 50%;
    }

    #pay-form .paymentcon .title_addfile {
        display: flex;
    }

    #pay-form .paymentcon .title_addfile .titlesec {
        width: 50%;
    }

    #pay-form .paymentcon .inputcos .form-style-edit {
        width: 150px
    }

    #pay-form .paymentcon .inputcos .time_style {
        width: 15% !important
    }

    #pay-form .paymentcon .headtxt-youpay {
        margin-top: 40px
    }

    #pay-form .paymentcon .headtxt-youpay P {
        font-size: 18px;
    }

    #pay-form .paymentcon .banklist {
        margin-top: 20px
    }


    #pay-form .paymentcon .banklist .label-style1 {
        margin-left: 15%;
        margin-bottom: 20px
    }

    #pay-form .paymentcon .banklist .label-style2 {
        margin-left: 20%
    }

    #pay-form .paymentcon .banklist .label-style3 {
        margin-left: 11%
    }


    #pay-form .paymentcon .banklist input {
        opacity: 0
    }

    #pay-form .paymentcon .checkmark {
        margin-left: -50px;
        margin-top: 18px
    }

    #pay-form .paymentcon .bank_text {
        margin-top: 5px
    }

    #pay-form .paymentcon .bank_text P {
        margin: 0
    }

    #pay-form .paymentcon .titlesec {
        width: 30%;
        float: left
    }

    #pay-form .pagetoback-style {
        font-size: 18px;
        margin-top: 20px;
    }

    #pay-form .myButton-submit {
        margin-bottom: 30px;
        margin-top: 10px
    }

    #pay-form .myButton-submit .myButton-paymentgo {
        font-size: 22px;
        padding: 12px 0px;
        width: 180px;
    }

    .hightlight-product {
        margin-right: -47px
    }

    .Payment {
        text-align: left;
        margin: 10px
    }

    .Payment img {
        width: 100%;
        margin-bottom: 20px
    }

    .Payment p {
        font-size: 2.5em;
        line-height: .9em;
        margin-top: 10px;
        margin-top: 20px;
        margin-bottom: 0
    }

    .Payment .onclick-payment {
        width: 20%;
        left: 40%;
        top: 28%
    }



    #product-cart .area_cart ul li {
        display: table
    }

    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 60%
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: block;
        width: 30%
    }

    #product-cart .area_cart .donation .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .donation .rowcart .incart {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 82%;

    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        width: auto;
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
        font-size: 16px;
        line-height: 1em;
        padding-left: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total {
        width: 30%;
        height: auto !important
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        margin-top: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal .product-qty input {
        width: 50%
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel {
        width: 10%;
        height: 60px !important;
        text-align: right;
        padding-right: 25px
    }



    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }

    #product-cart .area_cart .txtheader-cartproduct {
        margin-top: 20px
    }

    #product-cart .area_cart .message-block {
        margin-top: 10px
    }


    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 50%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .price {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: block;
        width: 10%
    }


    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 100px;
        float: left
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        text-align: right;
        left: 0
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 70px;
        font-size: 16px;
        text-align: center;
        margin-right: 7%
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        width: 20%;
        height: 100px !important
    }



    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        text-align: right
    }



    #product-cart .area_cart .rowcart-product .incart .product-detal .info {
        text-align: left;
        margin-bottom: 10px
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro P {
        font-size: 16px;
        line-height: 1.2em;
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        font-size: 16px;
        margin: 0
    }

    #product-cart .area_cart .rowcart-product .incart .cancel {
        width: 10%;

    }

    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }



    #product-cart .area_cart .cho-trans .choose .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }



    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        margin-left: -35px
    }

    #product-cart .area_cart .allprice-total {
        font-size: 18px;
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice .typep {
        width: 80%
    }

    #product-cart .area_cart .allprice-total .rowprice .numprice {
        width: 20%
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0;
        font-size: 1.1em
    }

    #product-cart .area_cart .total-pay .title {
        font-size: 18px;
    }

    #product-cart .area_cart .total-pay .title .product {
        width: 80%
    }

    #product-cart .area_cart .total-pay .title .price {
        width: 20%
    }

    #product-cart .area_cart .btn_donate {
        text-align: center
    }

    .bg-color-n95 {
        padding-top: 60px;
        margin-top: 90px
    }

    .bg-color-n95 .img-hn95 {
        padding-bottom: 20px;
        margin-left: 35%;
        margin-top: 30px
    }

    .bg-color-n95 .img-hn95 img {
        width: auto;
        max-width: 350px
    }

    .bg-color-n95 .img-htx {
        margin-top: 100px;
        margin-left: 90px
    }

    .bg-color-n95 .img-htx img {
        width: 100%
    }

    .bg-color-n95 .img-htx p {
        font-size: 40px
    }

    .bg-color-n95 .img-htx .htx {
        font-size: 80px
    }

    .editvideo_n95 {
        top: 33%
    }

    .editvideo_n95 iframe {
        width: 500px;
        height: 283px
    }

    .bg-color-hlr {
        padding-top: 15px;
        margin-bottom: -17px;
        padding-bottom: 20px
    }

    .bg-color-hlr .img-htx {
        text-align: center
    }

    .bg-color-hlr .img-htx img {
        width: 100%
    }

    .bg-color-hlr p {
        font-size: 25px
    }

    .txth-bar-n95 p {
        font-size: 30px
    }

    .txth-bar-n95 img {
        width: 100%
    }

    .txth-bar-n95-edit {
        top: -35px
    }

    .bgimg-n95 .imgtxt {
        margin-bottom: 50px;
        margin-top: 50px;
        margin-right: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px
    }

    .bgimg-n95 .imgtxt img {
        width: 100%
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 0
    }

    .bgimg-n95 .bg-colormark {
        background-color: unset;
        padding-top: 15px
    }

    .bgimg-n95 .bg-colormarkmd {
        background-color: #92278f;
        padding-top: 15px
    }

    .bgimg-n95 .mask-edit {
        padding: 20px;
        padding-top: 0
    }

    .bgimg-n95 .mask-edit img {
        width: auto;
        max-width: 160px
    }

    .bgimg-n95 .mask-edit-2 img {
        max-width: 200px
    }

    .bgimg-n95 .btn-btohome {
        padding: 20px
    }

    .bgimg-n95 .btn-btohome .btn-btohome-edti {
        font-size: 25px;
        padding: 3px 30px
    }

    .line-con {
        text-align: center;
        position: absolute;
        bottom: 3%;
        left: 50%
    }

    .line-con img {
        width: auto;
        height: 465px
    }

    .mo#e30513etail-bank {
        text-align: right;
    }

    .footer .footer-content .container .footerrow .banktxt .text_qr_donation {
        font-size: 16px;
    }

    .pay_content .transfer_download_text {
        font-size: 18px !important;
    }
}


@media (min-width:1200px) {
    .bgimage {
        min-height: 790px
    }

    .xl-w-25 {
        width: 25% !important;
    }

    .xl-w-50 {
        width: 50% !important;
    }

    .xl-w-75 {
        width: 75% !important;
    }

    .xl-w-100 {
        width: 100% !important;
    }

    .toggle-password_monthly {
        bottom: -36px;
    }

    .ios-eye_monthly {
        bottom: -39px;
    }

    .container {
        max-width: 1200px;
    }
}



@media (min-width:1200px) {
    .headerbar .headmenu #topmenu {
        height: 50px;
        float: unset
    }

    .headerbar .headmenu #topmenu .top-bar {
        width: auto;
        float: right;
        padding-right: 10px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu {
        margin-left: unset
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon {
        display: unset
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
        display: unset;
        width: 25px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .i-faceb {
        display: unset;
        background: url(../images/logo-fb.png);
        background-size: cover;
        height: 23px;
        width: 23px;
        margin-left: 5px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .i-faceb:hover {
        display: unset;
        background: url(../images/logo-fbhov.png);
        background-size: cover;
        height: 33px;
        width: 33px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .i-instar {
        display: unset;
        background: url(../images/logo-ig.png);
        background-size: cover;
        height: 23px;
        width: 23px;
        margin-left: 5px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .i-instar:hover {
        display: unset;
        background: url(../images/logo-ighov.png);
        background-size: cover;
        height: 33px;
        width: 33px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .imgtelnum {
        height: 25px;
        position: relative;
        top: 8px;
        left: 10px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .telnum {
        display: unset;
        color: #fff;
        font-size: 20px;
        margin-top: 9px;
        margin-right: 3px;
        margin-left: 18px;
        margin-bottom: 0;
    }

    .headerbar .headmenu .logo-rama {
        width: 140px;
        margin: 5px 20px;
        margin-top: 10px;
    }

    .headerbar .headmenu .clearfix::after {
        display: block;
        content: "";
        clear: both
    }

    .headerbar .headmenu .navbar-collapse {
        float: right;
        width: auto;
        display: block !important;
        margin: 15px;
    }

    .headerbar .headmenu .navbar-nav {
        float: right
    }

    .headerbar .headmenu .navbar-nav li a {
        color: #722483;
        border: unset;
        background: unset;
        padding-left: 20px;
        font-size: 18px;
        font-family: 'Sukhumvit_Light';
        font-weight: 600;
    }

    .headerbar .headmenu .navbar-nav a.active {
        color: #e66db4
    }

    .headerbar .headmenu .navbar-nav li a:hover {
        color: #e66db4
    }

    .headerbar .headmenu .socactive {
        display: none
    }

    .headerbar .headmenu .hvr-float-head {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: .3s;
        transition-duration: .3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out
    }

    .headerbar .headmenu .hvr-float-head:active,
    .headerbar .headmenu .hvr-float-head:focus,
    .headerbar .headmenu .hvr-float-head:hover {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }

    .donatefix {
        position: fixed;
        top: 30%;
        right: 0;
        z-index: 100;
        width: 80px;
        background-color: #eae7e7b3;
        border-radius: 50px;
        box-shadow: 0 3px 10px rgba(0, 0, 0, .42);
        display: none
    }

    .donatefix .bt-donate {
        background: url(../images/bt-donate.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix .bt-donate:hover {
        background: url(../images/bt-donatehover.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix #linefix {
        border-bottom: 2px solid #fff;
        margin-left: 5px;
        margin-right: 5px
    }

    .donatefix .bt-give {
        background: url(../images/bt-gift.png);
        height: 65px;
        width: 65px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix .bt-give:hover {
        background: url(../images/bt-gifthover.png);
        height: 66px;
        width: 66px;
        margin-top: 10px;
        margin-bottom: 10px;
        background-size: cover;
        margin-left: 7px
    }

    .donatefix._show {
        display: block
    }

    .unknown_prf {
        font-size: 1.2em
    }

    .unknown_prf .btn-main .tooltip-main-text-toggle {
        display: none !important
    }

    .unknown {
        right: 1% !important;
        bottom: 3% !important
    }

    .footer .footer-content .backtotop {
        bottom: 6%
    }

    .footer .footer-content .backtotop i {
        font-size: 40px
    }

    .footer .footer-content .backtotop i:after {
        left: -20px;
    }

    .footer .footer-content .container .footerrow .banktxt img {
        width: 100%;
    }

    .footer .footer-content .container .footerrow .banktxt p {
        font-size: 16px;
    }

    .footer .footer-content .container .footerrow .banktxt {
        margin: auto;
    }

    .footer .footer-content .container .footerrow .banktxt .text_qr_donation {
        font-size: 13px !important;
    }

    .pay_content .transfer_download_text {
        font-size: 16px !important;
    }

    .footer .footer-content .container .footerrow .banktxt a:hover {
        color: #fff
    }

    .footer .footer-content .container .footerrow .banktxt .img-donatload img {
        width: 70px;
    }

    .footer .footer-content .container .footerrow .app-pay {
        padding-bottom: 20px;
        width: 95%;
        height: 17rem;
    }

    .footer .footer-content .container .footerrow .app-pay .head-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .head-apppay P {
        font-size: 16px;
        line-height: 1.3em;
    }

    .transfer_note {

        font-size: 1rem;
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay P {
        font-size: 22px
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay {
        margin-left: 0;
        justify-content: space-evenly;
        position: relative;
        align-items: center;
        margin-top: 20px;
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay img {
        width: auto;
    }

    .footer .footer-content .container .footerrow .partner-txt {
        margin-left: 20px;
    }



    .footer .footer-content .container .footerrow .partner-txt p {
        margin-top: 1%;
        font-size: 25px
    }

    .footer .footer-content .container .footerrow .partner-txt img {
        margin-left: 0;
        margin-top: 5px
    }

    .footer .footer-content .container .footerrow .title-foot {
        margin-top: 20px
    }

    .footer .footer-content .container .footerrow .followus-txt img {
        margin-top: -5px;
        margin-left: 10px;
        width: 30px
    }

    .footer .footer-content .container .footerrow .followus-txt p {
        margin: 0;
        font-size: 16px;
        line-height: 1.5em;
    }

    .footer .footer-content .container .footerrow .app-pay .app-pay_image {
        height: 70%;
    }

    .footer .footer-content .container .footerrow .contacttxt p {
        font-size: 16px;
        line-height: 1.5em;
    }

    .footer .footer-content .footerbuttom {
        background-attachment: fixed
    }


    .footer .footer-content .footerbuttom .container .footercol {
        margin-right: -60px
    }

    .footer .footer-content .footerbuttom .container .footercol .download-conten img {
        width: 50px;
        height: 50px;
        padding: 10px;
    }

    .footer .footer-content .footerbuttom .copyright p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .footer .footer-content .footerbuttom .copyright .container .copyright-txt {
        font-size: 16px;
        margin: 10px
    }

    #popup_new .modal-bodyladding .areadetail,
    #popup_product .modal-bodyladding .areadetail {
        width: 100%;
        overflow: visible
    }

    #popup_new .modal-footerladding,
    #popup_product .modal-footerladding {
        padding: 15px;
        text-align: right;
        border-top: solid 1px #e4e4e4
    }

    #popup_new .modal-footerladding .btn-closestyle,
    #popup_product .modal-footerladding .btn-closestyle {
        width: 30px;
        height: 30px;
        padding: 7px;
        padding-top: 3px;
    }

    #popup_new .modal-footerladding .btn-closestyle svg,
    #popup_product .modal-footerladding .btn-closestyle svg {
        height: 23px;
    }

    #popup_new .modal-footerladding .btn-closestyle strong,
    #popup_product .modal-footerladding .btn-closestyle strong {
        font-size: 16px;
        position: relative;
        top: -3px;
        right: 3px;
    }

    #popup_new .modal-footerladding .btn-closestyle:hover,
    #popup_product .modal-footerladding .btn-closestyle:hover {
        width: 30px;
        height: 30px
    }

    .profilepage #view-profile .pull-right .btn_edit_profile {
        font-size: 22px;
    }

    .profilepage #view-profile .profile_area {
        margin-top: 2%;
        width: 100%;
        margin-bottom: 5%
    }

    .profilepage #view-profile .profile_area .profile_pic {
        text-align: center
    }

    .profilepage #view-profile .profile_area .profile_pic .pic_pro img {
        border-radius: 50%
    }

    .profilepage #view-profile .profile_area .profile_text {
        font-size: 22px;
        margin-top: 5%;
        margin-left: 0
    }

    .profilepage #view-profile .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profilepage #view-profile .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    #edit-profile .note,
    #form_register .note {
        line-height: 1.5em;
    }

    #edit-profile .profile_area {
        margin-top: 5%;
        width: 100%
    }

    #edit-profile .profile_area .areaform .pagetoback-style P {
        font-size: 20px;

    }

    #edit-profile .profile_area .profile_pic .pic_pro img {
        height: 144px;
        width: 144px;
        border-radius: 50%
    }

    #edit-profile .profile_area .profile_pic .change_pic {
        right: 10%;
        top: 70%
    }

    #edit-profile .profile_area .profile_text {
        margin-top: 20px
    }

    #edit-profile .profile_area .profile_text ul {
        margin-left: -40px
    }

    #edit-profile .profile_area .profile_text ul .title_pro {
        float: left;
        width: 15%;
    }

    #edit-profile .profile_area .profile_text ul .data_pro .radio .label-style {
        margin-right: 20px
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style1 {
        margin-left: 5%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style2 {
        margin-left: 10%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style3 {
        margin-left: 10%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style4 {
        margin-left: 5%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style5 {
        margin-left: 11.5%
    }

    #edit-profile .profile_area .profile_text .data_pro .label-style6 {
        margin-left: 13%
    }

    #edit-profile .profile_area .profile_text .data_pro input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #edit-profile .profile_area .profile_text .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        margin-left: -5%
    }

    #edit-profile .profile_area .profile_text .data_pro .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px
    }

    #edit-profile .profile_area .areaform {
        font-size: 16px;
    }


    #edit-profile .profile_area .areaform .txt-hmenu {
        font-size: 22px;
        margin-top: 30px;
    }

    #edit-profile .profile_area .areaform .form-style-edit {
        margin-bottom: 10px;
        height: 50px;
    }

    #edit-profile .profile_area .areaform .num-year {
        width: 15%;
        margin-top: 0;
        display: block;
    }



    /* .toggle-password,
    .toggle-password_register {
        bottom: 14px;
    } */


    .toggle-password,
    .toggle-password_register,
    .toggle-password_monthly {
        bottom: 14px;
    }

    .ios-eye,
    .ios-eye_register,
    .ios-eye_monthly {
        bottom: 12px;
    }

    .toggle-password_monthly {
        bottom: -36px;
    }

    #edit-profile .profile_area .areaform .checkbox-style .label-style1 {
        margin-left: 10%
    }

    #edit-profile .profile_area .areaform .checkbox-style .label-style1 p {
        position: relative;
        left: 20%
    }

    #edit-profile .profile_area .areaform .checkbox-style .label-style2 {
        margin-left: 7%
    }



    #edit-profile .profile_area .areaform .title-style-user {
        margin-top: 20px
    }

    #edit-profile .profile_area .areaform .sendmail-style .label-style1 {
        margin-left: 6%
    }

    #edit-profile .profile_area .areaform .sendmail-style .label-style2 {
        margin-left: 14%
    }

    #edit-profile .profile_area .areaform .myButton-submit {
        margin-bottom: 50px;
        margin-top: 20px
    }



    #edit-profile .profile_area .areaform .myButton-submit .myButton-reset {
        font-size: 25px;
        padding: 2px 50px
    }

    #edit-profile .txthead-user-style {
        font-size: 16px;
        color: #000
    }

    #edit-profile .txt-user-style {
        font-size: 16px
    }



    .profile_area {
        margin-top: 5%;
        width: 100%
    }

    .profile_area .profile_pic {
        text-align: center
    }

    .profile_area .profile_pic .pic_pro img {
        border-radius: 50%;
        height: 144px;
        width: 144px
    }

    .profile_area .profile_text {
        font-size: 20px;
        ;
        margin-top: 4%
    }

    .profile_area .profile_text ul {
        list-style-type: none;
        margin-left: -40px
    }

    .profile_area .profile_text .histext {
        float: left;
        margin-right: 20px
    }

    .all_history {
        margin-top: 5%;
        margin-bottom: 5%
    }

    .all_history .tab_list_buy .list_buy.w_50 {
        width: 49.7%
    }

    .all_history .tab_list_buy .list_buy.w_50 p {
        margin-top: 5px;
        font-size: 20px;
    }

    .all_history .tab_list_buy .active {
        left: 50%
    }

    .all_history .history_table .title_his_list {
        text-align: center;
        font-size: 18px;
    }

    .all_history .history_table .btn-all {
        height: auto
    }

    .all_history .history_table .myButton-detail:hover {
        background-color: #0e6891;
        background-image: linear-gradient(150deg, #3fc2a5 15%, #27959b 51%, #0e6891 75%)
    }

    .all_history .history_table .myButton-payment:hover {
        background-color: #8a3a9e;
        background-image: linear-gradient(150deg, #ff8781 15%, #c5618f 35%, #8d35a5 75%)
    }

    .all_history .history_table .myButton-pay:hover {
        background-color: #8a3a9e;
        background-image: linear-gradient(150deg, #8a3a9e 15%, #c5618f 51%, #ff8781 75%)
    }

    .all_history .history_table .myButton-editaddress:hover {
        background-color: #f28e77;
        background-image: linear-gradient(150deg, #ffb718 15%, #ff8d70 51%, #f28e77 75%)
    }

    .all_history .history_table .myButton-canceled:hover {
        background-color: #0e6891;
        background-image: linear-gradient(150deg, #3fc2a5 15%, #27959b 51%, #0e6891 75%)
    }

    .all_history .history_table .not_found {
        text-align: center
    }

    .all_history .history_table .not_found .pic_notfound {
        margin-top: 10%;
        margin-bottom: 3%
    }

    .all_history .history_table .not_found P {
        font-size: 20px;
        margin-bottom: 10%
    }

    .all_history .table_history_list .not_found {
        text-align: center
    }

    .all_history .table_history_list .not_found .pic_notfound {
        margin-top: 10%;
        margin-bottom: 3%
    }

    .all_history .table_history_list .not_found P {
        font-size: 20px;
        margin-bottom: 10%
    }

    .modal-dialog .modal-content .modal-header .modal-title P {
        font-size: 25px;
        margin: 10px 0px;
    }



    .modal-dialog .modal-content .container .areaform .form-style-edit {
        margin-bottom: 10px;
        font-size: unset
    }

    .modal-dialog .modal-content .container .cart-action {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .modal-dialog .modal-content .container .cart-action .myButton-save {
        font-size: 22px;
        padding: 10px 0px;
        width: 180px;
    }

    .detailuser {
        padding-top: 12%;
    }

    .detailuser .areatable .donation-detail-total {
        font-size: 20px;
        margin-top: 40px;
    }


    .detailuser .areatable .donation-detail-total .edit-ordernumber {
        color: #722483
    }

    .detailuser .areatable .history-table .delivery-style {
        padding-left: 10px
    }

    .detailuser .areatable .history-table .pice-deliv {
        width: 150px;
        text-align: right;
        padding-right: 10px
    }

    .detailuser .areatable .history-table .detaillist .pass-produc span {
        color: #722483
    }

    .bgwhite .bigtitle {
        margin-top: 13%
    }


    .cart-address-style .chooseadd {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .cart-address-style .chooseadd P {
        font-size: 20px;
    }

    .cart-address-style .chooseadd .label-style1 {
        margin-left: 5%
    }

    .cart-address-style .chooseadd .label-style2 {
        margin-left: 13%
    }

    .cart-address-style .chooseadd .label-style3 {
        margin-left: 11%
    }

    .cart-address-style .chooseadd input {
        position: absolute;
        opacity: 0
    }

    .cart-address-style .checkmark {
        height: 25px;
        width: 25px;
        margin-left: -35px
    }

    .cart-address-style .chooseadd .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%
    }

    .cart-address-style .areaform {
        font-size: 16px;
    }

    .cart-address-style .areaform .txthead-user-style {
        font-size: 1.1em
    }



    .cart-address-style .areaform .myButton-submit {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .cart-address-style .areaform .myButton-submit .myButton-save {
        font-size: 22px;
        padding: 5px 0px;
        width: 170px;
    }


    .bgwhite .container #product-payment .head-payment-style {
        margin-top: 150px;
    }


    .bgwhite .container #product-payment .payment-container .payment_text {
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .payment_text P {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
        margin-left: 15%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
        margin-left: 11%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style9 {
        margin-left: 0
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style9 .card-image {
        width: auto;
        margin-bottom: 25px;
        margin-top: 20px;
        height: 120px;
        left: 15%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail p {
        font-size: 20px;
        ;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .checkmark {
        margin-left: -35px;
        cursor: pointer
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .qrcode_image {
        max-height: 100%;
        margin: auto;
        text-align: center;
        margin-bottom: 20px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text {
        font-size: 18px;
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
        margin-left: -30px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .title_bank P {
        font-size: unset
    }



    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit .myButton-save {
        font-size: 25px;
        width: 190px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-payment-info {
        margin-top: 150px
    }


    .bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-detail {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay {
        margin-top: 60px
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay P {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .title_bank span {
        margin-right: 25px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .cd_bank {
        margin-bottom: 30px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text .cd_bank span {
        margin-right: 10px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 30px;
        margin-top: 10px
    }

    #pay-form .paymentcon .titlesec {
        width: 42%;
        float: left
    }



    #pay-form .paymentcon .titlesec P {
        font-size: 18px;
    }

    #pay-form .paymentcon .inputcos {
        font-size: 16px;
        margin-bottom: 1rem
    }

    #pay-form .paymentcon .inputcos .time_style {
        width: 15% !important
    }

    #pay-form .paymentcon .headtxt-youpay {
        margin-top: 40px
    }

    #pay-form .paymentcon .headtxt-youpay P {
        font-size: 18px;
    }

    #pay-form .paymentcon .banklist {
        margin-top: 20px
    }

    #pay-form .paymentcon .banklist P {
        font-size: 18px;
    }

    #pay-form .paymentcon .banklist .label-style1 {
        margin-left: 15%;
        margin-bottom: 20px
    }

    #pay-form .paymentcon .banklist .label-style2 {
        margin-left: 20%
    }

    #pay-form .paymentcon .banklist .label-style3 {
        margin-left: 11%
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #pay-form .paymentcon .banklist input {
        opacity: 0
    }

    #pay-form .paymentcon .checkmark {
        margin-left: -50px;
        margin-top: 18px
    }

    #pay-form .paymentcon .bank_text {
        margin-top: 5px
    }

    #pay-form .paymentcon .bank_text P {
        margin: 0
    }

    #pay-form .myButton-submit {
        margin-bottom: 50px;
        margin-top: 20px
    }

    #pay-form .paymentcon .title P {
        margin-top: 20px;
    }

    .hightlight-product {
        margin-right: -6%;
        margin-left: 0
    }

    .Payment img {
        width: 95%;
        margin-bottom: 20px
    }

    .Payment p {
        font-size: 48px
    }

    .Payment .onclick-payment {
        width: 20%;
        left: 38%;
        top: 28%
    }



    #product-cart .area_cart ul li {
        display: table
    }

    #product-cart .area_cart .txtheader-cart P {
        font-size: 2em
    }

    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 60%
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: block;
        width: 30%
    }

    #product-cart .area_cart .donation .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .donation .rowcart .incart {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 60%;
        height: auto !important;
        border-right: none
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        width: auto;
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
        font-size: 16px;
        line-height: 1em;
        padding-left: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total {
        width: 30%;
        height: auto !important
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        margin-top: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal .product-qty input {
        width: 50%
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel {
        width: 10%;
        height: 60px !important;
        text-align: right;
        padding-right: 3%
    }



    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }

    #product-cart .area_cart .txtheader-cartproduct {
        margin-top: 20px
    }


    #product-cart .area_cart .message-block {
        margin-top: 10px
    }


    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 50%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .price {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .rowcart-product .incart {
        margin-bottom: 15px;
        margin-top: 10px;
        padding-top: 15px !important;
    }


    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 100px;
        float: left
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        text-align: right;
        left: 0
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 70px;
        font-size: 16px;
        text-align: center;
        margin-right: 9%
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        width: 20%;
    }

    #product-cart .area_cart .rowcart-product .incart .price .inprice {
        font-size: 16px;
    }

    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important;
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        font-size: 16px;
    }



    #product-cart .area_cart .rowcart-product .incart .product-detal .info {
        text-align: left;
        margin-bottom: 10px
    }



    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro .text_sale_promotion {
        font-size: 16px;
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        font-size: 16px;
        margin: 0;
    }

    #product-cart .area_cart .rowcart-product .incart .cancel {
        width: 10%;

    }

    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .cho-trans .choosehead P {
        font-size: 20px;
    }

    /* #product-cart .area_cart .cho-trans .choose .label-style1 {
         font-size: 20px;
    } */



    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }

    #product-cart .area_cart .condi .accept {
        font-size: 18px;
    }

    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        margin-left: -35px
    }

    #product-cart .area_cart .allprice-total {
        font-size: 18px;
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice .typep {
        width: 80%
    }

    #product-cart .area_cart .allprice-total .rowprice .numprice {
        width: 20%
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0;
        font-size: 1.1em
    }

    #product-cart .area_cart .total-pay .title {
        font-size: 18px;
    }

    #product-cart .area_cart .total-pay .title .product {
        width: 80%
    }

    #product-cart .area_cart .total-pay .title .price {
        width: 20%
    }

    #product-cart .area_cart .btn_donate {
        text-align: center
    }


    .bgimage .my-menu .profilepage {
        margin-top: 125px;
        margin-bottom: 0px;
    }

    .bg-color-n95 {
        padding-top: 60px;
        margin-top: 80px;
        height: 145vh;
        background-position-y: bottom
    }

    .bg-color-n95 .img-hn95 {
        padding-bottom: 20px;
        margin-left: 60%;
        margin-top: 30px
    }

    .bg-color-n95 .img-hn95 img {
        width: auto;
        max-width: 310px
    }

    .bg-color-n95 .img-htx {
        margin-top: 10%;
        margin-left: 20%
    }

    .bg-color-n95 .img-htx img {
        width: 100%
    }

    .bg-color-n95 .img-htx p {
        font-size: 40px
    }

    .bg-color-n95 .img-htx .htx {
        font-size: 80px
    }

    .editvideo_n95 {
        top: 72%;
        left: 26%
    }

    .editvideo_n95 iframe {
        width: 600px;
        height: 335px
    }

    #edit-profile .profile_area .areaform select[name=birth_date] {
        width: 80px !important;
    }

    #edit-profile .profile_area .areaform select[name=birth_month] {

        width: 130px !important
    }

    #edit-profile .profile_area .areaform select[name=birth_year] {

        width: 100px !important
    }

    #pills-tabContent .order-item .order-footer .total {
        font-size: 25px;
    }
}

@media (min-width:1200px) and (min-width:1300px) {
    .editvideo_n95 {
        margin-top: -5px
    }

    .editvideo_n95 iframe {
        width: 655px;
        height: 370px
    }
}

@media (min-width:1200px) {

    .bg-img {
        background: url('../images/linebg3-new2.png');
        background-repeat: no-repeat;
        height: auto;
        width: 100%;
        background-size: cover;
        background-attachment: fixed;
        background-position-y: top;
    }

    .bg-color-hlr {
        padding-top: 15px;
        margin-bottom: -17px;
        padding-bottom: 20px
    }

    .bg-color-hlr .img-htx {
        text-align: center
    }

    .bg-color-hlr .img-htx img {
        width: 100%
    }

    .bg-color-hlr p {
        font-size: 25px
    }

    .txth-bar-n95 {
        top: -33px
    }

    .txth-bar-n95 p {
        font-size: 40px
    }

    .txth-bar-n95 img {
        width: 100%
    }

    .txth-bar-n95-edit {
        top: -35px
    }

    .bgimg-n95 .imgtxt {
        margin-bottom: 50px;
        margin-top: 50px;
        margin-right: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px
    }

    .bgimg-n95 .imgtxt img {
        width: 100%
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 0
    }

    .bgimg-n95 .bg-colormark {
        background-color: unset;
        padding-top: 15px
    }

    .bgimg-n95 .bg-colormarkmd {
        background-color: #92278f;
        padding-top: 15px
    }

    .bgimg-n95 .mask-edit {
        padding: 20px;
        padding-top: 0
    }

    .bgimg-n95 .mask-edit img {
        width: auto;
        max-width: 160px
    }

    .bgimg-n95 .mask-edit-2 img {
        max-width: 200px
    }

    .bgimg-n95 .btn-btohome {
        padding: 40px;
        margin-top: 50px
    }

    .bgimg-n95 .btn-btohome .btn-btohome-edti {
        font-size: 25px;
        padding: 3px 30px
    }

    .line-con {
        left: 50%;
        top: 162%
    }

    .line-con img {
        width: auto;
        height: 500px
    }

    #product-cart .area_cart .condi p {
        margin-top: 0;
        margin-bottom: 0;
    }


    #forgotpass .modal-body .title P {
        font-size: 1.7em;
    }

    #pills-tabContent .order-item {
        padding-bottom: 30px
    }

    #info-shipping-address .txt-user-style {
        font-size: 16px;
    }

    .checkpoint_contact .li-top {
        width: 100%;
    }

    .checkpoint_contact {
        font-size: 16px;
        line-height: 1.5em;
    }

    .pay_content .transfer_download_text {
        text-align: center;
        margin-left: 0;
    }

    .order-detail {
        margin-top: 55px;
        border: none;
        border: 10px #eee solid;
    }

    .footer .footer-content .container .footerrow .title-foot p {
        font-size: 25px;
    }

    .footer .footer-content .checkpoint_contact_title {
        font-size: 20px;
    }

    .footer .footer-content .footerbuttom .container .footercol .download-conten p {
        font-size: 18px;
    }

    .cart-address-style .head-cart-address {
        margin-top: 150px;
    }

    #info-shipping-address .txthead-user-style p {
        font-size: 20px;
    }

}

@media (min-width: 1400px) {
    .container {
        max-width: 1320px;
    }

    .headerbar .headmenu .navbar-nav li a {
        font-size: 20px;

    }

    .footer .footer-content .container .footerrow .banktxt .qrcode_footer {
        width: 150px;
    }
}

@media (min-width:1600px) {
    .headerbar .headmenu #topmenu {
        height: 50px;
        float: unset
    }

    .headerbar .headmenu #topmenu .top-bar {
        width: auto;
        float: right;
        padding-right: 10px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon {
        display: unset
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
        display: unset;
        width: 25px
    }

    .headerbar .headmenu .logo-rama {
        width: 160px;
        margin: 5px 30px
    }

    .headerbar .headmenu .navbar-collapse {
        margin-top: 15px
    }

    .unknown_prf {
        font-size: 18px;
    }

    .unknown_prf .btn-main .tooltip-main-text {
        min-width: 150px !important
    }

    .unknown .btn-messenger:hover .tooltip-text {
        width: 170px
    }

    .footer .footer-content .backtotop {
        bottom: 4%
    }

    .footer .footer-content .backtotop i {
        font-size: 40px
    }


    .footer .footer-content .container .footerrow .banktxt img {
        left: 30%
    }



    .footer .footer-content .container .footerrow .banktxt a:hover {
        color: #fff
    }





    .footer .footer-content .container .footerrow .app-pay .head-apppay {
        margin-left: 0
    }


    .footer .footer-content .container .footerrow .app-pay .txt-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .app-pay .txt-apppay P {
        font-size: 22px
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay {
        margin-left: 0
    }


    .footer .footer-content .container .footerrow .partner-txt {
        margin-top: 10px
    }

    .footer .footer-content .container .footerrow .partner-txt p {
        margin-top: 2%;
        font-size: 25px
    }

    .footer .footer-content .container .footerrow .partner-txt img {
        margin: 15px;
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .title-foot {
        margin-top: 20px
    }

    .footer .footer-content .container .footerrow .followus-txt img {
        margin-top: -5px;
        margin-left: 10px;
        width: 30px
    }

    .footer .footer-content .footerbuttom {
        background-attachment: fixed
    }

    .footer .footer-content .footerbuttom .container .footercol {
        margin-right: -60px
    }

    #edit-profile .profile_area .areaform .myButton-submit .myButton-save {
        font-size: 25px;
        padding: 12px 0px;
        width: 200px;
    }


    .all_history {
        margin-top: 5%
    }

    .all_history .tab_list_buy .list_buy.w_50 {
        width: 49.8%
    }

    .all_history .tab_list_buy .list_buy.w_50 p {
        margin-top: 3px;
        font-size: 20px;
    }

    .all_history .tab_list_buy .active {
        left: 50%
    }



    .detailuser .areatable .donation-detail-total .edit-ordernumber {
        color: #722483
    }

    .detailuser .areatable .history-table .delivery-style {
        padding-left: 10px
    }

    .detailuser .areatable .history-table .pice-deliv {
        width: 150px;
        text-align: right;
        padding-right: 10px
    }

    .detailuser .areatable .history-table .detaillist .pass-produc span {
        color: #722483
    }


    .bgwhite .bigtitle {
        margin-top: 15%
    }



    .cart-address-style .head-cart-address {
        margin-top: 160px
    }


    .cart-address-style .chooseadd {
        margin-top: 30px;
        margin-bottom: 20px
    }

    .cart-address-style .chooseadd P {
        font-size: 20px;
    }

    .cart-address-style .chooseadd .label-style1 {
        margin-left: 5%
    }

    .cart-address-style .chooseadd .label-style2 {
        margin-left: 10%
    }

    .cart-address-style .chooseadd .label-style3 {
        margin-left: 11%
    }

    .cart-address-style .chooseadd input {
        position: absolute;
        opacity: 0
    }

    .cart-address-style .checkmark {
        height: 25px;
        width: 25px;
        margin-left: -35px
    }

    .cart-address-style .chooseadd .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%
    }


    .bgwhite .container #product-payment .head-payment-style {
        margin-top: 160px
    }


    .bgwhite .container #product-payment .payment-container .payment_text {
        margin-top: 20px
    }



    .bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
        margin-left: 15%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
        margin-left: 11%
    }


    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 16px;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .checkmark {
        margin-left: -35px
    }


    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
        margin-left: -25px
    }

    .bgwhite .container #product-payment .payment-container .pagetoback-style {
        font-size: 22px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 60px;
        margin-top: 10px
    }



    .bgwhite .container #product-payment .payment-container .headtxt-payment-info {
        margin-top: 160px
    }


    .bgwhite .container #product-payment .payment-container .headtxt-payment-info .head-payment-info-detail {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay P {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 60px;
        margin-top: 10px
    }


    #pay-form .paymentcon .title P {
        font-size: 20px;
    }

    #pay-form .paymentcon .titlesec {
        width: 45%;
    }

    #pay-form .paymentcon .titlesec P {
        font-size: 20px;
    }

    #pay-form .paymentcon .inputcos {
        font-size: 16px;
        margin-bottom: 1rem
    }

    #pay-form .paymentcon .headtxt-youpay {
        margin-top: 40px
    }

    #pay-form .paymentcon .headtxt-youpay P {
        font-size: 20px;
    }

    #pay-form .paymentcon .banklist {
        margin-top: 20px
    }

    #pay-form .paymentcon .banklist P {
        font-size: 20px;
    }

    #pay-form .paymentcon .banklist .label-style1 {
        margin-left: 15%;
        margin-bottom: 20px
    }

    #pay-form .paymentcon .banklist .label-style2 {
        margin-left: 20%
    }

    #pay-form .paymentcon .banklist .label-style3 {
        margin-left: 11%
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #pay-form .paymentcon .banklist input {
        opacity: 0
    }

    #pay-form .paymentcon .checkmark {
        margin-left: -50px;
        margin-top: 18px
    }

    #pay-form .paymentcon .bank_text {
        margin-top: 5px
    }

    #pay-form .paymentcon .bank_text P {
        margin: 0
    }

    #pay-form .pagetoback-style {
        font-size: 22px
    }

    #pay-form .myButton-submit {
        margin-bottom: 60px;
        margin-top: 10px
    }



    .hightlight-product {
        margin-right: -6%;
        margin-left: 0
    }

    .Payment img {
        width: 90%
    }

    .Payment p {
        color: #f28e77;
        font-size: 30px;
        line-height: .9em;
        margin-top: 10px
    }

    .Payment .scb05-txt {
        position: absolute;
        top: 78%;
        left: 44%;
        font-size: 30px;
        text-align: center;
        color: #fff;
        text-decoration: underline
    }

    .Payment .scb05-txt:hover {
        color: #722483
    }



    #product-cart .area_cart ul li {
        display: table
    }

    #product-cart .area_cart .txtheader-cart P {
        font-size: 20px;
    }

    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 60%
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: block;
        width: 30%
    }

    #product-cart .area_cart .donation .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .donation .rowcart .incart {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 60%;
        height: auto !important;
        border-right: none
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        width: auto;
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
        font-size: 16px;
        line-height: 1em;
        padding-left: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total {
        width: 30%;
        height: auto !important
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        margin-top: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal .product-qty input {
        width: 50%
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel {
        width: 10%;
        height: 60px !important;
        text-align: right
    }



    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }

    #product-cart .area_cart .txtheader-cartproduct {
        margin-top: 20px
    }

    #product-cart .area_cart .txtheader-cartproduct P {
        font-size: 22px;
    }

    #product-cart .area_cart .cho-trans .choosehead P {
        font-size: 22px;
    }

    #product-cart .area_cart .message-block {
        margin-top: 10px
    }


    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 50%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .price {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: block;
        width: 10%
    }



    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 100px;
        float: left
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        text-align: right;
        left: 0
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 70px;
        font-size: 16px;
        text-align: center
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        width: 20%;
        height: 100px !important
    }


    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        text-align: right
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal {
        width: 70%;
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info {
        text-align: left;
        margin-bottom: 10px
    }


    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        font-size: 16px;
        margin: 0
    }

    #product-cart .area_cart .rowcart-product .incart .cancel {
        width: 10%;
    }

    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }



    #product-cart .area_cart .cho-trans .choose .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }

    #product-cart .area_cart .rowcart-product .incart .product-detal .info .namepro P {
        font-size: 16px;
        line-height: 1.5em;
    }

    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        margin-left: -35px
    }

    #product-cart .area_cart .allprice-total {
        font-size: 18px;
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice .typep {
        width: 80%
    }

    #product-cart .area_cart .allprice-total .rowprice .numprice {
        width: 20%
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0;
        font-size: 1.1em
    }

    #product-cart .area_cart .total-pay .title {
        font-size: 18px;
    }

    #product-cart .area_cart .total-pay .title .product {
        width: 80%
    }

    #product-cart .area_cart .total-pay .title .price {
        width: 20%
    }

    #product-cart .area_cart .btn_donate {
        text-align: center
    }



    .bg-color-n95 {
        padding-top: 60px;
        margin-top: 80px;
        height: 130vh;
        background-position-y: bottom
    }

    .bg-color-n95 .img-hn95 {
        padding-bottom: 20px;
        margin-left: 60%;
        margin-top: 30px
    }

    .bg-color-n95 .img-hn95 img {
        width: auto;
        max-width: 310px
    }

    .bg-color-n95 .img-htx {
        margin-top: 10%;
        margin-left: 27%
    }

    .bg-color-n95 .img-htx img {
        width: 100%
    }

    .bg-color-n95 .img-htx p {
        font-size: 40px
    }

    .bg-color-n95 .img-htx .htx {
        font-size: 80px
    }

    .editvideo_n95 {
        margin-top: -7%
    }

    .editvideo_n95 iframe {
        width: 745px;
        height: 420px
    }

    .bg-color-hlr {
        padding-top: 15px;
        margin-bottom: -17px;
        padding-bottom: 20px
    }

    .bg-color-hlr .img-htx {
        text-align: center
    }

    .bg-color-hlr .img-htx img {
        width: 100%
    }

    .bg-color-hlr p {
        font-size: 25px
    }

    .txth-bar-n95 {
        top: -40px;
        margin-bottom: -40px
    }

    .txth-bar-n95 p {
        font-size: 50px
    }

    .txth-bar-n95 img {
        width: 100%
    }

    .txth-bar-n95-edit {
        top: -50px
    }

    .bgimg-n95 .imgtxt {
        margin-bottom: 50px;
        margin-top: 50px;
        margin-right: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px
    }

    .bgimg-n95 .imgtxt img {
        width: 100%
    }

    .bgimg-n95 .imgtxt .tx-hcon1 {
        font-size: 50px
    }

    .bgimg-n95 .imgtxt p {
        font-size: 30px
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 0
    }

    .bgimg-n95 .bg-colormark {
        background-color: unset;
        padding-top: 15px
    }

    .bgimg-n95 .bg-colormarkmd {
        background-color: #92278f;
        padding-top: 15px
    }

    .bgimg-n95 .mask-edit {
        padding: 20px;
        padding-top: 0
    }

    .bgimg-n95 .mask-edit img {
        width: auto;
        max-width: 160px
    }

    .bgimg-n95 .mask-edit-2 img {
        max-width: 200px
    }

    .bgimg-n95 .btn-btohome {
        padding: 20px
    }

    .bgimg-n95 .btn-btohome .btn-btohome-edti {
        font-size: 25px;
        padding: 3px 30px
    }

    .line-con {
        left: 50%;
        top: 144%
    }

    .line-con img {
        width: auto;
        height: 500px
    }


}

@media (min-width:1900px) {
    .headerbar .headmenu #topmenu {
        height: 65px
    }

    .headerbar .headmenu #topmenu .top-bar {
        padding-right: 25px;
        margin-top: -3px
    }

    .headerbar .headmenu #topmenu .top-bar .rightmenu .social li .topheadcon .img-fb {
        width: 25px
    }

    .headerbar .headmenu .logo-rama {
        width: 180px;
        margin: 10px 30px
    }

    .headerbar .headmenu .navbar-nav li a {
        font-size: 23px;
        padding-left: 40px;
    }

    .headerbar .headmenu .navbar-collapse {
        margin-right: 30px;
        margin-top: 20px
    }




    .footer .footer-content .container .footerrow .banktxt img {
        left: 30%
    }

    .footer .footer-content .container .footerrow .app-pay .logo-apppay {
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .partner-txt {
        margin-top: 10px
    }



    .footer .footer-content .container .footerrow .partner-txt img {
        margin: 15px;
        margin-left: 0
    }

    .footer .footer-content .container .footerrow .title-foot {
        margin-top: 20px
    }

    .footer .footer-content .footerbuttom .container .footercol {
        margin-right: -90px
    }

    .footer .footer-content .footerbuttom .container .footercol .download-conten img {
        width: 55px;
        height: 55px
    }

    #edit-profile .profile_area .areaform .checkmark {
        margin-left: -6%;
    }

    #edit-profile .profile_area .profile_pic .change_pic {
        right: 15%;
        top: 70%;
    }

    #edit-profile .profile_area .profile_text {
        font-size: 20px;
    }

    .all_history {
        margin-top: 5%
    }

    .all_history .tab_list_buy .list_buy.w_50 {
        width: 49.8%
    }

    .all_history .tab_list_buy .list_buy.w_50 p {
        margin-top: 0;
        font-size: 2em
    }

    .all_history .tab_list_buy .active {
        left: 50%
    }


    .modal-dialog .modal-content .container .areaform .form-style-edit {
        margin-bottom: 10px;
        font-size: unset
    }

    .modal-dialog .modal-content .container .cart-action {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .detailuser {
        padding-top: 15%;
    }

    .detailuser .head-transac P {
        font-size: 40px;
    }

    .detailuser .areatable .donation-detail-total {
        font-size: 22px;
    }

    .detailuser .transinfo .txt-headaddless {
        font-size: 30px;
    }

    .detailuser .areatable .history-table .delivery-style {
        padding-left: 10px
    }

    .detailuser .areatable .history-table .pice-deliv {
        width: 150px;
        text-align: right;
        padding-right: 10px
    }

    .detailuser .areatable .history-table .detaillist .pass-produc span {
        color: #722483
    }



    .cart-address-style .head-cart-address {
        margin-top: 200px
    }

    .cart-address-style .head-cart-address P {
        font-size: 30px;
    }

    .cart-address-style .chooseadd {
        margin-top: 50px;
        margin-bottom: 20px
    }

    .cart-address-style .chooseadd P {
        font-size: 2em
    }

    .cart-address-style .chooseadd .label-style1 {
        margin-left: 5%
    }

    .cart-address-style .chooseadd .label-style2 {
        margin-left: 13%
    }

    .cart-address-style .chooseadd .label-style3 {
        margin-left: 11%
    }

    .cart-address-style .chooseadd input {
        position: absolute;
        opacity: 0
    }

    .cart-address-style .checkmark {
        height: 25px;
        width: 25px;
        margin-left: -35px;
        margin-top: 5px
    }

    .cart-address-style .chooseadd .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%
    }

    .cart-address-style .areaform {
        font-size: 16px;
    }

    .cart-address-style .areaform .txthead-user-style {
        font-size: 1.1em
    }


    .cart-address-style .areaform .myButton-submit {
        margin-bottom: 40px;
        margin-top: 20px
    }

    .cart-address-style .areaform .myButton-submit .myButton-save {
        font-size: 25px;
        padding: 8px 0px;
        width: 200px;
    }

    .bgwhite .container #product-payment .head-payment-style {
        margin-top: 200px
    }


    .bgwhite .container #product-payment .payment-container .payment_text {
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .payment_text P {
        font-size: 20px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .pf-1 {
        font-size: 25px;
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style1 {
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style2 {
        margin-left: 15%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .label-style3 {
        margin-left: 11%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail p {
        font-size: 20px;
        ;
        margin-left: 5%;
        margin-top: 4px
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname-style {
        font-size: 20px;
        ;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .payment_text .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 20px;
        ;
        margin-left: 5%
    }

    .bgwhite .container #product-payment .payment-container .checkmark {
        margin-left: -35px;
        margin-top: 5px
    }

    .bgwhite .container #product-payment .payment-container .bank_list_opt .bank_list .bank_text ul {
        margin-left: -25px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 60px;
        margin-top: 10px
    }

    .bgwhite .container #product-payment .payment-container .headtxt-payment-info {
        margin-top: 200px
    }


    .bgwhite .container #product-payment .payment-container .myButton-submit {
        margin-bottom: 50px;
        margin-top: 20px
    }

    .bgwhite .container #product-payment .payment-container .myButton-submit .myButton-paymentgo {
        font-size: 25px;
        padding: 15px;
        width: 200px;
    }

    .bgwhite .container #product-payment .payment-container .headtxt-youpay P {
        font-size: 22px;
    }

    #pay-form .paymentcon .titlesec P {
        font-size: 20px;
    }

    #pay-form .paymentcon .inputcos {
        font-size: 16px;
        margin-bottom: 1rem
    }

    #pay-form .paymentcon .headtxt-youpay {
        margin-top: 40px
    }

    #pay-form .paymentcon .headtxt-youpay P {
        font-size: 20px;
    }

    #pay-form .paymentcon .banklist {
        margin-top: 20px
    }

    #pay-form .paymentcon .banklist P {
        font-size: 20px;
    }

    #pay-form .paymentcon .banklist .label-style1 {
        margin-left: 15%;
        margin-bottom: 20px
    }

    #pay-form .paymentcon .banklist .label-style2 {
        margin-left: 20%
    }

    #pay-form .paymentcon .banklist .label-style3 {
        margin-left: 11%
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname-style {
        font-size: 16px
    }

    #pay-form .paymentcon .banklist .detail #cr_bankname .bankname_etc .bankanme_etc_style {
        margin-bottom: 10px;
        font-size: 1.2em
    }

    #pay-form .paymentcon .banklist input {
        opacity: 0
    }

    #pay-form .paymentcon .checkmark {
        margin-left: -50px;
        margin-top: 18px
    }

    #pay-form .paymentcon .bank_text {
        margin-top: 5px
    }

    #pay-form .paymentcon .bank_text P {
        margin: 0
    }

    #pay-form .myButton-submit {
        margin-bottom: 50px;
        margin-top: 20px
    }

    .hightlight-product {
        margin-right: -6%;
        margin-left: 0
    }

    .Payment {
        text-align: left;
        margin: 10px
    }

    .Payment img {
        width: 90%
    }

    .Payment p {
        font-size: 45px;
        line-height: .9em;
        margin-top: 20px;
        margin-bottom: 0
    }

    .Payment .onclick-payment {
        width: 20%;
        left: 35%;
        top: 28%
    }

    #product-cart .area_cart {
        padding-top: 11rem;
    }

    #product-cart .area_cart_mobile {
        padding-top: 3.6rem;
    }



    #product-cart .area_cart ul li {
        display: table
    }

    #product-cart .area_cart .txtheader-cart P {
        font-size: 2em
    }

    #product-cart .area_cart .donation .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .donation .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .donation .title .product {
        width: 60%
    }

    #product-cart .area_cart .donation .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .donation .title .price {
        display: block;
        width: 30%
    }

    #product-cart .area_cart .donation .title .cancel {
        display: block;
        width: 10%
    }

    #product-cart .area_cart .donation .rowcart .incart {
        margin-bottom: 10px;
        margin-top: 10px
    }

    #product-cart .area_cart .donation .rowcart .incart .product {
        width: 60%;
        height: auto !important;
        border-right: none
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info {
        width: auto;
        display: table-cell;
        vertical-align: middle
    }

    #product-cart .area_cart .donation .rowcart .incart .product .info .namepro {
        font-size: 16px;
        line-height: 1em;
        padding-left: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total {
        width: 30%;
        height: auto !important
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal {
        position: relative;
        font-size: 16px;
        line-height: 1em;
        margin-top: 0
    }

    #product-cart .area_cart .donation .rowcart .incart .total .intotal .product-qty input {
        width: 50%
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel {
        width: 10%;
        height: 60px !important;
        text-align: right
    }

    #product-cart .area_cart .donation .rowcart .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }

    #product-cart .area_cart .no-donation {
        margin-top: 10px
    }

    #product-cart .area_cart .no-donation P {
        font-size: 16px;
        margin: 10px
    }

    #product-cart .area_cart .txtheader-cartproduct {
        margin-top: 20px
    }


    #product-cart .area_cart .message-block {
        margin-top: 10px
    }


    #product-cart .area_cart .cart-product .title {
        overflow: hidden;
        margin: 0;
        padding: 0
    }

    #product-cart .area_cart .cart-product .title li {
        background-color: #f28e77;
        font-size: 16px;
        color: #fff
    }

    #product-cart .area_cart .cart-product .title .product {
        width: 50%;
        border-bottom: 1px solid #fff
    }

    #product-cart .area_cart .cart-product .title .product .info .namepro {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .cart-product .title .total {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .price {
        display: block;
        width: 20%
    }

    #product-cart .area_cart .cart-product .title .cancel {
        display: block;
        width: 10%
    }



    #product-cart .area_cart .rowcart-product .incart .product {
        width: 70%;
        height: 100px !important;
        border-right: none
    }

    #product-cart .area_cart .rowcart-product .incart .product .img {
        width: 100px;
        float: left
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty {
        position: relative;
        text-align: right;
        left: 0
    }

    #product-cart .area_cart .rowcart-product .incart .product .intotal .product-qty .text-number {
        width: 70px;
        font-size: 16px;
        text-align: center
    }

    #product-cart .area_cart .rowcart-product .incart .price {
        width: 20%;
        height: 100px !important
    }

    #product-cart .area_cart .rowcart-product .incart .price .inprice {
        font-size: 16px;
    }

    #product-cart .area_cart .rowcart-product .incart .total {
        width: 70%;
        height: 70px !important
    }

    #product-cart .area_cart .rowcart-product .incart .total .intotal {
        font-size: 16px;
    }

    /* #product-cart .area_cart .rowcart-product .incart .product-detal {
        width: 60%;
        height: auto !important;
        border-right: none;
        float: left
    } */

    #product-cart .area_cart .rowcart-product .incart .product-detal .info {
        text-align: left;
        margin-bottom: 10px
    }



    #product-cart .area_cart .rowcart-product .incart .product-detal .info .numpro P {
        font-size: 16px;
        margin: 0
    }

    #product-cart .area_cart .rowcart-product .incart .cancel {
        width: 10%;
        text-align: right;
        height: 100px !important
    }

    #product-cart .area_cart .rowcart-product .incart .cancel .btn-delete P {
        font-size: 16px;
        line-height: 1em;
        margin-bottom: 0
    }



    #product-cart .area_cart .cho-trans .choose .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .cho-trans .choose input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .cho-trans .checkmark {
        position: absolute;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        border: solid 2px;
        border-color: #97a09f;
        background-color: #fff;
        margin-left: -35px
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark {
        background-color: #ffff
    }

    #product-cart .area_cart .cho-trans .choose :after {
        content: "";
        position: absolute;
        display: none
    }

    #product-cart .area_cart .cho-trans .choose input:checked~.checkmark:after {
        display: block
    }

    #product-cart .area_cart .cho-trans .choose .checkmark:after {
        top: 4px;
        left: 4px;
        width: 13px;
        height: 13px;
        border-radius: 100%;
        background: #f28e77
    }

    #product-cart .area_cart .allprice {
        float: left;
        background: #cac8c9;
        margin-bottom: 20px;
        width: 100%;
        font-size: 16px
    }



    #product-cart .area_cart .condi .accept .label-style1 {
        margin-left: 5%
    }

    #product-cart .area_cart .condi .accept input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    #product-cart .area_cart .condi .checkmark {
        margin-left: -35px
    }

    #product-cart .area_cart .allprice-total {
        font-size: 18px;
    }

    #product-cart .area_cart .allprice-total .rowprice {
        width: 100%;
        float: left;
        border-bottom: 1px solid #e9e9e9
    }

    #product-cart .area_cart .allprice-total .rowprice .typep {
        width: 80%
    }

    #product-cart .area_cart .allprice-total .rowprice .numprice {
        width: 20%
    }

    #product-cart .area_cart .allprice-total .total-price-style {
        border-bottom: unset;
        background-color: #f28e77;
        color: #fff
    }

    #product-cart .area_cart .condition {
        font-size: 16px;
        line-height: 1em
    }

    #product-cart .area_cart .condition P {
        margin: 0;
        font-size: 1.1em
    }

    #product-cart .area_cart .total-pay .title {
        font-size: 18px;
    }

    #product-cart .area_cart .total-pay .title .product {
        width: 80%
    }

    #product-cart .area_cart .total-pay .title .price {
        width: 20%
    }

    #product-cart .area_cart .btn_donate {
        text-align: center
    }


    .bg-color-n95 {
        padding-top: 60px;
        margin-top: 150px;
        height: 130vh
    }

    .bg-color-n95 .edicontainer {
        max-width: 100%
    }

    .bg-color-n95 .img-hn95 {
        padding-bottom: 20px;
        margin-left: 55%;
        margin-top: 0
    }

    .bg-color-n95 .img-hn95 img {
        width: auto;
        max-width: 500px
    }

    .bg-color-n95 .img-htx {
        margin-top: 11%;
        margin-left: 20%
    }

    .bg-color-n95 .img-htx img {
        width: 100%
    }

    .bg-color-n95 .img-htx p {
        font-size: 60px
    }

    .bg-color-n95 .img-htx .htx {
        font-size: 100px
    }

    .editvideo_n95 {
        margin-top: 10px;
        top: 64%
    }

    .editvideo_n95 iframe {
        width: 890px;
        height: 500px
    }

    .bg-color-hlr {
        padding-top: 15px;
        margin-bottom: -17px;
        padding-bottom: 20px
    }

    .bg-color-hlr .img-htx {
        text-align: center
    }

    .bg-color-hlr .img-htx img {
        width: 100%
    }

    .bgimage .my-menu .profilepage {
        margin-top: 155px;
        margin-bottom: 0px;
    }

    .bg-color-hlr p {
        font-size: 25px
    }

    .txth-bar-n95 {
        top: -33px;
        margin-bottom: -50px
    }

    .txth-bar-n95 p {
        font-size: 50px
    }

    .txth-bar-n95 img {
        width: 100%
    }

    .txth-bar-n95-edit {
        top: -50px
    }

    .bgimg-n95 .imgtxt {
        margin-bottom: 50px;
        margin-top: 50px;
        margin-right: 50px
    }

    .bgimg-n95 .imgtxt .htxt {
        font-size: 40px
    }

    .bgimg-n95 .imgtxt img {
        width: 100%
    }

    .bgimg-n95 .imgtxt .tx-hcon1 {
        font-size: 50px
    }

    .bgimg-n95 .imgtxt p {
        font-size: 30px
    }

    .bgimg-n95 .imgtxt2 {
        margin-top: 50px;
        margin-left: 50px;
        margin-right: 0
    }

    .bgimg-n95 .bg-colormark {
        background-color: unset;
        padding-top: 15px
    }

    .bgimg-n95 .bg-colormarkmd {
        background-color: #92278f;
        padding-top: 15px
    }

    .bgimg-n95 .mask-edit {
        padding: 20px;
        padding-top: 0
    }

    .bgimg-n95 .mask-edit img {
        width: auto;
        max-width: 160px
    }

    .bgimg-n95 .mask-edit-2 img {
        max-width: 200px
    }

    .bgimg-n95 .btn-btohome {
        padding: 40px;
        margin-top: 50px
    }

    .bgimg-n95 .btn-btohome .btn-btohome-edti {
        font-size: 30px;
        padding: 5px 50px
    }

    .line-con {
        left: 50%;
        top: 150%
    }

    .line-con img {
        width: auto;
        height: 500px
    }

    #info-shipping-address .myButton-submit .myButton-save {
        font-size: 25px;
        padding: 15px 20px;
        width: auto;
    }



    /* #info-shipping-address .txthead-user-style p {
         font-size: 20px;
    } */

    /* #cart-address .cart-address-style .head-cart-address P {
        font-size: 50px;
    } */

    .checkbox-style .checkmark {
        margin-top: 0;
    }

    #timeline-wrap {
        top: 120px;
    }

    /* #product-cart .area_cart {
        padding-top: 11rem;
    } */
    #info-shipping-address .txt-user-style {
        font-size: 18px;
    }

    /* 
    #pay-form .myButton-submit .myButton-paymentgo {
        font-size: 25px;
        padding: 15px;
        width: 200px;
    } */
}

@media (min-width:2000px) {

    /* new version  */
    .contanbanner,
    .container-edit {
        width: 1920px;
        margin: auto;
    }

    .headerbar .headmenu .navbar,
    .headerbar .headmenu #topmenu {
        width: 1920px;
        margin: auto;
    }
}