/********************************************************************
IPHONE 6, 6S, 7, 8
********************************************************************/
@media (min-width: 375px) and  (max-width: 379.98px){

    .video-bg h1 {
        font-size: 30px !important;
        padding: 0px 20px;
        margin-top: 60px;
    }
    .section{
        text-align: center;
    }
    .video-bg h5 {
   
        padding: 0px 20px;
    }
    .section2 .__box-container .__left img{
        margin: auto;
    }
    .va6-container {
        width: calc(100% - 2 * var(--va6-space-md));
        margin-left: auto;
        margin-right: auto;
        height: 70vh;
    }
    .section h2{
        font-size: 30px !important;
    }
    .section2 .__box-container .__content {
        flex-direction: column;
    }
    .section2 .__box-container .__right {
        width: 100%;
    }
    .section2 .__box-container .__left {
        padding-right: 0px;
        margin-bottom: 10px;
    }
    
    .section2 .clip2{
        display: none;
    }
    .section2 .clip3{
        display: none;
    }
}

@media (min-width: 380px) and  (max-width: 499.98px) {

    .video-bg h1 {
        font-size: 30px !important;
        padding: 0px 20px;
        margin-top: 60px;
    }
    .section{
        text-align: center;
    }
    .video-bg h5 {
   
        padding: 0px 20px;
    }
    .section2 .__box-container .__left img{
        margin: auto;
    }
    .va6-container {
        width: calc(100% - 2 * var(--va6-space-md));
        margin-left: auto;
        margin-right: auto;
        height: 70vh;
    }
    .section h2{
        font-size: 30px !important;
    }
    .section2 .__box-container .__content {
        flex-direction: column;
    }
    .section2 .__box-container .__right {
        width: 100%;
    }
    .section2 .__box-container .__left {
        padding-right: 0px;
        margin-bottom: 10px;
    }
    
    .section2 .clip2{
        display: none;
    }
    .section2 .clip3{
        display: none;
    }
}


/********************************************************************
EXTRA SMALL DEVICES (PORTRAIT PHONES, LESS THAN 576px)
********************************************************************/
@media (min-width: 500px) and (max-width: 575.98px) {
    .video-bg h1 {
        font-size: 40px;
        padding: 0px 20px;
        margin-top: 60px;
    }
    .section{
        text-align: center;
    }
    .video-bg h5 {
   
        padding: 0px 20px;
    }
    .section2 .__box-container .__left img{
        margin: auto;
    }
    .va6-container {
        width: calc(100% - 2 * var(--va6-space-md));
        margin-left: auto;
        margin-right: auto;
        height: 70vh;
    }
    
    .section h2{
        font-size: 30px !important;
    }
    .section2 .__box-container .__content {
        flex-direction: column;
    }
    .section2 .__box-container .__right {
        width: 100%;
    }
    .section2 .__box-container .__left {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .section2 .clip2{
        display: none;
    }
    .section2 .clip3{
        display: none;
    }
}


/********************************************************************
SMALL DEVICES (LANDSCAPE PHONES, 576PX AND UP)
********************************************************************/
@media (min-width: 576px) and (max-width: 767.98px) { 
    .video-bg h1 {
        font-size: 40px;
        padding: 0px 20px;
    }

    .section{
        text-align: center;
    }
    .section2 .__box-container .__left img{
        margin: auto;
    }

    .va6-container {
        width: calc(100% - 2 * var(--va6-space-md));
        margin-left: auto;
        margin-right: auto;
        height: 70vh;
    }

    .section2 .__box-container .__content {
        flex-direction: column;
    }
    .section2 .__box-container .__right {
        width: 100%;
    }
    .section2 .__box-container .__left {
        padding-right: 0px;
        margin-bottom: 10px;
    }

    .section2 .clip2{
        display: none;
    }
    .section2 .clip3{
        display: none;
    }

}


/********************************************************************
MEDIUM DEVICES (TABLETS, 768px and Up)
********************************************************************/
@media (min-width: 768px) and (max-width: 991.98px) { 

    .video-bg h1 {
        font-size: 40px;
    }

    .section2 .__box-container .__left img{
        margin: auto;
    }

  
}


/********************************************************************
LARGE DEVICES (DESKTOPS, 992px and Up)
********************************************************************/
@media (min-width: 992px) and (max-width: 1000.98px) { 

 
    
		
}


/********************************************************************
LARGE DEVICES (DESKTOP, 1001 Up)
********************************************************************/
@media (min-width: 1001px) and (max-width: 1199.98px) { 	

}


/********************************************************************
EXTRA LARGE DEVICES (LARGE DESKTOPS, 1200px and Up)
********************************************************************/
@media (min-width: 1200px) { 
  
}