@media only screen and (min-width: 992px) and (max-width: 1199px) {
    header .donate a {font-size: 24px; padding: 9px 20px;}
    .menu ul li a{font-size:14px; line-height: 16px; padding: 20px 8px;}
    .menu ul li ul{top: 56px;}
    .menu ul ul li a{font-size: 14px;}
    .cname{font-size: 32px; line-height: 32px; padding: 0 0 0 20px;}
    video#player1, .mejs-container{height: 234px!important;}
    
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 991px) {	
    .menu{padding: 0;}
    .menu ul li a{font-size:14px; line-height: 16px; padding: 20px 8px;}
    .menu ul li ul{top: 56px;}
    .menu ul ul li a{font-size: 14px;}
    .logo{margin: 0;}
    .address-area{max-width: 500px; text-align: right;}
    .phone{font-size: 22px; padding:0 5px 0 0;}    
    .footer-grid{width:32%;}
    .slides-caption h2{font-size:42px; line-height:42px;}
    header .donate{margin-top: -56px;}
    header .donate a {font-size: 24px; padding: 9px 20px;}
    .cname {font-size: 24px;line-height: 36px; padding: 0 0 0 15px;}
    .mailing-list{padding: 0;}
    .live-logo{padding: 0;}
    .services-inner{padding: 0;}
    .upcoming-event{padding: 0;}
    .upcoming-event ul{padding: 0 0 20px;}
    .upcoming-event ul li{font-size: 18px; line-height: 20px;}
    .top-text {padding: 0 0 0 20px;}
    .video-outer{padding: 0;}
    video#player1, .mejs-container{height: 190px!important;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .flexslider .slides img{width: 740px; left: 50%; margin-left: -370px;}
    .logo {margin: 0; padding: 15px 0; text-align: center; width: 100%;}
    .address-area {padding: 0 0 20px; text-align: center; width: 100%;}
    .phone{font-size: 24px; line-height: 26px;} 
    .menu {position: relative; z-index:1; padding: 0; width:100%;}
    .menu ul li{border-top: 1px solid #216d95;}
    .menu ul li ul{position: inherit; top: 0;}
    .menu ul ul li a{padding: 10px 0;}
    .menu ul li ul li ul{ position: inherit; border:none; left: inherit;}
	.mean-container .mean-nav ul li a.mean-expand { border:none; background:none;}
    .menu ul li.active a, .menu nav > ul > li:hover > a{border:none;}
    .menu ul li.last ul li ul,.menu ul li:nth-last-child(2) ul ul{right: inherit;}
    .banner-outer .col-sm-12{padding: 0;}    
    .bottom-content{padding: 40px 0;}
    .mailing-list{padding: 0; text-align: center;}
    .mailing-list p{display: inline-block; vertical-align: top;}
    .live-logo{padding: 0; margin:40px 0 0; text-align: center;}
    .live-logo a{display: inline-block;float: none;}
    .footer-grid{width: 100%; display: block; float: left; max-width: inherit; margin-top: 30px;}
    .footer-top{padding:10px 0 0;}
    .copyright{display: block; border: none; width: 100%; margin: 0 0 10px;}
    .deign-by{display: block; width: 100%;}
    .flex-control-nav {padding: 0 15px; bottom: 30px;}
    .slides-caption h2{font-size:30px; line-height: 30px; padding: 10px;}
    .slide-btn{font-size:20px; line-height:20px; padding: 8px 20px; height: 40px;}
    .slides-caption{right: 20px; bottom: 30px;}
    .header-bottom .col-sm-12{padding: 0;}
    .menu{padding: 0 15px;}
    header .donate{width: 100%; text-align: center;}
    header .donate a{font-size:24px; line-height: 28px; padding: 10px 15px;}
    .social-icon{margin: 0;}
    .cname {font-size: 30px; line-height: 32px; margin: 0 0 20px; 
        padding: 0;text-align: center;width: 100%;}
    .upcoming-event {padding: 0; text-align: center;}
    .services-inner {padding: 0; text-align: center;}
    .top-block{padding: 30px 0 0;}
    .pict-block {text-align: center; width: 100%;}
    .top-text {padding: 30px 30px 0; text-align: center; width: 100%;}
    .top-content{padding: 40px 0;}
    .video-outer{padding: 30px 0 0;}
    video#player1, .mejs-container{height: 250px!important;}
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .flexslider .slides img{width: 500px; left: 50%; margin-left: -250px;}
    .logo {padding: 15px 0 10px;}
    .menu ul li a{font-size: 14px; line-height: 15px;}    
    .text-box{margin: 0 0 15px; width: 100%;}
    .upcoming-event ul li{font-size: 20px;}
    .top-text {padding: 30px 0 0;}
    video#player1, .mejs-container{height: 160px!important;}
}