/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	/*Disable Animation on Mobile Devices*/
	.animated {
		/*CSS transitions*/
		-o-transition-property: none !important;
		-moz-transition-property: none !important;
		-ms-transition-property: none !important;
		-webkit-transition-property: none !important;
		transition-property: none !important;
		/*CSS transforms*/
		-o-transform: none !important;
		-moz-transform: none !important;
		-ms-transform: none !important;
		-webkit-transform: none !important;
		transform: none !important;
		/*CSS animations*/
		-webkit-animation: none !important;
		-moz-animation: none !important;
		-o-animation: none !important;
		-ms-animation: none !important;
		animation: none !important;
	}
	   html {font-size: 14px; }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
       html {font-size: 12px; }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
     html {font-size: 10.5px; }
    
}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1500px) {
    
    html{
        font-size: 19px;
    }
    .wrapper{
        max-width:1500px;
        /*border:1px solid red;*/
    }

    .vi__text {
        max-width: 50%;
    }
    .vi__video {
        max-width: 770px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .user-video {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    
  
    
        
}