.iphone-img{
	width: 80% !important;
}

.home-title-1{
	width: 50% !important;
}

.home-text-1{
	width: 80% !important;
}

.margin-5{
	margin-top: 5% !important;
}

.margin-10{
	margin-top: 10% !important;
}

.margin-20{
	margin-top: 20% !important;
}

.btn-width-1{
	width: 40% !important;
}

.margin-padding-1{
	margin-top: 10% !important;
    padding-left: 10% !important;
    padding-right: 10% !important;
}

.title-2-width{
	width: 100% !important;
}

.title-3-width{
	width: 50% !important;
}

.iphone-2{
	position: absolute !important;
    width: 40% !important;
    /* margin-left: 40%; */
    margin-top: 8% !important;
    margin-left: 5% !important;
}

.bg-gradient{
	position: initial !important;
    width: 77% !important;
    margin-left: 25% !important;
}

.video-css{
	width: 80% !important;
	box-shadow: 0px 0px 20px black !important;
	border-radius: 20px;
}

.video-bg{
	background-image: url('App Webpage/Gradient round.png') !important;
	background-repeat: no-repeat !important;
}

.desc-bg{
	background: #069380;
	padding-top: 6%;
	padding-bottom: 6%;
}

.btn-width-2{
	width: 20% !important;
}

/*============================ media ==============================*/

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .section1{
        text-align: -webkit-center !important;
    } 
    .btn-width-2{
	    width: 45% !important;
	}
	.margin-responsive{
		margin-top: 0px !important;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
    .section1{
        text-align: -webkit-center !important;
    }  
    .btn-width-2{
	    width: 40% !important;
	}  
	.margin-responsive{
		margin-top: 0px !important;
	}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
    .section1{
        text-align: -webkit-center !important;
    }
    .btn-width-2{
	    width: 30% !important;
	}
	.margin-responsive{
		margin-top: 20% !important;
	}
}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
    .section1{
        text-align: -webkit-center !important;
    }
    .btn-width-2{
	    width: 25% !important;
	}
	.margin-responsive{
		margin-top: 20% !important;
	}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
    .section1{
        text-align: -webkit-center !important;
    }
    .btn-width-2{
	    width: 20% !important;
	}
	.margin-responsive{
		margin-top: 20% !important;
	}
}