@media only screen and (min-width: 1440px) {
    .step-1:before{

		width:815px;
		height:800px;
		background-size:815px 800px;
		
	}
	
	.step-1, .step-2, .step-3{
		    margin-bottom: 200px;
	}
	
	.step-1:after {
    left: -50px;
	
	}
	.steps .container-fluid{
		max-width:1920px;
		
		overflow:hidden;
	}
	
	.step-default {
    padding-left: 120px;
	}
	
	.step-default.step-right{
		padding-right:120px
	}
	
	.step-2:before{
		width:960px;
		height:657px;
		background-size:960px 657px;
	}
	
	
	.step-3:before{
		width:900px;
		height:702px;
		background-size:900px 702px;
		left:-35px;
		
	}

	.step-4:before{

	width:940px;
	height:720px;
	background-size:940px 720px;
	
	}

	
}

@media only screen and (min-width: 1600px) {
	
	.step-1, .step-2, .step-3{
		    margin-bottom: 250px;
	}

	.step-1:before{

		width:900px;
		height:883px;
		background-size:900px 883px;
		left:-15px;
		z-index:1;
		
	}
	
	.step-2:before{
		width:1000px;
		height:684px;
		background-size:1000px 684px;
	}
	
	.step-3:before{
		width:1000px;
		height:780px;
		background-size:1000px 780px;
		left:-35px;
		
	}
}

@media only screen and (min-width: 1700px) {
	
	.step-1:before{

		width:974px;
		height:956px;
		background-size:974px 956px;
		top:-30px
		
	}
	
	.step-2:before{
		width:1125px;
		height:770px;
		background-size:1125px 770px;
	}
	
	.step-3:before{
		width:1100px;
		height:858px;
		background-size:1100px 858px;
		left:-35px;
		
	}
	
	.step-3:after {
    bottom: 0;
    left: 5px;
	}

	
	.step-default {
    padding-left: 200px;
	}
	.step-default h2 {
    font-size: 90px;
	}
	
	.step-default h3{
		font-size: 32px;
	}
	
	.step-1 .headline{
		padding-top:100px
	}
	
	.step-default p {
    font-size: 22px;
	}
	
	.step-1:after {
		left: 20px;
	}
	
	.step-btn{
		margin-top:15px
	}
	
	.step-1, .step-2, .step-3{
		    margin-bottom: 300px;
	}
	
}

@media only screen and (min-width: 1800px) {

	.step-1:before{

	
		
	}
	
	.step-2:before{
		width:1000px;
		height:684px;
		background-size:1000px 684px;
	}
}


@media only screen and (min-width: 2000px) {
	.steps .container-fluid{
		box-shadow:0px 40px 50px 2px rgba(0,0,0,0.1);
	}
}

@media screen and (max-width:1315px){
	.step-1, .step-2, .step-3{
		    margin-bottom: 220px;
	}
	
	.step-default h2 {
    font-size: 60px;
	}
	
	.step-2:before {
    right: -70px;
	}
	

}



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

	.header-menu li{
		font-size:15px
	}
	
.membership-links li{
	font-size:15px;
	margin-left:10px
}

.membership-links a{
	padding:8px
}

.header-menu a{
	padding-left:8px;
	padding-right:8px;
}

.logo a{
	margin-right:5px
}

.intro-links a{
	padding:10px
}

.hi-content h2{
	margin-top:20px
}

.hi-content p br{
	display:none
}

.circle-sm .circle-icon{
	width:120px;
	height:120px
}

.circle-lg .circle-icon{
	width:150px;
	height:150px
}

.intro-menu li{
	width:150px
}

.circle-sm .circle-icon{
	font-size:50px;
	line-height:117px
}

.circle-lg .circle-icon{
	font-size:66px;
	line-height:142px
}

.home-intro{
	height:666px
}

.general-settings .toggle-menu li img{
	height:50px
}

.general-settings .toggle-menu li{
	font-size:16px
}

.general-settings .toggle-menu{
	width:13%;
	margin-right:2%
}

.cm-text{
	font-size:22px
}

}

@media screen and (max-width:1050px){
	.step-1:before{
		
		width: 600px;
    height: 588px;
    background-size: 600px 588px;
	}
	
	.step-1, .step-2, .step-3 {
		margin-bottom: 0px;
	}
	
	.step-2:before{
		
		width: 750px;
    height: 513px;
    background-size: 750px 513px;
	}
	.step-default:after {
    font-size: 250px;
	}
}


@media only screen and (max-width: 991px) {
	.step-1:before, .step-2:before, .step-3:before, .step-4:before{
		
		background: none;
	}
	
	.credit-card-infos {
    font-size: 14px;
	}
	
	.toggle-content{
		padding:0 20px
	}
	
	.card-wrapper{
		margin:5px 0 25px!important
	}
	
	
	.step-1:after{
		bottom: 271px;
    left: -35px;
	}

	.intro-links a{
		
		    font-size: 15px;
    padding: 9px 5px;
	}
	
	
	
	
	.header-menu li{
		font-size:13px
	}
	
	.logo a{
		padding-left:0;
		padding-right:0
	}
	
	.header-menu a{
		padding-left:7px;
		padding-right:7px;
	}
	
	.logo-link img{
		width:65px
	}
	
	.membership-links li{
		font-size:12px;
		margin-left:5px
		
	}
	
	.membership-links a{
		padding:8px 4px
	}
	
	.header .col-md-4{
		padding:0
	}
	
	.intro-menu li{
		margin-left:0;
		margin-right:0
	}
	
	.settings-table{
		margin:25px 0;
		font-size:14px
	}
	
	.service-status{
		font-size:13px;
		padding:0 5px
	}
	
	.payment-box{
		padding:15px;
		margin-bottom:10px
	}
	
	.payment-box .fa{
		font-size:32px
	}
	
	.payment-box, .number{
		font-size:18px;
		line-height:22px
	}
	
	.cm-text{
		font-size:17px
	}
	
	.payment-detail-link{
		font-size:13px;
		padding:0 5px
	}
}


@media only screen and (max-width: 767px) {
	.circle-sm .circle-icon,.circle-lg .circle-icon{
		width:85px;
		height:85px;
		font-size:33px;
		line-height:81px;
		border-width:2px;
		margin:15px auto;
		background:transparent;
	}
	
	.settings-table{
		font-size:12px
	}
	
	.theme-thumb{
		
		margin:0 auto 20px;
		max-width:300px
	}
	
	.theme-configuration{
		box-shadow:0 0 0
	}
	
	.step-img {
		display:none
	}
	
	.features .lite-btn{
		margin-bottom:25px
	}
	
	.call-to-action-text h2{
		font-size:28px
	}
	
	.features{
		margin-bottom:0
	}
	
	.step-default .headline{
		padding-top:40px;
		text-align:left!important;
		font-size:44px
	}
	
	.step-2:after{
		left: -15px;
    bottom: 300px;
	}
	
	.step-1:after{
		bottom:244px
	}
	
	.step-3:after, .step-4:after{
    bottom: 222px;
    left: -20px;
	
	}
	
	.call-to-action-text{
		padding-top:30px
	}
	
	.footer-text{
		text-align:center;
		margin:10px 0
	}
	
	.footer .logo-link{
		    padding: 10px 0 0;
    margin: 0 auto;
    display: block;
	width:100%;
	text-align:center
	}
	
	.footer .logo{
		float:none
	}
	
	.features-list{
		max-width: 390px;
		margin: -56px auto 0;
	}
	
	.theme-link{
		max-width: 300px;
    margin: 15px auto;
	}
	
	.testimonial img{
		width:60px;
		margin-right:5px
	}
	
	.step-default.step-right{
		padding-left:15%;
		padding-right:0
	}
	
	.intro-links{
		margin-top:5px
	}
	
	.circle-lg:hover i, .circle-sm:hover i{
		font-size:40px
	}
	
	.intro-menu li{
		width:120px
	}
	
	.circle-text{
		font-size:17px;
		padding-bottom:10px
	}
	
	.home-intro{
		height:auto
	}
	
	
	
	.hi-content{
		padding-top:15px;
		padding-bottom:15px;
	}
	
	.intro-video{
		padding-top:24px;
	}
	
	.intro-video iframe{
		height:250px
	}
	
	.intro-menu ul{
		margin:0
	}
	
	.header-menu, .membership-links{
		display:none
	}
	
	.mobile-menu-btn{
		margin-top:21px;
		border:1px solid #aaa;
		float:right;
		cursor:pointer;
		display:block
	}
	
	.mm-active{
		display:block;
		transition:.5s all;
	}
	
	.mobile-menu{
		
		position:fixed;
		top:94px;
		left:0;
		right:0;
		background:rgba(255,255,255,.95);
		z-index:999
	}
	
	.mobile-menu ul{
		list-style:none;
		padding-left:15px;
		border-bottom:1px dotted #999;
		margin:0;
		padding-bottom:5px
	}
	
	.mobile-menu a{
		font-size:18px;
		text-align:center;
		display:block;
		line-height:34px;
		color:#333
	}
	
	.home-intro{
		
		background: #da1199; /* Old browsers */
background: -moz-linear-gradient(left, #da1199 0%, #140dd5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #da1199 0%,#140dd5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #da1199 0%,#140dd5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1199', endColorstr='#140dd5',GradientType=1 ); /* IE6-9 */
	}
	
	
	.general-settings .toggle-menu{
		width:100%;
		float:none
	}
	.general-settings .toggle-menu li{
		float:left;
		width:20%
	}
	
	.general-settings .toggle-menu li img{
		height:30px
	}
	
	.general-settings .toggle-content{
		width:100%
	}
}

@media only screen and (max-width: 500px) {
	.general-settings .toggle-menu li{
		font-size:14px
	}
	.logo a{
		padding:0
	}
	
	.cp-headline{
		font-size:21px
	}
	
	
	.mobile-menu-btn{
		margin-top:6.5px
	}
	
	.mobile-menu{
		top:63px;
	}
	
	.mobile-menu a {
    font-size: 16px;
	}
	
	.hi-content p{
		font-size:13px
	}
	
	.intro-video iframe {
		height: 185px;
	}
	
	.intro-links{
		text-align:center
	}
	
.intro-links a{
	font-size:14px
}
	
	.hi-content h2{
		font-size:26px
	}
	
	.intro-menu li {
		width: 40%;
	}
	
	.circle-icon{
		width:100%
	}
	
	
}