#grid-text {
padding-left: 14%;
padding-right: 14%;
}

#button_buynow {
padding-right: 33.5%;
padding-bottom: 14%;
}

.btn-shopping {
font-family: “MrEaves_VOGUE_TH_Bd”;
font-size: 20px;
display: inline-block;
background-color: #B61056;
border: solid 1px #B61056;
color: #ffffff;
padding: 0 10px;
margin: 5px 0 !important;
min-width: 240px;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-ms-transition: 0.4s;
transition: 0.4s;
margin-top: 0px;
border-radius: 0;
}

/*เพิ่มมา */
.ad_banner_desktop {
width: 100%;
height: auto;
}

.ad_banner_mobile img {
width: 0px;
}

/* ad article bottom */
.ad_article_bottom_desktop img {
width: auto;
height: auto;
padding-top: 1%;
padding-bottom: 6%;
/*padding-left: 4%; */
margin-left: 24%;
}

.ad_article_bottom_mobile img {
width: 0px;
height: 0px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1336px) {

/* ad article bottom */
.ad_article_bottom_desktop img {
margin-left: 15%;
}

/*.ad_article_bottom_mobile img {
width: 100%;
height: auto;
margin-left: 0px;
margin-right: 0px;
margin-left: 70%;
padding-top: 0;
padding-bottom: 4%;
} */
}

@media only screen and (max-width: 480px) {
#grid-text {
padding-left: 0%;
padding-right: 0%;
}

.ad_banner_desktop img {
display: none;
}

.ad_banner_mobile img {
width: 100%;
height: auto;
}

.btn-shopping {
margin-right: 2.1em !important;
min-width: 80% !important;
}

/* ad article bottom */
.ad_article_bottom_desktop img {
display: none;
}

.ad_article_bottom_mobile img {
width: 100%;
height: auto;
margin-left: 0px;
margin-right: 0px;
margin-left: 13.5%;
padding-top: 0;
padding-bottom: 18%;
}

.shopping-left-btn {
float: right !important;
}

.shopping-right-btn {
float: right !important;
}
}

/* Media query for desktop screens */
@media (min-width: 992px) {
.buy-now-row {
margin-left: 0% !important;
}

.shopping-left-btn {
float: right !important;
}

.shopping-right-btn {
float: left !important;
}
}

.popup {
/*background-color: transparent; */
/*height: 0px;
width: 0px; */
width: 100%;
height: 12%;
bottom: 0;
display: none;
text-align: center;
position: fixed;
z-index: 999;
/*เพิ่มของ popup text+img */
/*background-color: #F7F7F7; */
background-color: #fff;
-webkit-box-shadow: 0 -14px 50px rgba(0, 0, 0, .2);
box-shadow: 0 -14px 50px rgba(0, 0, 0, .2);

}

.p img {
width: 100%;
height: auto;
float: left;
}

.p_mobile img {
width: 0px;
}

.popup button {
display: block;
margin: 0 0 0 auto;
background-color: transparent;
font-size: 30px;
color: #000;

border-radius: 100%;
width: 40px;
height: 0px;
border: none;
outline: none;
cursor: pointer;
}

.popup h2 {
margin-top: -20px;
}

.popup p {
font-size: 14px;
text-align: justify;
margin: 20px 0;
line-height: 25px;
}

/*เพิ่มของ popup text+img */
#img_popup {
width: 6%;
height: auto;
margin-top: 1.5%;
margin-left: 2.8%;
}

.text-popup {
float: left;
width: 55%;
padding-left: 1.5%;
padding-top: 0.5%;
}

.text-popup h1 {
font-family: ‘MrEaves_VOGUE_TH_Rg’, sans-serif;
font-size: 24px;
margin-top: 3%;
text-align: left;
padding-left: 4.5%;
}

.button1 {
font-family: ‘MrEaves_VOGUE_TH_Rg’, sans-serif;
color: #fff;
padding: 10px 55px;
background-color: #000;
text-decoration: none;
display: inline-block;
font-size: 12px;
cursor: pointer;
float: right;
}

.btn {
float: right;
width: 22%;
padding-top: 1.5%;
padding-right: 3.4%;
}

.btn a:hover {
color: #fff;
background-color: #f00000;
}

#close {
font-size: 30px;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1336px) {
/* small desktop */

.btn {
width: 27%;
padding-top: 1.5%;
}

.text-popup h1 {
font-size: 22px;
margin-top: 2.5%;
padding-left: 6%;
}

.popup {
height: 13%;
}

#close {
font-size: 30px;
}

#img_popup {
width: 8%;
height: auto;
margin-top: 1.7%;
padding-left: 2%;
}

.button1 {
padding: 10px 40px;
margin-right: 15%;
font-size: 10px;
}
}

@media only screen and (max-width: 480px) {
/* mobile */

.popup {
/*height: 9%; */
height: 0px;
width: 0px;
}

.text-popup h1 {
font-size: 14px;
margin-top: 6.5%;
padding-left: 2.5%;
padding-right: 0%;
width: 84%;
}

.btn {
margin-top: 3.8%;
margin-right: 2%;
}

.button1 {
padding: 5px 0px;
font-size: 8px;
width: 108px;
}

#img_popup {
width: 12%;
margin-top: 5%;
}

.text-popup {
width: 58%;
}

#close {
font-size: 20px;
}
}

/*—————–tablet—————————–*/
/* iPads (portrait) ———– */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {

.popup {
/*height: 28%;*/
height: 0px;
width: 0px;
}

#img_popup {
width: 14%;
float: none;
padding-top: 2%;
}

.text-popup {
width: 100%;
float: none;
padding-left: 28%;
padding-right: 28%;
}

.text-popup h1 {
font-size: 24px;
text-align: center;
}

.button1 {
float: none;
width: 100%;
}

.btn {
float: none;
width: 100%;
padding-top: 2%;
margin-left: 0;
margin-right: 0;
padding-left: 28%;
padding-right: 28%;
}

#close {
font-size: 40px;
}
}