@media (max-width:1366px) {
.rev_slider_12_1_wrapper2 {
    height: 90vh!important;
}}

@media (max-width:1280px) {
.cap-in {padding: 40px 15px;}
.main-footer .footer-bottom {padding:20px 0px}
.event-page-container{padding:50px 0}
.event-block-three .inner-box .content-column .inner-column p{margin-top:0}
.bg-img1 h2 {font-size:2.325rem; line-height:40px}
.about-text p{line-height:25px}
.event-name { font-size:30px; padding:0 55px 0 25px; margin:2% 0 0 9%}
.cap-details{width:80%; max-width:90%;}
.cap-in h2{font-size:18px;}
.top-link li { padding:0 10px 0 0px}
.bg-img2 h2 {font-size:2.5rem; padding:80px 0;line-height:50px;}
}


@media (max-width:991px) {
#mainNav .container-fluid {background-color: rgba(255, 255, 255, 0.9);}
.navbar-expand-lg { position:fixed;}
}

@media (min-width:992px) {
#mainNav .nav-link {padding:2rem .8rem 2rem .8rem; font-weight:600;}
#mainNav .navbar-brand img { max-width:100%; height:60px;-webkit-transition:height 0.3s;
-moz-transition: height 0.3s;transition: height 0.3s;}
#mainNav.navbar-shrink .navbar-brand img  { height:50px;-webkit-transition: height 0.3s;
-moz-transition: height 0.3s;
transition: height 0.3s;}
#mainNav.navbar-shrink .nav-link {padding:1.6rem .8rem 1.6rem .8rem;}
}
 

@media (max-width:1191px) {
#mainNav .navbar-brand { width:180px}
.top-link li {padding:0 5px 0 0px}
.top-link li i { font-size:11px}
.the-world h2 {font-size:1.7rem}
.the-world { padding:10px 30px}
.two-img2 {padding-top:70px!important;padding-bottom:70px!important;}
.img-css2 {top:-136px;}
.bg-img2 h2 {padding:50px 0; font-size:1.9rem}
}


@media (max-width:1024px) {
.service-block-two .inner-box .text{font-size:14px;}
.top-link li {padding:0 10px 0 10px}

.top-link li i {font-size:8px;margin: 0 5px 0 5px;}
#mainNav .navbar-brand img { width:200px}
.boder-b .container { width:100%!important; max-width:100%!important} 
.the-world {padding:15px 15px}
.the-world h2 {font-size:2rem}
.event-name { margin:2% 0 0 0}
#time-container { margin:50px 0 0 0}
.first-slide .defaultimg {background-position:70% center!important;}

#about-us h1 {margin:0;}
#about-us h2 { margin:0 0 20px 0; padding:0 0 20px 0}
#about-us {padding: 48px 0 30px 0;}
.cap-in h2 {font-size:20px}
.main-footer .services-widget {padding-left:0;}
.main-footer .posts-widget {margin-left:0;padding-right:0;}
.img-css { top:-243px}


.timeline--vertical-circles .timeline__item:nth-child(odd) {    padding-right: 30px;}
.timeline--vertical-circles .timeline__box img+.timeline__content .timeline__date, .timeline--vertical-squares .timeline__box img+.timeline__content .timeline__date { text-align:center; margin-bottom:10px}
.timeline--vertical-circles .timeline__box img+.timeline__content, .timeline--vertical-squares .timeline__box img+.timeline__content { padding:50px 20px 10px}

.timeline--vertical-circles .timeline__item:nth-child(even) {padding-left:30px;}
.timeline--vertical-circles .timeline__item:after { width:25px;}
.timeline--vertical-circles .timeline__content {padding: 40px 50px 30px;}

.timeline--vertical-circles .timeline__content {padding: 20px 20px 20px;}
.timeline--vertical-circles .timeline__content ul li, .timeline--vertical-squares .timeline__content ul li {
display: inline-flex; font-size:15px}
.timeline__box .mt-30 {margin-bottom:30px;}
.dp-container { padding-right:15px}
}


@media (max-width:991px) {
#mainNav .navbar-toggler {float:right; margin:25px 0 0 0; background:#fff; border-radius:30px; border:0!important}
#mainNav .nav-link { background:#000; padding:8px 15px; border-top:solid 1px #474747; color:#fff!important}
#mainNav .nav-link:hover { background:#009ba5!important; border-top:solid 1px #474747; color:#fff!important}
.nav-item .active{color:#fff!important}
.bg-img1 { min-height:inherit}
.bg-img1 h2 {padding:50px 0}
.bg-img1 br { display:none}
#popular-causes { padding:50px 0 50px 0}
#popular-causes h2 { margin:0 0 30px 0}
#about-us h1 { text-align:center}
#about-us h1 { text-align:center; margin:50px 0 0 0}
#about-us h1:before { margin:0 auto; left:0; right:0;}
#about-us h1 {padding:0 0 20px 0}
#about-us { padding:50px 0 50px 0 }
#volunteers { padding:50px 0 50px 0; min-height:inherit}

#causes-page {padding:50px 0 10px 0;}

#section-portfolio {padding:50px 0 50px 0;}
.event-page-container { padding:50px 0px 50px}
.content-section {padding:50px 0 30px 0;}


#volunteers h2 {margin:0 0 30px 0}
.social-team li {margin:0 4px}
.cap-details {top:15%;}
.cap-in  {padding:27px 15px 5px 15px}
.cap-in h2 {font-size:17px}
.subscribe-section .title-column, .subscribe-section .call-btn { text-align:center; position:relative}
.main-footer .posts-widget {margin-left:0; padding-right:0;}
.main-footer .services-widget { margin-left:0; padding-left:0}

.main-footer .logo-light img { width:180px}
.top-link { display:none} 
.boder-b {display:none}

.service-block-two .inner-box {padding-left:109px;}

.counter__wrapper-filled h4 { font-size:23px}

#time-container {margin:50px 0 0 0}
.event-name {margin:2% 0 0 0}

.intro-video {margin: 0 auto 40px auto ;max-width: 100%;text-align: center;}

.schedule-slot-title { font-size:16px;}  
.contact-left-form { margin:0 0 25px 0} 
.venu-info-content { margin:0 0 50px 0}
.progress__title { margin-bottom:20px}
 
.schedule-slot-time { float:none; width:100%}
.schedule-slot-info { display:inline-block; width:100%; text-align:center}
.schedule-slot-info-content { margin:0}
 

.team-persone-circle__contacts {left:10%;}
.mt-110 {margin-top:50px!important;}
.event-block-three .inner-box .content-column .post-meta li a { font-size:12px}
.schedule-slot-time {font-size:16px}
.schedule-slot-time span { font-size:14px}
.schedule-slot-info-content p { font-size:13px;}

.event-block-three .inner-box .content-column h3 { font-size:18px; line-height:20px}
.event-block-three .inner-box .content-column .upper-box .upper-inner .category { font-size:12px}
.event-block-three .inner-box .content-column .upper-inner {padding-bottom:30px}

.section-title h2 { padding:0 0 10px 0}

.bg-img2 h2 { padding:40px 0}
.the-world h2 {font-size:1.8rem}
.two-img2 {padding-top:50px!important;padding-bottom:50px!important;}

.img-css { position:relative; top:auto; margin-bottom:50px}
.img-css2 {position:relative; top:0;  margin-bottom:20px!important;}
.navbar-nav { width:100%}
.mobile-2 { display:none}

}


@media (max-width:800px) {
.pt-60 {padding-top: 85px!important;}

.timeline--vertical-circles .timeline__box img+.timeline__content .timeline__date, .timeline--vertical-squares .timeline__box img+.timeline__content .timeline__date { padding:10px 10px}
}


@media (max-width:800px) {
.contact-grids .mt-5, .my-5 {margin-top:3rem!important;}
.font__size-64 {font-size: 2.5rem;}
.breadcrumbs__section-squared .breadcrumb li {font-size:13px;}
.numbers-container {top:8px;}
.title__divider__wrapper {font-size:30px;}
.title__divider--circle .line-left {right:117%;}
.title__divider--circle .line-right {left:117%;}
}


@media (max-width:768px) {
.rev-btn{ text-align:center!important;}
.rev_slider_12_1_wrapper2 { height:90vh!important}
.discover { margin:50px 0 0 0!important}
.text3 { padding:10px 0 0 0!important}
}


@media (max-width:767px) {
#about-us h1 { margin:30px 0 30px 0!important;}

.img-css { position:relative; top:auto; margin-bottom:50px}
.img-css2 {position:relative; top:0;  margin-bottom:20px!important;}
.two-img2 {padding-top:50px!important; padding-bottom:50px!important;}

.the-world h2 {font-size:1.3rem; text-align:center}
.cap-details { display:none}
.subscribe-section .text {font-size:13px;}
.subscribe-section { padding:26px 0 26px}
.subscribe-section .title-column { margin-bottom:5px}
.subscribe-section .subscribe-form .form-group { margin-bottom:0}
 
.main-footer .logo-light img { display:inline-block}
.main-footer .logo-light { margin-bottom:20px}
 
.main-footer .contact-info-list li {padding-left:30px ;}
.main-footer .contact-info-list li { text-align:left}
 
.main-footer .footer-column .widget-title {margin-top:30px;margin-bottom:30px;}
.main-footer .posts-widget .post {text-align:left;  padding-left: 100px;}

.bg-img1 h2 { text-align:center;font-size:1.8rem;}
.mb-50 {margin-bottom:50px;} 

#about-us h1  {font-size:25px; letter-spacing:0; line-height:28px}
#about-us h1 .small{margin-bottom:10px}
#popular-causes .btn{margin-top:0}
.navbar-light .navbar-nav .nav-link {color:#fff}
#mainNav .navbar-toggler {margin:8px 0 0 0}
.progress-levels .progress-box {padding-top:30px;}

.box-css { padding:30px 14px} 
.subscribe-section h2 {font-size:1.54rem;}
#volunteers h2 {font-size:1.5rem}
.main-footer .footer-bottom ul li a { font-size:14px;}
.main-footer .footer-bottom p { font-size:14px;}
.main-footer .footer-bottom ul li {display: inline-block;margin:0 5px;}

.caption-boder {border-left:0;padding:0;}
 
.text2 {font-size:2.75rem;}
.text3 { line-height:20px; margin:20px 0 0 0}
#mainNav {padding:0;}
.team-persone-circle { max-width:100%;}

.pt-60 {padding-top:80px!important;}
#mainNav .navbar-brand { padding:.3rem 0}
.font__size-64 {    font-size: 3.5rem;}

.timeline--vertical-circles .timeline__item:nth-child(even) {
padding-left:0;
} 

.timeline--vertical-circles .timeline__item:nth-child(odd) {  padding-right:0}
.service-block-two .inner-box .icon-box { width:70px}

.right-css {float:none}

.event-block-three .inner-box .image-column .image {margin-bottom:20px;}
.view-grid {text-align:center}
.title-css { text-align:center}
.book-now { text-align:center}
.event-block-three .inner-box .content-column .post-meta {margin-bottom:0;}

.event-page-container {position:relative;padding:50px 0px 5px;}

#mainNav.navbar-shrink .nav-link { border-bottom:0!important;     border-bottom:0 solid transparent!important;}


#contact {padding:30px 0;}
.contact-left-form {padding:1em}
.contact-forms input, .contact-forms textarea, .contact-forms select {padding:1em 1em}
#filters li span { padding:13px 10px; font-size:13px; margin-bottom:5px;}
.image-column .pattern-layer {right:0;}
.padd-0 { padding:0; margin-bottom:10px}

.about-section { background:none}
.grid.effect-6 {margin-bottom:0!important}
.hover-css { margin-bottom:15px;}
.schedule-slot-info-content { padding:0; text-align:center}
.schedule-slot-speakers { margin-bottom:15px; width:100px}
.schedule-slot-info-content p {margin-bottom:15px}
.schedule-slot-time { display:inherit; margin:0 auto; width:150px;}

.two-img { padding-top:30px; padding-bottom:20px} 
#about-us { padding:50px 0 30px 0}
.title-css h5 { margin:10px 0 10px 0}

.date-3 {display:none!important} 

.event-block-three .inner-box .content-column .upper-inner { padding:0}
.event-block-three .inner-box .content-column .upper-box .upper-inner .category {text-align:left!important; border-bottom:solid 1px #ccc; margin:15px 0 15px 0; padding:0 0 15px 0}
.event-block-three .inner-box .content-column h3 { margin:0}
.date-outer { right:5px; top:5px; left:auto; border:solid 2px #fff}
.event-block-three .inner-box .image-column .image { margin-bottom:0}
.text3 { padding:0!important}
.bg-img1 h2 { line-height:40px}

.rev_slider_12_1_wrapper2, #rev_slider_12_1_wrapper {
    height: 85vh!important;
}
.box-css h4 { font-size:20px}

.imghvr-zoom-out p { font-size:12px; margin-bottom:5px} 
.imghvr-zoom-out h3 { font-size:20px;}
[class^=imghvr-] figcaption a { padding:20px}

}


@media (max-width:720px) {
.team-persone-circle__bg {min-height:353px;}
.team-persone-circle__name-position {bottom:27px;}

}


@media (max-width:575px) {

.css-center { text-align:center}
.share2 h4 { float:none}
.share2 { float:none; margin-top:20px; text-align:center}
.main-footer .footer-column .widget-title:after { display:none;}
.main-footer .footer-column .widget-title:before { width:100%; height:1px;     box-shadow: 0 0 0 6px #fff inset, 0 0 10px 0 rgba(255, 255, 255, 1)!important;}
.main-footer .footer-column .widget-title { border-top: solid 1px #fff; padding:10px 0}
#counter-bg {padding:2rem 0}
.counter__wrapper-icon .counter { font-size:50px} 
.counter__wrapper-icon h4 { font-size:20px;}
.rev_slider_12_1_wrapper2, #rev_slider_12_1_wrapper {height: 100vh!important;}
#mainNav .navbar-brand img {width:180px;}
}
@media (max-width:480px) {

.rev-btn{ text-align:center!important;bottom:-80px;}
#slider-1760-slide-5240-layer-3 { margin:0 0 0 -10px!important}
#slider-1760-slide-5240-layer-4 { margin:0 0 0 -80px!important}


.slick-prev:before, .slick-next:before { font-size:30px;}
.service-block-two .inner-box .icon-box { margin:0; padding:0; left:0; right:0; margin:0 auto 20px auto; position:relative}
.service-block-two .inner-box { padding-left:0; width:100%; text-align:center}
.service-block-two .inner-box .text {margin-top:0;}


.event-name { font-size:20px;line-height:50px;}
#time-container { margin:24px auto 0 auto}
.event-block-three .inner-box .content-column h3 {font-size:15px; margin:10px 0 0 0; line-height:1.3em}
.date {font-size:25px;}
.post-meta { text-align:center}
.font__size-64 {font-size:3rem;} 

.featured-tab .nav.nav-tabs li {display:inline-block; margin: 0 0 25px 0;}
.featured-tab .nav-tabs > li > a {margin:0 8px 0 0}
.title__divider__wrapper {font-size:23px;}
.section-title h2 {line-height:40px;}

.singel-services {margin-bottom:20px;} 
#services-part {padding:30px 0 30px 0;}
#about-us {padding:40px 0 10px 0;}
#popular-causes h2 {margin:0 0 10px 0}
#popular-causes { padding:30px 0 50px 0}

#volunteers {
    padding:30px 0 30px 0;
    min-height: inherit;
}
#volunteers h2 {margin:0;}


.two-img2 {padding:40px 15px 40px 15px!important}
.bg-img2 h2 { padding:40px 15px;font-size: 1.8rem; line-height:inherit}


 
.title__divider--circle .line-left {right:113%;}
.title__divider--circle .line-right {left:113%;}

.bg__style {background-position:left center;}
.counter__wrapper-filled h4 {margin:40px 0 0 0;}

.section-title h2 {font-size:45px; margin:0 0 10px 0; }
.mt-110 {margin-top:50px!important;}
.timelines {padding:30px 0 70px 0}
.our-awards {padding:30px 0 30px 0}
.event-page-container {position:relative;padding:30px 0px 5px;}
#section-portfolio { padding:30px 0 30px 0}

#ts-intro {padding:20px 0; position:relative;}
#ts-intro .mb-5 {margin-bottom:1rem!important;}
.ts-schedule {padding:30px 0}
.ts-schedule .mb-5 {margin-bottom:1rem!important;}
.team-persone-circle__bg {min-height:325px;}
.team-persone-circle { min-height:inherit}
.team-persone-circle__name-position {bottom:15px;}

.blog-in h1 {font-size:19px}
.comm-date li { margin:0 1px}

.dp-container { float:none; padding:0; margin:0 auto 20px auto}
.main-comment { width:100%; text-align:center}

.loader {margin:60% auto 0 auto;} 
#mainNav .navbar-brand { padding:0}
.navbar-brand {margin:5px 0 5px}
#mainNav {padding:0;}
#mainNav .navbar-toggler {margin:13px 0 0 0}

#filters li { width:48%; margin:0 0 1px 0}
#filters li span { padding:13px 10px; font-size:13px; margin-bottom:5px;} 
#portfoliolist { margin-top:20px}
.event-block-three .inner-box .content-column .upper-box .upper-inner .category {font-size:16px;}	

.two-img {padding-top: 30px;padding-bottom:10px;}
.blog-bg  { padding:30px 0 20px 0!important}
.discover { margin:0!important}
.text3 { font-size:14px;}

.imghvr-zoom-out p { font-size:15px; margin-bottom:10px} 
.imghvr-zoom-out h3 { font-size:25px;}
.sidepan img { width:100%; height:100%;}
.sidepan {background:#dcdbd7}
}

@media (max-width:414px) {
#volunteers h2 {font-size:1.2rem;}
.text2 {font-size:1.8rem;}
#mainNav .navbar-brand img {width:125px}
#mainNav .navbar-brand {padding:.6rem 0;}
#mainNav .navbar-toggler {margin:11px 0 0 0;}
.the-world h2 {font-size:1.1rem;}
#popular-causes h2 {font-size:25px;}

.name-css { left:0; right:0; width:100%}
.owl-carousel.owl-drag .owl-item { text-align:center}
.name-css { font-size:23px;}
.main-footer .about-widget .text{font-size:15px;}
.main-footer .services-widget .list li a{line-height:35px; font-size:15px}
.team-social a { margin:0 0 0 5px}

.service-block-two {position: relative;margin-bottom:40px;}

.services-section { padding:30px 0 15px 0}
.our-team { padding:30px 0 40px 0}

.font__size-64 {font-size:2.5rem;} 
#filters li { width:48%}

.featured-tab .nav-tabs > li > a { margin:0 3px 0 0; padding:10px 16px; font-size:13px;}
.featured-tab .nav.nav-tabs li { font-size:13px}

.featured-tab .nav.nav-tabs {margin-bottom:0;}

.schedule-date {font-size: 20px;margin-bottom: 20px;margin-top:0}

.team-persone-circle__contacts {left:5%;}
.font__size-18 { font-size:1rem}
.team-persone-circle__name-position span {font-size:13px;}
.font__size-64 {font-size: 2rem;}

.owl-carousel .owl-item img {width:100%;}
.numbers-container {top:12px;}
.team-persone-circle__bg {min-height:463px;}

}

@media (max-width:375px) {
.event-block-three .inner-box .content-column .upper-box .upper-inner .category{position: relative;
color:#333333;font-size: 14px;}

.event-block-three .inner-box .content-column .inner-column p {font-size:14px}
.numbers-container {top:35px;}
#time-container {margin: 0 auto 0 auto;}
.team-persone-circle__bg {min-height:443px;}
.main-footer .footer-bottom {padding:30px 0px;}
.blog-in h1 { font-size:17px}
.event-block-three .inner-box .content-column .post-meta li {font-size:13px}

}

@media (max-width:375px) {
.tp-caption{min-width:300px!important; max-width:300px!important}
.team-persone-circle {margin:15px 0}
.menu-item, .menu-open-button { width:70px;height:70px;line-height:70px;font-size:16px;}

}


@media (max-width:320px) {
.numbers-container {top:59px;}
#ticker { display:none}
#timeleft {font-size:14px!important;}
.team-persone-circle__bg {min-height:383px;}
.progress__title {font-size:12px;}
.main-footer .footer-bottom ul li a { font-size:11px;}
.main-footer .footer-bottom p { font-size:11px;}
}
@media (min-width: 567px) and (max-width: 737px) {
#mainNav .navbar-brand img{width:120px}
#mainNav {padding: 0 0 5px 0;}
.caption-boder{margin-top:25px!important}}

@media (max-width:737px) {.tp-caption.caption-boder{min-width:500px!important; max-width:500px!important; }}

@media (max-width:500px) {.tp-caption.caption-boder{min-width:300px!important; max-width:300px!important; }}



#topcontrol { z-index:999;}