@media (max-width: 1600px) {
	.management-section {
		background-size: 620px auto;
		background-position: calc(100% - 50px) 80px;
	}
}
@media (max-width: 1366px) {
	.container {
		width: 1100px;
	}
	.language-blk label {
		padding: 13px 2px;
		width: 120px;
	}
	.language-blk {
		font-size: 14px;
		padding-left: 120px;
	}
	.language-blk .flex-item {
		padding: 13px 3px;
	}
	.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a {
		padding: 10px 15px;
	}
	.main-txt p,
	.management-section p,
	.sub-title,
	.support-feature label,
	.m-row .m-white,
	.m-row .m-green,
	.contact-section p,
	.reason-blk h3 {
		font-size: 19px;
		line-height: 32px;
	}
	.issues-pink .item span,
	.issues h2 {
		font-size: 20px;
	}
	.issues-white .item span {
		font-size: 16px;
		line-height: 26px;
		height: auto;
		background-position: left 2px;
		min-height: 45px;
	}
	.btn-gradient {
		font-size: 20px;
		padding: 0 60px 0 80px;
		height: 64px;
		line-height: 64px;
		border-radius: 32px;
	}
	.title-big {
		font-size: 38px;
	}
	.management-section h2 span {
		font-size: 35px;
		line-height: 50px;
	}
	.management-section h2 span:before {
		height: 20px;
		bottom: 10px;
	}
	.management-section {
		background-size: 450px 298px;
		padding: 80px 0 50px 0;
		background-position:  calc(100% - 80px) 80px;
	}
	.management-section:after {
		top: 0;
	}
	.issues {
		margin: 100px 100px 0 100px;
	}
	.reason-list,
	.function-list {
		margin: 70px 90px 0 90px;
	}
	.support-list {
		margin: 70px 60px 0 60px;
	}
	.maintenance {
		margin: 70px 100px 0 100px;
	}
	.top-deco,
	.bottom-deco {
		min-height: 200px;
	}
	.top-deco:before,
	.top-deco:after,
	.bottom-deco:before,
	.bottom-deco:after {
		height: 200px;
		width: 200px;
		background-size: 200px 200px;
	}
}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 1199px) {
	.container {
		width: 960px;
	}
	.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a {
		padding: 10px 7px;
	}
	.header-default .header__wrapper .header-left {
		flex-basis: 30%;
	}
	.main-title .title-sub {
		font-size: 22px;
	}
	.main-title h1 {
		font-size: 34px;
		padding: 8px 0;
	}
	.nec-vn {
		font-size: 18px;
	}
	.main-title {
		margin-top: 45px;
	}
	.header-default.header-transparent {
		top: 40px;
	}
	.main-visual {
		padding: 160px 0 80px 0;
	}
	.mainmenu-wrapper .page_nav ul.mainmenu li.lavel-1 > a {
		font-size: 13px;
	}
	.header-default.light-logo--version .mainmenu-wrapper .page_nav ul.mainmenu li a.btn-gradient img {
		width: 15px;
		margin-left: 6px;
	}
	.header-default ul.mainmenu li a.btn-gradient {
		padding: 0 20px 0 25px;
		line-height: 55px;
		height: 55px;
		margin-right: 10px !important;
	}
	.main-txt p,
	.management-section p,
	.sub-title,
	.support-feature label,
	.m-row .m-white,
	.m-row .m-green,
	.contact-section p,
	.reason-blk h3 {
		font-size: 17px;
		line-height: 28px;
	}
	.issues-pink .item span,
	.issues h2 {
		font-size: 17px;
	}
	.issues-white .item span {
		font-size: 14px;
		line-height: 24px;
		height: auto;
		background-position: left 2px;
		min-height: 45px;
	}
	.btn-gradient {
		font-size: 17px;
		padding: 0 60px 0 80px;
		height: 64px;
		line-height: 64px;
		border-radius: 32px;
	}
	.title-big {
		font-size: 32px;
	}
	.management-section h2 {
		margin: 0 0 25px 0;
	}
	.management-section h2 span {
		font-size: 30px;
		line-height: 42px;
	}
	.management-section h2 span:before {
		height: 14px;
		bottom: 8px;
	}
	.management-section {
		background-position: right 80px;
		padding: 80px 0 0 0;
	}
	.main-txt {
		width: 600px;
	}
	.main-intro {
		margin: 70px 0 0 0;
	}
	.main-img .img-phone {
		top: 120px;
	}
	.main-img .img-label {
		width: 200px;
		right: -30px;
		top: -70px;
	}
	.issues {
		margin: 80px 70px 0 70px;
	}
	.reason-list,
	.function-list {
		margin: 50px 60px 0 60px;
	}
	.support-list {
		margin: 50px 30px 0 30px;
	}
	.maintenance {
		margin: 50px 70px 0 70px;
	}
	.about-section,
	.reason-section,
	.function-section,
	.support-section,
	.contact-section {
		padding: 80px 0 80px 0;
	}
	.reason-blk {
		padding: 20px 20px;
	}
	.reason-blk h3 {
		min-height: 55px;
	}
	.contact-section .title-big {
		margin-top: 0;
	}
	.contact-section .btn-gradient {
		margin-top: 55px;
	}
	.contact-section:before {
		height: calc(100% - 120px);
	}
	.top-deco,
	.bottom-deco {
		min-height: 150px;
	}
	.top-deco:before,
	.top-deco:after,
	.bottom-deco:before,
	.bottom-deco:after {
		height: 150px;
		width: 150px;
		background-size: 150px 150px;
	}
	.footer-info h3 {
		font-size: 16px;
	}
	.footer-info,
	.copyright {
		font-size: 13px;
		line-height: 20px;
	}
	.bubble-pink h3 {
		font-size: 28px;
	}
	.bubble-pink span {
		font-size: 15px;
	}
	.bubble-pink small {
		font-size: 12px;
	}
	.bubble-pink {
		width: 200px;
		right: -215px;
		top: -25px;
	}
	.sub-bubble {
		width: 500px;
	}
}
@media (max-width: 1024px) {
	
}

/* Medium devices (tablets, less than 992px)*/
@media (max-width: 991px) {
	.container {
		width: 760px;
	}
	.main-txt p,
	.management-section p,
	.sub-title,
	.support-feature label,
	.m-row .m-white,
	.m-row .m-green,
	.contact-section p,
	.reason-blk h3 {
		font-size: 15px;
		line-height: 26px;
	}
	.issues-pink .item span,
	.issues h2 {
		font-size: 15px;
	}
	.issues-white .item span {
		font-size: 13px;
		line-height: 22px;
		height: auto;
		background-position: left 0px;
		min-height: 45px;
	}
	.btn-gradient {
		font-size: 15px;
		padding: 0 60px 0 80px;
		height: 52px;
		line-height: 52px;
		border-radius: 26px;
	}
	.title-big {
		font-size: 28px;
	}
	.management-section h2 {
		margin: 0 0 25px 0;
	}
	.management-section h2 span {
		font-size: 26px;
		line-height: 36px;
	}
	.management-section h2 span:before {
		height: 14px;
		bottom: 8px;
	}
	.issues {
		margin: 60px 0px 0 0px;
	}
	.reason-list,
	.function-list {
		margin: 30px -10px 0 -10px;
	}
	.support-list {
		margin: 30px 0px 0 0px;
	}
	.maintenance {
		margin: 30px 0px 0 0px;
	}
	.about-section,
	.reason-section,
	.function-section,
	.support-section,
	.contact-section {
		padding: 60px 0 60px 0;
	}
	.issues-white .item span {
		min-height: 38px;
	}
	.m-row .m-white,
	.m-row .m-green {
		padding: 10px 15px;
	}
	.lang-i span {
		display: block;
		text-align: center;
	}
	.language-blk .flex-item {
		padding: 10px 7px;
	}
	.language-blk label {
		padding: 10px 7px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.logo {
		padding: 7px 0;
	}
	.main-img .img-phone {
		width: 90px;
	}
	.main-img .img-label {
		width: 140px;
	}
	.m-row .item:first-child {
		width: 200px;
	}
	.sub-bubble {
		margin: 0 240px 0 auto;
		width: 500px;
	}
	.issues-pink .item span {
		height: 60px;
		line-height: 60px;
	}
	.contact-section .col-md-6 .right {
		text-align: center;
	}
}


/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767px) {
	.container {
		width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.header-default.header-transparent {
		top: 0;
		background: #fff;
		box-shadow: 0 0 20px rgba(0,0,0,0.1);
	}
	.main-visual {
    	padding: 75px 0 60px 0;
	}
	.main-txt {
		width: 100%;
	}
	.main-intro {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.main-img {
		width: 100%;
		min-height: 0px;
		height: auto;
		margin: 0px auto 40px auto;
		text-align: center;
	}
	.main-img img.show-sp{
		width: 80%;
		display: inline-block;
	}
	.lang-i span {
		display: inline-block;
	}
	.main-intro {
		margin: 10px 0 0 0;
	}
	.management-section {
		background: none;
	}
	.show-sp {
		display: block;
	}
	.management-section .show-sp.center img {
		width: 80%;
		margin: 30px 0 0 0;
	}
	.issues {
		padding: 20px 10px;
	}
	.issues-pink .item span {
		height: 100%;
		line-height: 24px;
		padding-left: 55px;
		padding-top: 5px;
		padding-bottom: 5px;
		background: #ED126E url(../img/i-white.png) no-repeat 14px center;
		display: flex;
		align-items: center;
	}
	.reason-list .item {
		width: 50%;
	}
	.sub-bubble {
		width: 100%;
		padding-bottom: 125px;
	}
	.function-list {
		flex-wrap: wrap;
	}
	.function-list .f-item {
		width: 100%;
	}
	.bubble-pink {
		top: auto;
		bottom: 0;
		width: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.bubble-pink:before {
		left: 50%;
		top: -14px;
		margin-left: -7px;
		width: 0;
		height: 0;
		border-left: 10px solid transparent;
		border-right: 10px solid transparent;
		border-bottom: 14px solid #ED126E;
	}
	.reason-section .bubble-pink span,
	.reason-section .bubble-pink h3 {
		display: inline-block;
	}
	.reason-section .bubble-pink small{
		display: block;
	}
	.function-section .bubble-pink {
		top: auto;
		width: 100%;
	}
	.function-section .sub-bubble {
		padding-bottom: 100px;
	}
	.support-list .item {
		width: 50%;
	}
	.m-row .item:first-child {
		width: 150px;
	}
	.support-feature label {
		min-height: 0;
	}
	.contact-section .btn-gradient {
		margin-top: 20px;
		margin-bottom: 50px;
	}
	.footer-info {
		margin-bottom: 30px;
	}
	.management-section {
		padding-top: 60px;
	}
	.copyright {
		margin-top: 60px;
	}
	.support-feature {
		margin-top: 30px;
	}
	.hide-sp {
		display: none;
	}
	.header-default .header__wrapper .header-left .logo a img {
		padding: 0;
		width: auto !important;
		max-width: 200px;
	}
	.top-deco {
		top: 35px;
	}
	#back_to_top {
		bottom: 20px;
		right: 20px;
	}
	#back_to_top span {
		width: 36px;
		height: 36px;
		line-height: 26px;
	}
	#back_to_top span img {
		width: 16px;
	}
	#back_to_top:hover span {
		line-height: 20px;
	}
	.sub-title {
		text-align: left;
	}
	.management-section h2 {
		line-height: 22px;
	}
	.main-title h1 {
		font-size: 32px;
		letter-spacing: 0;
	}
	.language-blk {
		font-size: 13px;
	}
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	.main-txt .center img {
		width: 80%;
	}
	.issues-pink .item {
		width: 100%;
		padding: 5px 10px;
	}
	.issues-pink .item span {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.reason-list .item {
		width: 100%;
	}
	.reason-blk h3 {
		min-height: 0;
	}
	.btn-gradient {
		padding: 0 30px 0 30px;
		text-align: center;
	}
	.main-img img.show-sp {
		width: 100%;
	}
	.top-deco,
	.bottom-deco {
		min-height: 100px;
	}
	.top-deco:before,
	.top-deco:after,
	.bottom-deco:before,
	.bottom-deco:after {
		height: 100px;
		width: 100px;
		background-size: 100px 100px;
	}
	.management-section {
		padding-top: 40px;
	}
	.management-section h2 span {
		font-size: 24px;
		line-height: 32px;
		letter-spacing: 0;
	}
}
@media (max-width: 480px) {
	.issues-white .item {
		width: 100%;
	}
	.banner-bottom .item {
		width: 100%;
	}
	.banner-bottom {
		flex-wrap: wrap;
	}
	.banner-bottom .item a {
		margin-top: 15px;
		display: block;
	}
	.btn-gradient {
		width: 100%;
	}
	.support-list .item {
		width: 100%;
	}
	
}
@media (max-width: 370px){	
	.language-blk {
		padding-left: 0;
	}
	.language-blk label {
		position: relative;
		width: 100%;
	}
	.management-section h2 span {
		font-size: 21px;
		line-height: 30px;
	}
}
@media (max-width: 320px){	
	.m-row .item:first-child {
		width: 140px;
	}
}