#payment-delivery { background: #FAFAFF; }
#payment-delivery section { padding: 45px; background: #FFFFFF;  }
#payment-delivery section h1 { font-size: 36px; color: #000000; margin-bottom: 55px; color: #111111; }
#payment-delivery .paycol { float: left; width: 33.3%; }
#payment-delivery .paycol h2 { font-size: 22px; color: #252525; }
#payment-delivery .paycol .body { min-height: 258px; margin-top: 35px; border-right: 1px solid #E5E5E5; }
#payment-delivery .paycol1 .body, #payment-delivery .paycol1 h2 { padding-right: 45px; }
#payment-delivery .paycol2 .body, #payment-delivery .paycol2 h2 { padding: 0px 45px; }
#payment-delivery .paycol3 .body, #payment-delivery .paycol3 h2 { padding-left: 45px; }
#payment-delivery .paycol3 .body { border-right: 0px !important; }

#payment-delivery .paycol .item { margin-bottom: 7px; min-height: 64px; position: relative; overflow: hidden; font-size: 14px; line-height: 24px; color: #252525; }
#payment-delivery .paycol .item .icon { float: left; margin: 0px 18px 5px 0px; display: block; width: 63px; height: 64px; overflow: hidden; }
#payment-delivery .paycol .item .icon img { max-width: 63px; max-height: 64px; }
#payment-delivery .paycol .item strong { display: block; padding: 8px 0px 4px 0px; font-size: 16px; line-height: 24px; font-weight: bold; color: #252525; }
#payment-delivery .paycol .item p { margin-top: 10px; }

#payment-delivery .rectangle { min-height: 108px; padding: 5px 0px; }
/*#payment-delivery .rectangle div { position: relative; margin: 0px auto; padding: 0px 60px 0px 150px; width: 510px; min-height: 146px; background: #FFFFFF; border: 1px solid #EDEDF1; border-left: 0px; border-right: 1px solid #D4D4D7; box-shadow: 1px 0px 1px 0px rgba(183,183,183,0.75); font-size: 14px; line-height: 24px; color: #252525; }*/
#payment-delivery .rectangle div { position: relative; margin: 0px auto; padding: 0px 60px 0px 150px; width: 510px; min-height: 106px; font-size: 14px; line-height: 24px; color: #252525; }
#payment-delivery .rectangle div:before { content: ""; position: absolute; left: 58px; top: 49px; display: block; width: 48px; height: 48px; border: 2px solid #5DBFD7; border-radius: 50%; }
#payment-delivery .rectangle div:after { content: "!"; position: absolute; left: 58px; top: 49px; display: block; width: 52px; height: 52px; text-align: center; line-height: 52px; font-wegiht: bold; font-size: 30px; color: #5DBFD7; }
#payment-delivery .rectangle .rect1 { padding-top: 48px; }
#payment-delivery .rectangle .rect2 { padding-top: 34px; }
#payment-delivery .rectangle .rect3 { display: block; padding: 34px 0px; }

#payment-delivery .delivery { position: relative; width: 355px; margin: 0px auto; height: 220px; padding: 28px 0px 28px 445px; background: url('images/paymentdelivery/newpostmap.jpg') no-repeat; }
#payment-delivery .delivery ul { height: 220px; border-left: 1px solid #E5E5E5; margin: 0px; padding: 0px 0px 0px 70px; }
#payment-delivery .delivery ul li { list-style: none; margin: 0px; padding: 12px 0px; font-size: 14px; line-height: 18px; color: #252525; }
#payment-delivery .delivery ul strong { display: block; font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 5px; }

#payment-delivery .delivery320 { display: none; position: relative; padding-top: 85px; background: url('images/paymentdelivery/newpost320.jpg') no-repeat 50% 0px; }
#payment-delivery .delivery320 ul { margin: 0px; padding: 0px; }
#payment-delivery .delivery320 ul li { list-style: none; margin: 0px; padding: 12px 0px; font-size: 14px; line-height: 24px; color: #252525; }
#payment-delivery .delivery320 ul strong { display: block; font-size: 16px; color: #252525; font-weight: bold; margin-bottom: 5px; }

@media all and (max-width: 890px)
{
    #payment-delivery .delivery { width: auto; height: auto; padding: 249px 0 28px 0px; background-position: top center; }
    #payment-delivery .delivery ul { height: auto; border-left: none; padding: 40px 0px 0px 0px; }
}

@media all and (max-width: 770px)
{
    #payment-delivery .paycol { float: none; width: 100%; margin-bottom: 20px; }
    #payment-delivery .paycol h2 { padding: 0px !important; }
    #payment-delivery .paycol .body { display: flex; flex-wrap: wrap; justify-content: space-between; border: 0px !important; padding: 0px !important; min-height: auto; overflow: hidden; }
    #payment-delivery .paycol .item { margin-bottom: 0px; width: 31%; }
    #payment-delivery .paycol .item:last-child { margin-right: 0px; }
    #payment-delivery .paycol .item .icon { float: none; margin: 0px 0px 10px 0px; }
    #payment-delivery .paycol3 .item { float: none; width: 100%; margin: 0px; }
    #payment-delivery .paycol3 .item .icon { float: left; margin: 0px 10px 5px 0px !important; }
    #payment-delivery .paycol3 .item strong { width: 300px; }
    
    #payment-delivery .rectangle div { width: 100%; box-sizing: border-box; }
}
@media all and (max-width: 550px)
{
    #payment-delivery section h1 { font-size: 22px; }
    #payment-delivery .paycol .item { margin-top: 20px; width: 48%; }
    #payment-delivery .paycol .item:nth-child(-n+2) { margin-top: 0px; }
}
@media all and (max-width: 500px)
{
    #payment-delivery .delivery { background-size: 100%; padding-top: 68%; }
}
@media all and (max-width: 455px)
{
    #payment-delivery .rectangle div { padding: 0px 20px 0px 100px; }
    #payment-delivery .rectangle div:before,
    #payment-delivery .rectangle div:after { left: 22px; }
    #payment-delivery .rectangle .rect1 { padding: 24px 0px; }
    
    #payment-delivery .paycol .item { width: 100%; }
    #payment-delivery .paycol .item:nth-child(-n+2) { margin-top: 20px; }
    #payment-delivery .paycol .item:nth-child(-n+1) { margin-top: 0px; }
    
    #payment-delivery section { padding: 20px; }
}
@media all and (max-width: 400px)
{
    #payment-delivery .rectangle div { padding: 0px 20px 0px 70px; }
    #payment-delivery .rectangle div:before, #payment-delivery .rectangle div:after { left: 10px; }
}