@media all and (-ms-high-contrast:none) {
	.sub-tab .tab::before {
		display: none;
	}

	.tab-content {
		padding-top: 30px;
	}
}

@media screen and (max-width: 1700px){
	.number-service:after {
		top: 9.5rem;
	}
}

@media screen and (min-width: 1300px) {
	.container {
		max-width: 1250px;
	}
}

@media screen and (max-width: 1500px) {
	.sub-tab .tab {
		margin-bottom: 40px;
	}
	.number-service:after {
		top: 9rem;
	}
}

@media screen and (max-width: 1199px) {
	.service_demo {
		display: block;
	}
	li.sticky_logobanner {
		margin-left: 40px;
	}
	.txt-hover, .txt-hover span {
		font-size: 10px;
	}
	.process-text {
		max-width: 100%;
	}
	.call-team .callicon {
		max-width: 30px !important;
		margin: 0 !important;
	}
	.tab-content {
		padding: 20px;
		margin: 0;
	}

	.service_demo ul li img {
		display: none;
	}

	.tab-content h6,
	.tab-content h6 span,
	.tab-content h6 span a {
		font-size: 22px;
		line-height: 34px;
		display: block;
		word-break: break-all;
	}

	.sub-tab .tab {
		margin-bottom: 20px;
	}

	.images img {
		margin-bottom: 20px;
		max-width: 100%;
		display: initial;
	}

	.images {
		text-align: center;
	}

	.tab-content ul li br {
		display: none;
	}

	.service_demo.pdl {
		padding-left: 0;
	}

	section.banner {
		padding-bottom: 200px;
	}

	.guideline_bg {
		background-size: 990px;
		background-position-y: 25px;
		padding-bottom: 50px;
	}
	.guideline_bg .heading-tab {
		margin: 0 auto;
		margin-bottom: 55px;
		width: max-content;
		background: #f5f5f5;
		padding: 0 10px;
	}
	.guide ul li {
		margin-bottom: 0;
	}
	.img-guide {
		height: 90px;
		width: 90px;
	}
	.guideline_bg .heading-tab,
	.guide {
		top: 0;
		position: relative;
	}

	.helpdesk h5 {
		font-size: 28px;
	}

	.helpdesk p {
		font-size: 20px;
		line-height: 26px;
	}

	.call-team a {
		padding-left: 15px;
		font-size: 28px;
	}

	.call-team i {
		font-size: 35px;
	}

	.number-service:after {
		right: -45%;
	}

	.process .row:nth-child(2) .process-img {
		margin-right: 10%;
	}
}

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

	body,
	html,
	*,
	p,
	li {
		font-size: 16px;
	}

	h1 {
		font-size: 42px;
		line-height: 45px;
	}

	h3 {
		font-size: 32px;
	}

	h5 {
		font-size: 22px;
		line-height: 28px;
	}

	.navbar-toggler {
		display: block !important;
	}

	button.navbar-toggler.collapsed .mdi-menu:before {
		content: "\F35C";
	}

	button.navbar-toggler .mdi-menu:before {
		content: "\f156";
	}

	.navbar .collapse {
		display: inline-block;
		right: -100% !important;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	.navbar .collapse.show {
		display: inline-block;
		right: 0 !important;
		-webkit-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out;
	}

	nav.navbar {
		position: fixed;
		z-index: 9999;
		top: 0;
		right: 0;
		background: #fff;
		padding: 8px;
		border-radius: 100% 0% 100% 100%;
	}

	nav.navbar button.navbar-toggler i {
		color: #FB9D0A;
		font-size: 24px;
	}

	nav.navbar button.navbar-toggler {
		padding: 6px;
		border: 1px solid #FB9D0A;
		border-radius: 100%;
		outline: none;
		z-index: 99999;
	}

	div#navbarNav {
		-webkit-transform: translateY(0%);
		transform: translateY(0%);
		top: 0;
		background: #fff;
		min-width: 280px;
		padding-left: 30px;
		padding-top: 40px;
	}

	nav.navbar ul {
		height: 100%;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
	}

	nav.navbar ul li.nav-item a.nav-link span {
		display: block;
	}

	nav.navbar ul li.nav-item a,
	nav.navbar ul li.nav-item a span {
		color: #FB9D0A;
	}

	nav.navbar ul li.nav-item a.active,
	nav.navbar ul li.nav-item a.active span {
		color: #fff;
	}

	nav.navbar ul li.nav-item a {
		width: auto;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
	}

	section.banner {
		padding-bottom: 150px;
		background-position: center;
	}

	.banner-text p {
		font-size: 16px;
		margin-top: 1.5rem;
	}

	.heading-tab {
		margin-bottom: 30px;
	}

	ul.logo_item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 0 30px 0 10px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}

	.logos {
		padding: 15px;
	}

	section.guide-line {
		padding: 60px 0 20px;
	}

	.heading-tab h2 {
		font-size: 32px;
	}

	.helpdesk h5 {
		font-size: 22px;
	}

	.helpdesk p {
		font-size: 16px;
		line-height: 20px;
	}

	.call-team a {
		padding-left: 10px;
		font-size: 20px;
	}

	.call-team i {
		font-size: 25px;
	}

	.user-name h6 {
		font-size: 20px;
	}

	.user-name p {
		font-size: 16px;
	}

	.account-help {
		margin-bottom: 40px;
	}

	.section {
		padding: 60px 0;
	}

	.number-service:after {
		display: none;
	}

	.service-txt {
		max-width: 100%;
	}

	.number-service h3 {
		font-size: 40px;
	}

	.process .row:nth-child(2) .process-img {
		margin-right: 0;
	}

	img.s-shape1 {
		width: 70%;
		left: 50%;
	}

	.proces_images {
		margin-left: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}

	.process-text h6,
	.process-text h6 b {
		font-size: 20px;
	}

	.faq .panel-heading h4.panel-title a {
		font-size: 18px;
		line-height: 26px;
	}

	.faq .panel .panel-body ul li {
		margin-top: 10px;
		padding-left: 25px;
	}

	.panel-body,
	.panel-body p {
		padding-top: 15px;
	}

	div#accordion {
		padding-bottom: 0;
	}

	.proces_images img {
		max-width: 300px;
	}

	.img-guide {
		width: 90px;
		height: 90px;
		z-index: 2;
		position: relative;
	}

	.img-guide img {
		max-height: 40px;
	}
	.guide ul li {
		width: 32%;
		position: relative;
	}
	.guideline_bg{
		background-image: none;
	}
	.guide ul li:before {
		content: "";
		height: 1px;
		width: 100%;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		left: 0;
		top: 43px;
	}
	.guide ul li:nth-child(3):after {
		content: "";
		height: 100%;
		width: 1px;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		right: 0;
		top: 43px;
	}
	.guide ul li:nth-child(6):after {
		content: "";
		height: 100%;
		width: 1px;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		left: 0;
		top: 43px;
	}
	.guide ul li:first-child:after {
		content: "";
		height: 60%;
		width: 1px;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		left: 0;
		top: -80px;
	}
	.guideline_bg .heading-tab:before {
		content: "";
		height: 1px;
		width: 41%;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		left: -41%;
		top: 15px;
	}
	.guide ul li:nth-child(5):before {
		left: -100%;
		width: 125%;
	}
	.vimeo-wrapper iframe {
		max-width: 500px;
		min-width: 550px;
		height: 470px;
	}

	section#video {
		padding: 50px 0;
	}

	.service-tab {
		display: block;
		-webkit-box-shadow: none;
		box-shadow: none;
	}

	.nav.nav-tabs {
		float: none;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}

	ul.nav.nav-tabs li.nav-item a.nav-link {
		padding: 20px;
		min-width: auto;
		height: 70px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	ul.nav.nav-tabs li.nav-item a.nav-link span {
		display: none;
	}

	ul.nav.nav-tabs li.nav-item a.nav-link img {
		margin-right: 0;
		max-width: 30px;
	}

	.tab-content {
		-webkit-box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
		box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
	}

	.logo_item li:first-child {
		border-right: none;
	}

	.tab.tab_width {
		max-width: 100%;
	}

	.sub-tab .tab button {
		font-size: 18px;
	}

	.clientdemo ul li {
		margin-bottom: 6px;
		padding-left: 20px;
		max-width: 100%;
		margin-right: 0;
	}

	.clientdemo a {
		word-break: break-all;
		display: block;
	}

	section.tab_setion {
		padding: 40px 0;
	}

	.nav-tabs .nav-item {
		margin-bottom: 0;
		width: 25%;
	}
	.guide ul {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.guide ul li:last-child{
		order: 5;
	}
	.guide ul li:nth-child(5){
		order: 7;
	}
	.guide ul li:nth-child(6) {
		order: 4;
	}
	.guide ul li:nth-child(4) {
		order: 6;
	}
}

@media screen and (max-width: 767px) {
	h1 {
		font-size: 32px;
		line-height: 36px;
	}

	h3 {
		font-size: 28px;
	}

	section.banner {
		padding-bottom: 60px;
	}
	li.sticky_logobanner {
		margin-left: 0;
	}
	section.banner ul img {
		max-width: 250px;
	}

	.container {
		max-width: 100%;
	}

	.logo_item li {
		padding: 10px;
	}

	nav.navbar {
		-webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

	.logo_item li img {
		max-width: 100%;
	}

	section.tab_setion {
		padding: 40px 0;
	}

	.heading-tab h2 {
		font-size: 28px;
	}


	/* =========== */
	.guide ul li {
		width: 49%;
	}

	.account-help.row {
		text-align: center;
		padding: 20px;
	}

	.account-help img {
		margin-bottom: 20px;
	}

	.helpdesk {
		border-bottom: 2px solid #D8D8D8;
		border-right: 0;
		padding-bottom: 20px;
		margin-bottom: 10px;
	}

	.account-person {
		margin-bottom: 20px;
	}

	.account-person img {
		width: 100%;
	}

	.section {
		padding: 40px 0;
	}

	.row.user .col-md-4 {
		display: block;
	}

	.number-service {
		margin-top: 20px;
	}

	.service-txt {
		font-size: 18px;
	}

	.number-service h3 {
		margin-bottom: 20px;
	}

	.process-img,
	.proces_images {
		text-align: center !important;
	}

	.proces_images {
		display: block;
	}

	img.s-shape1 {
		display: none;
	}

	.process .row:nth-child(2) .col-md-6:first-child {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}

	.process .row:nth-child(2) .col-md-6:last-child {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
	}

	.process .row {
		padding-bottom: 120px;
		position: relative;
	}

	.process .row:after {
		content: "";
		height: 100px;
		width: 2px;
		-webkit-transform: translate(-50%);
		transform: translate(-50%);
		left: 50%;
		position: absolute;
		bottom: 0;
		margin: 15px 0;
		border: 1px dashed #FB9D0A;
	}

	img.s-shape2 {
		display: none;
	}

	.proces_images img:nth-child(2) {
		display: none;
	}

	.process-text h6,
	.process-text h6 b {
		font-size: 18px;
	}

	.tool-img {
		text-align: center;
	}

	h5 {
		margin-bottom: 10px;
	}

	.tool-text p {
		margin-bottom: 15px;
	}

	.btn-primary {
		font-size: 16px;
	}

	.tool-text ul li {
		padding-left: 25px;
	}

	.video.vimeo-wrapper {
		background-image: none;
		min-height: auto;
	}

	.vimeo-wrapper iframe {
		max-width: 100%;
		top: 0;
		padding: 0;
		min-width: 100%;
		height: 300px;
	}

	section#video {
		padding: 20px;
	}

	section.logos {
		display: none !important;
	}

	.send_mail {
		display: block;
	}

	.tab-content h6,
	.tab-content h6 span,
	.tab-content h6 span a {
		font-size: 18px;
		line-height: 24px;
	}

	.sub-tab .tab {
		margin-bottom: 15px;
		max-width: 100%;
	}

	div#profile {
		min-height: auto;
	}

	.sub-tab {
		min-height: auto;
	}
	.guide ul li:first-child:after {
		height: 65%;
		top: -71px;
	}
	.guideline_bg .heading-tab:before {
		width: 23%;
		left: 6px;
	}
	.guide ul li:nth-child(2):after {
		content: "";
		height: 100%;
		width: 1px;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		right: 0;
		top: 47px;
	}
	.guide ul li:nth-child(4):after {
		content: "";
		height: 100%;
		width: 1px;
		border: 1px dashed;
		position: absolute;
		border-color: #FB9D0A;
		left: 0;
		top: 47px;
	}
	.guide ul li:nth-child(6):after {
		right: 0;
		left: auto;
	}
	.guide ul li:nth-child(5):before {
		left: auto;
		width: 100%;
	}
	.guideline_bg .heading-tab {
		width: auto;
		padding: 0;
	}
	.guide ul li:last-child{
		order: 5;
	}
	.guide ul li:nth-child(5){
		order: 7;
	}
	.guide ul li:nth-child(6) {
		order: 6;
	}
	.guide ul li:nth-child(4) {
		order: 4;
	}
	.guide ul li:nth-child(3) {
		order: 3;
	}
	.guide ul li:nth-child(3):after{
		display: none;
	}
}

@media screen and (max-width: 575px) {
	section.banner ul {
		display: block;
		padding: 10px 0;
		text-align: center;
	}
	ul.main-hover li {
		display: block;
	}
	.guide ul li {
		width: 100%;
		margin-bottom: 0;
		padding-bottom: 100px;
	}
	.guide ul li:nth-child(5){
		padding: 0;
	}
	.txt-hover {
		top: -15px;
		transform: translate(-50%);
		left: 50%;
	}
	li.sticky_logobanner {
		margin-top: 20px;
	}
	.banner-text {
		margin-top: 30px;
	}

	.vimeo-wrapper iframe {
		height: 200px;
	}
	.guide ul li:nth-child(5):before,
	.guideline_bg .heading-tab:before,
	.guide ul li::after{
		display: none;
	}
	.guide ul li:before {
		content: "";
		height: 90px;
		width: 1px !important;
		border: 1px dashed;
		border-color: #FB9D0A;
		left: 50% !important;
		top: auto;
		bottom: 15px;
	}

}