@media only screen and (min-width: 1500px) {
.banner-section{min-height:85vh}
.video-inner-sec{max-height:85vh;overflow:hidden}
}
@media only screen and (max-width: 1800px) {
.services-section-two.left-side-img:before{display:none}
}
@media only screen and (max-width: 1600px) {
.services-section:after{display:none}
}
@media only screen and (max-width: 1340px) {
.page-wrapper{overflow:hidden}
.events-section .owl-nav .owl-prev{left:-40px}
.events-section .owl-nav .owl-next{right:-40px}
.services-section:after{display:none}
}
@media only screen and (max-width: 1140px) {
.banner-section{min-height:500px}
.video-inner-sec{max-height:500px;overflow:hidden}
.auto-container{padding:0 15px}
.video-container video{margin-top:-75px}
.main-header{position:relative;margin:0!important}
.page-wrapper{overflow:hidden}
.fullwidth-section .section-outer .content-column .content h2{font-size:26px}
.fullwidth-section .section-outer .content-column{padding-left:30px}
.volunter-member .inner-box .content-column .inner-column{padding:15px 10px 10px}
.event-block .inner-box .content-column .inner{padding:20px 10px 58px}
.environment-section .content-column .content-inner{margin-right:0}
.sidebar-page-container .sidebar-side .sidebar{padding-left:0}
.contact-section .form-column .column-inner{padding-right:0}
.main-menu .navigation > li{margin-left:20px}
.featured .flexbox .col2 {
    width: calc(50% - 15px);
}
}
@media only screen and (max-width: 920px) {
.main-header .main-box .logo-box{padding:20px 0}
.main-menu .navigation > li > a{padding:15px 0}
.banner-section{min-height:300px}
.video-inner-sec{max-height:300px;overflow:hidden}
.maintitle h2{font-size:40px;line-height:60px;font-weight:600}
.video-container{top:115px}
.event-data .data-cell .desc{font-size:18px}
.event-data .data-cell .title{font-size:22px;margin:12px 0}
.section-title,.heading{font-size:35px;line-height:40px;margin-bottom:10px}
ul.features li{line-height:24px;font-size:20px;margin:15px 0}
.flexbox .col4{width:calc(20% - 15px)}
.demovideo iframe {height: 225px;}
.event-data .data-cell .icon img{height:50px}
.section-gap{margin:35px 0}
.event-data .data-cell{padding:15px}
.video-inner-sec .maintitle{bottom:55px}
}
@media only screen and (min-width: 768px) {
.main-menu .navigation > li > ul,.main-menu .navigation > li > ul > li > ul{display:block!important;visibility:hidden;opacity:0}
}
@media only screen and (max-width: 1023px) {
.main-header .main-box .logo-box{position:relative;left:0;top:0;right:0;bottom:0;margin:0;text-align:left}
.main-header .main-box .outer-container{padding-left:0}
.main-header .nav-toggler{display:block}
.main-header .btn-outer,.services-section-two:before{display:none}
.fullwidth-section .section-outer .image-column{position:relative;background-image:none!important}
.fullwidth-section .section-outer .image-column,.fullwidth-section .section-outer .content-column{width:100%}
.fullwidth-section .section-outer .image-column .hidden-image,.header-type-one .search-box-outer{display:block}
.fullwidth-section .section-outer .content-column{padding:50px 15px}
.fullwidth-section .section-outer .content-column .content{max-width:100%}
.main-slider h2{font-size:46px}
.main-slider .text br{display:none}
.main-slider .text{font-size:16px}
.services-section .left-column .services-block:nth-child(1),.services-section .left-column .services-block:nth-child(3){margin-left:0}
.services-section .right-column .services-block:nth-child(2){margin-left:0}
.services-section .bulb-box{position:relative;bottom:0}
.services-block .inner-box{max-width:100%}
.volunter-member .inner-box .content-column .inner-column,.event-block .inner-box .content-column .inner{padding-top:30px;padding-bottom:30px}
.testimonial-section .title-column,.subscribe-section .text,.subscribe-section h2{text-align:center}
.testimonial-section .sec-title h2:after{left:50%;margin-left:-20px}
.cal-to-action-section h2{font-size:40px}
.main-header .nav-toggler button{left:11px}

.featured .flexbox .col2 {width: calc(50% - 15px);}
.demovideo {
    margin-top: 25px;
}
}
@media only screen and (max-width: 767px) {
.header-upper .logo-outer{position:relative;left:0;top:0;right:0;bottom:0;width:100%;margin:0}
.main-header .header-top .top-right,.main-header .header-top .top-left{width:100%;text-align:center}
.main-header .header-top .top-right ul,.main-header .header-top .top-left ul,.header-top .top-right ul{text-align:center;width:100%;padding:0}
.sec-title h2{font-size:24px}
.main-menu .collapse.in,.main-menu .collapsing{padding:0;border:none;margin:0 0 15px;-ms-border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:none}
.main-menu .navbar-header{position:relative;float:none;display:block;text-align:right;width:100%;padding:12px 0;right:0;z-index:12}
.video-inner-sec .actionbuttons .auto-container{text-align:center}
.main-header .main-box .logo-box .logo img{height:auto!important;max-width:300px}
.navbar-header{display: block;}
.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}
.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.main-menu .navbar-header .navbar-toggle{display:inline-block;z-index:12;float:none;margin:-2px 0 0;border-radius:0;}
.main-menu .menulist.collapse{background:#621e42;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;width:250px;height:100%;max-height:100%;position:fixed;top:0;right:0;border-right:1px solid #e0e0e0;-webkit-transform:translateX(300px);-ms-transform:translateX(300px);transform:translateX(300px);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;will-change:transform;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-webkit-transition-property:-webkit-transform;transition-property:transform;color:#424242;overflow:visible;overflow-y:auto;z-index:99}
.main-menu .menulist.collapse.in{-webkit-transform:translateX(0);transform:translateX(0)}
.video-container{position:static}
.video-container video{margin-top:0}
.video-inner-sec{height:auto;max-height: none;}
.video-inner-sec .maintitle h2{font-size:26px;line-height:35px;margin:20px 0}
.video-inner-sec .actionbuttons{top:20px}
.button{padding:8px 25px;font-size:18px}
.banner-section{min-height:auto}
.event-data{margin-top:10px}
.video-inner-sec .maintitle{bottom: 0;}
.auto-container{padding:0 10px}
.flexbox .col4{width:calc(33.33% - 20px);margin:20px 10px}
.flexbox.event-data {justify-content: start;}
ul.features li {line-height: 22px;font-size: 18px;}
.demovideo iframe{height:auto}
.event-data .data-cell{padding:15px 10px}
.event-data .data-cell .icon img{height:45px}
.section-gap{margin:20px 0}
.section-title,.heading{font-size:25px;font-weight:600;line-height:30px;margin-bottom:10px}
.featured .flexbox .col2{width:100%}
ul.features li{position:relative;line-height:24px;font-size:17px;padding:10px 0 10px 45px;margin:0}
ul.features li:before{width:12px;height:12px;left:5px;top:15px}
.demovideo iframe{height:415px}
.event-data .data-cell .title{font-size:20px;margin:12px 0}
.event-data .data-cell .desc{font-size:18px}
.demovideo{margin-top:15px}
.video-inner-sec .subtitle h3 {
    font-size: 30px;
}
.main-menu .navbar-header .navbar-toggle .icon-bar{background:#621e42;height: 3px;}
.main-menu .navbar-collapse > .navigation{float:none!important;margin:0!important;width:100%!important;background:#2c2c2c;border-top:none}
.main-menu .navbar-collapse > .navigation > li{margin:0!important;float:none!important;padding:0!important;width:100%}
.main-menu .navigation > li > a,.main-menu .navigation > li > ul:before{border:none}
.main-menu .navbar-collapse > .navigation > li > a{padding:10px!important;border:none!important;font-weight:500}
.main-menu .navigation li.dropdown > a:after,.main-menu .navigation > li.dropdown > a:before,.main-menu .navigation > li > ul > li > a::before,.main-menu .navigation > li > ul > li > ul > li > a::before{color:#fff!important;right:15px;font-size:16px;display:none!important}
.main-menu .navbar-collapse > .navigation > li > ul,.main-menu .navbar-collapse > .navigation > li > ul > li > ul{position:relative;border:none;float:none;visibility:visible;opacity:1;display:none;margin:0;left:auto!important;right:auto!important;top:auto!important;padding:0;outline:none;width:100%;background:#621e42;-webkit-border-radius:0;-ms-border-radius:0;-o-border-radius:0;-moz-border-radius:0;border-radius:0;transition:none!important;-webkit-transition:none!important;-ms-transition:none!important;-o-transition:none!important;-moz-transition:none!important}
.mdl-layout__obfuscator{background-color:transparent;position:fixed;top:0;left:0;height:100%;width:100%;z-index:95;visibility:hidden;transition-property:background-color;transition-duration:.2s;transition-timing-function:cubic-bezier(0.4,0,0.2,1)}
.mdl-layout__obfuscator.collapse.in{background-color:rgba(0,0,0,0.5);visibility:visible;pointer-events:auto;opacity:1}
.main-menu .navbar-collapse > .navigation > li,.main-menu .navbar-collapse > .navigation > li > ul > li,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li{border-top:1px solid #742c52!important;border-bottom:none;opacity:1!important;top:0!important;left:0!important;visibility:visible!important}
.main-menu .navbar-collapse > .navigation > li:first-child{border:none}
.main-menu .navbar-collapse > .navigation > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li > a{padding:12px 20px 10px!important;line-height:22px;color:#fff;background:#621e42;text-align:left;font-size:16px}
.main-menu .navbar-collapse > .navigation > li > a:hover,.main-menu .navbar-collapse > .navigation > li > a:active,.main-menu .navbar-collapse > .navigation > li > a:focus{background:#621e42}
.main-menu .navbar-collapse > .navigation > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li > ul > li > ul > li:hover > a,.main-menu .navbar-collapse > .navigation > li.current > a,.main-menu .navbar-collapse > .navigation > li.current-menu-item > a{background:#2c2c2c;color:#fff!important}
.main-menu .navbar-collapse > .navigation li.dropdown .dropdown-btn,.header-style-two .nav-outer .btn-outer{display:block}
.main-menu .navbar-collapse > .navigation li.dropdown:after,.main-menu .navigation > li > ul:before,.main-slider .bordered-layer{display:none!important}
.main-header .nav-outer{width:60px;display:inline-block;vertical-align:middle;float:none}
.main-header .main-box .logo-box{float:none;text-align:center;padding-bottom:15px;vertical-align:middle;width:calc(100% - 70px);display:inline-block}
.main-header .btn-outer,.main-header.fixed-header .btn-outer{display:block;left:0;position:relative;top:0!important;margin:0;text-align:left;z-index:15;width:150px;float:none;margin-bottom:-45px;padding:0!important}
.main-header.fixed-header .btn-outer{top:85px}
.header-style-two .outer-container{padding:0}
.main-slider h2{font-size:30px}
.main-header.fixed-header .main-box,.main-header.header-style-two.fixed-header .header-lower{position:relative;border-bottom:none;z-index:999;opacity:1;visibility:visible;-ms-animation:none;-moz-animation:none;-o-animation:none;-webkit-animation:none;animation:none}
.main-header .header-top .search-box-outer .dropdown-menu{left:0}
.main-header .header-top .top-left ul li,.main-header .header-top .search-box-outer,.header-top .social-icon{float:none;border:none!important;display:inline-block}
.cal-to-action-section h3{font-size:22px}
.gallery-section .sec-title .pull-right{width:100%}
.services-block:last-child{margin-bottom:70px}
.gallery-section .filters li,.project-tab .product-tab-btns .p-tab-btn{margin-left:0;margin-right:20px}
.gallery-section .filters{margin-bottom:0;margin-top:10px}
.event-block .inner-box .content-column .inner h3{font-size:26px;line-height:1.4em}
.subscribe-section h2{font-size:30px}
.main-slider h2 br,.sec-title .text br{display:none}
.header-style-two .logo-box{position:relative}
.services-block-two .inner-box .icon-box,.sidebar-page-container .comments-area .comment-box .author-thumb{position:relative;margin-bottom:12px}
.services-block-two .inner-box,.sidebar-page-container .comments-area .comment{padding-left:0}
.header-style-two .header-lower .left-btn{position:relative;width:100%;z-index:10;margin-top:-46px;padding-top:0!important;padding-bottom:12px!important}
.header-style-two .header-lower .left-btn .nav-toggler{float:right}
.header-style-two .header-lower .right-info{position:relative;z-index:12;width:80px;padding:0!important}
.header-style-two .header-lower .search-box-outer .dropdown-menu{top:56px}
.project-tab .tab-btns-box{width:100%}
.project-tab .product-tab-btns{text-align:left;padding-top:0}
.services-block-three .inner-box{padding-right:0;text-align:center}
.services-block-three .inner-box .icon-box{position:relative;margin-bottom:15px}
.services-block-four .inner-box{padding-left:0;text-align:center}
.services-block-four .inner-box .icon-box{position:relative;margin-bottom:15px}
.news-style-two .inner-box .lower-content h3{font-size:26px}
.blog-single .news-style-two .text blockquote{margin-left:0}
.blog-single .news-style-two .text blockquote:before{display:none}
.blog-single .news-style-two .text blockquote br{display:none}
}
@media only screen and (max-width: 599px) {
.main-slider .text{font-size:14px}
.main-slider h2,.news-style-two .inner-box .lower-content h3{font-size:22px}
.fullwidth-section .section-outer .content-column .donate-info,.fullwidth-section .section-outer .content-column .donate-bar{width:100%;float:left;max-width:none}
.counter-section .counter-inner .icons-box{padding-left:20px;padding-right:20px}
.counter-section .counter-inner .icons-box .icon{margin-left:20px;margin-right:20px}
.counter-section .counter-inner h2{font-size:26px}
.cal-to-action-section h2{font-size:30px}
.sec-title h2 span br{display:none}
.team-member .inner-box .content{margin-left:25px;margin-right:25px}
.list-style-one li .icon{position:relative;margin-bottom:15px}
.list-style-one li{padding-left:0}
.demovideo iframe{height:auto;background:#f2f2f2}
.video-inner-sec .actionbuttons {
    top: 10px;
}
.flexbox .col4{width:calc(50% - 20px);margin:20px 10px}
.button{font-size: 16px;    line-height: 22px;}

.video-inner-sec .maintitle{position:static;color:#333}
}
@media only screen and (max-width: 479px) {
.main-header .search-box-outer .dropdown-menu{top:40px}
.main-header .nav-toggler{top:0}
.main-header .search-box-outer .dropdown-menu{right:-50px}
.main-slider .title,.content-section .title{font-size:16px}
.main-slider .text{font-size:14px}
.main-slider h2,.content-section h3,.content-section h3 span{font-size:22px}
.main-slider h2.larger-text{font-size:18px}
.subscribe-section .text{font-size:24px}
.page-title h1{font-size:30px}
.environment-section .content-column .content-inner .icons-block .icon{margin-right:30px;font-size:40px}
.environment-section .image-column .large-image{margin-right:0;margin-bottom:12px}
.environment-section .image-column .large-image img,.environment-section .image-column .small-image img,.environment-section .image-column .small-image{width:100%;margin:0}
.hidden-bar{width:300px}
.hidden-bar-wrapper{padding-left:15px;padding-right:15px}
.main-header .main-box .logo-box img {width: 100%;}
.video-inner-sec .maintitle h2{margin: 20px 0 0px;}
.video-inner-sec .subtitle h3 {
    font-size: 20px;
}
.event-data .data-cell .desc {
    font-size: 14px;
}
}