/*--------------------------------------------------------------
# Media Queary
--------------------------------------------------------------*/

@media all and (max-width: 1899px) and (min-width: 100px) {
    .top-banner {
    	margin-left: 2%;
    	max-width: 96% !important;
    }
}

@media all and (max-width: 1600px) and (min-width: 100px) {
    
    .youth_services_image {
    	padding: 12px 12px 30px 12px;
    	bottom:30px;
    }
    .youth_services_image_another {
    	padding: 12px 12px 30px 12px;
    }
    


}

@media all and (max-width: 1441px) and (min-width: 100px) {

    .full-border::before {
    	top: -22px;
    }

    .contact_form_area::before {
        width: 207px;
        height: 256px;
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
        background-size: cover;
    }

}

@media all and (max-width: 1399px) and (min-width: 100px) {
    .top-banner {
    	margin-left: 1%;
    	max-width: 98% !important;
    }
    
    .carousel_btn .elementor-swiper-button.elementor-swiper-button-prev {
    	left: 5px !important;
    }
    .carousel_btn .elementor-swiper-button.elementor-swiper-button-next {
    	right: 5px !important;
    }
    
    .indicator-btn a.elementor-button .elementor-button-icon {
    	width: 90px;
    	height: 90px;
    	line-height: 90px;
    }
    .indicator-btn a.elementor-button .elementor-button-icon svg {
    	width: 32px;
    }
    
    .youth_services_image.elementor-widget-image img {
    	max-width: 240px;
    }
    .youth_services_image_another.elementor-widget-image img {
    	max-width: 240px;
    }
    
    .about_image_one.elementor-widget-image img {
    	max-width: 200px;
    }
    .about_image_two.elementor-widget-image img {
    	max-width: 200px;
    }


}


@media all and (max-width: 1366px) and (min-width: 100px) {

    .sites_header .e-con-inner{
        padding: 0 15px;
    }

    .page-template-default .top-banner:after,
    .post-template-default .top-banner:after {
        height: 74px;
    }
    .home.page-template-default .top-banner:after {
        height: 74px;
    }
    .chain-middle::before {
        width: 207px;
        height: 256px;
        top: 35%;
        /* bottom: 0; */
        right: 0;
        left: auto;
        background-size: cover !important;
    }

}


@media all and (max-width: 1334px) and (min-width: 100px) {


}

@media all and (max-width: 1310px) and (min-width: 100px) {


}
@media all and (max-width: 1299px) and (min-width: 100px) {
    
    .single_session .elementor-widget-flip-box .elementor-flip-box {
        width: 200px;
        height: 200px;
    }


}

@media all and (max-width: 1280px) and (min-width: 100px) {
    
    .announcement_block .swiper-slide .bulletin-block {
    	max-width: 320px;
    }
    
    
    .about_image_one {
    	/* left: 280px; */
    }
    .about_image_two {
    	/* left: 140px; */
    }

    .sermons-block .e-loop-item .single-sermon::before {
        width: 95px;
        height: 118px;
        bottom: -20px;
    }
    
    
}

@media all and (max-width: 1250px) and (min-width: 100px) {
    
    .announcement_block .swiper-slide .bulletin-block {
    	max-width: 270px;
    }
    
    .announcement_block .swiper-slide-active .bulletin-block {
    	max-width: unset !important;
    }
    
    .sites-btn.ann-btn a.elementor-button {
        top: -115px;
    }
    
}



@media all and (max-width: 1200px) and (min-width: 100px) {
	body:not(.rtl) .sites_header .pp-advanced-menu--layout-horizontal .pp-advanced-menu > li:not(:last-child) {
		margin-right: 30px !important;
	}
	.sites_header .pp-advanced-menu .sub-arrow {
		padding-left: 5px !important;
	}
    
    .about_image_one {
    	/* left: 260px; */
    }
    .about_image_two {
    	/* left: 120px; */
    }
    
    .aboutus_illustration:before{
        top: -260px;
        width: 551px;
        height: 601px;
    }

}


@media all and (max-width: 1199px) and (min-width: 100px) {

    body {
        font-size: 15px;
    }
    
    .mandy .elementor-headline , 
    .animated_heading_top .elementor-headline {
        font-size: 80px;
        line-height: 80px !important;
    }
    .animated_headlines .elementor-headline-animation-type-wave {
        font-size: 54px !important;
        line-height: 68px !important;
    }
    .medium-text {
        font-size: 18px;
        line-height: 24px;
    }

    h2 {
        font-size: 54px;
        line-height: 68px !important;
    }


    h3 {
        font-size: 34px;
        line-height: 42px !important;
    }
    h4 {
        font-size: 30px;
        line-height: 36px !important;
    }
    .sites-btn a.elementor-button {
        font-size: 15px;
    }
    .mandy h2 {
        font-size: 70px;
        line-height: 70px !important;
    }
    .sites-btn-alt a.elementor-button {
        font-size: 15px;
    }

    .about_chain:before{

    }
    .about_chain:before {
        width: 207px;
        height: 256px;
        top: 35%;
        /* bottom: 0; */
        right: 0;
        left: auto;
        background-size: cover !important;
    }
    
    .single_session .elementor-widget-flip-box .elementor-flip-box {
        width: 180px;
        height: 180px;
    }
}






@media all and (max-width: 1190px) and (min-width: 100px) {
    
    /*
    .announcement_block .swiper-slide .bulletin-block {
    	max-width: 240px;
    }
    */
    
    .sites-btn.ann-btn a.elementor-button {
        top: -100px;
    }

    
    
}


@media all and (max-width: 1160px) and (min-width: 100px) {
     .about_image_one {
    	/* left: 240px; */
    }
    .about_image_two {
    	/* left: 100px; */
    }   
}


@media all and (max-width: 1112px) and (min-width: 100px) {
    
    .sites-btn.ann-btn a.elementor-button {
        top: -80px;
    }
    
    .youth_services_image.elementor-widget-image img {
        max-width: 220px;
    }
    .youth_services_image_another.elementor-widget-image img {
        max-width: 220px;
    }
    
    .about_image_one.elementor-widget-image img {
        max-width: 180px;
    }
    .about_image_two.elementor-widget-image img {
        max-width: 180px;
    }

    .upcoming img {
        max-width: 160px;
    }
    
    .single_session .elementor-widget-flip-box .elementor-flip-box {
        width: 170px;
        height: 170px;
    }
    .single_session .elementor-flip-box .elementor-flip-box__front .elementor-flip-box__layer__title {
    	font-size: 16px;
    	line-height: 20px !important;
    }
    
    
}


@media all and (max-width: 1090px) and (min-width: 100px) {
    
    .youth_services_image.elementor-widget-image img {
        max-width: 200px;
    }
    .youth_services_image_another.elementor-widget-image img {
        max-width: 200px;
    }
    
    .about_image_one.elementor-widget-image img {
        max-width: 170px;
    }
    .about_image_two.elementor-widget-image img {
        max-width: 170px;
    }
}


@media all and (max-width: 1040px) and (min-width: 100px) {
    
    .youth_services_image.elementor-widget-image img {
        max-width: 180px;
    }
    .youth_services_image_another.elementor-widget-image img {
        max-width: 180px;
    }
    
    .about_image_one.elementor-widget-image img {
        max-width: 150px;
    }
    .about_image_two.elementor-widget-image img {
        max-width: 150px;
    }
    
    .about_image_two {
    	top: 50px;
    }
}

@media all and (max-width: 1024px) and (min-width: 100px) {
    .over-image-right img {
        right: -1px;
    } 
    .about_chain::before {
        width: 207px;
        height: 256px;
        top: 70%;
        /* bottom: 0; */
        right: auto;
        left: 0;
        background-size: cover !important;
    }

    .about_image_two.elementor-widget-image img {
        max-width: 135px;
    }
    .about_image_one.elementor-widget-image img {
        max-width: 135px;
    }

    .about_image_one {
        left: 125px;
    }
    .about_image_two {
        left: 25px;
    }

    .announcement_block .swiper-slide .bulletin-block {
        max-width: 240px;
    }
    .announcement_block .swiper-slide .bulletin-block h4.elementor-heading-title {
        font-size: 22px;
        line-height: 28px !important;
    }

    .plan-counter .elementor-counter-number-wrapper {
        font-size: 84px !important;
        font-weight: 400 !important;
    }
    .elementor-counter .elementor-counter-title {
        font-size: 16px;
    }
    .single_plan {
        right: -60px;
    }
    .single_plan.alternative {
        left: -60px;
    }
	
	.services-cta {
		right: unset;
		bottom: 0;
		max-height: 280px;
		border-top-right-radius: 20px;
		border-bottom-right-radius: 20px;
		left: 50%;
		transform: translate(-50%,0);
	}
	.single_session .elementor-widget-flip-box .elementor-flip-box {
		width: 150px;
		height: 150px;
	}

}

@media all and (max-width: 930px) and (min-width: 100px) {
    .announcement_block .swiper-slide .bulletin-block {
        max-width: 230px;
    }

}


@media all and (max-width: 880px) and (min-width: 100px) {
    .mandy h2 {
        font-size: 60px;
        line-height: 60px !important;
    }
	.youth_services_image {
		right: -40px;
	}
	.youth_services_image_another {
		right: 105px;
	}
	.youth_services_image_another.elementor-widget-image img {
		max-width: 160px;
	}
	.youth_services_image.elementor-widget-image img {
		max-width: 160px;
	}
	
	.about_image_one {
		left: unset;
		position: relative;
		top: 30px;
	}
	.about_image_two {
		left: unset;
		position: relative;
	}
	.single_session .elementor-flip-box .elementor-flip-box__back .elementor-flip-box__layer__description {
		bottom: -30px;
	}
	.single_session .elementor-widget-flip-box {
		height: auto;
	}
}

@media all and (max-width: 879px) and (min-width: 100px) {
    .announcement_block .swiper-slide .bulletin-block {
        max-width: 270px;
        left: -1px;
    }
}




@media all and (max-width: 767px) and (min-width: 100px) {
    body {
        font-size: 14px;
    }
    h2 {
        font-size: 44px;
        line-height: 58px !important;
    }
    h3 {
        font-size: 30px;
        line-height: 40px !important;
    }
    .mandy .elementor-headline, 
    .animated_heading_top .elementor-headline {
        font-size: 62px;
        line-height: 62px !important;
    }
    .indicator-btn a.elementor-button .elementor-button-icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .animated_headlines .elementor-headline-animation-type-wave {
        font-size: 44px !important;
        line-height: 58px !important;
    }
    .sites-btn a.elementor-button {
        font-size: 14px;
    }
    .sites-btn-alt a.elementor-button {
        font-size: 14px;
    }

    .sites_footer ul.pp-advanced-menu a {
        justify-content: center !important;
    }

    .reset_padding{
        padding: 30px;
    }

    .chain-middle::before {
        width: 95px;
        height: 118px;
        top: 40%;
        right: 0;
        left: auto;
        background-size: cover !important;
    }

    .tablesaw-stack tbody tr {
        margin: 0 0 20px 0;
    }

    .announcement_block .swiper-slide .bulletin-block {
        width: 100%;
        max-width: 100% !important; 
        min-height: unset;
        left: 0;
    }
    .announcement_block .swiper-slide-active .bulletin-block {
        transform: unset;
        -ms-transform: unset;
        padding-top: 0px;
        left: 0px;
        top: 0px;
    }
    .announcement_block .swiper-slide-active .bulletin-block .elementor-heading-title {
        transform: unset;
    }
    .announcement_block .swiper-slide-active .bulletin-block .elementor-widget-text-editor {
        transform: unset;
    }

    .announcement_block .swiper-slide-active .bulletin-block .announcements-btn a.elementor-button {
        transform: unset;
    }

    .announcement_block .swiper-slide .education-block .scaling-area {
        min-height: 195px;
    }
    .announcement_block .swiper-slide .bulletin-block h4.elementor-heading-title {
        font-size: 30px;
        line-height: 38px !important;
    }

    .single_plan {
        right: 0;
        max-width: 85%;
        left: 50%;
        top: -30%;
        transform: translate(-50%,0);
    }

    .single_plan.alternative {
        max-width: 85%;
        left: 50%;
        transform: translate(-50%,0);
        top: -30%;
    }
    /*
    .plan-counter.elementor-widget-counter{
        display:  none;
    }
    */

    .wpcf7-acceptance .wpcf7-list-item {
        padding: 5px 0 5px 0;
    }

    .big_three h3.elementor-heading-title{
        font-size: 28px;
        line-height: 36px !important;
    }
	
	br{
		display: none;
	}
	.footer_address br{
		display: block;
	}
	
	.youth_services_image,
	.youth_services_image_another{
		right: unset;
		position: relative;
		bottom: 0;
	}
	.mandy h2 {
		font-size: 48px;
		line-height: 48px !important;
	}
	.petra_video_sec .pp-video-play { 
		min-height: 278px;
	}
	.petra_video_sec .pp-video-container { 
		padding-bottom: 0; 
	}
	.upcoming img {
		max-width: 150px;
	}
	.single_session .elementor-widget-flip-box {
		height: 190px;
	}
	.carousel_btn .elementor-swiper-button {
		width: 32px;
		height: 32px;
	}


}


@media all and (max-width: 575px) and (min-width: 100px) {

    .aboutus_illustration::before {
        top: -170px;
        width: 280px;
        height: 301px;
    }

    .contact_form_area {
        padding: 40px 40px 30px 40px;
    }

    .contact_form_area::before {
        width: 147px;
        height: 184px;
    }

    .custom_form .left_half {
        width: 100%;
        float: none;
        margin-right: 0%;
    }
    .custom_form .right_half {
        width: 100%;
        float: none;
        margin-left: 0%;
    }

    .custom_form .full_width, 
    .custom_form .left_half, 
    .custom_form .right_half {
        margin-bottom: 5px;
    }
	.about_image_two.elementor-widget-image img {
		max-width: 125px;
	}

}

@media all and (max-width: 521px) and (min-width: 100px) {
	.space_mobile_one .elementor-spacer-inner{
		height: 35px !important;
	}
}



@media all and (max-width: 479px) and (min-width: 100px) {

    .mandy .elementor-headline, 
    .animated_heading_top .elementor-headline {
        font-size: 50px;
        line-height: 50px !important;
    }
	 h2 {
		 font-size: 28px !important;
		 line-height: 33px !important;
	}

}

@media all and (max-width: 430px) and (min-width: 100px) {

    .contact_form_area {
        padding: 0px;
        margin: 0;
        background: transparent;
        border-radius: 0;
        box-shadow: none;
    }

    .contact_form_area::before {
        bottom: -65px;
    }

    .custom_form input[type="text"], 
    .custom_form input[type="email"], 
    .custom_form input[type="tel"], 
    .custom_form input[type="date"], 
    .custom_form input[type="number"], 
    .custom_form select, 
    .custom_form textarea {
        padding: 10px;
    }
	.ajde_evcal_calendar .calendar_header{
		margin-bottom: 15px !important;
	}
}

@media all and (max-width: 393px) and (min-width: 100px) {
	.full-border::before {
		top: 5px;
	}
}