﻿




	.t_boxAbout {
		display: flex;
		flex-wrap: wrap;
	}

	.t_one {
		/*flex: 1 1 auto;*/
		/*background-color: #ffd800;*/
		width: 610px;
	}

	.t_two {
		/*flex: 1 1 auto; for twitter twitter twitter*/
		/*background-color: #00ff21;*/
		width: 530px;
	}





.VideoCenter-me {
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	flex-direction: row-reverse;
	flex-wrap: wrap;
	padding: 6px;

}

.Videoflex-container {
	display: flex;
	flex-wrap: wrap;

}

.VideoxdivFullback {
    position: relative;
    /*background-color: rgba(255, 255, 255, 0.60);*/
    width: 260px;
    height: 190px;
    /*padding: 10px;*/
    text-align: center;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

	.VideoxdivFullback :hover {
	
		transition: width 2s;
		transition: width 2s, height 4s;

	}





@media (max-width: 500px) {
    .VideoxdivFullback {
        position: relative;
        /*background-color: rgba(255, 255, 255, 0.60);*/
        width: 260px;
        height: 190px;
		margin-top:10px;
        text-align: center;
        border-radius: 10px;
        box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
    }

    
}



.modal-dialog {
	max-width: 800px;
	margin: 30px auto;
}



.modal-body {
	position: relative;
	padding: 0px;
}

.close {
	position: absolute;
	right: -30px;
	top: 0;
	z-index: 999;
	font-size: 2rem;
	font-weight: normal;
	color: #fff;
	opacity: 1;
}


/*@media (max-width: 800px) {
	.two {
		visibility: hidden;
		display: none;
		width: 0px;
	}

	.one {
		background-color: #fff;
		width: 330px;
		height: auto;
	}

	.ArRgihtText {
		margin: 0px 20px 0px 0px;
	}
}

@media screen and (min-width : 0px) and (max-width : 567px) {
	.one {
		background-color: #fff;
		width: 330px;
		height: auto;
	}
}*/

