/*responsive*/

@media (min-width: 992px) and (max-width:1199px) {
    .home-top-slider .slider-content {
        padding-left: 80px;
    }
    .post-img img {
        width: 60px;
    }
    .project-title p {
        font-size: 16px;
    }
    .project-content h4 {
        padding: 20px 0px 17px;
    }
    .project-content h4:before {
        top: 80%;
    }
    .project-content p {
        font-size: 14px;
    }
	.main-header .navbar-dark .navbar-nav .nav-link{padding:26px 13px;}
}

@media (max-width:992px) {
    .home-top-slider .slider-content {
        padding-left: 80px;
    }
    .post-img img {
        width: 60px;
    }
    .project-title p {
        font-size: 16px;
    }
    .project-content h4 {
        padding: 20px 0px 10px;
    }
    .project-content h4:before {
        top: 87%;
    }
}



@media (min-width: 768px) and (max-width:991px){
    .main-header .navbar-dark .navbar-nav .nav-link {
        font-size: 14px;
        padding: 26px 5px;
    }
    .project-content {
        padding-left: 20px;
    }
    .project-content p {
        padding-top: 10px;
    }
    .project-content h4:before {
        top: 95%;
    }
    .project-content a {
        margin-bottom: 10px;
    }
    
    .cat-content h2 {
        text-align: center;
    }
    .cta-button {
        text-align: center;
        margin-top: 10px;
    }
    .post-title {
        width: 74%;
    }
    .post-img img {
        width: 70px;
    }
    .project-photo img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
    }
    .counter-area {
        padding-top: 60px;
    }
    .counter-single-box {
        margin-bottom: 30px;
    }
    .slider-text-content h1.slider-big-title {
        font-size: 59px;
    }
}


@media (max-width:768px) {
    .mission-progress-bar {
        margin-top: 65px;
    }
}


@media (max-width: 992px) {
    .navbar-toggler {
        background: #8c1e04;
        cursor: pointer;
        margin: 14px 0;
    }
    .navbar-dark .navbar-toggler {
        border-color: #8c1e04;
    }
	.main-header .navbar-dark .navbar-nav .nav-link {
		padding: 4px 0px;
		width: 100%;
	}
    .top-bar {
        display: none;
    }
    .slider-text-content h1.slider-big-title {
        font-size: 45px;
        line-height: 55px;
    }
    .project-title p {
        max-width: 65%;
        margin: 0 auto;
    }
    .project-content {
        padding: 20px 0px 20px 30px;
    }
    .project-photo img {
        width: 100%;
    }
    .project-content p {
        max-width: 75%;
        padding-top: 10px;
    }
    .project-photo img {
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0px;
    }
    .cat-content h2 {
        text-align: center;
    }
    .cta-button {
        text-align: center;
        margin-top: 10px;
    }
    .post-title {
        width: 75%;
    }
    .post-img img {
        width: 70px;
    }
    /*serarch item*/
    .search-area {
        /* display: none; */
  
    }
    .search-area form{margin: 0 auto;text-align:center;}
    .search-area{width:100%;right: -800px;  position: absolute;display:none;}
    .header-search {
        /* position: relative; */
        /* z-index: 99; */
        /* bottom: -36px; */
        /* left: 18px; */
    }
    /* new search bar */
    .new-search {
        display: inline-block;
    }
    input.new-search {
        margin-top: -11px;
        margin-bottom: 15px;
        width: 100%;
        padding: 10px 54px;
        border-radius: 5px;
        border: 1px solid #EE4F1E;
    }
    .counter-single-box {
        margin: 15px 0px;
    }
}
    
 

@media (max-width:640px)  {
    .home-top-slider.owl-theme .owl-nav [class*=owl-prev], .home-top-slider.owl-theme .owl-nav [class*="owl-next"] {
        display: none;
    }
    .home-top-slider .slider-content {
        padding-left: 25px;
    }
}

@media (max-width:568px)  {
    .main-header .navbar {
        padding: 0px 20px;
    } 
}


@media (max-width:375px){
    .slider-text-content h1.slider-big-title {
        font-size: 31px;
        line-height: 45px;
    }
    .slider-text-content p {
        font-size: 16px;
    }
}

    
@media (max-width:320px)  {
    .navbar-dark .navbar-toggler {
        font-size: 14px;
    }
	.post-img img {
        width: 52px;
    }
    .slider-text-content h1.slider-big-title {
        font-size: 26px;
        line-height: 43px;
    }
    .home-top-slider .slider-content {
        padding: 16px 0px;
        padding-left: 15px;
    }
    .project-title p {
        max-width: 75%;
    }
	.slider-text-content p {
        font-size: 15px;
    }
    
	
} 
    
   
#feature-video{width:100%;height:calc(100vh - 89px);position:relative;background-position:center center;background-repeat:no-repeat;background-size:cover;overflow:hidden;}
#feature-video video {display:block;width:603px;height:auto;min-height:100%;min-width:100%;object-fit:cover;position:absolute;left:0;top:-93px;z-index:0;}
#feature-video .cover{width:100%;height:100%;background-color:rgba(0,0,0,.5);position:relative;z-index:1;}
#feature-video .banner{width:100%;color:#fff;font-size:1.1rem;position:absolute;left:0;bottom:2rem;z-index:2;}
#feature-video .banner > .container > :last-child{margin-bottom:0;}
#feature-video .banner p{margin-bottom:1rem;}
#feature-video .banner .title{margin-bottom:.5rem;color:#fff;font-size:2rem;font-weight:300;line-height:1.15em;text-transform:uppercase;}
#feature-video .banner .learn-btn{margin-top:0;}
@media (min-width:321px){
h2{font-size:29px;}
  #feature-video{height:calc(100vh - 327px);}
  #feature-video video{top:-69px;}
}

@media (min-width:421px){
  #feature-video{height:calc(100vh - 327px);}
}
@media (min-width:576px){
  #feature-video video{display:block;top:0;width:768px;}
}
@media (min-width:768px){
  #feature-video .banner .title{font-size:2.4rem;}
  #feature-video .banner{bottom:3rem;}
}
@media (min-width:993px){
  #feature-video{height:calc(100vh - 155px);}
  #feature-video .banner{font-size:1.25rem;bottom:4rem;}
  #feature-video .banner .title{font-size:3.2rem;}
}
@media (min-width:1200px){
  #feature-video .banner{font-size:1.4rem;bottom:5rem;}
  #feature-video .banner .title{font-size:4rem;}
}

@media (max-width:768px){
.hero-info h2{font-size:29px;}
.package-panel .title h3 a{background-image:none;padding-left: 20px;font-size: 1rem;}
.package-panel .title h3 a.collapsed{margin-top:0;margin-bottom: 0px;padding-left:40px;background-image:none;padding-left: 20px;font-size: 1rem;}
footer .col-lg-4.col-md-6 {margin-bottom: 40px;}
title card-header h3{font-size:1rem;}
.package-panel .card .card-block .btn-wrap ul li .label {font-size: 0.8rem;}

}