@media all and (min-width: 1400px){
	.global_systems_work {
	  max-width: 650px ;
	}
	.global_img_button {
		top: 50%;
	}
}
@media all and (max-width: 1250px){
	.header-logo img {
		margin-left: 0;
	}
	.menu ul {
		margin-right: 0;
	}
}

@media all and (max-width: 1200px){
	.free-trial-heading h1 {
		font-size: 35px;
	}
	.sha-watcing-two-test {
		margin:0;
	}
	.single-package-focus {
		-webkit-transform: scale(1);
		transform: scale(1);
		margin-right: 0;
	}
	.package-description ul li a span {
		font-size: 13px;
	}
	.package-description ul li a span:after {
		width: 200px;
	}
	.single-package-focus {
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}
	.sub-watcing-two-section {
		margin-top: -110px;
	}
	.sh-funnel-btn a {
		margin-right: 0;
	}
	.mobile-funnel-version{
		margin-top: 78px;
	}
	.single-funnel-head h2 {
		font-size: 28px;
	}
	.done-funnels-section::before {
		display: none;
	}
	.extera-sub-watch.single-done-funnels .single-funnels-text.sha-funnel::after {
		background: #FFF !important;
		height: 600px;
	}
	.done-funnels-section:after {
		top: -48px;
	}
	.done-funnels-section:after {
		top: -28px;
	}

	.marketing-video iframe {
		height: 450px;
	}

}

@media all and (min-width: 991px){
	.mobile-trial-image img{
		display: none;
	}
	.free-trial-right img{
		/*display: block;*/
	}
}
@media all and (max-width: 991px){
	.extera-sub-watch:before {
		top: -30%;

	}
	
	.marketing-video iframe {
		height: 340px;
	}

	.menu ul li {
		margin-left: 10px;
	}
	.header-logo img {
		width: 165px;
		position: relative;
		z-index: 1;
	}
	.free-trial-heading h1 span:after,.free-trial-right:before,.free-trial-right:after {
		display: none;
	}
	.free-trial-section {
		padding-top: 15px;
	}
	.free-trial-right img{
		display: none;
	}
	.mobile-trial-image img{
		display: block;
	}
	.free-trial-heading h1:after {
		display: none;
	}
	.marketing-area p.mobile-view{
		display: block;
	}
	.marketing-area p.desktop-view{
		display: none;
	}
	.mobile-trial-after a{
		position: relative;
	}
	.mobile-trial-after a:after{
		content: "";
		position: absolute;
		background: url(../images/before.svg);
		height: 2px;
		width: 180px;
		top: -25px;
		left: 0;
	}
	.marketing-heading h1 {
		font-size: 27px;
	}
	.watching-area h3 span:after {
		display: none;
	}
	.watching-area {
		width: 70%;
		padding-right: 10px;
	}
	.watching-area h3 {
		margin-left: 50px;
		padding: 35px 0;
	}
	.watching-area img {
		top: 15px;
		left: 35px;
	}

	.single-funnels-image {
		margin: auto;
	}
	.single-funnel-text p.extra-margin {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.single-funnels-text {
		margin-top: 60px;
	}
	.sh-funnel-btn a {
		margin-top: 50px;
	}
	.single-done-funnels {
		margin-bottom: 200px;
	}
	.mobile-extra-mg{
		margin-top: 30px;
	}
	.sub-watcing-two-section {
		padding-top: 200px;
		padding-bottom: 200px;
	}
	.watcing-two-area p {
		margin-left: 50px;
	}
	.watcing-three-before-img img {
		display: none;
	}
	.mobile-extra-sh-mgn{
		margin-top: 40px;
	}
	.sha-watcing-bg img {
		display: none;
	}
	.single-package-focus {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	.single-package-area {
		margin-bottom: 30px;
	}
	.package-description ul {
		max-width: 320px;
		margin: auto;
	}
	.package-section {
		padding-top: 500px;
		background: none;
	}
	.frequently-asked-bg img {
		display: none;
	}
	.dotImageOne img {
		position: absolute;
		top: -10px;
		left: -29px;
		z-index: 1;
	}
	.watching-right-area {
		background: #ffffff;
		margin-left: 0;
		border-radius: 0 20px 20px 0;
		box-shadow: 0 0 25px rgba(0, 0, 0, 0.16);
		padding-top: 69px;
		padding-bottom: 90px;
		position: relative;
		margin-bottom: 35px;
		width: 70%;
	}
	.watching-right-area h3 {
		max-width: 545px;
		padding-right: 25px;
		margin-left: 50px;
		margin-right: 0;
	}
	.watching-right-area img {
		position: absolute;
		top: 49px;
		left: 85px;
		width: 70px;
	}
	.watching-right-area h3 span:after {
		display: none;
	}
	.focused-funnel-section {
		padding-top: 150px;
		padding-bottom: 300px;
	}
	.single-funnel h1 {
		font-size: 30px;
	}
	.focused-funnel h1 {
		font-size: 28px;
	}
	.single-funnel h1:before {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.single-funnel-image img {
		padding: 35px;
	}
	.single-done-funnel-1st {
		margin-bottom: 92px;
	}
	.single-done-funnel-2nd{
		margin-bottom: 185px;
	}
	.single-done-funnel-3rd {
		margin-bottom: 285px;
	}
	.done-funnels-section:after {
		top: 537px;
		left: 24px;
	}
	.mobile-trial-after a:after{
		content: "";
		position: absolute;
		background: url(../images/before.png);
		height: 2px;
		width: 0px;
		top: -25px;
		left: 0;
		-webkit-transition: 10s;
		transition: 10s;
	}
	.free-trial-left.active .mobile-trial-after a:after{
		width:180px;
	}
	.dotImageOne img {
		left: -35px;
	}
	.extera-sub-watch.single-done-funnels .single-funnels-text.sha-funnel::after {
		position: absolute;
		left: -140px;
	}
	/*work example section css*/
	.single_work_exmple {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		margin-bottom: 110px !important;
	}
	.work_down_arrow:after {
		display: none;
	}
	.work_exmp_imag {
		max-width: 90% !important;
		width: 100%;
		margin: auto;
	}
	.left_work_exmpl {
		margin-bottom: 15px;
	}
	.single_work_exmple:nth-child(4) .right_work_exmple {
		margin-top: 100px;
	}
	.single_work_exmple:nth-child(5) {
		margin-bottom: 0px !important;
	}
	.work_exmpl_main_area {
		margin-bottom: 470px;
	}
	/*global work css*/
	.new_global_work_area {
		top: 99px;
	}
	.global_systems_content {
		max-width: 570px;
	}
	.single_work_exmple:nth-child(2) .work_exmp_imag {
		margin-top: 30px;
		margin-bottom: 25px;
	}
}

@media all and (min-width: 767px){
	.marketing-area p.mobile-view{
		display: none;
	}
	.marketing-area p.desktop-view{
		display: block;
	}
	.mobile-menu img{
		display: none;
	}
	.menu ul {
		display: -webkit-box !important;
		display: -ms-flexbox !important;
		display: flex !important;
	}
}

@media all and (max-width: 767px){
		.extera-sub-watch:before {
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

	}
	.marketing-video iframe {
		height: 250px;
	}

	h3 {
		font-size: 24px;
	}
	.mobile-menu img {
		display: block;
		position: absolute;
		top: -35px;
		right: 0;
		width: 30px;
		height: auto;
	}
	.menu ul {
		display: none;
		background: rgba(0,0,0,.8);
		width: 100%;
		text-align: center;
		position: absolute;
		top: 10px;
		left: 0;
		z-index: 9;
		padding:40px 0;
	}
	.menu ul li {
		margin-left: 0;
		padding: 5px;
	}
	.menu ul li a{
		color:#FFF;
	}
	 
	.header-logo {
		text-align: center;
	}
	.free-trial-section{
		background:none;
		padding-bottom: 300px;

	}
	.single-done-funnels{
		margin-bottom: 50px;
	}
	.extera-sub-watch.single-done-funnels {
		margin-bottom: 200px !important;
	}
	.free-trial-heading h1 {
		font-size: 30px;
	}
	.sub-watching-section{
		margin-top: -460px;
		padding-bottom: 680px;
	}
	.marketing-heading h1 span:after,.marketing-heading h1:after {
		display: none;
	}
	.marketing-heading h1 {
		font-size: 23px;
		text-align: left;
	}
	.marketing-video {
		margin-top: 50px;
	}
	.play-button {
		max-width: 150px;
	}
	.marketing-video {
		padding: 30px;
	}
	.marketing-area p.mobile-view {
		margin-top: 25px;
		display: block;
	}
	.marketing-area p.desktop-view{
		display: none;
	}
	.watching-area img {
		width: 60px;
	}
	h2 {
		font-size: 30px;
	}
	.mobile-extra-mgn{
		margin-top: 30px;
	}
	.sha-watcing-bg img {
		display: none;
	}
	.sub-watcing-two-section {
		background: none;
	}
	.watcing-two-area p {
		width: 70%;
	}
	.mobile-extra-sha-mgn{
		margin-top: 40px;
	}
	.watching-three-extra-margin {
		/*display: none;*/
	}
	.single-testomonial-propup {
	text-align: center;
}
.white-popup{
	padding:20px;
}
.t-p-i {
	padding-top: 10px;
}
.testomonial-propup-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.testomonial-propup-text {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
	.not-sure-button a {
		margin-top: 50px;
	}
	.frequently-asked-section {
		padding-bottom: 200px;
	}
	.watching-right-area img {
		top: 25px;
		left: 75px;
	}
	.watching-right-area {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.single-done-funnel-1st {
		margin-bottom: 60px !important;
	}
	.single-done-funnel-2nd {
		margin-bottom: 150px !important;
	}
	.single-done-funnel-3rd {
		margin-bottom: 264px !important;
	}
	.dotImageOne img {
		left: -23px;
	}
	.dotImageTwo img {
		top: 3px;
		left: -14px;
	}
	.sh-dotImageOne img {
		left: -14px;
	}
	.header-logo {
		text-align: left;
	}
	.header-logo img{
		width:250px;
	}
	.dotImageOne img {
		left: -29px;
	}
	/*work example section css*/
	.work_exmpl_main_area {
		margin-top: -350px;
		margin-bottom: 430px;
	}
	.exmp_content h3 {
		font-size: 30px;
		margin-bottom: 15px;
	}
	.exmp_content h5 {
		font-size: 18px;
	}
	.exmp_content p {
		font-size: 18px;
		margin-top: 10px;
	}
	.exmp_content a {
		font-size: 18px;
	}
	.single_work_exmple {
		margin-bottom: 80px !important;
	}
	.single_work_exmple:nth-child(4) .right_work_exmple {
		margin-top: 35px;
	}
	.exmple_btn {
		margin-top: 20px;
	}
	.global_systems_content {
		width: 80%;
	}
	.new_global_work_area {
		top: 77px;
	}
	.global_img_button a {
		font-size: 20px;
	}
	.global_img_button img {
		width: 8px;
	}
	.global_img_button {
		left: -167px;
	}
	.mobile-menu {
		position: relative;
		top: -15px;
	}
}

@media all and (max-width: 575px){
	.package-section {
		padding-top: 300px;

	}
	.col-lg-4.package-margin-reduce {
		order: -1;
	}
	.sub-watcing-two-section {
		padding-top: 10px !important;
	}
	.mobile-menu { 
		top: -8px;
	}
	.marketing-video iframe {
		height: 200px;
	}
	.mobile-menu img {
		right: 15px;
	}
	.play-button {
		max-width: 100px;
	}
	.marketing-video {
		padding: 25px;
	}
	.watching-area {
		width: 90%;
	}
	h2 {
		font-size: 25px;
	}
	.frequently-asked-section {
		padding-bottom: 150px;
	}
	.frequently-asked-section {
		padding-bottom: 100px;
	}
	.sub-watching-section {
		background: none;
	}
	.watching-right-area {
		width: 90%;
	}
	.watching-right-area h3 {
		margin-left: 20px;
	}
	.watching-right-area img {
		left: 50px;
	}
	.single-funnel h1 {
		font-size: 28px;
	}
	.single-funnel-image img {
		padding: 30px;
	}
	.focused-funnel h1 {
		font-size: 25px;
	}
	.single-funnel-image {
		padding-bottom: 50px;
	}
	.focused-funnel {
		padding-top: 80px;
		padding-bottom: 100px;
	}
	.focused-funnel-section {
		padding-top: 100px;
		padding-bottom: 200px;
	}
	.free-trail-check{
		position: relative;
	}
/*	.free-trail-check:after {
		content: ;
		content: "";
		position: absolute;
		bottom: -30px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}*/
	.marketing-section p.mobile-view{
		position: relative;
	}
	.marketing-section p.mobile-view:after {
		content: ;
		content: "";
		position: absolute;
		bottom: -55px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mobile-version-btm{
		position:relative;
	}
	.mobile-version-btm:before{
		content: "";
		position: absolute;
		bottom: 0;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.sh-mobile-version-btm{
		position:relative;
	}
	.sh-mobile-version-btm:before{
		content: "";
		position: absolute;
		bottom: 145px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.sh-mobile-version-btm{
		position:relative;
	}
	.sh-mobile-version-btm:before{
		content: "";
		position: absolute;
		bottom: 145px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.sha-mobile-version-btm{
		position:relative;
	}
	.sha-mobile-version-btm:before{
		content: "";
		position: absolute;
		bottom: 10px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.shak-mobile-version-btm{
		position:relative;
	}
	.shak-mobile-version-btm:before{
		content: "";
		position: absolute;
		top: -50px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 90%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mobile-funnel-version{
		position: relative;
	}
	.mobile-funnel-version:after {
		content: "";
		position: absolute;
		bottom: -48px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.sub-watcing-two-section {
		padding-top: 170px;
	}
	.single-funnel-text p {
		padding-right: 20px;
		margin-left: 40px;
	}
	.mobile-watching-version{
		position: relative;
	}
	.mobile-watching-version:after{
		content: "";
		position: absolute;
		bottom: -55px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.watcing-three-section.watcing-two-section.watcing-section {
		padding-bottom: 90px;
	}
	.sh-mobile-watching-version{
		position: relative;
	}
	.sh-mobile-watching-version:after {
		content: "";
		position: absolute;
		bottom: -90px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.mobile-package-version{
		position: relative;
		margin-bottom: 100px;
	}
	.mobile-package-version:after {
		content: "";
		position: absolute;
		bottom: -90px;
		left: 50%;
		background: #EAEAEA;
		height: 3px;
		width: 95%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.done-funnels-section:after {
		left: 4px;
		top: 473px;
	}
	.single-done-funnel-1st {
		margin-bottom: 45px !important;
	}
	.single-done-funnel-2nd {
		margin-bottom: 180px !important;
	}
	.single-done-funnel-3rd {
		margin-bottom: 268px !important;
	}
	.single-funnel-head img {
		width: 30px;
	}
	.single-funnel-head h2 {
		font-size: 25px;
	}
	.header-logo img {
		width: 250px;
	}
	.done-funnels-section:after {
		left: 6px;
		top: 490px;
	}
	.single-funnels-text.sha-funnel {
		margin-top: 38px;
	}
	/*work example section css*/
	.work_exm_heading h3 {
		font-size: 30px;
		margin-bottom: 0px;
	}
	.work_exm_heading h3:after {
		width: 130px;
	}
	.single_work_exmple:nth-child(1) .exmp_content h3 {
		margin-top: 15px;
	}
	.exmp_content h3 {
		font-size: 26px;
		margin-bottom: 10px;
	}
	.single_work_exmple {
		margin-bottom: 50px !important;
	}
	.single_work_exmple:nth-child(4) .right_work_exmple {
		margin-top: 15px;
	}
	.global_img_button {
		top: 50%;
		left: -154px;
	}
	.global_img_button a {
		font-size: 18px;
	}

	.sha-watcing-two-test {
		row-gap: 0px;
	}
	
}

@media all and (max-width: 450px){



	h3 {
		font-size: 19px;
	}
	.free-trial-heading h1 {
		font-size: 25px;
	}
	.marketing-video {
		padding: 15px;
	}
	h2 {
		font-size: 18px;
	}
	.single-funnel-head img {
		width: 25px;
	}
	.single-funnel-text p {
		width: 100%;
		margin-left: 0;
		font-size: 14px;
	}
	.watcing-two-area p {
		width: 80%;
		font-size: 14px;
	}
	.not-sure-button a {
		font-size: 10px;
	}
	.single-frequently-asked h5 {
		font-size: 14px;
	}
	.single-frequently-asked p {
		font-size: 13px;
	}
	.focused-funnel h1 {
		font-size: 20px;
		padding-bottom: 30px;
	}
	.focused-funnel h1 {
		font-size: 18px;
	}
	.focused-funnel {
		padding-top: 50px;
		padding-bottom: 80px;
	}
	.single-funnel-image {
		padding-bottom: 20px;
	}
	.single-funnel h1:before {
		top: 40px;
	}
	.single-funnel-image img {
		padding: 15px;
	}
	.focused-funnel-section {
		padding-top: 80px;
		padding-bottom: 150px;
	}
	.single-funnel-text p {
		width: 90%;
		margin-left: 35px;
	}
	.single-funnel-head img {
		margin-top: -6px;
	}
	.mobile-package-version {
		margin-bottom: 50px;
	}
	.mobile-package-version:after {
		bottom: -75px;
	}
	.done-funnels-section:after {
		left: 4px;
		top: 366px;
	}
	.single-done-funnel-1st {
		margin-bottom: 120px !important;
	}
	.single-done-funnel-2nd {
		margin-bottom: 280px !important;
	}
	.single-done-funnel-3rd {
		margin-bottom: 387px !important;
	}
	.single-funnel-head img {
		width: 30px;
	}
	.single-funnel-head h2 {
		font-size: 25px;
	}
	.single-funnel-head h2 {
		font-size: 18px;
	}
	.single-funnel-head img {
		width: 25px;
	}
	.done-funnels-section:after {
		left: 6px;
		top: 380px;
	}
	.popup {
		width: 90%;
	}
	.header-logo img {
		width: 200px;
	}
	.done-funnels-section:after {
		top: 391px;
        height: 85.6%;
	}
}
@media all and (max-width: 414px) {
	/*work example section css*/
	.work_exm_heading h3 {
		font-size: 26px;
		margin-bottom: 0px;
	}
	.work_exm_heading h3:after {
		width: 110px;
		bottom: -10px;
	}
	.exmp_content h3 {
		font-size: 22px;
	}
	.exmp_content h5 {
		font-size: 16px;
	}
	.exmp_content p {
		font-size: 16px;
		margin-top: 5px;
	}
	.exmp_content a {
		font-size: 16px;
	}
	.exmple_btn {
		margin-top: 0px;
	}
	.global_img_button {
		top: 45%;
	}
}