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

	.container {max-width: 960px; }
	.title { font-size: 30px; }
	.sub-title { font-size: 20px; }

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

	.fs-60 { font-size: 40px; }
	.fs-45 { font-size: 35px; }
	.fs-35 { font-size: 30px; }
	.fs-30 { font-size: 27px; }
	.fs-24 { font-size: 20px; }
	.fs-20 { font-size: 18px; }


	.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; }

	.table-over { overflow: auto; width: 100%;}
	.table-over table { min-width: 700px; }

}


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

	.container { max-width: 720px; }

	.fs-60 { font-size: 35px; }
	.fs-45 { font-size: 30px; }
	.fs-35 { font-size: 27px; }

	.mb-20 { margin-bottom: 16px; }
	.mb-40 { margin-bottom: 30px; }

	/*Menu*/
  	.header .nav-comp-column .navbar-nav { display: none; }
  	.header__menu--main { display: none; }
  	.navbar-toggler .wrap-line .line { background: #222; }

  	.mobile-menu { display: block; }
  	.navbar-toggler { display: block; right: 15px; }
  	.header .bottom-header .header__search { display: none; }
  	.header .bottom-header .header__button-menu { display: none; }

  	.header__inner .main-menu { display: none; }
  	.header .top-header .inner .middle { display: none; }
  	.header .top-header .header__button-menu { display: block; }
  	.header .top-header .header__search { display: block; padding-right: 60px; height: 36px; top:  50%; transform: translateY(-50%);}

  	.mobile-menu__inner .navbar-nav { display: block; padding-right: 0; padding-left: 0;}
	.mobile-menu__inner .navbar-nav>.nav-item { padding: 10px; }
	.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; }


  	/*HomePage*/
  	.blogs-type-1__left .box-1 { padding-right: 8px; }
  	.blogs-type-1__left .box-2 { padding-left: 8px; }
  	.blogs-type-1__left { width: 100%; flex: unset; margin-bottom: 16px;}
  	.blogs-type-1__right { width: 100%; padding-left: 0; text-align: center; }
  	.blogs-type-1__inner { flex-wrap: wrap; }

  	.blogs-type-2 .blogs__list-item { padding: 8px; }
  	.blogs-type-2 .blogs__list { margin: -8px; }

  	.blogs-type-3__left { width: 100%; flex: unset; margin-bottom: 16px;}
  	.blogs-type-3__right { width: 100%; padding-left: 0; }
  	.blogs-type-3__right .box-ads { text-align: center; }
  	.blogs-type-3__inner { flex-wrap: wrap; }

  	.blogs__list-item.blogs-horizontal .wrap-content  { padding-left: 16px; }

  	.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; }

    .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; }
    .widget-item.widget-banners { background: #fff; }

	.news-post { margin-bottom: 30px; }
	.news-post.news-post-related { display: block; }

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

	.popup-ads-footer.open { display: block; }

	.h-list ul li { width: 50%; }


}


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

	.container { width: 100%; }
	.header__logo img { width: 60px; }
	
	.blogs-type-1__left .box-1 { width: 100%; padding-right: unset; }
	.blogs-type-1__left .box-2 { width: 100%; padding-left: unset; }
	.blogs-type-1__left { flex-wrap: wrap; }
	.blogs-big.blogs__list-item .wrap-img { padding-top: 50%; }
	.blogs-type-2 .blogs__list-item { width: 50%; }
	.blogs-medium.blogs__list-item .wrap-img { width: 200px; }
	.blogs-medium.blogs__list-item .des { font-size: 14px; }

	.blogs__list-item.blogs-big { margin-bottom: 16px; }

	.news-post .blogs__list-item.blogs-horizontal .wrap-img { width: 100px; }

	.content-blog__inner .left .list-product__item { width: 50%; }

}


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

	.blogs-medium.blogs__list-item .des { -webkit-line-clamp: 2; }

}

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

	.blogs-medium.blogs__list-item .wrap-img { width: 140px; }
	.blogs-medium.blogs__list-item .des { display: none; }

	.news-post .blogs__list-item { width: 100%; }

	.popup-banner-right { width: 250px; }

	.content-blog__inner .left .list-product__item { width: 100%; }

	.h-list ul li { width: 100%; }

	.sl_ten:first-child { margin-right: 10px; }
	.group-button .btn:first-child { margin-right: 10px; }

}


@media screen and (max-width: 439px){ /* 320 */
	
	.contact-us .list-contact .item .title { font-size: 15px; }
	.contact-us .list-contact .item { padding: 8px; }
	.contact-us .list-contact { margin: -8px; }

	.header__logo img { width: 80px; }
	

}