@charset "utf-8";

/*------- Tablet iPad Landscape --------------------------------*/
@media (min-width:1200px) and (max-width:1400px) {
    #wrapper{width: 90%;}
    .navigation ul li{margin: 0 35px 0 0;}
    .welcome-part .text-section {margin-bottom: 20px;}
    .about-section .block{margin-bottom: 20px;}
    .hero-section{height: 450px;}
}

/*------- Tablet iPad Landscape --------------------------------*/
@media (min-width:1024px) and (max-width:1199px) {
    #wrapper{width: 90%;}
    .top-header{width: 100%; padding: 17px 40px;}
    .navigation ul li{margin: 0 0 0 0;}
    .welcome-part .text-section {margin-bottom: 20px;}
    .about-section .block{margin-bottom: 20px;}
    .hero-section{height: 450px;}
    .welcome-part .col-sm-8 .btn{position: static;}
    .daily-activity .col-xl-6{margin-bottom: 30px;}

}

/*------- Tablet iPad Portrait ---------------------------------*/
@media (min-width:768px) and (max-width:1023px) {
    #wrapper{width: 90%;}
    .top-header{width: 100%; padding: 17px 40px;}
    .navigation{display: none;}
    .top-header .title-part{font-size: 35px; line-height: 1.2;}
    .welcome-part .text-section {margin-bottom: 20px;}
    .about-section .block{margin-bottom: 20px;}
    .hero-section{height: 450px;}
    .welcome-part .col-sm-8 .btn{position: static;}
    .about-section .block .desc-part{margin-left: 10px;width: 78%;}
    .daily-activity .col-xl-6{margin-bottom: 30px;}


}

/*------- Devices ----------------------------------------------*/
@media (max-width:767px) {
    #wrapper{width: 100%;}
    .container-fluid{padding-left: 20px; padding-right: 20px;}
    .h1, h1{font-size: 22px;}
    .h2, h2{font-size: 22px; margin-bottom: 10px;}
    .h5, h5{font-size: 20px;}
    .top-header{width: 100%; padding: 17px 20px 30px 20px;}
    p{font-size: 14px; line-height: 1.5;}

    .top-header .title-part{font-size: 30px; line-height: 1.2;}
    .top-header .title-part small {font-size: 25px;line-height: 1.2;margin-bottom: 0;}
    .hero-section{height: 300px;}
    .play-pause-btn{width: 50px;}
    .welcome-part {padding-top:40px; padding-bottom: 20px;}
    .about-section .block .desc-part {margin-left: 10px;width: 78%;}
    .daily-activity .schedule .days-btn{font-size: 14px;}
    .daily-activity .schedule .event-desc{font-size: 14px;}
    .daily-activity .schedule .no-row .col-4{font-size: 14px;}
    .top-part .side-part .contact-part address{padding-left: 22px;}
    .top-part .side-part .contact-part a{padding-left: 25px;}
    .top-part .side-part .contact-part a{font-size: 13px;}
    .daily-activity .col-xl-6{margin-bottom: 30px;}
    .welcome-part .col-sm-8 .btn{position: static;}
    .event-section{padding-top: 40px; padding-bottom: 20px;}
    .event-section h2 {margin-bottom: 20px;}
    .card-body{padding: 1.25rem;}
    .daily-activity {padding-top: 40px; padding-bottom: 20px;}
    .daily-activity .schedule .event-desc{padding: 10px;}
    .daily-activity .schedule .days-btn{line-height: 1.1; min-height: auto; padding: 10px;}
    .main-footer .top-part {padding-top:40px; padding-bottom: 20px;}
    #accordion .panel-title a{padding-right: 30px; text-align: left; font-size: 14px; position: relative;}
    #accordion .panel-title a:after {content: "";display: inline;text-align: right;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #b30b1c;position: absolute;right: 10px;top: 30px;}

    .custom-dropdown-wrap{position: relative;z-index: 99;}
    .custom-dropdown-wrap .filters{position: absolute;top: 100%;display: none;width: 100%;border: 1px solid #fcb347}
    .filters{background: #efe7d4; }
    .select-trigger:before{content: ""; width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #efe7d4; position: absolute; right: 10px; top: 17px;}
    .select-trigger {display: block;width: 100%;background: #ffb347;color: #fff;padding: 10px 15px;position: relative; cursor: pointer;}
    .filters li{display: block;padding: 0;}
    .tab-part.active:before{display: none;}
    .tab-part{border-radius: 0;border: 0;text-align: left;}
    .col-xl-12.tab-view.mb-4 {margin: 0;}

    .tab-content .card-header{padding: 0;}
    .tab-content small{margin-bottom: 0;}
    .tab-content h5 a{padding: 15px; display: block;}
    .tab-content h5 a:hover{text-decoration: none;}
    .no-row{padding: 30px 0;}
    .tab-content .tab-pane{margin-bottom: 15px; position: relative;}
    .tab-content .tab-pane:before{content: "";width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent; border-top: 10px solid #c22a38; position: absolute; right: 15px; top: 30px; pointer-events: none;}
    .volunteer-part{margin-bottom: 30px !important;}

    .tab-pane {display: block !important;opacity: 1 !important;}
    .card-header{border-bottom: none;}

    .download-section .block .btn{margin: 0 auto;}
}

/*------- Small Devices ----------------------------------------*/
@media (max-width:640px) {
    .h3, h3{font-size: 20px;}
    .top-header .title-part {font-size: 17px;line-height: 1.2;}
    .top-header .title-part small {font-size: 17px;line-height: 1.2;}
    .hero-section{height: 200px;}
    .play-pause-btn{width: 45px;}
    .welcome-part .img-part{margin-bottom: 20px;}
    .about-section .block .desc-part {margin-left: 0px;width: calc(100% - 40px); margin-top: 15px;padding-left: 15px;}
    .about-section .block img{max-width: 35px;}
    .main-footer .top-part .title{font-size: 22px; margin-bottom: 10px;}
    .side-part {margin-top: 20px;}
    .side-part .col-xl-6{margin-bottom: 20px;}
    .side-part h6{margin-bottom: 10px;}
    .bottom-part p {font-size: 14px;line-height: 1.5;padding: 15px 10px;}
    #options li{display: inline-block;vertical-align: middle;padding-right: 15px;}
    #options .control{ padding-left: 20px;font-size: 14px;}
    #options li:first-child{display: block;}
    .control_indicator{width: 16px;height: 16px;}
    .control-checkbox .control_indicator:after {left: 6px;top: 2px;}
    #accordion .panel-title a{padding-right: 30px; text-align: left; font-size: 14px; position: relative;}
    #accordion .panel-title a:after {content: "";display: inline;text-align: right;width: 0;height: 0;border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #b30b1c;position: absolute;right: 10px;top: 30px;}
    .calltoaction{text-align: center;}
    .top-header .title-part{text-align: left; font-size: 20px;}
    .control-group ul{padding: 0; margin: 0; width: 60%; display: inline-block; vertical-align: top;}
    .control-group ul:first-child{width: 40%;}
    .control-group ul li{width: 100%;}

    small{font-size: 12px;}
    .view-all-btn{width: 100% !important; margin: 0 auto !important; text-align: center;}
    .view-all-btn li{display: inline-block !important;}

    .welcome-part .col-sm-8{text-align: center;}
    .welcome-part .btn{display: inline-block; left: auto; right: auto; bottom: auto;}
    .welcome-part .text-section{text-align: left;}

}

@media (max-width:767px) and (orientation:landscape) {
    #accordion .panel-title a::after {top: 16px;}
}

@media(min-width:768px) {
    .nav-tabs {display: flex;}
    .card {border: none;}
    .card .card-header {display:none;}
    .card .collapse{display:block;}
}

/* Added by M */
@media (min-width:1024px) {
	.inline-li ul {display: flex;flex-wrap: wrap;}
	.inline-li li {width: 50%; padding-right: 25px;}
}