/* #Media Queries
================================================== */
@media (min-width:1400px) and (max-width:1499px) {
} 

/* END__ */

@media (min-width:1200px) and (max-width:1399px) {
 .BannerSlider .container{ height: 700px;}
} 
/* END__ */

@media (min-width:992px) and (max-width:1199px) {
.section{ padding: 80px 0;}
.management-names .item {font-size: 24px;}
.BannerSlider .container{ height: 600px;}
.time-box .content time{ font-size: 14px; padding: 0 12px;}
} 

/* END__ */

@media (min-width:768px) and (max-width:991px) {
.pre-header{ display: none;}
.post-header .container{ height: 80px;}
.post-header .container .logo{ order: 1;}
.post-header .container .logo img{ width: 120px; height: auto;}
.post-header .container .btn{ padding: 6px 12px; font-size: 13px; height: auto; order: 2; margin-left: auto;}
.stellarnav { order: 3; margin-left: 16px;}
.page-banner .container{ height: auto; padding-top: 60px; padding-bottom: 60px;}
.section{ padding: 60px 0;}
.footer-top{ padding: 24px 0;}
.center-image{ margin-top: 40px; top: 0;}
.management-names .item {font-size: 24px;}
.management-names .item .asst-name{ padding-left: 32px;}
.management-names .item .names{ margin-left: 16px;}

.timeline-section .item{ padding-left: 120px;}
.timeline-section .item + .item{ margin-top: 24px;}
.timeline-section .item:nth-child(odd) time, .timeline-section .item:nth-child(even) time{ border-radius: 5px 5px 5px 0;}
.timeline-section .item:nth-child(odd) time:after, 
.timeline-section .item:nth-child(even) time:after
{width: 0; height: 0; border-top: 10px solid #b77a3e; border-right: 10px solid transparent; border-left: none; right: auto; left: 0;}
.timeline-section .item .icon{ position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); width: 90px;}
.timeline-section .item:nth-child(odd) [class*=col-], .timeline-section .item:nth-child(odd) [class*=col-] .date{ justify-content: flex-start; text-align: left;}
.timeline-section:after{left: 80px; margin-left: 0;}
.BannerSlider .container{ height: 600px;}
} 
/* END__ */

@media only screen and (max-width:767px) {
.pre-header{ display: none;}
.post-header .container{ height: 80px;}
.post-header .container .logo{ order: 1;}
.post-header .container .logo img{ width: 120px; height: auto;}
.post-header .container .btn{ padding: 6px 12px; font-size: 13px; height: auto; order: 2; margin-left: auto;}
.stellarnav { order: 3; margin-left: 16px;}
.page-banner .container{ height: auto; padding-top: 60px; padding-bottom: 60px;}
.section{ padding: 40px 0;}
.footer-top{ padding: 24px 0;}
.map{ height: 300px;}
.donate-list .item{ background-size: 36px; background-position: 20px center; padding: 16px 16px 16px 76px; flex-direction: column; align-items: flex-start;}
.center-image{ margin-top: 40px; top: 0; max-width: 250px;}
.management-names .item {font-size: 16px;}
.management-names .item .asst-name{ padding-left: 32px;}
.management-names .item .names{ margin-left: 16px;}

.timeline-section .item{ padding-left: 80px;}
.timeline-section .item + .item{ margin-top: 24px;}
.timeline-section .item:nth-child(odd) time, .timeline-section .item:nth-child(even) time{ border-radius: 5px 5px 5px 0;}
.timeline-section .item:nth-child(odd) time:after, 
.timeline-section .item:nth-child(even) time:after
{width: 0; height: 0; border-top: 10px solid #b77a3e; border-right: 10px solid transparent; border-left: none; right: auto; left: 0;}
.timeline-section .item .icon{ position: absolute; top: 50%; left: 0; transform: translate(0, -50%); -ms-transform: translate(0, -50%); -moz-transform: translate(0, -50%); width: 60px;}
.timeline-section .item:nth-child(odd) [class*=col-], .timeline-section .item:nth-child(odd) [class*=col-] .date{ justify-content: flex-start; text-align: left;}
.timeline-section:after{left: 40px; margin-left: 0;}

.w2{ padding: 30px 0;}
.w2 .content{ padding-top: 0; padding-bottom: 0;}
.w2  [class*=col-] + [class*=col-]{ margin-top: 30px;}
.BannerSlider .container{ height: 500px;}

} 
/* END__ */

@media only screen and (max-width:374px) {
} 
/* END__ */

