@media(max-width: 1024px){
	img.logo-header {
		padding-top: 10px;
		width: 110%;
		height: 55px;
	}

	.top-btn {
		display: none !important;
	}

	.navbar-nav {
		margin: 0px !important;
	}

	.wrap-nav-menu {
		clip-path: none;
	}

	.form-box {
		margin-bottom: 40px;
	}

	.creating-account {
		padding-left: 250px;
		padding-right: 250px;
	}

	.we-commit-privacy {
		padding-left: 250px;
		padding-right: 250px;
		padding-top: 25px;
	}

	a.link-modul {
		color: #f57f1c;
		font-weight: 600;
		font-size: 14px;
	}

	.wrap-logo-header {
		height: auto;
		margin-top: 2px;
	}

	.btn-color {
		width: 120px;
	}

	.personal-information h3 {
		font-size: 21px;
	}

	h3.feature-title {
		font-size: 21px;
	}

	ul#moduls_selected li {
		font-size: 15px;
	}

	.module-feature {
		min-height: 178px;
		max-height: 250px;
	}

	span.category-name {
		font-size: 21px;
	}

	img.img-category-feature {
		width: 50px;
		height: 50px;
	}

	.content-feature {
		margin-bottom: 20px;
	}

	.finish-title h3 {
		font-size: 48px;
	}

	.quote {
		padding-right: 20px;
	}

	section.section_feedback_customer {
		padding-bottom: 70px;
	}

	img.img-customer {
		min-height: 30px;
		max-height: 120px;
		min-width: 100px;
		max-width: 160px;
	}

	.customer {
		height: 200px;
	}

	span.moduls_name {
		font-size: 12px !important;
	}

	.module-feature .moduls_name {
		font-size: 12px !important;
	}

	.position span {
		font-size: 13px;
	}

	.award_title_content {
		text-align: center;
		padding-left: 0px;
		padding-right: 0px;
	}

	.award_title_content {
		padding-top: 0px;
	}

	.title-section-asia-award:after {
		width: 440px;
	}

	.title-section-asia-award:before {
		width: 440px;
	}

	.title-section-solution-provider-award:before {
		width: 440px;
	}

	.title-section-solution-provider-award:after {
		width: 440px;
	}
}

@media(max-width: 768px){
	.auth-wrapper.questionnaire {
		background-image: none !important;
		padding-top: 0px !important;
		background-color: #e4e4e4 !important;
		padding-bottom: 10px;
	}

	html body .m-t-40 {
		margin-top: 20px !important;
	}

	div#loginform {
		padding-left: 10px;
		padding-right: 10px;
	}

	input.btn-questionnaire.btn-large.w100.blue.accent-4 {
		margin-bottom: 30px;
	}

	.auth-wrapper .auth-box {
		padding-top: 0px !important;
		margin-top: 20px !important;
		margin-bottom: 20px !important;
		padding: 0px !important;
	}

	.logo h5 {
		padding-top: 10px;
	}

	input.sub_total {
		width: 10% !important;
	}

	.product_comparison_menu {
		display: none !important;
	}

	section.section-product-comparison {
		padding-top: 40px;
	}

	img.img-product-comparison {
		width: 100px;
		min-height: 40px;
		max-height: 60px;
	}

	h3.why-product-comparison-title {
		padding-top: 70px;
		padding-bottom: 0px;
	}

	img.img-usability {
		min-width: 70px;
		max-width: 80px;
	}

	.navbar-nav li a {
		font-family: "Nunito";
		font-weight: 700;
	}

	.navbar-nav>li {
		margin-left: 0px;
	}

	.carousel-caption {
		top: 25%;
	}

	.creating-account {
		padding-left: 140px;
		padding-right: 140px;
	}

	.we-commit-privacy {
		padding-left: 140px;
		padding-right: 140px;
	}

	.personal-information h3 {
		font-size: 18px;
		margin-top: 0px;
	}

	h3.feature-title {
		font-size: 18px;
		margin-top: 0px;
	}

	.module-feature {
		min-height: 150px;
		max-height: 250px;
	}

	.price-text h3 {
		font-size: 15px;
		margin-left: 0px;
	}

	.message-us h3 {
		font-size: 18px;
		margin-left: 0px;
	}

	ul#moduls_selected {
		padding-left: 0px;
		padding-right: 0px;
	}

	.message-us h4 {
		margin-left: 0px;
	}

	.message_description {
		margin-left: 0px;
		margin-right: 0px;
	}

	span.category-name {
		font-size: 18px;
	}

	ul#moduls_selected li {
		font-size: 14px;
		margin-bottom: 5px;
	}

	.finish-content {
		font-size: 18px;
	}

	.wrap-content-finish {
		text-align: center;
		margin-top: 110px;
		margin-bottom: 170px;
	}

	.wrap_customer_deskera {
		margin-bottom: 30px;
	}

	.wrap_customer_content {
		margin-top: 30px;
	}

	p.customer_content_right {
		font-size: 14px;
	}

	.customer_content_left:before {
		bottom: 0px;
		top: 50px;
	}

	.customer_img {
		width: 200px;
	}

	h3.customer_title {
		font-size: 18px;
	}

	h3.testimonials_title {
		font-size: 18px;
	}

	.customer-right p {
		font-size: 16px;
	}

	.award-right p {
		font-size: 16px;
	}

	h3.deskera_title {
		font-size: 18px;
	}

	h3.award_title {
		font-size: 18px;
	}

	.wrap_award {
		margin-bottom: 10px;
		min-height: 200px;
		max-height: 200px;
	}

	.award_title_content {
		padding-top: 0px;
	}

	.asia_award_content {
		padding-top: 0px;
	}

	.title-section-award:after {
		left: 83%;
	}

	.title-section-award:before {
		width: 200px;
		left: 15%;
	}

	.title-section-award:after {
		width: 200px;
		left: 85%;
	}

	.title-section-asia-award:before {
		width: 240px;
		left: 17%;
	}

	.title-section-asia-award:after {
		width: 240px;
		left: 83%;
	}

	.title-section-solution-provider-award:after {
		width: 170px;
		left: 87%;
	}

	.title-section-solution-provider-award:before {
		width: 170px;
		left: 13%;
	}

	a.btn.btn-back-home-survey {
		margin-bottom: 10px;
	}
}

@media(min-width: 768px){
	.menu_show_in_mobile {
		display: none !important;
	}
}

@media(max-width: 425px){

	

	.announcement-row {
		display: none !important;
	}

	.banner {
		    height: auto !important;
				margin-top: 30px;
	}

	.banner .ban_img {
		height: auto !important;
	}
	input.sub_total {
		width: 90px !important;
	}

	label.label_question {
		font-size: 14px;
	}

	div#loginform label {
		font-size: 14px !important;
		padding-bottom: 5px;
	}

	.logo h5 {
		font-size: 18px;
	}

	.radio_button_question {
		font-size: 14px;
	}

	.icon-usability.red {
		font-size: 20px;
		width: 40px;
		height: 40px;
		padding-top: 10px;
		margin-bottom: 5px;
		margin-top: 7px;
	}

	.icon-usability.grey {
		font-size: 20px;
		width: 40px;
		height: 40px;
		padding-top: 10px;
		margin-bottom: 5px;
		margin-top: 7px;
	}

	h4.usability-title {
		font-size: 14px;
	}

	.detail-usability h4 {
		font-size: 12px;
	}

	img.img-usability {
		min-width: 40px;
		max-width: 60px;
		min-height: 40px;
		max-height: 60px;
	}

	b.color-dark.service_name {
		font-size: 12px;
	}

	input.count_user {
		width: 70% !important;
		margin-left: 6px;
	}

	.icon_dollar {
		font-size: 13px;
	}

	input.sub_total {
		font-size: 13px;
	}

	h3.header-list-select.users {
		margin-left: 6px;
	}

	img.usability_logo_deskera {
		min-width: 90px;
		max-width: 120px;
		min-height: 40px;
		max-height: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 20px;
	}

	img.img-product-comparison.logo-oodo {
		display: none;
	}

	img.img-product-comparison.logo-deskera {
		display: none;
	}

	h3.why-product-comparison-title {
		padding-top: 0px;
	}

	section.section-product-comparison {
		padding-top: 20px;
	}

	.product_comparison_menu {
		display: block !important;
	}

	li.dropdown.nav-item.menu-active {
		background-color: unset;
	}

	h3.bussiness-modules {
		font-size: 16px;
	}

	.wrap_feedback_customer h3 {
		font-size: 16px;
		margin-bottom: 30px;
	}

	.wrap_customer_deskera h3 {
		font-size: 16px;
		margin-bottom: 20px;
	}

	h3.why-product-comparison-title {
		font-size: 18px;
	}

	img.img-customer {
		min-height: 60px;
		max-height: 120px;
		min-width: 100%;
		max-width: 100%;
		padding-bottom: 10px;
		padding-top: 10px;
	}

	.customer {
		height: 130px;
	}

	.navbar-nav>li {
		padding-bottom: 0px;
	}

	.navbar-nav > li > a {
		padding-top: 10px;
		padding-bottom: 10px;
		line-height: 1.3em;
	}

	.wrap-logo-header {
		display: none;
	}

	.navbar-collapse {
		overflow-x: visible;
		padding-right: 0px;
		padding-left: 0px;
	}

	.f1-step p {
		font-size: 12px !important;
	}

	img.img-content-finish {
		min-height: 200px;
		max-height: 250px;
	}

	section.section-feature {
		padding-top: 0px;
	}

	.creating-account {
		padding-left: 15px;
		padding-right: 15px;
	}

	.we-commit-privacy {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 14px;
	}

	section.section-form-order {
		padding-top: 0px;
	}

	.price-text {
		margin-top: 0px;
	}

	.wrap-module-feature {
		margin-bottom: 0px;
	}

	.price-text {
		margin-top: 0px;
		margin-bottom: 30px;
	}

	.module-feature .link-modul {
		font-size: 14px;
	}

	.module-feature {
		min-height: 150px;
		max-height: 250px;
	}

	p.modal-feature-desc {
		color: #333;
		padding-left: 10px;
		padding-right: 10px;
		font-size: 14px !important;
		line-height: 1.5em;
	}

	.creating-account {
		font-size: 14px;
	}

	.link-creating-account a {
		font-size: 14px;
	}

	.personal-information h3 {
		font-size: 16px;
	}

	form.form-personal-information label {
		font-size: 14px;
	}

	p.desc-personal-info {
		font-size: 14px !important;
	}

	.feature-content {
		font-size: 12px;
	}

	ul#moduls_selected li {
		font-size: 14px;
	}

	.message-us h3 {
		margin-bottom: 0px;
	}

	h4.description-title {
		font-size: 14px;
	}

	.message-us h3 {
		font-size: 16px;
	}

	.price-text h3 {
		font-size: 16px;
	}

	h3.modal-feature-name {
		font-size: 16px;
	}

	span.modal-category-name {
		padding-left: 15px;
		font-size: 18px;
	}

	.finish-content {
		font-size: 16px;
	}

	.navbar-brand img {
		margin-left: 10px !important;
		margin-right: 10px !important;
	}

	.wrap-content-finish {
		text-align: center;
		margin-top: 80px;
		margin-bottom: 170px;
	}

	.customer:nth-child(2) span:before {
		display:none;
	}

	.customer:nth-child(4) span:before {
		display:none;
	}

	.customer:nth-child(6) span:before {
		display:none;
	}

	.customer:nth-child(8) span:before {
		display:none;
	}

	.customer:nth-child(10) span:before {
		display:none;
	}

	.customer:nth-child(12) span:before {
		display:none;
	}
	.customer:nth-child(14) span:before {
		display:none;
	}

	.customer:nth-child(3) span:before {
		display:block;
	}

	.customer:nth-child(9) span:before {
		display:block;
	}

	.customer:nth-child(13) span:after {
		display:block;
	}

	.customer:nth-child(14) span:after {
		display:block;
	}

	.customer:nth-child(15) span:after {
		display:block;
	}

	span.moduls_name {
		font-size: 15px;
	}

	.category_selected {
		font-size: 13px;
	}

	.module-feature .moduls_name {
		font-size: 13px;
	}

	input.get_price {
		font-size: 13px;
	}

	.content_moduls_selected {
		font-size: 13px;
	}

	.btn.btn-default.btn-message-us {
		font-size: 13px;
	}

	p.modal-feature-desc {
		font-size: 12px !important;
	}

	h3.modal-feature-name {
		font-size: 14px;
	}

	h3.customer_title {
		font-size: 16px;
	}

	h3.testimonials_title {
		font-size: 16px;
	}

	.customer_content_left:before {
		display: none;
	}

	.customer_content_left {
		padding-bottom: 0px;
		padding-left: 0px;
	}

	.quote_customer_deskera {
		padding-top: 0px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.position span {
		padding-left: 0px;
		font-size: 13px;
	}

	.name span {
		padding-left: 0px;
		font-size: 15px;
	}

	p.customer_content_right {
		font-size: 12px !important;
		text-align: justify;
	}

	.customer_img {
		margin-bottom: 8px;
		display: block;
		margin-left: auto !important;
		margin-right: auto !important;
	}

	.name {
		text-align: center;
	}

	.position {
		text-align: center;
	}

	.customer-right {
		margin-top: 10px;
	}

	h3.deskera_title {
		font-size: 15px;
	}

	h3.award_title {
		font-size: 15px;
	}

	.title-section-award h3 {
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-section-award:before {
		width: 60px;
		left: 13%;
	}

	.title-section-award:after {
		width: 60px;
		left: 87%;
	}

	.title-section-asia-award:before {
		width: 120px;
		left: 19%;
	}

	.title-section-asia-award:after {
		width: 120px;
		left: 81%;
	}

	.asia_award_content h3 {
		font-size: 13px;
	}

	.title-section-asia-award h3 {
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-section-award h3 {
		font-size: 15px;
	}

	.asia_award_img img {
		min-height: 50px;
		max-height: 120px;
		width: 100%;
	}

	.wrap_content_asia_award {
		margin-bottom: 35px;
	}

	.award_title_content {
		font-size: 12px;
	}

	.title-section-solution-provider-award h3 {
		font-size: 15px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.title-section-solution-provider-award:before {
		width: 70px;
		left: 12%;
	}

	.title-section-solution-provider-award:after {
		width: 70px;
		left: 88%;
	}

	.solution_provider_award_content {
		margin-bottom: 10px;
	}

	.wrap_award {
		margin-bottom: 20px;
	}

	.award-right p {
		color: #333;
		margin: 0px;
		font-size: 18px;
		margin-top: 0px;
	}

	section.section-header-award {
		padding-top: 50px;
		padding-bottom: 20px;
	}

	.menu_show_in_mobile {
		display: block !important;
	}

}

@media(max-width: 375px){
	input.sub_total {
		width: 75px !important;
	}

	.module-feature {
		min-height: 149px;
		max-height: 250px;
	}

	.icon_dollar {
		font-size: 12px;
	}

	input.sub_total {
		font-size: 12px;
	}

	input.get_price {
		font-size: 12px;
	}

	.content_moduls_selected {
		font-size: 12px;
	}

	.finish-content {
		font-size: 15px;
	}

	.finish-title h3 {
		font-size: 32px;
	}

	.category_selected {
		font-size: 12px;
	}

	.price-text h3 {
		font-size: 14px;
	}

	.module-feature .moduls_name {
		font-size: 12px;
	}

	.message-us h3 {
		font-size: 14px;
	}

	h4.description-title {
		font-size: 12px;
	}

	.title-section-asia-award:before {
		width: 100px;
		left: 18%;
	}

	.title-section-asia-award:after {
		width: 100px;
		left: 82%;
	}

	.title-section-solution-provider-award:before {
		width: 40px;
		left: 10%;
	}

	.title-section-solution-provider-award:after {
		width: 40px;
		left: 90%;
	}
}

@media(max-width: 320px){
	input.sub_total {
		width: 55px !important;
	}

	.detail-usability.column-one.row {
		padding-left: 15px;
	}

	img.img-usability {
		min-height: 30px;
		max-height: 70px;
	}

	.module-feature {
		min-height: 150px;
		max-height: 260px;
	}

	.module-feature .link-modul {
		font-size: 14px;
	}

	.title-section-award:before {
		width: 30px;
		left: 10%;
	}

	.title-section-award:after {
		width: 30px;
		left: 90%;
	}

	.title-section-asia-award:before {
		width: 70px;
		left: 17%;
	}

	.title-section-asia-award:after {
		width: 70px;
		left: 83%;
	}

	.title-section-solution-provider-award:before {
		width: 20px;
		left: 6%;
	}

	.title-section-solution-provider-award:after {
		width: 20px;
		left: 95%;
	}

	.wrap_award_content {
		height: 120px;
		width: 120px;
	}
}