@media only screen and (max-width: 1920px){
	.bottom img {
    height: 100%;
}
	.experience-text {
    height: 58%;
}
}




@media only screen and (max-width: 1400px){
.experience .bottom img {
    height: 100%;
}
	.experience-text {
    height: 59%;
}
}


@media only screen and (max-width: 1300px){
	.experience .bottom img {
    height: 440px;
}
}

@media only screen and (max-width: 1200px){
	.experience .bottom img {
    height: 417px;
}
}
@media only screen and (max-width: 1024px){
	.stellarnav > ul > li > a {
    padding: 18px 12px;
}
	.latest .shortLatest .col-sm-4 img {
    object-fit: cover;
}
	.experience .bottom img {
    height: 372px;
}
}
@media only screen and (max-width: 991px){
	.stellarnav > ul > li > a {
    padding: 18px 4px;
}
	.experience .bottom img {
    height: 369px;
}
	.content-text {
    padding: 0; 
}
	.about-content .row{
		align-items:center;
	}
	.we-do-text h1 {
    
    font-size: 62px;
    line-height: 57px;
    font-weight: 700;
   
}
	.header-top.bg-white .h-menu .bars span{
		background:#000;
	}
	.header-top.bg-white .stellarnav.mobile li a{
		color:#fff !important;
	}
}

@media only screen and (max-width: 820px) {
	.h-menu{
		text-align:end;
	}
	.stellarnav .menu-toggle span.bars span { 
    background: #fff;
    margin: 0 0 3px;
}
	.stellarnav.mobile ul {
    background: #000;
}
	.stellarnav .icon-close:before, .stellarnav .icon-close:after {
   
    border-bottom: solid 3px #fff;
}
	.home-banner-carousel h1 {
    font-size: 53px;
}
	.team-content h3 {
    font-size: 22px;
}
	.experience-text {
    height: 54%;
}
		.shortLatest a {
    flex-direction: column;
    justify-content: center;
}
		.shortLatest a .col-sm-4 {
    width: 100%;
}
}

@media only screen and (max-width: 768px) {
	.experience-text {
    height: 53%;
}
	.we-do-text h4 {
    font-size: 70px;
}

}


/* 599 */

@media only screen and (max-width: 600px) {
    .stellarnav .menu-toggle span.bars span {
        display: block;
        width: 15px;
        height: 2px;
        border-radius: 6px;
        background: #fff;
        margin: 0 0 3px;
    }

    .stellarnav .menu-toggle,
    .stellarnav .call-btn-mobile,
    .stellarnav .location-btn-mobile,
    .stellarnav .close-menu {
        padding: 15px;
        box-sizing: border-box;
        color: #fff;
    }


.home-caption {
    top: 41px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .contact-form-text {
        padding-top: 32px;
    }
.home-banner-carousel h1 {
    font-size: 25px;
}
    .home-footer {
        background-color: #000;
        text-align: center;
    }

    .donate-buttonn {
        margin-bottom: 20px;
    }

    .footer-privacy {
        color: #c6c2c2;
        font-size: 19px;
        text-align: center;
        text-align: center !important;
    }

    .we-do-text {
        margin-bottom: 32px;
    }
.we-do-text h4 {
    line-height: 14px;
    font-size: 32px !important;
    margin-top: 20px;
}
 .partner-img {
    margin-bottom: 12px;
}
.page-id-10 .about-content .row {
    flex-direction: column-reverse;
}
    .p-img {
        padding-top: 0em;
    }
	.content-text {
    padding: 0 !important;
}

    .about-contnt-image img {
        width: 100%;
    }

    .about-overlay {
        display: none;
    }
    .bottom img {
        /* width: 430px; */
        width: 100%;
    }
	.courseBox {
    flex-direction: column;
}
/* .experience-texts {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
} */
	.experience-texts {
    margin-top: 68px;
		    padding: 110px 0 51px;
}
	.image-text {
    padding: 39px 0 !important;
}
	
.testimonial4_slide{
padding:0;
  width: 100%;
}
	.history {
    margin-top: 12px;
    margin-bottom: -3px;
}
	.head h1 {
    margin-bottom: 39px;
    font-size: 27px;
    margin-top: 0;
}
	.flim-about-page-banner h2 {
    font-size: 30px;
}
	.flim-about-page-banner {
    padding: 66px 0;
}
	.video__wrapper{
		height:100%;
	}
	.we-do-text h1 {
    font-size: 51px;
    line-height: 36px;
}
.What-we-Do {
    margin: 0;
    padding: 10px 0 !important;
}
	.about-partner h1 {
    margin-bottom: 0em;
}
	.history-text h5 {
    margin-bottom: 5px;
    font-size: 28px;
}
	p{
		font-size:17px !important;
	}
	.history-image {
    margin-top: 13px;
}
	.explore-button {
    margin-top: 0 !important;
}
	.history-text {
    margin-bottom: 18px;
}
	.testimonial .carousel {
    padding-bottom: 0;
}
	.project .button-center{
		text-align:center !important;
	}
	.about-banner {
    margin: 0;
}
	h3 {
    font-size: 30px !important;
}
h2 {
    font-size: 26px !important;
}
	h5{
		font-size:20px !important;
	}
	.we-do-texts h1 {
    padding-bottom: 24px;
}
	h4{
		font-size:25px !important;
	}
	.we-do-texts h3 {
    padding-bottom: 0px;
}
	.about-partner h3 {
    margin-bottom: 1em;
}
	.page-id-12 .about-content .col-sm-6.col-md-3{
		    margin-bottom: 25px;
	}
	.courseBox  .float-end {
    float: left !important;
}
	.courseBox .user img {
    margin-right: 0px;
}
	.courseBox  .col-sm-7{
		    padding: 9px !important;
	}
	.courseBox .button-center {
    text-align: end;
}
	.categories {
    margin-top: 23px;
}
.topFloat {
    display: none;
}
	.courseDetails .nav-pills .nav-link {
    padding: 12px 8px;
    font-size: 13px;
}
	.courseBelow .nav-pills {
		justify-content:center;
	}
	.instructors .col-sm-8.col-md-9 {
    margin-top: 17px;
}
	.curriculum .col-md-3.col-sm-3 {
    margin-bottom: 15px;
}
.shortLatest a {
    justify-content: center;
    padding: 24px 0 4px;
}
	.contact-form-text h3 {
    line-height: 2rem;
}
	.form {
    padding:  0;
}
	.contact-list{
padding:0 !important;
}
	.contact-text {
    padding-top: 0;
}
	.contact-map {
    padding: 49px 0;
}
	.page-template-contact .c-padding {
    padding: 18px;
    
}
	.footer-part h3 {
    font-size: 40px !important;
}
	.footer-part {
    margin: 12px 0;
}
	.footer-part i {
    padding-left: 21px;
    font-size: 25px;
}
.page-id-10 .What-we-Do {
    padding-top: 34px !important;
}
	.we-do-texts h3 {
    font-size: 40px !important;
}
	.page-id-8 .project  .explore-button {
   
    margin-top: 40px !important;
}
	.logo {
    font-size: 22px;
}
}


