@media only screen and (max-width : 1440px) {
.event-details{ width: calc(100% - 602px);}
.video-gallery-list li{width: 20%;}
.video-gallery-img img{height: 9vw;}
}

@media only screen and (max-width : 1279px) {
.eventBlog{margin-left: -48px; margin-right: -48px;}
}

@media only screen and (min-width : 1025px) and (max-width : 1250px) {
.liveStreamLeft{width: 60%;}
.liveStreamRight{width: 40%;}
.streamShare{float: left; width: 100%; margin-top: 10px;}	

}

@media only screen and (max-width : 1152px) {
.eventBlog .white-bg .eventBlogTime{padding: 30px 0 0 0;}
.video-gallery-list li{width: 25%;}
.video-gallery-img img{height: 11.3vw;}
}


@media only screen and (max-width : 1024px) {
.liveStreamLeft{width: 100%;}
.liveStreamRight{width: 100%; margin-top: 24px;}
.streamImg{width: 256px;}
.streamText{width: calc(100% - 215px);}
.qct_help_box li{width: 304px;}
.event-details{ width: calc(100% - 562px); padding-bottom: 25px;}
.event-img{width: 333px;}	    
.content-main h1{font-size: 32px; line-height: 44px; letter-spacing: 0.5px;}
.eventBlog .white-bg .eventBlogTime .event-details h2{font-size: 24px; line-height: 33px; font-weight: 600; letter-spacing: 0;}
.event-overview{margin: 0; padding: 0 0 0 190px; width: 100%;}
.video-gallery-img img{height: 109px;}
.topTitle.pb-32{padding-bottom: 22px;}
}

@media only screen and (max-width : 979px) {	
.tab-menu li{width: calc(33.33% - 20px);}
.tab-menu li a{width: 100%;}
.topTitle.pb-32{padding-bottom: 22px;}
.latestLive .title{float: none; margin-top: 0;}
.latestLiveRight{float: left; margin-top: 16px;}
.video-gallery-img img{height: 11vw;}
}

@media only screen and (max-width : 900px) {
.event-details{width: calc(100% - 190px); padding-bottom: 16px;}
.event-img{width: 333px; margin: 0 0 24px 190px;}
}
@media only screen and (max-width : 850px) {
.topTitle{padding-top: 0;}
.topTitle h1{float: none;}	
.topTitle a.btn{display: block; min-width: inherit; margin-top: 15px; width: 100%;}
.topTitle.pb-32{padding-bottom: 19px;}
.topTitle h2{margin-bottom: 15px; float: none;}
.video-gallery-img img{height: 13vw;}
.video-gallery-list li{width: 33.33%;}
}
	
@media only screen and (max-width : 767px) {
.content-main{padding: 0 16px;}
.content-main h2{font-size: 24px; line-height: 33px; font-weight: 600; letter-spacing: 0; margin-bottom: 15px;}
.stramTopSocial .title{font-size: 18px; line-height: 25px; font-weight: 400;}
.stramTopSocial .subheading{font-size: 14px; line-height: 19px; font-weight: 600;}
.streamShare {float: left; width: 100%; margin-top: 35px;}
.streamShare a:first-child{margin-left: 7px;}
.haveQue .title{font-weight: 400; font-size: 16px; line-height: 24px; font-family: 'IBM Plex Serif',serif; margin-bottom: 16px;}
.liveChat a{width: 158px; margin-left: 16px;}
.haveQue{border-bottom: 2px solid #9D9D9D; margin-bottom: 0; padding-bottom: 30px;}
.liveStreamRight .liveStream ul{margin: 0 -6px 19px;}
.streamImg{width: 145px;}
.streamImg img{height: 81px;}
.streamText{width: calc(100% - 145px); padding-left: 17px; padding-bottom: 0;}
.streamText .link{ font-size: 14px; line-height: 19px; font-weight: 600; letter-spacing: 0;}
.streamText span{position: static; margin-top: 8px; font-size: 12px; line-height: 16px; color: #414141; display: block; font-weight: 400; font-family: 'IBM Plex Serif',serif;}
.streamDescription{padding: 10px 0; display: none;}
	
.quiltMotion{padding-top: 5px;}
.qct_help_box li{ width: 100%; max-width: 324px;}
.qct_help_box li .white-bg img{height: 172px;}
.tab-menu .nav { display: -webkit-box; display: flex; -webkit-box-pack: justify; justify-content: space-between; }
.js-tabs span{display: block; float: left;}
.tab-menu{border: 1px solid #9D9D9D; text-align: left; background: #fff; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; padding: 8px 14px;}	
.tab-menu .nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; height: 24px; overflow: hidden; float: right; width: calc(100% - 76px);}
.tab-menu .nav li { -webkit-box-flex: 0; flex: 0 0 auto; height: 28px; width: 100%; }
.tab-menu .nav li a{width: 100%; padding: 0; text-align: left;}
.tab-menu .nav li.-active { -webkit-box-ordinal-group: -1; order: -1; }
.tab-menu .nav li.-active > a:after {content: ''; position: relative; right: 0; top: 7px; float: right; background: url(../images/down-arrow.svg) 0 0 no-repeat; width: 16px; height: 10px;}
.tab-menu .nav.-is-open { height: auto;  }
.tab-menu .nav.-is-open li.-active > a:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); transform: rotate(180deg); }
.tab-menu li{margin: 0; font-size: 16px; line-height: 24px; font-weight: 400; font-family: 'IBM Plex Serif';}
.tab-menu li a{display: block;}
.tab-menu li a:hover::after, .tab-menu li.-active a:after{border-bottom: 0; height: auto; width: auto;}
.tab-menu .nav li a, .tab-menu li a:hover, .tab-menu li.-active a, .tab-menu li a:focus{background: transparent;}
.topTitle h1{font-size: 24px; line-height: 33px; font-weight: 600; letter-spacing: 0;}
.eventBlog{margin: 0 -16px 25px;}
.eventBlog .white-bg{padding: 28px 0;}
.eventBlog .white-bg .eventBlogTime{padding: 28px 16px 0 16px;}
.eventBlog .white-bg .eventBlogTime h2{margin-bottom: 19px;}
.event-details{width: 100%; margin: 29px 0 0 0;}
.event-img{width: 100%; margin: 0 0 20px;}
.event-img img{max-width: 333px;}
.event-overview{padding: 0;}
.event-overview a.mb-26{margin-bottom: 16px;}
	
.latestLiveRight{width: 100%;}
.latestLiveRight .search{width: 100%;}
.latestLiveRight select.form-control{width: 100%; margin: 16px 0 0 0;}
.latestLive .title{font-size: 18px; line-height: 25px; letter-spacing: 0; font-weight: 400;}
.latestLive{padding-bottom: 8px;}
.video-gallery-list li{width: 100%; padding: 8px 12px; float: left;}
.video-gallery-list li .white-bg{float: left;}
.video-gallery-img{float: left; width: 145px; margin: 0;}
.video-gallery-img img{height: 81px;}
.video-gallery-text{float: left; width: calc(100% - 145px); padding-left: 16px;}
.video-gallery-list .link{font-size: 14px; line-height: 19px; font-weight: 600;}
.video-gallery-list .caption-lg{white-space: inherit; overflow: visible;}
.video-gallery-list .caption-lg.mt-10{margin-top: 8px;}

}

@media only screen and (max-width : 372px) {
	.liveChat a{width: 100%; margin: 10px 0 0 0;}
	.liveChat a:first-child{margin-top: 0;}
}