html{	
	scroll-behavior: smooth;
}
body{
	background-color: #F3F2FD !important;
	font-family: 'Nunito Sans', sans-serif;
	/*margin-right:-20px !important;*/
}
.menu-mobile .fa-bars{
	margin-right:20px;
}
.font-style{
	font-family: 'Nunito Sans', sans-serif !important;
}
/*--Header--*/
#header{
	background-color: #F3F2FD;
	position: fixed;
	z-index: 999;
	width: 100%;
}
.brand-logo img{
	max-height: 80px;
}
.navbar {
	justify-content: flex-end !important;
}
.menu-desktop{
	margin-top: 25px;
}
.menu-desktop ul li{
	display: inline-block;
	list-style: none;
	margin-left: 20px;
	margin-right: 20px;
}
.menu-desktop ul li a{
	color: #3D3D82;
	font-weight: 600;
	font-size: 18px;
}
.menu-desktop ul li.active a{
	font-weight: 600;
	/*border-bottom: 3px solid #3D3D82;*/
	color: #B87AF7;
}
.menu-desktop ul li a:hover{
	text-decoration: none;
	color: #B87AF7;
}
.menu-mobile{
	display: none;
	text-align: right;
	margin-top: 20px;
}
.menu-mobile i{
	font-size: 24px;
}
.overlay {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1000;
	top: 0;
	right: 0;
	background-color: #fff;
	overflow-x: hidden;
	transition: 0.5s;
}

.overlay-content {
	position: relative;
	top: 5%;
	margin-left: 10px;
	margin-right: 40px;
	padding-right: 20px;
	width: 100%;
	margin-top: 30px;
}

.overlay a {
	padding: 8px;
	text-decoration: none;
	font-size: 18px;
	color: #3D3D82;
	display: block;
	transition: 0.3s;
	font-weight: 600;
}

.overlay a:hover, .overlay a:focus {
	color: #f1f1f1;
}

.overlay .closebtn {
	position: absolute;
	top: 10px;
	right: 25px;
	font-size: 40px;
}
.scrolled{
	background-color: #F3F2FD;
	transition: 0.5s;
	height: 100px;
	-webkit-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
}
.scrolled img{
	max-height: 55px;
	 transition: 0.5s;
}
.scrolled .menu-desktop{
	margin-top: 5px !important;
	 transition: 0.5s;
}
/*--Home--*/
#home{
	padding-top: 100px;
}
.title-home{
	margin-top: 150px;
}
.title-home h2{
	font-size: 36px;
	font-weight: 600;
}
.title-home p{
	color: #7C739A;
	font-size:18px;
}

.title-home-member{
	margin-top: 25px;
}
.title-home-member h2{
	font-size: 30px;
	font-weight: 600;
}
.title-home-member p{
	color: #7C739A;
	font-size:18px;
}
.download-apps .title-home-member{
	margin-top: 50px;
}
.form-register-home .form-input{
	padding: 22px 30px;
}
.form-register-home .btn-submit-register{
	margin-top: -15px;
    border-width: 0px;
}
.form-register-home .btn-submit-register:focus{
	margin-top: -15px;
    border-width: 0px;
}
.form-register-home .box-captcha{
	padding: 13px;
}
.form-register-home .captcha{
	color:#3D3D82;
	font-weight:bold;
	font-size: 22px;
}
.form-register-home .loading{
    margin-right: 8px;
    margin-left: -5px;
	display: none;
}
.box-btn-register-login{
	margin-top: 22px;
}
.title-features{
	font-weight: bold;
}
.testimonial{
	color:#3D3D82;
	font-style: italic;
	font-size:24px;
	font-family: 'Nunito Sans', sans-serif;
    line-height: 40px;
	font-weight: bold;

}
.testimonial-user{
	margin-top:15px;
	margin-bottom:25px;
	font-size:20px;
	color:#3D3D82;
	font-weight: 600;
	font-family: 'Nunito Sans', sans-serif;
}
.quote{
	font-size:28px;
}

.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #DEDCED;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dot-active, .dot:hover {
  background-color: #7056FF;
}

.mySlides {
  display: none;
}

.sfade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

.box-button-register{
	text-align:center;
	margin-top:80px;
}

.ilustration{
	margin-top: 60px;
	text-align: right;
}
.ilustration img{
	width: 80%;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.ilustration-member{
	margin-top: 40px;
}

.ilustration-member img{
	width: 90%;
	float:left;
}

.icon1{
	padding: 8px;
    width: 76px;
}

.download-apps{
	/*margin: 0px 30px;*/
	/*margin-right: 0px !important;
    margin-left: 0px !important;*/
}

.download-apps img{
	max-width:100%;
	height: 550px;
    padding-left: 150px;
	position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    z-index: -1;
}

.box-img-mobile{
	height: 390px;
}

.btn-download-bottom{
	margin-top:30px;
	padding: 1.5rem 4.5rem !important;
	font-weight: 600;
    font-size: 1.5rem;
}

.border-none{
	border: none !important;
}

/*border color untuk pertanyaan nps dan opsi*/
.pd-nps-color{
	padding-right: 2px !important;
    padding-left: 2px !important; 
}

.bc-green{
	border: 1px solid #24b270 !important;
}

.bc-green-yellow{
	border: 1px solid #aac240 !important;
}

.bc-yellow{
	border: 1px solid #e8d711 !important;
}

.bc-orange{
	border: 1px solid #f58c5e !important;
}

.bc-red{
	border: 1px solid #FA233C !important;
}

.bc-blue{
	border: 1px solid #81adf0 !important;
}

.bc-gray{
	border: 1px solid #D2DADF !important;
}

.bc-black{
	border: 1px solid #000000 !important;
}

/*end of border color untuk opsi*/

@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
	}
	100% {
		opacity: 1;
		-webkit-transform: none;
		transform: none;
	}
} 
.btn-download{
	margin-top: 80px;
	margin-bottom: 30px;
	color: #B87AF7;
}
#why {
	margin-top: -350px;
	padding-top: 130px;
}
.home2{
	margin-top: -200px;
}
.ilustration2{
	text-align: right;
}
.ilustration2 img{
	width: 80%;
	opacity: 0;
}
@keyframes fade-in {
	from {opacity: 0; transform: scale(.7,.7)}
	to {opacity: 1;}
}
.fade-in-element2{
	animation: fade-in 1.4s;
}
.fade-in-element2 img{
		width: 100%;
	}
.title h2{
	font-size: 36px;
	font-weight: 600;
}
.list li{
	list-style: none;
	color: #7C739A;
	padding-left: 30px;
	padding-right: 30px;
	font-size: 18px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.list li:before{
	content: "\f058"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	color: #50E3C1;
}
/*--path--*/
.path{
	background-image: url('../../../assets/images/public/path.png');
	height: 500px;
	width: 100%;
	background-position: -30px center;
	background-repeat: no-repeat;
	margin-top: -60px;
}

.path-member{
	background-image: url('../../../assets/images/public/path-member.png');
	height: 500px;
	width: 100%;
	background-repeat: no-repeat;
	margin-top: -210px;
	background-position: 85px center;
}
/*--Features--*/
#features{
	padding-top: 130px;
}
.title-section{
	padding-bottom: 50px;
}
.title-section h1{
	color: #3D3D82;
	font-size: 34px;
	font-weight: 600;
}
.icon-features img{
	max-height: 50px;
}
.b-r-5{
	border-radius: 5px;
}
.features_content{
	margin-bottom: 50px;
	opacity: 0;
	padding: 15px;
}
.features_content p{
	font-size: 16px;
	color: #7C739A;
	padding: 15px;
	padding-bottom: 50px;
}
@keyframes fade-in {
	from {opacity: 0; transform: scale(.7,.7)}
	to {opacity: 1;}
}
.fade-in-element {
	animation: fade-in 1.4s;
	font-size: 16px;
	color: #7C739A;
	margin-bottom: 50px;
	padding: 15px 30px 30px;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.05);
}
/*--clients--*/
#clients{
	padding-top: 130px;
	height: 100%;
	padding-bottom: 100px;
}
.icon-client ul{
	margin-left: -30px;
}
.icon-client ul li{
	list-style: none;
	display: inline-block;
	margin: 20px;
}
.icon-client img{
	max-height: 80px;
}
/*--Color , btn--*/
.purple{
	color: #3D3D82;
}
.bg-soft-purple{
	background-color: #E9E7FA;
}
.btn-cta {
	background-color: #F6814B;
	color: #fff;
	border-radius: .5rem;
	padding: 1rem 1.5rem;
	font-weight: 600;
	font-size: 1.125rem;
}
.btn-cta2 {
	background-color: #F6814B;
	color: #fff;
	border-radius: .5rem;
	padding: 1.25rem 3.5rem;
	font-weight: 600;
	font-size: 1.125rem;
}
.btn-gray {
	background-color: #E7E5F7;
	color: #3B3550;
	border-radius: .5rem;
	padding: 1rem 1.5rem;
	font-weight: 600;
	font-size: 1.125rem;
}
.btn-white{
	background-color: #fff;
	color: #3D3D82 !important;
	border-radius: 10px;
	padding: 10px 20px;
	font-weight: 600;
	/*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);*/
}
.btn-white:hover, .btn-cta:hover, .btn-cta2:hover{
	-webkit-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	color: #fff;
}
.btn-gray:hover{
	-webkit-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	color: #000;
}
.btn-white:hover{
	text-decoration: none;
}
.btn-purple{
	background-color: #B87AF7;
	color: #fff !important;
	border-radius: 10px;
	padding: 10px 20px;
}
.btn-purple:hover{
	-webkit-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 6px 3px rgba(0,0,0,0.15);
}
.bg-white{
	background-color: #fff;
}
/*--footer--*/
#footer{
	padding-top: 70px;
	height: 100%;
	padding-bottom: 80px;
	color: #7C739A;
}
.logo-footer img{
	max-height: 60px;
	margin-bottom: 30px;
	opacity: .6;
}
.address p{
	color: #7C739A;
	font-size: 14px;
}

.otherlink{
	text-align: left;
	margin-left: 30px;
    margin-bottom: 25px;
}

.otherlink ul{
	padding-left: 0px;
	margin-bottom: 0px;
}

.otherlink ul li{
	list-style: none;
}

.otherlink ul li a {
	color: #7C739A;
	font-size: 14px;
}

.otherlink ul li a:hover {
	color: #f78c70;
}

.download-link img{
	max-height: 50px;
	max-width: 100%;
}

.syarat-ketentuan{
	padding-top: 120px;
	margin-bottom: 30px;
}
.syarat-ketentuan ol li{
	margin-bottom: 10px;
}

.txt14 {
	font-size: 14px;
	line-height: 1.5;
}
.img80 {
	max-width: 80%;
	height: auto;
}

#scrollTop{
	position: fixed;
	bottom: 50px;
	right: 70px;
	display: none;
	z-index: 99;
	cursor: pointer;
	color: #50E3C1;
}

.list-data-qs{
    position: absolute;
    right: 15px;
    top: 32px;
	text-decoration: underline;
}

.btn-download-white{
	padding: 20px 30px !important;
}

.pd-20{
	padding:20px;
}

.mgt-10{
	margin-top:10px;
}

.mgt-30{
	margin-top:30px;
}

/*----- Harga ------*/
#price_list_page{
	height: 100%;
	padding-top: 170px;
}
#price_list_page button:hover{
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.active-price-list{
	font-weight: 600;
	border-bottom: 3px solid #3D3D82;
}
#price_list_page h1{
	font-weight: 600;
	color: #3D3D82;
	font-size: 36px;
}
.box-price-list{
	background-color: #fff;
	border-radius: 20px;
	padding: 50px 0;
}
.img-price-list img{
	max-width: 250px;
	max-height: 346px;
}
.title-list{
	color: #3D3D82;
	font-size: 28px;
	font-weight: bold;
}
.bestSellerIconMpbile{
	width: 140px;
	height: 38px;
	position: absolute;
	top:-15px;
	margin-left: -70px;
	text-align: center;
}
.desc-list{
	color: #7C739A;
	font-size: 16px;
	font-weight: 400;
}
.price-member{
	color: #3D3D82;
	font-size: 30px;
	font-weight: 500;
}
.time{
	color: #7C739A;
	font-weight: 500;
	font-size: 13px;
}
.btn-basic button{
	background-color: #5FE3BE;
	border-radius: 10px;
	color: #fff;
	width: 90%;
	height: 52px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}
.btn-basic button:hover{
	background-color: #5FE3BE;
	color: #fff;
}
.btn-pro button{
	background-color: #FC814A;
	border-radius: 10px;
	color: #fff;
	width: 90%;
	height: 52px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}
.btn-pro button:hover{
	background-color: #FC814A;
	color: #fff;
}
.btn-enterprise button{
	background-color: #B577FF;
	border-radius: 10px;
	color: #fff;
	width: 90%;
	height: 52px;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 20px;
}
.btn-enterprise button:hover{
	background-color: #B577FF;
	color: #fff;
}
.type{
	color: #3D3D82;
	font-size: 16px;
	font-weight: 600;
	vertical-align: middle ;
}
.type-list{
	border-bottom: 1px solid #E7E5F7;
}
.list-top{
	border-top: 1px solid #E7E5F7;
	padding-top: 10px;
}
.icon-check{
	color: #50E3C1;
}
.mobile-view-price-list{
	display: none;
}
#price_list_page{
	padding-top: 130px;
}
#price_list_page h1{
	font-size: 28px;
}
.mobile-view-price-list{
	margin: 50px 0;
	display: none ;
}
.card-header{
	/*height: 65px;	*/
	background-color: #f5f5f5 !important;
}
.card-header-best{
	height: 100px !important;
	padding-top:30px !important;
}
.card-header h5{
	/*padding-top: 7px !important;*/
}
.card-list{
	padding: 30px 0 10px 0;
	border-top: 1px solid #E7E5F7;
	text-align: left !important;
}
.card-list li{
	list-style: none;
	margin-bottom: 10px;
}

.toggle{
	text-align: center;
}
.toggle-switch {
  background: #DAD9E8;
  width: 72px;
  height: 27px;
  border-radius: 30px;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
  margin: 0 10px;  
	cursor: pointer;
}
.toggle-switch:after {
  content: " ";
  display: block;
  width: 27px;
  height: 27px;
  background-color: #B577FF;
  border-radius: 100px;
  border-top: 0;
  border-bottom: 0;
  transition: all 0.1s ease-in-out;
}
.actived .toggle-switch:after {
  margin-left: 45px;
}
.toggle-label {
  display: inline-block;
  line-height: 30px;
  font-size: 16px;
  font-weight: 400;
}
.toggle-label-off {
  color: #3C3B87;
  font-size: 16px;  
  font-weight: bold;
}
.actived .toggle-label-off {
  color: #7C739E;
   font-weight: 400;
}
.actived .toggle-label-on {
  color: #3C3B87;
  font-weight: bold;
}
.boxWidth{
	width: 250px;
}
.btnMargin{
	padding-top:8px;
	height: 90px !important;
}
.header-list-price{
	border-top: 1px solid #E7E5F7;
}
.boxHover:hover{
	background-color: #fff;
	 transform: scale(1.1);
	 transition: 0.5s;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.fa-question-circle:hover{
	color: #E7E5F7
}
.bestSellerIcon{
	width: 158.6px;
	height: 38px;
	position: absolute;
	margin-top: -40px;
	margin-left: -80px;
	text-align: center;
}
.titlePackage{
	padding-top: 15px;
	font-weight: bold;
	height: 100px;
	color: #9E9EC0;
	font-size: 18px;
}
.headerPackage{
	border-top: 1px solid #E7E5F7;
	border-bottom: 1px solid #E7E5F7;
	height: 80px;
	padding-top: 25px;
}
.b-left{
	border-left: 1px solid #E7E5F7;
}
.b-right{
	border-right: 1px solid #E7E5F7;
}
.Package{
	height: 60px;
	border-bottom: 1px solid #E7E5F7;
}
.fa-question-circle  i{
	color: #B577FF;
	cursor: pointer !important;
}
.tooltips {
  position: relative;
  display: inline-block;
	cursor: pointer;
}

.tooltiptext {
	margin-left: 5px;
	visibility: hidden;
	width: 179.64px;
	background-color: #FAF9FF;
	color: #3E3E82;
	text-align: left;
	border-radius: 6px;
	padding: 5px;
	border: 1px solid #D4CDEF;
	font-size: 10px;
	position: absolute;
	z-index: 1;
	top: -5px;
	left: 105%;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 6px 12px 0 rgba(0, 0, 0, 0.19);
}

.tooltips:hover .tooltiptext {
  visibility: visible;
}

.img-gray{
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
	filter: grayscale(100%);
}

.input-gj1{
	width: 85%;
	display: inline-block;
}

.input-gj3{
	width: 85%;
	display: inline-block;
}

.mgb-5{
	margin-bottom: 5px;
}

.mgb-10{
	margin-bottom: 10px;
}

.mgl-4{
	margin-left: 4px;
}

.btn-add-manswer {
	border: 1px solid #ced4da;
	color: #ced4da;
}

.btn-add-manswer:hover {
	border: 1px solid #141C4F;
	color: #141C4F;
}
			
.btn-remove-manswer {
	border: 1px solid #ced4da;
	color: #ced4da;
}

.btn-remove-manswer:hover {
	border: 1px solid #dd364f;
	color: #dd364f;
}

.inherit{
	position: inherit !important;
}

.pdt-0{
	padding-top: 0px !important;
}

.pdb-0{
	padding-bottom: 0px !important;
}

.label-sortable{
	margin: auto;
	padding: 10px !important;
	margin-left: 0px;
	margin-right: 0px;
}

.add-manswer-gj3{
	margin-top: -30px;
}

.remove-manswer-gj3{
	margin-top: -30px;
}

.setting-account-list{
	margin-left: -35px;
}

.setting-account-list ul{
	list-style-type: none;
}

.setting-account-list ul li a{
	display: block;
    padding: 12px 18px;
    text-decoration: none;
    background-color: #fafafa;
    margin: 15px 0px;
    cursor: pointer;
}

.setting-account-list ul li a:hover{
    background-color: #F3F2FD;
}

/*Responsive*/
@media (min-width: 120px) and (max-width: 320px) {
	.otherlink{
		text-align:center;
		margin-left:0px;
	}
	
	.menu-mobile{
		display: block;
	}
	.menu-desktop{
		display: none;
	}
	.brand-logo img{
		max-height: 60px;
	}
	/*--home--*/
	#home{
		padding-top: 0;
	}
	.title-home h2{
		font-size: 24px;
		font-weight: 600;
	}
	.title-home p{
		color: #7C739A;
		font-size:14px;
	}
	.title-home-member h2{
		font-size: 24px;
		font-weight: 600;
	}
	.title-home-member p{
		color: #7C739A;
		font-size:14px;
	}
	.title h2{
		font-size: 24px;
		font-weight: 600;
	}
	.list li{
		font-size: 14px;
	}
	.ilustration img{
		width: 100%;
	}
	.ilustration2 img{
		width: 100%;
	}
	.fade-in-element2 img{
		width: 100%;
	}
	.path{
		margin-top: -100px;
	}
	#scrollTop{
		bottom: 30px;
		right: 20px;
	}
	.footer{
		text-align: center;
	}

	/*-- price list --*/
	.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}
	
}
@media (min-width: 321px) and (max-width: 576px) {
	.otherlink{
		text-align:center;
		margin-left:0px;
	}
	
	.menu-mobile{
		display: block;
	}
	.menu-desktop{
		display: none;
	}
	.brand-logo img{
		max-height: 60px;
	}
	/*--home--*/
	#home{
		padding-top: 0;
	}
	.title-home h2{
		font-size: 24px;
		font-weight: 600;
	}
	.title-home p{
		color: #7C739A;
		font-size:14px;
	}
	.title-home-member h2{
		font-size: 24px;
		font-weight: 600;
	}
	.title-home-member p{
		color: #7C739A;
		font-size:14px;
	}
	.title h2{
		font-size: 24px;
		font-weight: 600;
	}
	.list li{
		font-size: 14px;
	}
	.ilustration img{
		width: 100%;
	}
	.ilustration2 img{
		width: 100%;
	}
	.fade-in-element2 img{
		width: 100%;
	}
	.path{
		margin-top: -100px;
	}
	#scrollTop{
		bottom: 30px;
		right: 20px;
	}
	.footer{
		text-align: center;
	}
	

	/*-- price list --*/
	.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}

}
@media (min-width: 577px) and (max-width: 767px) {
	.otherlink{
		/*text-align:center;*/
		margin-left:0px;
	}
	
	.menu-mobile{
		display: block;
	}
	.menu-desktop{
		display: none;
	}
	/*--home--*/
	.title-home h2{
		font-size: 28px;
		font-weight: 600;
	}
	.title-home p{
		color: #7C739A;
		font-size:14px;
	}
	.title-home-member h2{
		font-size: 28px;
		font-weight: 600;
	}
	.title-home-member p{
		color: #7C739A;
		font-size:14px;
	}
	.title h2{
		font-size: 28px;
		font-weight: 600;
	}
	.list li{
		font-size: 14px;
	}
	.ilustration img{
		width: 100%;
	}
	.ilustration2 img{
		width: 100%;
	}

	/*-- price list --*/
	.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}
}

@media (min-width: 768px) and (max-width: 992px) {
	.menu-mobile{
		display: block;
	}
	.menu-desktop{
		display: none;
	}
	/*--home--*/
	.title-home h2{
		font-size: 28px;
		font-weight: 600;
	}
	.title-home p{
		color: #7C739A;
		font-size:14px;
	}
	.title-home-member h2{
		font-size: 28px;
		font-weight: 600;
	}
	.title-home-member p{
		color: #7C739A;
		font-size:14px;
	}
	.title h2{
		font-size: 28px;
		font-weight: 600;
	}
	.list li{
		font-size: 14px;
	}
	.ilustration img{
		width: 100%;
	}
	.ilustration2 img{
		width: 100%;
	}

	/*-- price list --*/
	.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}
	
}



/* Extra small devices "Phones" (<768px) */
@media (max-width: 767px) {
	#features{
		padding-top: 60px;
	}
	
	#clients{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	
	.ilustration-member img{
		margin-top: 90px;
	}
	
	.box-button-register{
		margin-top:60px;
		margin-bottom:20px;
	}
	
	.download-apps .title-home-member{
		margin-top: 0px;
		padding-right: 15px;
		padding-left: 15px;
		margin-bottom: 60px;
	}
	
	.btn-download-bottom{
		padding:1rem 2.0rem !important;
	}

	body{
		margin-right:-20px !important;
	}
	
	.menu-mobile .fa-bars{
		margin-right:20px;
	}
	
	.box-btn-download-bottom{
		text-align:center;
	}
	
	.input-gj1{
		width: 60%;
	}
	
	.input-gj3{
		width: 60%;
	}
	
	.pdt-xs-0{
		padding-top: 0px !important;
	} 
	
	.ulangi-survey{
		padding: 15px 55px !important;
	}
}
/* End of Extra small devices "Phones" (<768px) */

/* Small devices "Tablets" (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
	#features{
		padding-top: 60px;
	}
	
	#clients{
		padding-top: 60px;
		padding-bottom: 50px;
	}
	/*-- price list --*/
	.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}
	
	.input-gj1{
		width: 70%;
	}
	
	.input-gj3{
		width: 70%;
	}
	
	.pdt-sm-0{
		padding-top: 0px !important;
	} 
	
}
/* End of Small devices "Tablets" (≥768px) */

@media (min-width: 992px) and (max-width: 1040px) {
	/*-- price list --*/
	/*.price_list{
		display: none;
	}
	.mobile-view-price-list{
		display: block;
	}*/
	.boxWidth{
		width: 200px;
	}
	.Package{
		height: 80px;
	}
}
@media (min-width: 1041px) and (max-width: 1200px) {
}