@media (max-width:8019px){

	/* Main Menu Area css

	============================================================================================ */

   .header_area .navbar .search {

		margin-left: 40px;

	}

	/* End Main Menu Area css

	============================================================================================ */
	.chm_banner_mobile{
		display: none;
	}
		.chm_banner_desktop{
		display: block;
	}
}
@media (max-width:1619px){

	/* Main Menu Area css

	============================================================================================ */

   .header_area .navbar .search {

		margin-left: 40px;

	}

	/* End Main Menu Area css

	============================================================================================ */
	.chm_banner_mobile{
		display: none;
	}
		.chm_banner_desktop{
		display: block;
	}
}

@media (max-width:1300px){

	.header_area .navbar .nav .nav-item.submenu ul {

		left: auto;

		right: 0px;

	}
		.chm_banner_mobile{
		display: none;
	}
		.chm_banner_desktop{
		display: block;
	}

}

@media (max-width:1199px){

	/* Main Menu Area css

	============================================================================================ */

	.header_area .navbar .nav .nav-item {

		margin-right: 28px;

	}

	/* End Main Menu Area css

	============================================================================================ */

	/* Home Banner Area css

	============================================================================================ */

	.home_banner_area .banner_inner {

		padding: 100px 0px;

	}

	/* End Home Banner Area css

	============================================================================================ */
	.chm_banner_mobile{
		display: none;
	}
		.chm_banner_desktop{
		display: block;
	}
}



@media (max-width:991px){

	/* Main Menu Area css

	============================================================================================ */
	.chm_banner_mobile{
		display: none;
	}
		.chm_banner_desktop{
		display: block;
	}
    .navbar-toggler {

        border: none;

        border-radius: 0px;

        padding: 0px;

        cursor: pointer;

        margin-top: 27px;

        margin-bottom: 23px;

    }

	.header_area .navbar {

		background-image: -moz-linear-gradient( 0deg, rgba(51,72,83,.8) 0%, rgba(52,73,85,.8) 100%);

		background-image: -webkit-linear-gradient( 0deg, rgba(51,72,83,.8) 0%, rgba(52,73,85,.8) 100%);

		background-image: -ms-linear-gradient( 0deg, rgba(51,72,83,.8) 0%, rgba(52,73,85,.8) 100%);

	}

    .navbar-toggler[aria-expanded="false"] span:nth-child(2) {

		opacity: 1;

	}

	.navbar-toggler[aria-expanded="true"] span:nth-child(2) {

		opacity: 0;

	}

	.navbar-toggler[aria-expanded="true"] span:first-child {

		transform: rotate(-45deg);

		position: relative;

		top: 7.5px;

	}

	.navbar-toggler[aria-expanded="true"] span:last-child {

		transform: rotate(45deg);

		bottom: 6px;

		position: relative;

	}

	.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {

		line-height: 40px;

	}

	.navbar-toggler span{

		display: block;

		width: 25px;

		height: 3px;

		background: #fff;

		margin: auto;

		margin-bottom: 4px;

		transition: all 400ms linear;

		cursor: pointer;

	}

    .navbar .container{

        padding-left: 15px;

        padding-right: 15px;

    }

    .nav{

        padding: 0px 0px;

    }

    .header_top .nav{

        padding: 0px;

    }

    .header_area .navbar .nav .nav-item .nav-link{

        line-height: 40px;

        margin-right: 0px;

        display: block;

		border-bottom: 1px solid #ededed33;

		border-radius: 0px;

    }

    .header_area .navbar .search{

        margin-left: 0px;

    }

	.header_area .navbar-collapse{

		max-height: 340px;

		overflow-y: scroll;

	}

	.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {

		padding: 0px 15px;

	}

	.header_area .navbar .nav .nav-item {

		margin-right: 0px;

	}

	.home_banner_area .banner_inner .banner_content .banner_map_img {

		text-align: center;

	}

	/* End Main Menu Area css

	============================================================================================ */

	/* Blog page Area css

	============================================================================================ */

	.categories_post img{

        width: 100%;

    }

	.categories_post {

		max-width: 360px;

		margin: 0 auto;

	}

	.blog_categorie_area .col-lg-4{

        margin-top: 30px;

    }

    .blog_area{

        padding-bottom: 80px;

    }

    .single-post-area .blog_right_sidebar{

        margin-top: 30px;

    }

	/* End Blog page Area css

	============================================================================================ */

	

	/* Contact Page Area css

	============================================================================================ */

	.contact_info{

		margin-bottom: 50px;

	}

	/* End Contact page Area css

	============================================================================================ */

	.home_banner_area .donation_inner{

		margin-bottom: -30px;

	}

	.home_banner_area .dontation_item{

		max-width: 350px;

		margin: auto;

	}

	/* Footer Area css

	============================================================================================ */

	.footer-area .col-sm-6{

		margin-bottom: 30px;

	}

	/* End End Footer Area css

	============================================================================================ */

	.home_banner_area {

		background-size: cover;

		margin-bottom: 0px;

	}

	.home_banner_area .banner_inner .banner_content h2 {

		margin-top: 30px;

	}

	.feature_inner{

		margin-bottom: -30px;

	}

	.feature_inner .feature_item{

		margin-bottom: 30px;

	}

	.interior_inner .interior_text {

		margin-top: 30px;

	}

	.interior_two .interior_inner .interior_text {

		margin-top: 0px;

		margin-bottom: 30px;

	}

	.price_item{

		max-width: 400px;

		margin: 0px auto 30px;

	}

	.l_news_item {

		max-width: 360px;

		margin: 0px auto 30px;

	}

	.latest_news_inner{

		margin-bottom: -30px;

	}

}

@media (max-width:767px){
		.chm_banner_desktop{
		display: none;
	}
		.chm_banner_mobile{
		display: block;
	}
	
	.home_banner_area {

		min-height: 500px;

	}

	.home_banner_area .banner_inner {

		min-height: 500px;

	}

	.home_banner_area .banner_inner .banner_content {

		margin-top: 0px;

	}

	/* Blog Page Area css

	============================================================================================ */

    .blog_banner .banner_inner .blog_b_text h2 {

		font-size: 40px;

		line-height: 50px;

	}

	.blog_info.text-right{

		text-align: left !important;

		margin-bottom: 10px;

	}

	/* End Blog Page Area css

	============================================================================================ */

	.home_banner_area .banner_inner .banner_content h3 {

		font-size: 30px;

	}

	.home_banner_area .banner_inner .banner_content p br {

		display: none;

	}

	.home_banner_area .banner_inner .banner_content h3 span {

		line-height: 45px;

		padding-bottom: 0px;

		padding-top: 0px;

	}

	/* Footer Area css

	============================================================================================ */

	.footer-bottom{

		text-align: center;

	}

	.footer-bottom .footer-social {

		text-align: center;

		margin-top: 15px;

	}

	/* End End Footer Area css

	============================================================================================ */

	.footer_area .container.box_1620{

		width: 100%;

		max-width: 100%;

		padding: 0px;

	}

	.footer_inner .f_menu li {

		margin-right: 18px;

	}

	.footer_inner{

		padding-left: 15px;

		padding-right: 15px;

	}

	.question_inner .nav.nav-tabs a {

		margin-bottom: 15px;

	}

}

@media (max-width:600px){

			.chm_banner_desktop{
		display: none;
	}
		.chm_banner_mobile{
		display: block;
	}
	

}

@media (max-width:575px){
	.chm_banner_desktop{
		display: none;
	}
		.chm_banner_mobile{
		display: block;
	}
	
	.top_menu {

		display: none;

	}

    /* Home Banner Area css

	============================================================================================ */

	.home_banner_area .banner_inner .banner_content h2 {

		font-size: 28px;

	}

	.home_banner_area {

		min-height: 500px;

	}

	.home_banner_area .banner_inner {

		min-height: 500px;

	}

	.blog_banner .banner_inner .blog_b_text {

		margin-top: 38px;

	}

	.home_banner_area .banner_inner .banner_content img{
		display: block;




	}

	.home_banner_area .banner_inner .banner_content h5 {

		margin-top: 0px;

	}

	/* End Home Banner Area css

	============================================================================================ */

	.p_120 {

		padding-top: 70px;

		padding-bottom: 70px;

	}

	.main_title h2 {

		font-size: 25px;

	}

	/* Elements Area css

	============================================================================================ */

	.sample-text-area {

		padding: 70px 0 70px 0;

	}

	.generic-blockquote {

		padding: 30px 15px 30px 30px;

	}

	/* End Elements Area css

	============================================================================================ */

	

	/* Blog Page Area css

	============================================================================================ */

	.blog_details h2 {

		font-size: 20px;

		line-height: 30px;

	}

	.blog_banner .banner_inner .blog_b_text h2 {

		font-size: 28px;

		line-height: 38px;

	}

	/* End Blog Page Area css

	============================================================================================ */

	/* Footer Area css

	============================================================================================ */

	.footer-area {

		padding: 70px 0px;

	}

	/* End End Footer Area css

	============================================================================================ */

	.pad_top {

		padding-top: 70px;

	}

	.counter_area {

		padding: 70px 0px 70px 0px;

	}

	.interior_inner .interior_text h4 {

		line-height: 40px;

		font-size: 30px;

	}

	.app_inner h2 {

		font-size: 24px;

	}

	.app_btn_area .app_btn {



		display: block;

		max-width: 240px;

		margin: 20px auto 15px;



	}

	.app_btn_area .app_btn:last-child {

		margin-bottom: 0px;

	}

	.single-footer-widget .sub-btn {

		right: 0px;

	}

	.video_area a img{

		width: 40%;

	}

}



@media (max-width:480px){
	.chm_banner_desktop{
		display: none;
	}
		.chm_banner_mobile{
		display: block;
	}
	
	/* Main Menu Area css

	============================================================================================ */

	.header_area .navbar-collapse{

		max-height: 250px;

	}

	/* End Main Menu Area css

	============================================================================================ */

	

	/* Home Banner Area css

	============================================================================================ */

    .home_banner_area .banner_inner .banner_content {

		padding: 30px 30px;

		margin-top: 0px;

	}

	.banner_content .white_btn {

		display: block;

	}

	.home_banner_area .banner_inner .banner_content h3 {

		font-size: 24px;

	}

	/* End Home Banner Area css

	============================================================================================ */

	.banner_area .banner_inner .banner_content h2 {

		font-size: 32px;

	}

	/* Blog Page Area css

	============================================================================================ */

	.comments-area .thumb {

		margin-right: 10px;

	}

	

	/* End Blog Page Area css

	============================================================================================ */

	.home_banner_area {

		min-height: 350px;

	}

	.home_banner_area .banner_inner {

		min-height: 350px;

	}

	.testi_item .media {

		display: block;

	}

	.testi_item .media .d-flex {

		padding-right: 0px;

	}

	.testi_item .media .d-flex img {

		width: auto;

		margin-bottom: 20px;

	}

}