.vp-row
{
	background-color: #ffffff;
    background-image: url("/source/712d8acf051bdea41255cb28efd349e4/video-banner.jpg");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 0px 0px 0px 0px;
    margin: 0;
}
.vp-top-show
{
	max-width: 1140px;
	margin:auto;
}
.vp-bot-area
{
	max-width: 1140px;
	margin:auto;
	height: auto;

}
.myrow
{
	padding: 0;
	z-index: 9;
}
.elementor-container
{
	margin: 0;
	max-width: 100%!important;
}
.elementor-element-populated
{
	padding: 0!important;
}

.videoViewer {
     overflow: hidden;
     padding-top: 56.25%;
     position: relative;
}
 .videoViewer iframe {
     border: 0;
     height: 100%;
     left: 0;
     position: absolute;
     top: 0;
     width: 100% 
}

 .videoThumbs p {
     font-size:13px!important;
     line-height:1.2em!important;
     cursor: pointer!important;
     font-weight:bold!important;
     min-height: 32px;
}
 .videoThumbs img {
     border:1px solid #FFF;
     cursor: pointer!important;
     height: 143px;
}
 .videoThumbs:hover img {
     border:1px solid #27afbf;
}
 .videoThumbs div {
     margin:0!important;
     padding:0!important;
}

     .playlist-title {
         font-size: 20px!important;
         font-weight: 500;
         margin-top: 30px;
    }
     .video-directory {
     	margin-top:20px;
         padding-left:15px;
         border-left:2px #38787e solid;
    }
     .dtv {
         display: block;
    }
    hr.dtv
    {
    	width: 95%;
    	margin : 0 18px 20px 20px!important;
    	border-top: 1px solid #38787e;
     
    }
     .video-directory p {
         line-height:normal;
         font-size:12px!important;
         font-weight:600;
    }
    .video-directory h4
    {
    	font-size: 16px!important;
    	line-height: 1.3em;
	    font-weight: bold;
	    color: #38787e;
    }
    .video-directory h4:before
    {
    	font-family: FontAwesome;
	    content: "\f1c8";
	    position: relative;
	    top: 0px;
	    left: 0px;
	    padding-right: 4px;
	    color: #f08c48;
	    font-weight: 200;
    }
     .video-directory div {
         margin:0;
         padding:0;
    }
     .videoViewer {
         margin-top: 40px;
         margin-left: 0px;
         margin-right:0px;
         margin-bottom:40px;
    }
     .head-subhead-description h1 {
        margin-top:40px;
        font-size: 26px!important;
	    font-weight:500!important;
	    color:#0362c0;
    }
     .head-subhead-description p {
         line-height:1.4em;
    }
     .videoinfo {
         padding:6px 16px 1px 16px;
         background:rgba(255, 255, 255, 0.7);
         margin:20px auto 0px auto;
         border-radius:12px 12px 0px 0px;
         border-top:1px solid #FFF;
         border-left:1px solid #FFF;
         border-right:1px solid #FFF;
         border-bottom:none;
         display: none;
    }
    .vd-desktop
    {
        display: block;
    }
     .videoinfo h2 {
         font-size:16px!important;
         font-weight:bold;
    }
    }
     .videoinfo p {
         font-size:12px!important;
         font-weight:normal;
         line-height:normal;
    }
     .videoinfo02 {
         padding:1px 16px 12px 16px;
         background:rgba(255, 255, 255, 0.7);
         margin:0px auto 24px auto;
         border-radius:0px 0px 12px 12px;
         border-top:none;
         border-bottom:1px solid #FFF;
         border-left:1px solid #FFF;
         border-right:1px solid #FFF;
    }
     .videoinfo02 p {
         font-size:13px!important;
         font-weight:normal;
         line-height:normal;
         margin-top:0px;
    }

    
    .eng-support-banner01 { 
        width:100%;
        height:auto;
    }

    .eng-support-banner02 { 
        display: none;
    } 

    .viewall01
    {
    	float: right;
 		margin-top:20px;
 		color:#3e6e6e;
    }
    .viewall01:after
    {
    	font-family: FontAwesome;
	    content: " \f0a9";
	    position: relative;
	    top: 1px;
	    left: 0px;
    }
    .viewalltm
    {
    	display: none;
    }

   .video-mobile-toggle
   {
   	display: block;
   }
   #video-mobile-toggle img 
   {
	    width: 250px;
	    height: auto;
	    margin:0 10px 10px 10px;
	    padding-right:10px;
	}
	.show-more
	{
		display: none;
	}

	.bot-img-row
	{
		max-width: 1140px;
		margin:50px auto 30px auto;
		padding: 0 10px 0 15px;

	}

	.right-col-hr
	{
		display: none;
	}
	.vp-right-col .video-directory
	{
		margin-right:0px;
	}
	.mbv
	{
		display: none;
	}
	.vp-right-col .myrow  img
	{
		border:1px solid #FFF;
	}

	.vp-right-col .myrow:hover img
	{
		border:1px solid #27afbf;
	}

	.get-clicked img
	{
		filter:brightness(70%);
	}
	.get-clicked p
	{
		 color: #00a1b1;
	}
/*---------------------------------------MOBILE AND TEBLET---------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------*/
 @media only screen and (max-width: 991px) {

 	.vp-row
 	{
 		background: #e7f5f9;
 		margin:0 5px 0 0 ;
 	}
 	.vp-top-show .col-sm-12 , .col-xs-12
 	{
 		padding: 0;
 	}
 	.vp-bot-area
 	{
 		padding:0 10px;
 	}
    .videoinfo02
    {
    	margin: 0; 
    	border: none;
    	background: none;
    }
    .videoinfo02 p
    {
    	font-size:2.1vw!important;
    }
.head-subhead-description h1 { 
	    font-size: 16px!important;
	    font-weight:600!important;
	    color:#0362c0;
	    padding:4px 20px;
	    background:#FFF;
 
	    border:2px solid #e8f5f9;
	    margin: 0 auto;
    }
    
    h1:after {
     content: ":";
    }
    
    .playlist-title {
         font-size: 2.7vw!important;
         font-weight: 500;
   
    }


    .videoThumbs
    {
    	padding:0 10px;
    }
     .videoThumbs p {
	    line-height: 1.2em!important;
	    cursor: pointer!important;
	    font-weight: bold!important
    }



     .videoThumbs img {
         padding:0px;
        height: 14vw;
        width:35.4vw;
    }
     .video-directory {
         margin-top:20px;
         margin-left:10px;
         padding-left:0px;
         border: none;
    }
     .video-directory div {
         margin:0;
         padding:0;
    }
     .video-directory div img {
         margin: 0 0 0 0!important;
         padding:0!important;
         width:100%;
         height:auto;
    }

    .video-directory h4
    {
    	padding-left:5px;
    	font-size: 2.9vw!important;
    }


    .video-directory p {
	    margin: 5vw 0 0 2vw;
	    padding: 0;
	    font-size: 2.7vw!important;
	    line-height: normal;
	    font-weight: 600;
    }


     .videoViewer {
         overflow: hidden;
         padding-top: 56.25%;
         position: relative;

    }
     .videoContainer {
         background:#e7f5f9!important;
    }
    h2#main-title {
		font-size: 2.5vw!important;
	    line-height: normal!important;
	    font-weight: bold;
	    width: 90%;
	    padding: 2vw 0 0 5px;
	    margin:0 0 10px 0;
    }

    p#main-description {
        line-height:1.3em;
    }
     .dtv {
         display: none;
    }
    .viewalltm
    {
    	display: block;
    }
    hr.viewalltm
    {
    	width: 95%;
    	margin : 0 18px 20px 20px!important;
    	border-top: 1px solid #38787e;

    }

     .show-more {
         float:right;
         z-index:999;
         width:8%;
         height:auto;
  
         padding:0;
         display: block;
    }
 
 	.right-col-hr
 	{
 		display: block;
 		border-top: 2px solid #f08c48;
 	}


    
 
    .videoViewer
    {
    	margin:0;
    }
    .videoinfo
    {
    	background: none;
    	padding: 0 10px;
    	border: none;
    	margin: auto;
    	pointer-events: auto;
    }

    .viewall01
    {
    	float: right;
 		margin-top:0px;
 		color:#3e6e6e;
    }
	.bot-img-row
	{
		max-width: 1140px;
		margin:30px auto 30px auto;
		padding: 0 5px 0 10px;

	}
	.vp-right-col
	{
		padding-left:0;
	}
	.mbv
	{
		display: block;
	}

	.vp-right-col .viewall01
	{
		float:left;
		margin-top: 2vw;
		font-size: 2vw!important;
	}

	.vp-right-col .myrow
	{
		margin:20px 0;
	}
    .videoinfo
    {
        display: block;
    }
    .vd-desktop
    {
        display: none;
    }

}



 @media only screen and (max-width: 767px) {
        .vp-row
        {
            position: -webkit-sticky;
            position: sticky;
            top: 0;
            z-index: 10;
        }
        .videoThumbs p 
        {
            font-size:3vw!important;
            margin:20% 0px 0% 20px;
        }
        .videoThumbs
        {
            padding:10px 10px;
        }
        .playlist-title 
        {
            font-size: 3vw!important;
            font-weight: 500;
        }
        .eng-support-banner01
        {
            display: none;
        }
        .eng-support-banner02 
        { 
            display: block;
            width:100%;
            height:auto;
        }
        .vp-right-col .viewall01
        {
            float:right;
            margin-top: 7vw;
            font-size: 2.5vw!important;
        }
        .videoThumbs img
        {
             height:25vw;
            width:44vw;
            padding: 0;
        }
 



    }
/* END - MOBILE VIEW */