@media screen and (max-width: 1780px) {}
/****************************************************************************************************/

@media screen and (max-width: 1600px) {
	.connected_figure_head h2:before {
		background-size: 80%;
		background-repeat: no-repeat;
		left: -160px;
		top: 55px;
	}
	.sign_up_container:before {
	    right: 40px;
	    top: 10%;
	    width: 150px;
	    height: 170px;
	    background-size: 95%;
	    background-repeat: no-repeat;
	}
	.sign_up:after {
	    width: 230px;
	    background-size: 85%;
	    background-repeat: no-repeat;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 1440px) {
	.mt_250 {
		margin-top: 100px;
	}
	.connected_figure_head h2:before {
		background-size: 70%;
		left: -140px;
		top: 60px;
	}
	.sign_up_container:before {
	    width: 100px;
	    height: 90px;
	    background-size: 76%;
	}

	.sign_up:after {
	    width: 180px;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 1366px) {
	.mt_250 {
		margin-top: 100px;
	}
	.go_figure_how_work {
		padding-top: 100px;
		padding-bottom: 100px;
	}
	.connected_figure_head h2:before {
		background-size: 60%;
		background-repeat: no-repeat;
		left: -120px;
		top: 70px;
		content: none;
	}
	.connected_figure_head h2 {
		margin-bottom: 40px;
	}
	.sign_up_container:before {
	    width: 80px;
	    right: 20px;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 1280px) {}
/****************************************************************************************************/

@media screen and (max-width: 1199px) {
	header .logo {
		border: none;
	}
	.sect_head_bg h2:before {
		background-size: 70%;
		background-repeat: no-repeat;
		left: 50px;
		top: -15px;
	}
	.mt_250 {
		margin-top: 0;
	}
	.sect_head_bg {
		margin-bottom: 150px;
	}
	.achieve_your_dream .sect_head h2:before {
		background-size: 70%;
		background-repeat: no-repeat;
		left: -180px;
	}
	.dream_box.first_box:after,
	.dream_box:after,
	.dream_box:before {
		background: none;
		content: none;
	}
	.dream_box,
	.first_box {
		margin-right: auto;
		margin-left: auto;
		margin-bottom: 50px;
		display: inherit;
		background-position: top left !important;
	}
	.small_box {
		max-width: 620px;
	}
	.sign_up_container:before, .sign_up:after {
		content: none;
	}
	.connected_figure,
	.contact_form {
		padding: 100px 0px;
	}
	body:before, body:after{
		content: none !important;
	}
	#video-laptop iframe{
		padding: 10% 14.9% 13% 15%;
		background-size: contain;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 1080px) {}
/****************************************************************************************************/

@media screen and (max-width: 991px) {
	.go_figure_sect:before,
	.sect_head_bg h2:before,
	.go_figure_how_work:before {
		content: none;
	}
	.sign_up_head h2 {
		margin-bottom: 15px;
	}
	.sign_up_container:after {
		background: none;
		content: none;
	}
	.border_l_r {
		border-right: none;
	}
	.footer_logo {
		margin-bottom: 50px;
	}
	.copy_right {
		margin-top: 40px;
	}
	.sect_head_bg {
		margin-bottom: 40px;
	}
	.mt_250 {
		margin-top: 0;
	}
	header ul li img {
		margin-right: 8px;
	}
	.figure_work_content{
		width: 100%;
		max-width: 100%;
	}
	.go_figure_how_work{
		padding-top: 50px;
	}
	header ul li{
		margin: 0px 4px;
	}
}
/***************************************HEIGHT*************************************************************/

@media screen and (max-height: 899px) {}
/***************************************HEIGHT*************************************************************/

@media screen and (max-height: 700px) {}
/****************************************************************************************************/

@media screen and (max-width: 767px) {
	/*=========== fancy menu css start ===========*/
	.button_container {
		position:fixed;
		top:2%;
		right:2%;
		height:27px;
		width:35px;
		cursor:pointer;
		z-index:100;
		transition:opacity 0.25s ease;
	}
	.button_container:hover {
		opacity: 0.7;
	}
	.button_container.active .top {
		transform: translateY(11px) translateX(0) rotate(45deg);
		background: #FFF;
	}
	.button_container.active .middle {
		opacity: 0;
		background: #FFF;
	}
	.button_container.active .bottom {
		transform: translateY(-11px) translateX(0) rotate(-45deg);
		background: #FFF;
	}
	.button_container span {
		background: #0d1f4b;
		border: none;
		height: 5px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		transition: all 0.35s ease;
		cursor: pointer;
	}
	.button_container span:nth-of-type(2) {
		top: 11px;
	}
	.button_container span:nth-of-type(3) {
		top: 22px;
	}
	.overlay {
		position: fixed;
		background: #000;
		top: 0;
		left: 0;
		width: 100%;
		height: 0%;
		opacity: 0;
		visibility: hidden;
		transition: opacity 0.35s, visibility 0.35s, height 0.35s;
		overflow: hidden;
	}
	.overlay.open {
		opacity: 0.9;
		visibility: visible;
		height: 100%;
		z-index: 1;
	}
	.overlay.open li {
		animation: fadeInRight 0.5s ease forwards;
		animation-delay: 0.35s;
	}
	.overlay.open li:nth-of-type(2) {
		animation-delay: 0.4s;
	}
	.overlay.open li:nth-of-type(3) {
		animation-delay: 0.45s;
	}
	.overlay.open li:nth-of-type(4) {
		animation-delay: 0.5s;
	}
	.overlay.open li:nth-of-type(5) {
		animation-delay: 0.55s;
	}
	.overlay.open li:nth-of-type(6) {
		animation-delay: 0.6s;
	}
	.overlay.open li:nth-of-type(7) {
		animation-delay: 0.65s;
	}
	.overlay.open li:nth-of-type(8) {
		animation-delay: 0.70s;
	}
	.overlay.open li:nth-of-type(9) {
		animation-delay: 0.75s;
	}
	.overlay.open li:nth-of-type(10) {
		animation-delay: 0.80s;
	}
	.overlay.open li:nth-of-type(11) {
		animation-delay: 0.85s;
	}
	.overlay.open li:nth-of-type(12) {
		animation-delay: 0.90s;
	}
	.overlay nav {
		position: relative;
		height: 70%;
		top: 50%;
		transform: translateY(-50%);
		font-size: 50px;
		font-weight: 400;
		text-align: center;
		overflow-y: scroll;
	}
	.overlay ul {
		list-style: none;
		padding: 0;
		margin: 0 auto;
		display: inline-block;
		position: relative;
		height: 100%;
	}
	.overlay ul li {
		display: block;
		position: relative;
		opacity: 0;
		margin: 0px;
		margin-bottom: 15px;
	}
	.overlay ul li a {
		display: block;
		position: relative;
		color: #FFF;
		text-decoration: none;
		overflow: hidden;
	}
	.overlay ul li a:hover:after,
	.overlay ul li a:focus:after,
	.overlay ul li a:active:after {
		width: 100%;
	}
	.overlay ul li a:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		width: 0%;
		transform: translateX(-50%);
		height: 3px;
		background: #0d1f4b;
		transition: 0.35s;
	}
	@keyframes fadeInRight {
		0% {
			opacity: 0;
			left: 20%;
		}
		100% {
			opacity: 1;
			left: 0;
		}
	}
	/*=========== fancy menu css end ===========*/
	.sect_head h2 {
		font-size: 40px;
	}
	.go_figure_how_work,
	.achieve_your_dream,
	.connected_figure,
	.contact_form,
	footer {
		padding: 50px 0px;
	}
	.figure_icon {
		margin-bottom: 10px;
	}
	.figure_content_box {
		margin-bottom: 24px;
	}
	.info_icon {
		margin-bottom: 8px;
	}
	.head_info {
		border: none;
	}
	br {
		display: none;
	}
	.connected_figure_content ul li {
		font-size: 20px;
		display: flex;
		align-items: center;
	}
	.wizard > .actions{
		padding-bottom: 30px;
	}
	.wizard > .content{
		padding-top: 30px;
	}
	.custom_checkbox label{
		font-size: 15px;
	}
	.radio_box{
		flex-wrap: wrap;
	}
	.custom_radio:first-child{
		width: 100%;
		line-height: initial;
	}
	.custom_radio:not(:last-child){
		margin-right: 20px;
	}
	.radio_box .custom_radio:first-child{
		width: auto;
	}
	.radio_box .gender_box.custom_radio{
		width: 100%;
	}
	.wizard > .steps > ul > li{
		width: 100%;
		margin-bottom: 10px;
	}
	.wizard > .steps > ul > li:after, .wizard > .steps > ul > li:before{
		left: 0px;
	}
	.wizard > .steps .disabled a, .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active, .wizard > .steps .current a, .wizard > .steps .current a:hover, .wizard > .steps .done a, .wizard > .steps .done.filled a:hover, .wizard > .steps .done.filled a:active, .wizard > .steps .done.filled a{
		text-align: left;
	}
	.wizard > .steps > ul > li:last-child:before{
		content: '';
	}
	.accordion_box_container .panel-body{
		margin: 0px 10px;
	}
	.panel-default>.panel-heading a{
		padding: 10px;
		font-size: 14px;
		flex-wrap: wrap;
	}
	.weignt_box_container{
		padding: 20px;
	}
	.blue_bg_head h2{
		font-size: 25px;
	}
	.checkbox_list ul li{
		font-size: 16px;
	}
	.head_with_30_size h4{
		font-size: 20px;
	}
	.checkbox_list ul{
		margin-bottom: 30px;
	}
	.list_check_box input:checked + label:after{
		top: 5px;
	}
	.faq-section .mb-0 > a{
		font-size: 14px;
	}
	.head_with_25_size h4{
		font-size: 18px;
	}
	.head_with_20_size h4{
		font-size: 16px;
	}
	.weignt_box h6{
		font-size: 15px;
		width: 100%;
	}
	header .order-2 .head_contact_info ul li{
		margin: 0px 7px;
	}
	header ul{
		flex-wrap: wrap;
	}
	.weignt_box_situation h3{
	    font-size: 15px;
	}
	.weignt_box_container h1{
		font-size: 20px;
	}
	.sticky-btn .btn {
	    padding: 10px 15px;
	    font-size: 10px;
	    margin-left: 0;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 599px) {}
/****************************************************************************************************/

@media screen and (max-width: 575px) {
	.sign_up_field .form-group {
		display: inline-block;
		width: 100%;
		text-align: right;
	}
	.sign_up_field .form-control {
		margin-bottom: 15px;
	}
	.member_sign_in {
		text-align: right;
	}
	.border_l_r {
		border: none;
	}
	.sign_up_container:before, .sign_up:after {
		content: none;
	}
	.sect_head h2 {
		font-size: 30px;
	}
	.dream_box h3,
	.supportive_software p {
		font-size: 18px;
	}
	.supportive_software h2 {
		font-size: 25px;
	}
	.dream_box,
	.first_box {
		background-size: 10% !important;
		padding-left: 80px;
	}
	.banner_sign{
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	.banner_sign .form-control{
		margin-bottom: 15px;
	}
	.banner_sign .btn{
		margin-left: 0px;
	}
}
/****************************************************************************************************/

@media screen and (max-width: 480px) {
	header .head_contact_info ul li:first-child {
		padding-right: 6px;
	}
	header ul li img {
		margin-right: 5px;
	}
	header .head_contact_info ul li {
		margin: 0px 3px;
	}
	header .head_contact_info ul li a {
		font-size: 15px;
	}
	.wizard > .actions a, .wizard > .actions a:hover, .wizard > .actions a:active{
		padding: 6px 30px;
	}
	.price_month{
		width: 100px;
		height: 100px;
	}
	.price_title_box{
		padding-left: 110px;
	}
	.main_title_btn h4{
		font-size: 16px;
	}
	.main_title_btn .btn{
		font-size: 14px;
	}
}
/****************************************************************************************************/

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