/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.post-header .logo{ order: 1;}
.stellarnav{ margin-left: 16px; order: 3;}
.post-header .btn{ margin-left: auto; order: 2;}
} 
/* END__ */

@media (min-width:768px) and (max-width:991px) {
.post-header .logo{ order: 1;}
.stellarnav{ margin-left: 16px; order: 3;}
.post-header .btn{ margin-left: auto; order: 2;}
.pre-header .container ul{ display: none;}
.pre-header .container{ justify-content: center;}
.pre-header .container .logos{ margin-left: 0;}
.home-banner{ padding-top: 24px;}
.w1{ padding: 120px 0 60px}
.gift-box .gift-img{ top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.gift-box .btn{ margin-top: 24px;}
.section{ padding: 50px 0}
.footer-top{ padding: 40px 0;}
.footer-content{ padding: 40px 0 80px}
.footer-bottom{ text-align: center; padding-top: 50px;}
.footer-bottom ul{ margin: 0; justify-content: center;}
.footer-bottom .d-flex{ justify-content: center;}
.event-item ul{ flex-direction: column; align-items: flex-start;}
.event-item ul li + li{ margin-top: 6px; margin-left: 0;}
.new-home-banner{ padding: 30px 0;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.btn{ font-size: 16px; height: 50px;}
.container{ padding-left:16px; padding-right: 16px;}
.pre-header .container{ height: 35px;}
.pre-header .container img{ height: 30px; width: auto;}
.post-header .logo{ order: 1; width: 150px;}
.stellarnav{ margin-left: 16px; order: 3;}
.post-header .btn{ margin-left: auto; order: 2; font-size: 14px; padding: 0 20px; height: 36px;}
.pre-header .container ul{ display: none;}
.pre-header .container{ justify-content: center;}
.pre-header .container .logos{ margin-left: 0;}
.home-banner{ padding-top: 24px;}
.home-banner .banner-form .price-radio input[type="radio"] + label{ font-size: 20px; height: 50px;}
.w1{ padding: 120px 0 60px}
.gift-box .gift-img{ position: relative; top: auto; left: auto; display: block; margin: 0 auto 30px;}
.gift-box .btn{ margin-top: 24px;}
.section{ padding: 30px 0}
.footer-top{ padding: 24px 0; flex-direction: column;}
.footer-top ul{ margin: 15px 0 0 0;}
.footer-top ul li a{ height: 48px; width: 48px;}
.footer-content{ padding: 40px 0 80px}
.footer-bottom{ text-align: center; padding-top: 50px;}
.footer-bottom ul{ margin: 0; justify-content: center;}
.footer-bottom .d-flex{ justify-content: center;}
.home-banner .banner-form .image-radio input[type="radio"] + label{ padding: 10px; height: 130px;}
.home-banner .banner-form .image-radio input[type="radio"] + label img{height: 45px; width: auto;}
.gift-box{ padding: 30px; text-align: center;}
.counter-section{ padding: 24px 0 0}
.amount-check .sub-total{ font-size: 50px;}
.amount-check{ padding: 20px;}
.page-banner .container{ height: auto; padding-top: 60px; padding-bottom: 60px; justify-content: center;}
.volunteer{ padding: 24px;}
.volunteer .flex-grow-1{ padding: 0;}
.volunteer .ratio{ margin-top: 0; margin-bottom: 24px;}
.event-item ul{ flex-direction: column; align-items: flex-start;}
.event-item ul li + li{ margin-top: 6px; margin-left: 0;}
.new-home-banner{ padding: 30px 0;}
} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */

