@media only screen and (max-width: 1600px) {
	.transwhtbox{
		font-size: 27px;
		line-height: 33px;
	}
	.mobilephonetext span{
		font-size: 40px;
		line-height: 43px;
		padding-bottom: 15px;
	}
	.mobilephonetext > img.mobilelogo{
		margin-top: 20px;
	}
	.mobilephonetext > img{
		width: 90%;
	}
	.mobilephonetext > img.mobilelogo{
		max-width: 80px;
		width: auto;
	}
    .mobilephonetext{
        left: 25px;
        top: 33%;
    }
}
@media only screen and (max-width: 1440px) {
	.transwhtbox{
		font-size: 25px;
		line-height: 30px;
	}
	.mobilephonetext span{
		font-size: 33px;
		line-height: 35px;
	}    
}
@media only screen and (max-width: 1280px) {
	.transwhtbox{
		font-size: 25px;
		line-height: 30px;
	}
	.leftbox{
		margin-right: 50px;
		width: 400px;
	}
}
@media only screen and (max-width: 1024px) {
	.transwhtbox{
		font-size: 20px;
		line-height: 26px;
	}
	.leftbox{
		margin-right: 50px;
		width: 400px;
	}
    .mobilephonetext{
        left: 25px;
        top: 33%;
    }
}
@media only screen and (max-width: 980px) {
	.leftbox{
		margin-left: 30px;
		margin-right: 30px;
		width: auto;
		float: none;
	}
	.mobilephonetext span{
		font-size: 8vw;
		line-height: 9vw;
	}
	.mobilephone{
		width: 90vw;
	}
	.screen{
		top: 13.5vw;	
		left: 4vw;
	}
	.screen > img{
		width: 46.5vw;
	}
	.mobilephone > img{
		width: 100%;
		height: auto;
	}
	.mobilephonetext > img{
		width: 35vw;
		height: auto;
	}
	.mobilephonetext > img.mobilelogo{
		width: 80px;
		height: auto;
	}
	.learnmore{
		margin-left: 0;
		max-width: 100%;
		height: auto;
	}
    .mobilephonetext{
        left: 25px;
        top: 20%;
    }
}
@media only screen and (max-width: 770px) {
    .mobilephonetext{
        top: 33%;
    }
}
@media only screen and (max-width: 480px) {
    .mobilephonetext > img.mobilelogo{
        max-width: 45px;
    }
    .mobilephonetext{
        left: 15px;
    }
}