@media screen and (max-width: 1199px){ /* 1024 *660 */

	.container {max-width: 960px; }

	.navbar-nav .nav-item { margin-right: 30px; }
	.navbar-nav .nav-link { font-size: 14px; }

	.pb-60 { padding-bottom: 40px; }

	section.top-box { height: 165px!important; } 
	section.top-box .box-ads img { height: 165px; }
	.blogs-big.blogs__list-item .name { font-size: 18px; }
	.blogs-medium.blogs__list-item .name { font-size: 16px; }

	.leftBannerBackground, .rightBannerBackground { display: none; }

	.footer .title { font-size: 18px; }
	.footer__top { padding-top: 40px; }
	.footer__bottom { padding-bottom: 40px; }


}


@media screen and (max-width: 991px){ /* 768 */ 

	.container { max-width: 720px; }
	.mb-20 { margin-bottom: 16px; }
	.mb-40 { margin-bottom: 30px; }

	/*Menu*/
  	.navbar-toggler .wrap-line .line { background: #222; }

  	.navbar-toggler { display: block; right: 15px; }
  	.header .donate { padding-right: 50px; }
  	.header .main-menu { display: none; }

  	.mobile-menu { display: block; }
  	.mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
	.mobile-menu__inner .navbar-nav>.nav-item.active {  position: relative;}
	.mobile-menu__inner .navbar-nav>.nav-item.active .nav-link { position: relative; color: #0192a8; }
	.mobile-menu__inner .navbar-nav>.nav-item.active:before { position: absolute; top: 0; left: 0; content: ''; width: 4px; bottom: 0px; }
	.mobile-menu__inner .navbar-nav>.nav-item .nav-link { padding: 10px 20px; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: left; -ms-flex-pack: left; justify-content: left; align-items: center; color: #1d2129;;}
	.mobile-menu__close-button { position: absolute; top: 0; right: 100%; width: 36px; height: 36px; line-height: 36px; font-size: 20px; text-align: center; opacity: 0; visibility: hidden; -webkit-transition: all ease .4s; -o-transition: all ease .4s; transition: all ease .4s; cursor: pointer; background-color: #fff;}
	.mobile-menu.open .mobile-menu__close-button { opacity: 1; visibility: visible; } 
	.mobile-menu__inner .logo-main .text { font-weight: 600; font-size: 16px; text-align: center; color: #fff; }
	.navbar-nav .dropdown-menu { top: 30px!important; padding: 0; }
	.mobile-menu__inner .navbar-nav .nav-item .dropdown-submenu.active a { color: #fff; }
	
  	body.no-scroll { height: 100%; overflow: hidden; }


  	/*HomePage*/
  	.footer__top .social { flex-direction: column; }
  	.footer__top .social__title { margin-right: 0; }
  	.footer__bottom .bottom-inner { flex-direction: column;}
  	.footer__bottom .list-link__item { padding-right: 15px;}
  	.footer__bottom .list-link__item:last-child { padding-right: 0; }
  	.footer__bottom .list-link { padding: 10px 0; }

  	.section-box__left { width: 100%; padding: 0; margin-bottom: 30px;}
  	.section-box__right { width: 100%; padding: 0; }
  	.section-box__inner.change .section-box__left { padding-left: 0; }
  	.section-form .box-left { width: 100%; padding-right: 0; margin-bottom: 30px;}
  	.section-form .box-right { width: 100%; }

    .content-blog__inner { flex-wrap: wrap; }
    .content-blog__inner .left { flex: unset; width: 100%; padding-right: 0;}
    .content-blog__inner .right { width: 100%; padding-left: 0; }
    .content-blog__inner .right .box-ads { text-align: center; }

	.contact-content__inner .left { width: 100%; }
	.contact-content__inner .right { width: 100%; padding-left: 0; }

	.blogs__list-item { width: 50%; padding: 5px;}
	.blogs__list { margin: -5px; }

	.section-category .cate__list .item { width: 33.33%; }

}


@media screen and (max-width: 767px){ /* 640 */

	.container { width: 100%; }
	.accordion-header { flex-direction: column; align-items: normal; gap: 0.5rem}
}


@media screen and (max-width: 639px){ /* 540 */

	.section-category.cate .blogs__list-item .name { font-size: 16px; }
	#user-container { padding: 30px 10px; }
	.news-post .blogs__list-item { width: 100%; }
}

@media screen and (max-width: 539px){ /* 450 */


}


@media screen and (max-width: 439px){ /* 320 */
	

}