/* Large only - min 1120px - max 1199px */
@media screen and (min-width: 70em) and (max-width: 75em) {}

/* Large only - max 1120px */
@media screen and (max-width: 70em) {}

/* Large and up - min 1024px */
@media screen and (min-width: 64em) {}

/* Medium only - min 640px - max 1023px */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.top-bar-section .has-dropdown > a:after{
		content: "\f105";
		left:95%;
		top:50%;
		margin-left: -7px;
		margin-top: -7px;
		font-size:15px;
	}
}

/* Medium and up - max 768px */
@media screen and (max-width: 48em) {
	html, body{
		overflow-x: hidden;
	}
	#hTop .small-4{
		padding-right: 0;
	}
	#hTop .hSocialMedia.small .fa{
		background: transparent;
		width: 20px;
	}
	#hTop #searchform input[type="text"] {
		padding: 1em;
		width: 65%;
	}
	#hTop #searchform input[type="submit"] {
		width: 33%;
		font-size: 12px
	}
	.hSocialMedia a {
		margin-right: 5px;
	}
	.hBoxH{
		font-size: 18px;
	}
	.hLogo a {
		text-align: center;
	}
	#hMenu {
		padding: 0;
	}
	.hMenu {
		background: #000;
	}
	.hMenu .fa-bars {
		font-size: 1.5em;
		padding: 0.5em 0;
	}
	#hMenu .top-bar.expanded {
		min-width: 100%;
	}
	#hMenu .menu .submenu {
		border-top: 0;
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		padding-left: 20px;
	}
	.hBanner{
		display: none;
	}
	.hLogo img {
		max-height: 65px;
		margin-top: -2px;
	}
	.title-bar{
		padding: 0;
	}
	.top-bar ul {
		border: 0;
	}
	.hBanner .slick-slide {
		background-size: cover!important;
		min-height: 500px;
    	max-height: 500px;
	}
	.hBanner .slick-slide:after{
		content: ' ';
		background: -moz-linear-gradient(left, rgba(115,36,0,1) 5%, rgba(51,47,44,1) 50%, rgba(51,47,44,0) 100%);
		background: -webkit-linear-gradient(left, rgba(115,36,0,1) 5%,rgba(51,47,44,1) 50%,rgba(51,47,44,0) 100%);
		background: linear-gradient(to bottom, rgba(115,36,0,1) 5%,rgba(51,47,44,1) 50%,rgba(51,47,44,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#732400', endColorstr='#00332f2c',GradientType=1 );
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin-left: 0;
		z-index: 0;
	}
	.hBanner .bannerContent h1 {
		font-size: 40px;
	}
	.hBanner .bannerContent p, .hBanner .bannerContent .button {
		font-size: 18px;
	}
	.imgSlider .fa.fa-angle-right, .imgSlider .fa.fa-angle-left{
		display:none!important;
	}
	.slider.content_slider .slick-slide img{
		margin-bottom:1.5em;
	}
	.slider.content_slider {
		text-align: center;
	}
	.storySec {
		width: 100%;
	}
	.storySec h2 {
		font-size: 3em;
	}
	.storySec .row .row .columns{
		margin-bottom: 1.875rem;
	}
	.storySec .row .row .columns:nth-child(1) {
		padding-right: 0.9375rem;
	}
	.storySec .row .row .columns:nth-child(2), .storySec .row .row .columns:nth-child(3) {
		display: none;
	}
	.storyButton {
		margin-top: 0;
	}
	.storyButton .button{
		width: 100%;
	}
	.focusBoxes {
		width: 100%;
		padding-bottom: calc(40px - 1.875rem);
	}
	.focusBox {
		margin-bottom: 1.875rem;
		padding: 20px;
		padding-bottom: 140px;
	}
	.focusBox h4{
		font-size: 25px;
	}
	.donateBox h5, .newsletterBox h5{
		font-size: 30px;
	}
	.focusBoxes .columns:nth-child(odd) {
		padding-right: 0.9375rem;
	}
	.focusBoxes .columns:nth-child(even) {
		padding-left: 0.9375rem;
	}
	.focusBox p {
		padding-right: 0;
		min-height: 0;
	}
	.focusBox:before {
		content: ' ';
		position: absolute;
		top: auto;
		left: 0;
		bottom: 0;
		right: 0;
		background-size: cover;
		width: 100%;
		height: 120px;
		opacity: 0.8;
		z-index: 1;
	}
	.focusBox .button {
		width: 100%;
		font-size: 15px;
		border-radius: 0;
		padding: 1em 2em 0.8em;
	}
	.donateBox, .newsletterBox{
		padding: 25px;
		margin-bottom: 1.875rem;
	}
	.donateBox .button {
		float: none;
		width: 100%;
		margin-top: 25px;
		margin-bottom: 0;
	}
	.newsletterBox p {
		padding: 0;
	}
	.newsletterBox input[type='submit'] {
		position: inherit;
		width: 100%;
	}
	.socialFooter{
		text-align: left;
		padding: 30px 0 15px 0;
	}
	.aboveFooter {
		text-align: left;
		padding: 30px 0;
	}
	.aboveFooter #menu-footer_menu {
		display: inline-block;
		width: auto;
		margin: auto;
	}
	.socialFooter a {
		float: left;
		display: block;
		width: 50%;
		font-size: 14px;
		font-weight: 500;
		text-transform: uppercase;
		color: #fff;
		margin: 0 0 15px 0;
	}
	.socialFooter .fa {
		font-size: 20px;
		width: 40px;
		height: 40px;
		background-color: #292929;
		text-align: center;
		line-height: 40px;
		border: 1px solid #2f2f2f;
		border-radius: 60px;
		margin-right: 15px;
	}
	footer.mainFooter{
		text-align: center;
	}
	footer.mainFooter .tAr {
		text-align: center;
	}
	.teamImg {
		width: 100%;
		height: 290px;
	}
	.teamMember {
		min-height: auto;
	}
	.team_members_mix img {
		float: none;
		min-width: 100%;
		max-width: 100%;
		margin: 0 0 30px 0;
	}
	#mc-embedded-subscribe{
		position: static;
	}
}

/* ============ NEW STYLE ============ */
@media screen and (max-width: 64em) {
	.show-small{
		display: block;
	}
	#hTop{
		height: 5px;
	}
	#hTop .hSocialMedia,
	#hTop #search{
		display: none;
	}
	.hLogo{
		height: 85px;
		padding: 10px 0;
	}
	.hLogo img{
		max-height: 65px;
		margin-top: -10px;
	}
	.hMenu {
		background: #000;
		padding: 18px 0.9375rem;
		font-size: 16px;
		line-height: 24px;
	}
	.hMenu .fa-bars {
		float: right;
		font-size: 1.5em;
		padding: 0;
		margin-left: 15px;
	}
	#hMenu {
		padding: 0;
	}
	.hMenu .fa-bars {
		font-size: 1.5em;
	}
	#hMenu .top-bar.expanded {
		min-width: 100%;
	}
	#hMenu .menu .submenu {
		border-top: 0;
		border-bottom: 0;
		border-left: 0;
		border-right: 0;
		padding-left: 20px;
	}
	#hMenu #topMenuBar{
		padding: 0;
	}
	#hMenu .top-bar{
		margin-top: 18px;
	}
	.hLogo a {
		text-align: center;
	}
	.hBanner{
		display: none;
	}
	.hPage{
		margin: 15px auto 25px auto;
	}
	.hPage .wp-block-advgb-accordion-item,
	.hPage .advgb-accordion-header, 
	.hPage .advgb-accordion-header.ui-accordion-header.ui-state-default{
		margin-top: 0;
		margin-bottom: 0!important;
	}
	.hPage .advgb-accordion-header h4, 
	.hPage .advgb-accordion-header.ui-accordion-header.ui-state-default h4 {
		font-size: 15px;
		color: #000!important;
		text-align: left;
		line-height: 1.2;
	}
	.hPage .advgb-accordion-header-icon {
		float: left;
		margin-top: -6px;
		margin-right: 15px;
		margin-bottom: 8px;
	}
	.hPage .advgb-accordion-body, 
	.hPage .advgb-accordion-wrapper .advgb-accordion-body.ui-widget-content{
		padding: 15px;
	}
	.hPage .advgb-accordion-body figure{
		margin: 0;
	}
	.hPage .advgb-accordion-body figure.wp-block-table {
		margin: 0 0 20px 0;
	}
	.hPage .advgb-accordion-body figure img{
		margin-right: 5px;
	}
	.bottomBoxes .donateBox,
	.bottomBoxes .newsletterBox {
		background: none;
		padding: 0;
		margin-top: 0;
		margin-bottom: 15px;
	}
	.donateBox .button {
		background-color: #d51a27;
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		border-radius: 40px;
		margin-bottom: 0;
		padding: 21px 2em;
		float: none;
		margin: 0;
		min-width: 320px;
	}
	.twitter-timeline{
		margin-top: 25px!important;
	}
	.bottomBoxes iframe {
		border: 0!important;
	}
	.mainSec {
		display: grid;
		margin-top: -25px;
	}
	.focusBoxes,
	.storySec{
		display: flex;
		border: 0;
		padding: 0;
		margin-top: 40px;
	}
	.focusBoxes .row{
		width: 100%;
	}
	.focusBox{
		background: #eeeeee;
		color: #000;
		min-height: 0;
		border-radius: 0;
		padding: 20px;
		margin-bottom: 0.9375rem;
		position: relative;
	}
	.focusBox a{
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: 9;
	}
	.focusBox.mB0{
		margin-bottom: 0;
	}
	.focusBox h4 {
		font-size: 15px;
		margin: 0;
		text-align: center;
		line-height: 1;
	}
	.focusBox h4:before{
		display: block;
		content: ' ';
		background: url(/wp-content/themes/tim/style/images/ico_maps.png) no-repeat 0 0 transparent;
		background-size: cover;
		width: 60px;
		height: 60px;
		margin: auto auto 20px auto;
	}
	.focusBox.timeline h4:before{
		background: url(/wp-content/themes/tim/style/images/ico_timeline.png) no-repeat 0 0 transparent;
		background-size: cover;
		width: 77px;
	}
	.focusBox.dataPlayground h4:before{
		background: url(/wp-content/themes/tim/style/images/ico_data-playground.png) no-repeat 0 0 transparent;
		background-size: cover;
	}
	.focusBox.courtCalendar h4:before{
		background: url(/wp-content/themes/tim/style/images/ico_court_calendar.png) no-repeat 0 0 transparent;
		background-size: cover;
	}
	.focusBox p,
	.focusBox .button,
	.focusBox:before{
		display: none;
	}
	.focusBoxes .small-6:nth-child(1),
	.focusBoxes .small-6:nth-child(3){
		padding-right: 0.46875rem;
		padding-left: 0;
	}
	.focusBoxes .small-6:nth-child(2),
	.focusBoxes .small-6:nth-child(4){
		padding-left: 0.46875rem;
		padding-right: 0;
	}
	.storySec .row .row .columns:nth-child(2),
	.storySec .row .row .columns:nth-child(3) {
		display: block;
	}
	.bottomBoxes .newsletterBox img,
	.bottomBoxes .newsletterBox h5,
	.bottomBoxes .newsletterBox p,
	.bottomBoxes .donateBox h5,
	.bottomBoxes .donateBox p,
	.storyBox .postThumbnail,
	.storyBox .storyInfo,
	.storyBox .storyBg{
		display: none;
	}
	.bottomBoxes{
		text-align: center;
	}
	.storySec .row .row .columns:nth-child(2),
	.storySec .row .row .columns:nth-child(3) {
		display: block;
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}
	.storySec h2 {
		position: relative;
		font-size: 25px;
		margin: 0 0 25px 0;
		line-height: 30px;
	}
	.storySec h2.dailyNewsTlt{
		line-height: 40px;
	}
	.storySec h2 img{
		display: inline-block;
		vertical-align: bottom;
		margin: 0 10px 0 0;
	}
	.storyTlt a{
		position: relative;
		font-size: 15px;
		font-weight: 500;
		text-align: left;
		margin: 0;
		padding: 0 0 0 25px;
	}
	.storyTlt a:before{
		content: '●';
		position: absolute;
		top: -2px;
		left: 0;
	}
	.storySec .row .row .columns {
		margin-bottom: 0.9375rem;
	}
	.storyButton .button{
		background-color: #d51a27;
		font-size: 18px;
		font-weight: 700;
		text-transform: capitalize;
		min-width: 320px;
		height: 60px;
		line-height: 60px;
		letter-spacing: 0;
		border-radius: 40px;
		margin-top: 5px;
		padding: 0 50px;
	}
	#mc-embedded-subscribe{
		background-color: #d51a27;
		position: initial;
		min-width: 320px;
		margin-bottom: 0;
	}
	.newsletterBox input[type='email']{
		display: none;
	}
	.aboveFooter #menu-footer_menu {
		display: block;
		width: 100%;
		margin: auto;
	}
	.mainFooter p {
		text-align: center;
	}
	.aboveFooter #menu-footer_menu a{
		display: block;
		text-align: center;
	}
	.socialFooter{
		text-align: center;
		padding: 20px 0;
	}
	.socialFooter .fa {
		font-size: 25px;
		width: 50px;
		height: 50px;
		background-color: #fff;
		text-align: center;
		line-height: 50px;
		border: 0;
		border-radius: 60px;
		margin-right: 10px;
	}
	.socialFooter a {
		float: none;
		display: inline-block;
		width: auto;
		font-size: 0;
		color: #000;
		margin: 0 5px;
	}
	.storySec .storyBox,
	.storyTlt {
		min-height: 0;
	}
}
@media screen and (max-width: 48em) {
	.donateBox .button{
		width: 100%;
	}
	.focusBoxes .row{
		padding-right: 0.9375rem;
		padding-left: 0.9375rem;
	}
}