@media screen and (max-width: 1025px) {
	#sider  {
		width: 100%;
		
	}
	
	.newsletter, .calenda-card {
		width: 255px;
	}
	
	.newsletter {
		width: 245px;
		margin-left: 0;
	}

	.vid-info {
		width: 80%;
	}
	
	#logo {
		margin: 0 auto;
		float: none;
	}
	
	.nav-right {
		width: 100%;
	}
	
	#search-box {
		width: 80%;
		float: none;
		padding-right: 20%;
		margin-left: 10%;
	}
	
	.nav-right ul {
	display: none!important;	
	}
	
	.navControl {
		display: block;
	}
	
}

@media screen and (max-width: 769px) {
	#sider  {
		width: 100%;
		
	}
	
	.newsletter, .calenda-card {
		width: 275px;
		margin-left: 15px;
	}
	
	.vid-info {
		width: 80%;
	}
	
	#logo {
		margin: 0 auto;
		float: none;
	}
	
	.nav-right {
		width: 100%;
	}
	
	#search-box {
		width: 80%;
		float: none;
		padding-right: 20%;
		margin-left: 10%;
	}
	
	.nav-right ul {
	display: none!important;	
	}
	
	.navControl {
		display: block;
	}
	
}


@media screen and (max-width: 767px) {
	.team-member, .newsletter, .calenda-card {
		width: 240px;
	}
}


@media screen and (max-width: 360px) {
	.team-member, .newsletter, .calenda-card, #sider {
		width: 95%;
		margin-right: 2.5%!important;
		margin-left: 2.5%!important;
	}
	
	
	#sider {
    width: auto;
}

#logo img {
    width: 100%;
    height: auto;
}
#logo {
    width: 200px !important;
    overflow: hidden;
} 

}