.navbar-nav{margin-left: auto;}
.navbar-nav a.nav-link {border: 1px solid #ccc; border-radius: 4px; margin-left: 20px; padding: 5px 15px !important;}



/*.video_card_sec{justify-content: center;}*/
.video_card_sec .card{width: 100% !important; margin-bottom: 20px;     cursor: pointer;}
.video_card_sec .card h5.card-title {font-size: 16px;}

.modal.show .modal-dialog {transform: none; width: 80% !important; max-width: 95% !important; margin-top: 2.5% !important;}
/*.modal .embed-responsive iframe {width: 100%; height: 85vh;}*/
video.embed-responsive {width: 100%; height: 80vh;}
.my_model_sec h5{text-align: center; margin-bottom: 20px;}
.button_sec {position: absolute; right: -15px; background: #fff; opacity: 1; width: 35px; height: 35px; line-height: 35px; text-align: center;
    z-index: 999; top: -15px; border-radius: 50%; box-shadow: 0px 0px 10px #000;}
.button_sec button.btn-close {color: #000 !important; opacity: 1;  font-size: 12px;}


footer{background: #f8f9fa; padding: 20px; text-align: center; margin-top: 50px;}
footer p{margin: 0px;}

@media (max-width: 767.98px){
    video.embed-responsive {height: auto;}
	.modal.show .modal-dialog {width: 100% !important;
    max-width: 90% !important;
    padding: 0px !important;
    margin: 10% 5% !important;
}
    .navbar-collapse{background: #2f3192; padding: 10px; border-top: 2px solid #2f3192;}
    .navbar-collapse ul.navbar-nav a.nav-link{margin-left: 0px !important; margin-bottom: 10px; color: #fff;}
}