@media screen and (min-width:1720px) {

	.login-area:after {
		background-position: 125% -33px;
		background-size: 84%;
		width: 82%;
	}
}

@media screen and (min-width:1280px) {
	.top-container ~ .header .header-slider {
	    height: 425px;
	}
}


@media screen and (max-width:1400px) {
	.top-navigation > ul > li.media-access li {
		margin-left: 10px;
	}

	.top-navigation > ul > li.media-access li:first-child > span {
		text-transform:capitalize;
	}

	.top-navigation > ul li a {
		font-size: 13px;
		text-transform: capitalize;
	}

	.top-navigation > ul > li:not(.media-access) > a {
		margin-left: 15px;
	}

	.branch-transition {
		flex: 1.5;
	}

	.branch-transition-left,
	.branch-transition-right {
		background-size: cover !important;
	}

	.login-area {
		height: 730px;
	}

	.login-area:after {
		background-position: 107% -20px;
		background-size: 81%;
		width: 97%;
	}
}

@media screen and (max-width:1220px) {
	.send-area {
		float: none;
		margin-top: 0;
		text-align: center;
	}

	.day-info {
		max-width: 100%;
		padding: 10px 20px 10px 10px;
		min-height: 130px;
	}

	.day-info ul li {
		line-height: 18px;
		font-size: 14px;
	}

	.time {
		color: #8c99a1;
		margin-bottom: 5px;
		font-size: 16px;
	}

	.border-png img {
		display: none;
	}

	.border-png {
		width: 30px;
		border-bottom:  1px solid #e6e6e6;
	}

}

@media screen and (min-width:1080px)  and (max-width:1220px) {
	.top-navigation > ul > li.media-access > ul > li:first-child {
		padding-right: 0;
		border-right: 0;
		position: absolute;
		right: 0;
		bottom: -30px;
	}

	.btn.member-search,
	.top-navigation > ul li.media-access li.has-child > a {
		max-height: 34px;
	}

	.top-navigation > ul > li:not(.media-access) > a {
		margin-left: 9px;
	}

	.logo img {
		max-width: 130px;
	}
}
@media screen and (max-width:1080px) {
	.only-members span {
	    left: 0;
	    bottom: -25px;
	    line-height: 12px; 
	}

	.d-grid-3 {
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
	}

	.container.events-bar {
	    height: 49px;
	}

	.container.top-bar {
		height:auto;
		padding-top:10px;
		padding-bottom:10px;
	}

	.container.top-bar .top-navigation,
	.container.menu-bar .top-navigation {
		display:block;
		text-align: center;
	}

	.top-navigation > ul li {
		float:none;
	}

	.top-navigation > ul > li:not(.media-access) a {
		margin-left: 0;
		font-size: initial;
	}

	.top-navigation > ul > li.media-access li .btn:hover,
	.top-navigation > ul > li a:hover {
		color:#f3932c;
		opacity:1;
	}

	.top-navigation > ul > li:not(.media-access) a:not(.search-icon):after {
		content:none;
	}

	.top-navigation > ul > li.has-child ul,
	.top-navigation > ul li.media-access li.has-child ul {
		display: block;
		position: static;
		padding: 0;
	}

	.top-navigation > ul > li.has-child ul {
		border-top-width: 5px;
	}

	.top-navigation > ul li.media-access li.has-child ul {
		border-top-color:transparent;
	}

	.top-navigation > ul > li.has-child ul li {
		padding: 2px 0 4px 0 !important;
	}

	.top-navigation > ul > li.has-child ul li a {
		font-size: 13px;
	}

	.top-navigation > ul li.has-child ul li a:hover {
		border-bottom-color:transparent;
	}

	.top-navigation > ul > li:last-child {
		position:static;
	}

	.top-navigation > ul > li.media-access ul {
		display: block;
	}

	.top-navigation > ul > li.media-access li:first-child span,
	.top-navigation > ul > li.media-access li .btn img {
		display:none;
	}

	.top-navigation > ul > li.media-access li .btn {
		line-height: normal;
		background: none !important;
		text-align: center;
	}

	.top-navigation > ul li a {
		justify-content: center;
	}

	.btn.member-search {
		max-width: 100%;
	}

	.top-navigation > ul > li.media-access li .member-search  img {
		display: inline-block;
	}

	#open-burger-menu ~ .burger-menu-icon {
		cursor: pointer;
		margin-top: 20px;
		display: inline-block;
	}

	#open-burger-menu ~ .burger-menu-icon em {
		position: relative;
		display: block;
		width: 25px;
		height: 2px;
		background: #fff;
		margin: 5px 0;
		transition: all .25s;
	}

	#open-burger-menu:checked ~ .burger-menu-icon em:first-child {
		transform: rotate(45deg);
		top: 7px;
	}

	#open-burger-menu:checked ~ .burger-menu-icon em:last-child {
		transform: rotate(-45deg);
		top: -7px;
	}

	#open-burger-menu:checked ~ .burger-menu-icon em:nth-child(2) {
		visibility:hidden;
		transition:all .1s;
	}

	#open-burger-menu ~ ul {
		visibility: hidden;
		opacity:0;
		overflow:hidden;
		height:0;

		transition:all .5s;
	}

	#open-burger-menu ~ ul li {
		margin-left: 0;
		display: block;
		padding: 8px 0 5px;
		text-align:center;
		border:0;
	}

	#open-burger-menu:checked ~ ul {
		visibility: visible;
		height:auto;
		overflow:visible;
		opacity:1;
	}

	.container.events-bar:after {
		content:none;
	}

	.header {
		border-top: 1px #cbcbcb solid;
	}

	.header-slider {
		height: 26vw;
	}

	.header-slider .swiper-slide {
		background-size: contain;
		background-position: center;
	}

	.slider-text-content {
	    bottom: 0;
	    padding: 15px 15px 5px 15px;
	}

	.slider-text-content h3 {
	    font-size: 21px;
	    line-height: 20px;
	}

	.slider-text-content p {
	    font-size: 13px;
	    line-height: 16px;
	}

	.slider-text-content * {
	    margin-bottom: 10px;
	}

	.partners-area {
		background:none;
		border-top:1px #cbcbcb solid;
		border-bottom:1px #cbcbcb solid;
	}

	.partners-area .container {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.partners-area h3 {
		display: none;
	}

	.main-area .container {
		padding-top:20px;
		/*padding-bottom:20px;*/
		display: block;
	}

	.main-area .news-block {
		padding-right: 0;
		padding-bottom: 20px;
	}

	.block-separator {
		/*border-bottom:0;*/
	}

	.main-area .events-block {
		text-align:center;
	}

	.main-area .news-post,
	.main-area .events-area {
		margin-bottom: 20px;
	}

	.main-area h1 {
		margin-bottom: 10px;
		margin-top: 10px;
		line-height: 36px;
		text-align: center;
	}

	.main-area .widget-area {
		display:block;
		text-align: center;
	}

	.main-area .widget-area .widget {
		margin-bottom: 20px;
	}

	.widget.twitter-widget {
	    margin-right: 0;
	}

	.main-area .widget-area .widget > img { /* will be removed later */
		width:100%;
	}

	.main-area .follow-on-fb {
		display: block;
		height:auto;
		padding: 20px;
		max-width: 100%;
	}

	.main-area .follow-on-fb > * {
		display:block;
		margin-bottom: 5px;
	}

	.main-area .follow-on-fb > span {
		font-size: 25px;
	}

	.main-area .events-list {
		text-align: left;
	}

	.members-interactive-map {
		text-align:center;
		display: block;
	}

	.members-interactive-map h1 {
		text-shadow: 1px 1px 1px #fff;
		font-size: 30px;
		line-height: 34px;
	}

	.become-a-member-area h1 span:first-child {
		font-size: 35px;
	}

	.become-a-member-area h1 span:last-child {
		font-size: 40px;
	}

	.map-filters {
		display: inline-block;
	}

	.map-search-form {
		margin-top: 10px;
		margin-bottom: 10px;
		color: #999;
	}

	.map-search-form input[type="text"] {
		margin-bottom: 10px;
	}

	.map-zoom {
		position:relative;
		right: auto;
		bottom: auto;
	}

	.search-in-directory-area {
		height:auto;
	}

	.search-in-directory-area .container {
		display: block;
		padding-top: 15px;
		padding-bottom: 15px;
		text-align: center;
	}

	.search-in-directory-area .btn {
		margin-top:20px;
	}

	.calendar-event-content > .d-flex:not(:first-of-type) {
		display:block;
	}

	.become-a-member-area {
		height:auto;
		padding-top:15px;
		padding-bottom:15px;
	}

	.become-a-member-area .prompt {
		display: block;
		margin-bottom: 20px;
	}

	.become-a-member-area .prompt h1 {
		text-align: center;
	}

	.become-a-member-area h1 span:last-child {
		font-size: 47px;
	}

	.become-a-member-area .prompt a {
		display: block;
		margin-top: 15px;
		text-align: center;
	}

	.fiabci-map .fiabci-list {
		display: block;
		margin-bottom: 20px;
	}

	.fiabci-map .fiabci-list .fiabci-regions {
		margin-right: 0;
		margin-bottom: 40px;
		text-align: center;
	}

	.widget-bar .container {
		display: block;
		padding-bottom: 0;
	}

	.widget-bar .container .widget {
		padding-bottom:20px;
		text-align: center;
	}

	.widget-bar .container .widget:first-child {
		padding-right: 0;
	}

	.widget-bar .container .widget h3 {
		margin-bottom: 10px;
		justify-content: center;
	}

	.bottom-bar {
		text-align: center;
		line-height: 18px;
	}

	.branch-header,
	.branch-stats {
		display:block;
		text-align:center;
	}

	.branch-logo,
	.branch-address,
	.branch-transition {
		margin:auto auto 30px auto;
	}

	.branch-address {
		width:300px;
		text-align:left;
	}

	.branch-address p span br,
	.become-a-member-area .prompt > img  {
		display:none;
	}

	.branch-stats-item {
		display: inline-flex;
		margin-bottom: 4px;
	}

	.testimonial-area {
		margin-bottom: 20px;
		min-height: auto;
		padding-bottom: 20px;
	}

	.testimonial-area .container {
		display: flex;
	}

	.branch-news .container h2 {
		text-align: center;
	}

	.branch-news .small-empty-separator,
	.branch-news .block-separator {
		display: none;
	}

	.branch-news .news-excerpt {
		width: 100%;
		margin-bottom: 40px;
		text-align: center;
	}

	.branch-news .news-excerpt .news-title {
		height:auto;
		padding-bottom:5px;
	}

	.main-area .news-list .post-thumb img ,
	.main-area .news-post-details .post-thumb img {
		max-width: 200px;
	}

	.main-area .news-post-details .post-thumb img {
		max-width: 270px;
	}

	.main-area .news-post-details h2 .post-title {
		font-size: 20px;
		line-height: 25px;
	}

	.news-post-details .block-separator {
		margin: 20px 0 20px 0;
		border-bottom: 1px #cbcbcb solid;
	}

	.news-info {
		width: 64%;
	}

	.news-post-details .news-info {
		width: 100%;
	}

	.continue-share {
		width: 100%;
		margin-top: 20px;
		display: flex;
		justify-content: flex-end;
		align-items: baseline;
	}

	.share-area {
		margin-left: 20px;
	}

	.login-area:after {
		display: none;
	}

	.become-a-member-area .prompt > a img {
		max-width: 340px;
	}

	.branch-news .container .d-flex,
	.branch-news  .d-flex,.news-list .news-post {
		flex-wrap: wrap;
	}

	.branch-news .container .d-flex  > *,
	.branch-news .d-flex  > *  {
		width: 47%;
	}

	.news-share {
		float: none;
		display: inline-block;
		margin-left: 15px;
		vertical-align: middle;
	}

	.item-info h3 {
		margin-bottom: 10px;
	}

	.item-info h3 a{
		font-size: 20px;
	}

	.item-img img, .pres-img img{
		max-width: 300px;
	}

	.item-link .btn {
		min-width: 170px;
	}

	.services-item .d-flex {
		min-height: 240px;
	}

	.world-events .event-body {
		flex: initial;
		width: 47%;
		max-width: 100%;
	}

	.user-info div label {
		margin-bottom: 7px;
		width: 100%;
	}

	.form .check-fld {
		display: block;
		margin-top: 0;
	}

	.input-number input, .input-number select,
	.text-area textarea, .usa-page-edit .text-area textarea  {
		margin-left: 0;
	}

	.form-flex div input, .form-flex div select,
	.input-number input, .input-number select,
	.usa-page-edit .text-area textarea  {
		max-width: 100%;
	}

	.user-img-info {
		max-width: 220px;
	}

	.usa-page-edit .text-area textarea {
		height: 200px;
	}

	.member-info h3 {
		font-size: 20px;
	}

	.certified-div {
		min-height:  60px;
	}

	.padding-20 {
		padding: 15px;
	}

	.pres-img {
		margin-bottom: 30px;
	}

	.content-container .pres-img {
	    float: none;
	    margin-right: auto;
	    margin-bottom: 20px;
	    text-align: center;
	}

	.speakers-item {
		margin: 0 15px 15px;
	}

	.tabs-list {
		margin-bottom: 10px;
	}

	.media-list {
		grid-template-columns: repeat(3, minmax(1px, 1fr));
	}

	.agenda-tabs ul li a b {
		font-size: 17px;
	}

	.agenda-tabs ul li a span {
		font-size: 13px;
	}

	.agenda-tabs ul li {
		margin-right: 8px;
	}

	.mooc-area {
		grid-gap: 30px;
	}

	.mooc-info h3 {
		margin-bottom: 17px;
		font-size: 16px;
		line-height: 19px;
	}

	.pictures-item img {
		max-width: 140px;
		height: 120px;
	}

	.input-number {
		display: block;
	}

	.form .select2-container {
		width: 100% !important;
	}

	.continue-career .btn {
	    min-width: 170px;
	    height: 50px;
	}

	.career-info {
	    margin: 0 30px;
	}
	
	.embody-item {
	    width: 33%;
	}

	.main-area .news-block.business-platform .post-thumb img {
	    max-width: 354px;
	    width: 100%;
    	height: auto
	}

	.top-container ~ .header {
	    margin-bottom: 20px;
	    border-top: 0;
	}

}

@media screen and (max-width:820px) {
	.mooc-area {
		grid-template-columns: repeat(2, minmax(1px, 1fr));
	}

	.pictures-item img {
		max-width: 120px;
		width: 100%;
	}

	.pres-info.news--nfo-gallery .owl-item,
	.pres-info.content-gallery .owl-item {
	    max-width: 100%;
	    width: auto !important;
	}

	.news--nfo-gallery  .pictures-item img,
	.content-gallery .pictures-item img {
		height: 80px;
	}
}

@media screen and (max-width:768px) {
	.font-24 {
	    font-size: 22px;
	}

	.d-flex.tenders-item,
	.presentation  .d-flex {
		display: block;
		text-align: center;
	}

	.item-info, .career-info  {
		margin: 20px 0;
	}

	.board-list .board-item,
	.user-area, .form-flex, .form-flex > div >div,
	.phone-email , .career-post.d-flex{
		flex-direction: column;
	}

	.board-date {
		margin-top: 7px;
	}

	.board-text{
		text-align: center;
	}

	.user-img-info {
		margin: 0 auto 30px;
	}

	.form-flex > * ,
	.phone-email > div{
		width: 100%;
	}

	.form {
		margin-bottom: 20px;
	}

	.form-flex > div:nth-child(3) {
		margin-bottom: 0;
	}

	.input-number, .checkbox-area {
		margin-bottom: 10px;
	}

	.user-info {
		margin-left: 0;
	}

	.phone-email > div:first-child {
		margin-bottom: 20px;
	}

	.pres-btn .btn {
		max-width: 190px;
		margin-left: auto;
		margin-right: auto;
	}

	.pres-info h4, .pres-info p {
		margin-bottom: 15px;
	}

	.gradient-bg div {
		line-height: 32px;
		font-size: 20px;
	}

	.gradient-bg {
		padding:15px;
	}

	.tabs-area {
		padding: 0px 40px 0;
		margin-top: -8px;
	}

	.check-item label:before {
		width: 35px;
		height: 35px;
	}

	.check-item-info h4 {
		margin-bottom: 5px;
	}

	.detail-tour-info {
		min-width: auto;
		left: 0;
		margin-top: 0;
		right: 0;
	}

	.d-flex.picures-area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.pictures-item {
		margin: 0 4px 15px;
	}

	.popup-content {
	    padding: 13px 20px 40px 20px;
	    line-height: 22px;
	}

	.popup-form {
	     max-width: 100%; 
	     margin-left: 0; 
	}

	.popup-form .d-flex input,
	#subscribe-popup .popup-form .d-flex input,
	#subscribe-popup .popup-form .d-flex select {
		max-width: 100%;
	}

	.popup-form .d-flex .zip-code {
	    margin-left: 10px;
	}

	.popup-form .d-flex span {
	    display: block;
	    height: 20px;
    	margin: 0 0 20px;
	}

	#subscribe-popup .popup-form .d-flex span {
	    display: initial;
	}

	.popup-close {
	    top: 24px;
	    color: transparent;
	}

	.slider-text-content {
	    display: none;
	}

	.business-platform .news-post,
	.news-post.news-odd {
	    flex-direction: column;
	    align-items: center;
	}

	.main-area .news-block.business-platform .post-thumb {
	    margin-left: auto;
	    margin-right: auto;
	}

	.table-block {
	    overflow-x: auto;
	}

}

@media screen and (max-width:736px) {
	.container.top-bar .top-navigation .address-bar,
	.adv-search-form + .empty-separator {
		display:none;
	}

	.breadcrumb {
		height: auto;
	}

	.adv-search-form {
		display:block;
	}

	.adv-search-form label {
		margin-bottom: 15px;
	}

	.resulting-member {
		max-width:none;
	}

	.calendar-event-body {
		display: block;
	}

	.calendar-event-img {
		margin: auto auto 20px auto;
		display: flex;
	}

	.calendar-event-img img {
		height: 100%;
	}

	.branch-location .d-flex {
		display:block;
		text-align: center;
	}

	.branch-location iframe {
		margin-bottom:20px;
	}

	.branch-location img {
		max-width:360px;
		width:100%;
	}

	.news-info {
		width: 53%;
	}

	.main-area h1 {
		font-size: 30px;
	}

	.page-title {
		font-size: 20px;
	}

	.main-area h2 .post-title,
	.main-area .news-post-details h2 .post-title {
		font-size: 16px;
	}

	.main-area .news-post {
		line-height: 20px;
	}

	.news-post-details .share-area {
		margin-top: 14px;
		justify-content: flex-start;
	}
	.media-list {
		grid-template-columns: repeat(2, minmax(1px, 1fr));
		grid-gap: 15px;
	}

	.day-desc-list {
		display: block;
	}

	.day-info {
		min-height: auto;
	}

	.day-more-desc .day-desc-list:not(:last-child):after,
	.day-more-desc .day-desc-list:not(:first-child):before,
	.border-png, .border {
		display: none;
	}

	.member-search-form,
	.or-login-form {
	    flex-direction: column;
	}

	.member-search-form > div,
	.or-login-form > * {
	    width: 100%;
	    margin-bottom: 30px;
	}

	.or-login-form .align-center p {
	    margin: 5% 0;
	}
}

@media screen and (max-width:667px) {
	.mooc-area {
		grid-template-columns: repeat(1, minmax(1px, 1fr));
	}

	.bottom-bar {
	    height: auto;
	    padding-top: 6px;
	    padding-bottom: 6px;
	    flex-wrap: wrap;
	}

	.bottom-bar a {
	    width: 100%;
	}

	.first-page-content {
	    font-size: 22px;
	}

	.first-page-content img {
	    max-width: 325px;
	}

	.first-page-content h2 {
	    margin: 40px 0;
	}
	
	.home-block-item {
	    width: 100%;
	}
	
	.home-block-inner img {
	    margin: 30px auto 0;
	}

	.popup-content h2 {
	    padding-right: 20px;
	}
}

@media screen and (max-width:568px) {
	.adv-search-results,
	.news-list .news-post {
		display:block;
	}

	.adv-search-form .adv-search-label {
		font-size: 16px;
	}

	.branch-news .btn,
	.news-info {
		width: 100%;
	}

	.branch-news .btn {
		padding: 10px 30px;
		margin-top: 15px;
	}

	.main-area .news-list .post-thumb {
		margin-right: auto;
		margin-left: auto;
	}

	.continue-share {
		flex-direction: column;
		align-items: center;
		margin-left: 0;
	}

	.share-area {
		margin-left: 0;
	}

	.main-area .post-thumb {
		display: block;
		margin-right: auto;
		max-width: 200px;
		margin-left: auto;
		float: none;
	}
	
	.main-area .news-even .post-thumb,
	.main-area .news-odd .post-thumb {
	    float: none;
	    margin-right: auto;
	    margin-left: auto;
	}

	.business-platform .news-post p {
	    margin: 10px 0;
	    line-height: 18px;
	}

	.main-area .post-thumb img {
		max-width: 200px;
		box-shadow: none;
	}

	.tabs-list li:not(:first-child) a:before {
		display: none;
	}

	.tabs-list li a {
		padding: 0;
	}

	.back-news {
		position: relative;
		display: block;
		margin: auto;
		max-width: 270px;
	}

	.main-area .news-post-details .post-thumb {
		margin-top: 20px;
	}

	.main-area .container {
		padding-bottom: 40px;
	}

	.news-post-details .post-excerpt p {
		line-height: 20px;
		margin-bottom: 10px;
	}

	.check-fld {
		margin-top: 5px;
	}

	.branch-news .d-flex > *,
	.branch-news .container .d-flex  > *,
	.world-events .event-body{
		width: 100%;
	}

	.blocks-header {
		flex-direction: column;
	}

	.blocks-header h2 {
		margin-bottom: 17px;
	}

	.gallery-img-video .branch-news {
		margin-bottom: 15px;
		padding-bottom: 15px;
	}

	.speakers-list {
		margin: 30px 0 20px;
	}

	.speakers-img {
		height: 140px;
		width: 110px;
	}

	.board-list .board-item:not(:last-child) {
		padding-bottom: 20px;
		margin-bottom: 20px;
	}

	.detail-tour-info img {
		float: none;
		margin: 0 auto 26px;
		width: 100%;
	}

	.mooc-btn {
		width: 100%;
	}

	.calendar-event-header > * {
	    font-size: 20px;
	}

	.form-list {
	    margin: 0 auto 40px;
	}

	.form-list .d-flex > * {
	    width: 100%;
	}

	.or-personal-data .d-flex {
	    flex-direction: column;
	}
}

@media screen and (max-width:480px) {
	.popup-form .d-flex {
		display: block;
	}

	.radio-type input[type="radio"]:checked ~ em:after {
	    top: -5px;
	}

	.radio-type label:not(:first-child) {
	    margin-left: 0;
	    margin-right: 15px;
	}

	.popup-form .d-flex label:first-child {
	    max-width: 100%;
	    display: block;
	    margin-bottom: 10px;
	}

	.popup-form .d-flex input[type="text"],
	.popup-form .d-flex select,
	.popup-form .d-flex .zip-code{
	    margin-left: 0;
	    width: 100%;
	    max-width: 100%;
	}

	.radio-area {
	    padding-left: 0;
	}

	.d-flex .zip-code ~ .error-msg {
	    left: auto;
	    bottom: auto;
	}
	
	.embody-item {
	    width: 50%;
	    margin: 13px 0;
	}
	
	.embody-item strong {
	    font-size: 30px;
	}
	
	.embody-item div {
	    font-size: 13px;
	}
	
	.embodies-items {
	    padding: 20px 0;
	}

	.check-list {
	    margin: 20px 0;
	}

	.signup-form h3,
	.check-list {
	    flex-direction: column;
	}

	.widget .signup-form .btn {
	    margin-left: 0;
	    margin-top: 7px;
	}
}

@media screen and (max-width:414px) {
	.container.top-bar .lang a {
		font-size: 12px;
	}

	.main-area .event-desc {
		word-wrap: break-word;
	}

	.main-area .events-block img {
		width:100%;
	}

	.main-area .signup-form {
		display: block;
	}

	.widget .signup-form input[type="text"] {
		width:100%;
	}

	.main-area .widget .signup-form .envelope-icon {
		top: 20%;
	}

	.widget .signup-form .btn {
		display: block;
		margin-top: 5px;
		margin-left: 0;
	}

	.locate-bar {
		text-transform: capitalize;
		font-size: 16px;
	}

	.calendar-event .calendar-event-date,
	.calendar-event .calendar-event-qty {
		font-size:20px;
	}

	.calendar-event-title {
		flex-direction: column-reverse;
	}

	.calendar-event-content h3 {
		order:1;
	}

	.calendar-event-content .btn {
		margin-left:0;
		margin-bottom:15px;
	}

	.branch-logo,
	.branch-transition {
		width: 100%;
	}

	.branch-address p {
		font-size: 13px;
		word-break: break-word;
	}

	.branch-time-currency strong,
	.branch-time-currency span {
		font-size: 18px;
	}

	.search-reset,
	.download-press-area > * {
		flex-direction: column;
	}

	.search-reset > * {
		width: 100%;
	}

	.search-reset .orange-bg {
		margin-bottom: 5px;
		margin-right: 0px;
	}

	.download-press-area > * {
		text-align: center;
		display: flex;
	}

	.download-press-area div span {
		margin-right: 0;
		margin-bottom: 8px;
	}

	.media-list {
		grid-template-columns: repeat(1, minmax(1px, 1fr));
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.media-list, .mooc-area,
	.branch-news .d-flex, .d-grid-3 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.media-list > *{
		width: 23%;
		margin-bottom: 30px;
	}

	.mooc-area > *{
		width: 30%;
		margin-bottom: 50px;
	}

}

@media all and (-ms-high-contrast: none) and (max-width:1080px), (-ms-high-contrast: active) {
	.media-list > *{
		width: 30%;
		margin-bottom: 30px;
	}

	.mooc-area > *{
		margin-bottom: 30px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:820px), (-ms-high-contrast: active) {
	.mooc-area > *{
		width: 48%;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:736px), (-ms-high-contrast: active) {
	.media-list > *{
		width: 48%;
		margin-bottom: 15px;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:667px), (-ms-high-contrast: active) {
	.mooc-area > *{
		width: 100%;
	}
}

@media all and (-ms-high-contrast: none) and (max-width:414px), (-ms-high-contrast: active) {
	.media-list > *{
		width: 100%;
	}
}