@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; }
	.title { font-size: 24px; }
	.content-blog__inner .top-left { padding: 10px; }
	.leftBannerBackground, .rightBannerBackground { display: none; }
	.section-introduce-sg__right .wrap-img {margin-right: calc((-100vw + 960px)/2); }
}


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

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

	.fs-20 { font-size: 18px; }

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

	.mobile-menu { display: block; }
	.navbar-toggler { display: block; right: 15px; }

	.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; }
	
	body.no-scroll { height: 100%; overflow: hidden; }

	.section-introduce-sg__right .wrap-img { margin-right: 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; }

	.content-blog__inner .top-left { padding: 0; border: 0;}
	.content-blog__box { padding: 0; }

	.footer__list-item { width: 50%; }

	.tool__list { margin: -10px; }
	.tool__list-item { width: 50%; }
	.palette-grid { gap: 20px; }

	.section-introduce-sg__left { width: 100%; flex: unset; padding-right: 0;}
	.section-introduce-sg__right { width: 100%; }
	.section-form .form__contact-wrap .form-group { width: 100%; margin-bottom: 20px}
	.section-form { padding-top: 0; }

}


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

	.container { width: 100%; }
	
	.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%; }

	#homepage_hero_text_btns { flex-direction: column; max-width: 100%; }
	#homepage_hero_text_btns a { max-width: 100%; width: 300px; margin: auto;}
	#homepage_hero_text_btns a:first-child { margin-bottom: 10px; }

	.footer__bottom .bottom-inner { flex-wrap: wrap; }
	.footer__logo { width: 100%; text-align: center; margin-bottom: 10px;}
	.footer__logo img { width: 160px; }
	.footer__bottom .list-link { flex-wrap: wrap; justify-content: center; margin-bottom: 10px;}
	.footer__bottom .bottom-inner { justify-content: center; }

	.section-introduce-page .bg-cl-wheel { height: 900px; }
	.section-dm .list .item { width: 100%; }
	.section-doingu .list { margin: -20px -10px; }
	.section-doingu .list .item { padding: 20px 10px; }

}


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

	.footer__list-item { width: 100%; }
	.blogs-medium.blogs__list-item .des { -webkit-line-clamp: 2; }

	.fs-20 { font-size: 16px; }

	#blog-author-side-card .card-body { flex-direction: column; align-items: center; }
	#blog-author-side-card .author-avatar { margin-bottom: 20px; }
	#blog-author-side-card .blog-author-info { margin-left: 0; text-align: center; }
	.section-doingu .list .item .sub-title { font-size: 16px; }

}

@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%; }
	.tool__list-item { padding: 5px; }
	.tool__list { margin: -5px; }

}


@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: 120px; height: 40px; }
	

}