.container-phone {
    width: 100%;
    margin: 0 auto;
}


/* 
.phone-bg-port{
	position: relative;
	overflow:visible;
	min-height: 500px;
	background-image:url('.img/iphone-1000-500.png');
	background-repeat:no-repeat;
	background-size: 1005px 500px;
	background-position:left top;

}

.video-container-port iframe {
    position: absolute;
	top: 30px;
	left: 118px;

}






/* Extra small devices (phones, 600px and down) */


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


    .phone-bg-port{
        position: relative;
        overflow:visible;
        min-height: 603px;
        background-image:url('../images/iphone-300-603.png');
        background-repeat:no-repeat;
        background-size: 300px 603px;
        background-position:left top;

    }

    .video-container-port iframe {
        position: absolute;
        top: 50px;
        left: 15px;
        width: 270px ;
        height: 487px

    }



}






/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {





    .phone-bg-port{
        position: relative;
        overflow:visible;
        min-height: 1005px;
        background-image:url('../images/iphone-500-1005.png');
        background-repeat:no-repeat;
        background-size: 500px 1005px;
        background-position:left top;

    }

    .video-container-port iframe {
        position: absolute;
        top: 112px;
        left: 28px;
        width: 440px ;
        height: 783px

    }





}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .phone-bg-port{
        position: relative;
        overflow:visible;
        min-height: 1005px;
        background-image:url('../images/iphone-500-1005.png');
        background-repeat:no-repeat;
        background-size: 500px 1005px;
        background-position:left top;

    }

    .video-container-port iframe {
        position: absolute;
        top: 112px;
        left: 28px;
        width: 440px ;
        height: 783px

    }

}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .phone-bg-port{
        position: relative;
        overflow:visible;
        min-height: 1005px;
        background-image:url('../images/iphone-500-1005.png');
        background-repeat:no-repeat;
        background-size: 500px 1005px;
        background-position:left top;

    }

    .video-container-port iframe {
        position: absolute;
        top: 112px;
        left: 28px;
        width: 440px ;
        height: 783px

    }


}


/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .phone-bg-port{
        position: relative;
        overflow:visible;
        min-height: 1005px;
        background-image:url('../images/iphone-500-1005.png');
        background-repeat:no-repeat;
        background-size: 500px 1005px;
        background-position:left top;

    }

    .video-container-port iframe {
        position: absolute;
        top: 112px;
        left: 28px;
        width: 440px ;
        height: 783px

    }


}

.phone-bg-land{
    position: relative;
    overflow:visible;
    min-height: 500px;
    background-image:url('../images/iphone-1000-500.png');
    background-repeat:no-repeat;
    background-size: 1005px 500px;
    background-position:left top;

}

.video-container-land iframe {
    position: absolute;
    top: 30px;
    left: 118px;

}



/* Extra small devices (phones, 600px and down landscape) */

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


    .phone-bg-land{
        position: relative;
        overflow:visible;
        min-height: 149px;
        background-image:url('../images/iphone300-149.png');
        background-repeat:no-repeat;
        background-size: 300px 149px;
        background-position:left top;

    }

    .video-container-land iframe {
        position: absolute;
        top: 9px;
        left: 18px;
        width: 250px ;
        height: 132px

    }



}



/* Extra small devices (phones, 600px and down) 


@media only screen and (max-width: 600px) {
	
	
		.phone-bg-land{
	position: relative;
	overflow:visible;
	min-height: 603px;
	background-image:url('../images/iphone-300-603.png');
	background-repeat:no-repeat;
	background-size: 300px 603px;
	background-position:left top;

}

.video-container-land iframe {
    position: absolute;
	top: 50px;
	left: 15px;
	width: 270px ;
	height: 487px

}
	
	
	
}

*/

/* Small devices (portrait tablets and large phones, 600px and up) */
/*
@media only screen and (min-width: 600px) {
	
		
	.phone-bg-land{
	position: relative;
	overflow:visible;
	min-height: 1005px;
	background-image:url('../images/iphone-500-1005.png');
	background-repeat:no-repeat;
	background-size: 500px 1005px;
	background-position:left top;

}

.video-container-land iframe {
    position: absolute;
	top: 112px;
	left: 28px;
	width: 440px ;
	height: 783px

}

	
	
}

*/

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    .phone-bg-land{
        position: relative;
        overflow:visible;
        min-height: 249px;
        background-image:url('../images/iphone-500-249.png');
        background-repeat:no-repeat;
        background-size: 500px 249px;
        background-position:left top;

    }

    .video-container-land iframe {
        position: absolute;
        top: 16px;
        left: 56px;
        width: 390px ;
        height: 218px

    }

}
/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

    .phone-bg-land{
        position: relative;
        overflow:visible;
        min-height: 348px;
        background-image:url('../images/iphone-700-348.png');
        background-repeat:no-repeat;
        background-size: 700px 348px;
        background-position:left top;

    }

    .video-container-land iframe {
        position: absolute;
        top: 22px;
        left: 79px;
        width: 550px ;
        height: 306px;

    }



}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

    .phone-bg-land{
        position: relative;
        overflow:visible;
        min-height: 500px;
        background-image:url('../images/iphone-1000-500.png');
        background-repeat:no-repeat;
        background-size: 1005px 500px;
        background-position:left top;

    }

    .video-container-land iframe {
        position: absolute;
        top: 32px;
        left: 114px;
        width: 781px ;
        height: 442px;

    }


}