.mobile-only, .mobile-only-flex {
	display: none;
}

.main-bg {
	background-image: url('../img/2025/background.png');
	background-size: 100%;
	background-color: #E2FFFF;
	background-repeat: no-repeat;
}

.scroll img {
	max-width: 70px;
}

.top-nav {
	z-index: 10;
	padding: 20px 0px;
}

.top-nav.scrolling {
	background: rgba(209,235,237,0.9);
}

.top-nav.onbanner {
	background: rgba(209,235,237,0.9);
}

img {
	max-width: 100%;
}
 
 body {
	font-family: 'Noto Sans TC';
}

.top-nav img {
	max-width: 100%;
}

.top-nav-img img {
	display: none;
	width: 420px;
}

.top-nav-img img:first-of-type {
	width: 250px;
}

.top-nav-img img:last-of-type {
	display: block;
}

.top-nav-join {
	text-align: right;
}

.top-nav-join img {
	width: 200px;
	margin: auto;
}

.scrolling .top-nav-img img {
	display: block;
}

.scrolling .top-nav-img img:last-of-type {
	display: none;
}

.main {
	padding-top: 121px;
}

.action-btn {
	position: relative;
}
 
.owl-nav {
	position: absolute;
	width: 100%;
	color: #fff;
	justify-content: space-between;
	margin-top: 0 !important;
	top: 50%;
	display: flex;
	font-size: 25px;
	transform: translateY(-50%);
}
 
.owl-theme .owl-nav [class*=owl-]:hover {
	background: inherit;
}
 
.icon-box {
	position: relative;
	top: 6px;
	flex-shrink: 0;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	overflow: hidden;
}
  
.icon-box img, .icon-box i {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 1.1rem;
	inset: 0;
	margin: auto;
	transition: transform .4s cubic-bezier(.16,1,.3,1);
	opacity: 1;
}

.icon-box img:last-of-type, .icon-box i:last-of-type {
	transform: translate3d(-300%, 0, 0);
}
 
.action-btn:hover .icon-box img:first-of-type {
	opacity: 0;
}

.action-btn:hover .icon-box img:last-of-type {
	transform: translate3d(0%, 0, 0);
}

.banner-urls {
	margin-top: 10px;
	margin-bottom: 20px;
}

.banner-urls span {
	font-size: 25px;
	color: #071A4F;
	font-weight: bold;
	padding: 0px 10px;
}

 .banner-btn {
	height: 40px;
	margin-left: 15px;
 }
 
 .do-title {
	min-width: 200px;
 }
 
 .speaker {
	position: relative;
	top: 2px;
 }
 
 .s1-block {
	position: relative;
	background: #CFEBED;
	padding: 10px 10px 10px 50px;
 }
 
 .s1-block-heading {
	position: absolute;
	height: 100%;
 }
 
 .s1-r1 {
	background: #EDF4C1;
	background-image: url('../img/2025/block1.png');
	background-size: contain !important;
	background-repeat: repeat;
	background-blend-mode: multiply;
	padding: 20px 10px;
	margin-bottom: 15px;
	position: relative;
	right: 150px;
	width: calc(100% + 162px);
 }
 
 .s1-r1 .date {
	width: 230px;
	max-width: 100%;
 }

.s1-r2 .date {
	width: 235px !important;
	max-width: 100%;
 }
 
 .s1-r3 .date {
	width: 180px;
	max-width: 100%;
 }
 
  .s3-block span {
	position: relative; 
	bottom: 5px;
 }
 
 .s1-r1-icon, .s3-block img {
	position: relative; 
	width: 25%; 
	bottom: 12%; 
	margin-right: 1%;
 }
 
 .s1-r4-icon {
	position: absolute;
    right: -10%;
    bottom: 0;
    width: 22%;
 }
 
 .block2 {
	margin-top: 80px;
 }
 
 .block2 .heading {
	margin-left: 10%;
	text-align: center;
	display: inline-block;
 }
 
 .block2-icon {
	width: 85%; 
	top: -50%; 
	right: 7%; 
	position: absolute;
 }
 
 .s1-r3-icon {
	width: 50%;
 }
 
 .campus-box .s1-r3-icon {
	width: 28%; 
 }
 
 .s1-r1 i {
	color: #E98753;
	font-size: 16px;
	margin: 10px 10px 10px 0px;
 }
 
 .s1-r1 a {
	font-size: 18px;
	font-weight: bold;
	margin-right: 10px;
 }
 
 .s1-r2 {
	background: #C4EBF4;
	background-image: url('../img/2025/block2.png');
 }

 .s1-r3 {
	background: #E3DDEB;
	background-image: url('../img/2025/block3.png');
	right: 50px;
	width: 100%;
	margin-bottom: 0;
 }
 
 .s1-r4 {
	background: #fff;
	background-image: url('../img/2025/block4.png');
	right: 0px;
	width: 100%;
 }
 
  .s2-r1 {
	background: #E7F7FB;
	background-image: url('../img/2025/talkpage_block1.png');
	right: 0px;
	width: 100%;
	margin-top: 30px;
	padding-bottom: 0;
	position: relative;
 }
 
   .campus-tabs .nav-item {
	width: 30%;
	max-width: 100%;
	margin-right: 15px;
	cursor: pointer;
  }
  
  .campus-bottom-icon {
	position: absolute; 
	width: 26%; 
	left: 0%; 
	bottom: -50px;
  }
  
  .campus-tabs {
	position: relative;
	bottom: 50px;
  }
  
  .campus-tabs .nav-item img:first-of-type {
	display: block;
	margin-top: 10px;
  }
  
  .campus-tabs .nav-item img:last-of-type {
	display: none;
  }
  
  .campus-tabs .nav-item .active img:first-of-type {
	display: none;
  }
  
  .campus-tabs .nav-item .active img:last-of-type {
	display: block;
  }
  
  .cmenu {
	font-size: 18px;
  }
  
  .cmenu i {
	font-size: 18px;
	color: #90D440;
	margin-left: 5px;
	margin-right: 30px;
  }
  
  .sub-title {
	font-size: 20px;
	max-width: 60%;
  }
  
  .map a {
	font-size: 20px; 
	color: #666;
	margin: 10px 0px 5px 0px;
  }
  
  .campus-box {
	background: #fff;
	margin-bottom: 50px;
	position: relative;
	padding-top: 20px;
	margin-left: 50px;
	display: inline-block;
    width: calc(100% - 50px);
  }
  
  .fa-phone.green {
	color: #90C647;
	margin-right: 5px;
  }
  
  .time-table-btn {
	max-width: 200px;
	margin-bottom: 15px;
  }
 
.animate__delay-05s {
	--animate-delay: 0.5s;
}

.animate__duration-1-5s {
	--animate-duration: 1.5s;
}
 
.fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}
 
.quick-fade-in {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 0.5s;
}

.home-student {
	width: 50%; 
	right: 38%;
	top: 15%; 
	position: absolute; 
	z-index: 1;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0.3;
	}
	100% {
		opacity: 1;
	}
}

.scroll {
	position: fixed;
	bottom: 5%;
	right: 0;
	z-index: 20;
}
 
 .nav-item {
	margin-right: 20px;
 }
 
 .nav-item:last-of-type {
	margin-right: 0;
 }
 
 .home-box {
	position: relative;
	margin-bottom: 30px;
 }
 
 .home-box img.title {
	position: absolute;
	top: -10%;
	width: 60%;
	z-index: 10;
	left: 20%;
 }
 
 .home-box .owl-dots {
    margin-top: 0;
	position: absolute;
	bottom: 12px;
	width: 100%;
 }
 
 .home-box-title {
	background-image: url('../img/2025/infoday_website_20250902_package-14.png'); 
	text-align: center; 
	padding: 10px; 
	background-repeat: no-repeat; 
	font-size: 20px; 
	width: 80%; 
	margin: auto; 
	position: relative; 
	top: 20px;
	z-index: 8;
 }
 
 .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
	background: #56FFFF;
}

.campus-imgs img {
	
}

.bottom-slider item {
	margin-bottom: 0;
}

.bottom-slider p {
	position: absolute;
	bottom: 15px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	padding: 10px;
}
 
 .talk-time p {
	font-size: 35px;
	margin: 0;
	color: #fff;
 }
 
 .talk-time p:nth-of-type(2) {
	font-size: 18px;
	font-weight: normal;
 }
 
 .talk-time p:nth-of-type(3) {
	font-size: 29px;
 }
 
 .talk-time span {
	font-size: 14px;
 }
 
 .talk-box {
	background: #5DC8E0;
	background-image: url('../img/2025/talkpage_block2.png');
	background-size: contain !important;
	background-repeat: repeat;
	background-blend-mode: multiply;
	padding: 10px;
	margin-bottom: 15px;
 }
 
 .talk-box p {
	margin: 0;
 }
 
 .talk-box .title {
	font-weight: normal;
 }
 
 .talk-box p.datetime {
	color: #fff;
	position: relative;
	bottom: 1px;
	font-size: 18px;
	margin-left: 2px;
 }
 
 .talk-box p.datetime span {
	margin: 0px 10px;
 }
 
 .campus-collapse {
	font-size: 25px;
	color: #00B2D5;
 }
 
 .title {
	font-size: 30px;
	font-weight: bold;
	color: #071A4F;
 }
 
 .en .title {
	font-size: 25px;
 }
 
 .title.section-title {
	font-size: 33px;
 }
 
  .title.md-small {
	font-size: 22px;
 }
 
 .title.small {
	font-size: 25px;
 }
 
  .title.ex-small {
	font-size: 20px;
 }
 
   .title.exx-small {
	font-size: 18px;
 }

.bg {
	background: rgb(107,205,227);
	background: linear-gradient(0deg, rgba(107,205,227,1) 0%, rgba(174,229,239,1) 100%);
}

.campus-bg {
	padding: 40px;
}

.campus-bg.even {
	background: #eee;
}

.bottom-bar {
	background: rgb(69,198,253);
	background: linear-gradient(90deg, rgba(69,198,253,1) 0%, rgba(115,203,153,1) 75%, rgba(156,205,100,1) 90%);
	padding: 15px 20px 22px 20px;
	color: #fff;
}

.scroll .bottom-bar {
	background: rgb(69,198,253);
	background: linear-gradient(90deg, rgba(0,164,227,1) 0%, rgba(133,180,84,1) 90%);
	max-width: 90%;
	margin: auto;
}

.bottom-bar i {
	color: #fff;
}

.btn {
	width: 50px;
	transform: rotate(90deg);
	display: none;
}

.campus-collapse.collapsed i {
	transform: rotate(180deg);
}

a {
	text-decoration: none;
	color: #333;
}

.act-list ul {
	padding: 0;
}

.act-list li {
	font-size: 18px;
	margin-bottom: 5px;
}

.social-btns-top {
	font-size: 22px;
	margin-bottom: 15px;
}

.social-btns img {
	height: 35px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.scroll-top i {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}

.scroll-top:hover i {
	animation-name: bounce;
	-moz-animation-name: bounce;
}

  
  .footer-title {
	font-size: 25px;
	margin-bottom: 5px;
  }

.footer {
	background: #fff;
	display: inline-block;
	width: 100%;
	margin-top: 40px;
	margin-bottom: 50px;
}

.top-menu {
	background: #fff; 
	padding: 5px 20px;
	border-radius: 50px;
}

.top-menu a {
	font-size: 20px;
	margin-left: 10px;
	border-bottom: 4px solid #fff;
}

.top-menu a:first-of-type {
	margin-left: 0px;
}

.top-menu a.active {
	border-color: #8FC644;
}

.social-btns {
	margin: 10px 0px;
}

.info-ext {
	text-align: right;
}

.mobile-menu {
	display: none;
	background: #fff;
}

.mobile-menu ul {
	list-style: none;
	padding: 0;
}

.mobile-menu.visible {
	display: block;
    position: fixed;
    width: 350px;
    max-width: 80%;
    top: 0;
    right: 0;
    box-shadow: rgb(201 179 242 / 90%) 0px 13px 27px -5px, rgba(146, 200, 232, 0.9) 0px 8px 16px -8px;
	border-radius: 0px 0px 0px 10px;
}

.mobile-menu li {
	font-size: 18px;
}

.apply-btn:hover img {
	-webkit-animation: pulse 1s;
	animation: pulse 1s;
}

.date-img {
	position: absolute;
	left: -50px;
	top: -50px;
}

.cookieConsentContainer {
	z-index: 999;
	width: 300px;
	min-height: 20px;
	box-sizing: border-box;
	padding: 20px;
	background: #232323;
	overflow: hidden;
	position: fixed;
	bottom: 30px;
	right: 30px;
	display: none;
}

.cookieConsentContainer .cookieDesc p {
	margin: 0;
	padding: 0;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 13px;
	line-height: 20px;
	display: block;
	margin-top: 10px;
}

.cookieConsentContainer .cookieButton a {
	display: inline-block;
	font-family: OpenSans, arial, "sans-serif";
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	background: #000000;
	box-sizing: border-box;
	padding: 15px 24px;
	text-align: center;
	transition: background 0.3s;
}

.cookieDesc a {
	color: #fff;
}

.cookieConsentContainer .cookieButton a:hover {
	cursor: pointer;
	background: #3E9B67;
}
  
  .schools {
	width: 320px;
	margin-top: 15px;
  }
  
  .talk-txt p {
	font-size: 25px; 
  }
  
.talk-txt p:last-of-type {
	font-size: 16px; 
	}
	
	.moveup {
		position: relative;
		bottom: 250px;
	}
 
 .mobile-visible {
	opacity: 0;
  }
  
  .slider-items {
	position: relative;
	width: 100%;
  }
  
  .slider-item  {
	opacity: 0;
	text-align: center;
	pointer-events: none;
  }
  
  .slider-item.active  {
	opacity: 1;
	pointer-events: auto;
  }
  
 .slider-item.activefade  {
	 opacity: 1;
	-webkit-animation: fadeIn 1s;
	animation: fadeIn 1s;
	pointer-events: auto;
  }
  
  .dots-box {
	position: absolute;
	  top: -50px;
	  right: 15px;
	  z-index: 3;
  }
  
	.dots {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	.fa-pause {
		cursor: pointer;
		color: #777;
	}
	
	.fa-pause.paused {
		color: #56FFFF;
	}

	.dots button{
	  display: block;
	  width: 10px;
	  height: 10px;
	  border-radius: 50%;
	  margin-right: 10px;
	  border: none;
	  outline: none;
	  padding: 0;
	  background: #777;
	  cursor: pointer;
	  transition: opacity .4s ease-in-out;
	}

	.dots button.current{
		background: #56FFFF;
	}
  
	.fly {
		animation: fly 5s ease infinite;
    }
	
	.fly2 {
		animation: fly2 5s ease infinite;
    }
	
	.flow {
		animation: flow 18s ease infinite;
    }
	
	.flow2 {
		animation: flow2 12s ease infinite;
    }
	
	@keyframes flow {
		0% {
			transform: translateX(0vw);
		}
		100% {
			transform: translateX(120px);
		}
	}
	
	@keyframes flow2 {
		0% {
			transform: translateX(0vw);
		}
		100% {
			transform: translateX(100px);
		}
	}

	@keyframes fly {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(40px);
		}
		100% {
			transform: translateY(0);
		}
	}
	
	@keyframes fly2 {
		0% {
			transform: translateY(0);
		}
		50% {
			transform: translateY(20px);
		}
		100% {
			transform: translateY(0);
		}
	}
  
	@-webkit-keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@keyframes fadeIn {
		from { opacity: 0; }
		to { opacity: 1; }
	}
	
@media only screen and (max-width: 1000px) {
	.banner-urls span {
		font-size: 22px;
	}
	
	.title, .title.section-title {
		font-size: 25px;
	}
	
	.s1-r3-icon {
		width: 22%;
		bottom: 5px;
		position: relative;
	}
	
	.s1-r1-icon, .s3-block img {
		bottom: 3%;
	}
	
	.s1-r1-icon, .s3-block img {
		width: 22%;
	}
	
	.s1-r1 a {
		font-size: 16px;
	}
	
	.home-student {
		width: 60%; 
		right: 35%;
	}
	
	.home-student.en {
		right: 15%;
	}
	
	.title.ex-small {
		font-size: 16px;
	}
	
	.s1-r1 a {
		font-size: 14px;
	}
}

@media only screen and (max-width: 767px) {
	.home-student.en {
		right: 18%;
	}

	.top-nav-join {
		text-align: center;
	}
	
	.title {
		font-size: 20px;
	}
	
	.main {
		padding-top: 110px;
	}
	
	.scroll {
		display: flex;
		flex-direction: column;
	}
	
	.scroll img {
		max-width: 60px;
	}
	
	.campus-box {
		margin-left: 20px;
		width: calc(100% - 20px);
		margin-bottom: 100px;
	}
	
	.campus-tabs {
		display: flex;
		bottom: 0;
	}
	
	.campus-tabs .nav-item {
		width: 48%;
		margin-right: 5px;
	}

	.mobile-pe-0 {
		padding-right: 0;
	}
	
	.top-menu {
		padding: 5px 0px;
		border-radius: 50px 0px 0px 50px;
		width: 100%;
	}
	
	.mobile-menu .top-menu {
		width: inherit;
		border-radius: 30px;
		padding: 5px 15px;
	}
	
	.mobile-menu .top-menu a {
		border-bottom: 4px solid #eee;
		margin-right: 5px;
	}
	
	.mobile-menu .top-menu a:last-of-type {
		margin-right: 0;
	}
	
	.mobile-menu .top-menu a.active {
		border-color: #8FC644;
	}
	
	.mobile-menu ul li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid #eee;
		padding: 10px 5px;
	}

	.top-nav-img img:first-of-type {
		width: 200px;
	}

	.top-menu a {
		margin: 0;  
		font-size: 16px;
		border: 0;
	}

	.menu-bar {
		position: relative; 
		bottom: 1px;
	}

	.banner-urls span {
		font-size: 15px;
		padding: 0px 3px;
	}

	.banner-urls .icon-box {
		top: 0px;
		width: 0.5rem !important;
		height: 0.7rem;
	}
	
	.banner-urls .icon-box img {
		width: 0.5rem !important;
	}
	
	.banner-btn {
		height: 20px !important;
        margin-top: 0px;
        margin-left: 2px;
        margin-right: 0px;
        position: relative;
        bottom: 2px;
    }
	
	.s1-block {
		padding: 20px 10px 10px 40px;
	}
	
	.s1-block-heading {
		position: inherit;
	}
	
	.s1-r1 {
		width: calc(100% - 10px);
		right: 0;
		margin-top: 0 !important;
		margin-left: 10px;
		padding: 10px 5px;
	}
	
	.s1-r1 i {
		margin: 5px 10px 5px 0px;
	}
	
	 .s3-block span {
		bottom: 0px;
	 }
		
	.s1-r1-icon {
		width: 40px;
		bottom: 0;
	}
	
	.s1-r4-icon {
		right: 25%;
        bottom: 100%;
	 }
	 
	 .s3-block {
		padding: 20px 10px 10px 20px;
	 }
	 
	 .s3-block img {
		width: 30px;
		bottom: 5px;
	 }
	
	.s1-r1 a {
		font-size: 14px;
		margin-right: 5px;
	}
	
	.s1-r1 .date {
		width: 200px;
	}
	 
	.s1-r3 .date {
		width: 150px;
	}
	 
	.title, .title.section-title {
		font-size: 20px !important;
	}
	
	.left-walk {
		width: 65%;
		top: -50% !important;
		right: -50% !important;
		z-index: 0 !important;
	}
	
	.block2 {
		margin-top: 30px;
	}
	
	.block2 .heading {
		margin-left: 0%;
	}
	
	.block2-icon {
        width: 42%;
        top: -217%;
        right: 6%;
	}

	.en .block2-icon {
		top: -225%; 
		right: 0%;
	}
	
	.campus-box .s1-r3-icon {
		width: 35px;
		margin-right: 5px;
	}
	
	.title.ex-small {
		font-size: 16px;
	}
	
	.talk-box p.datetime, .speaker {
		font-size: 15px !important;
	}
	
	.home-box {
		margin-top: 20px;
		margin-bottom: 0;
	}
	
	.sub-title {
		font-size: 16px;
		max-width: 100%;
	}

	.title.small, .title.md-small {
		font-size: 18px;
	}
	
	.map a {
		font-size: 17px;
	}
	
	.campus-bg {
		padding: 40px 10px;
	}
	
    .act-list li {
		font-size: 15px;
    }
	
	.cmenu i {
		font-size: 14px;
		margin-left: 2px;
		margin-right: 0px;
	}
	
    .tabs-btn {
		margin-right: 10px;
    }
	
	.tab-content {
		bottom: 0 !important;
		margin-top: 10px;
	}
	
	.home-box-title {
		font-size: 16px;
	}
	
	.campus-bottom-icon {
		width: 30%; 
		left: 5%; 
		bottom: -100px;
	}
	
    .mobile-visible {
		opacity: 1;
	}
  
	.dots-box {
	  right: 20px;
	  top: -20px;
	}
	
	.footer {
		bottom: 100px;
		margin-bottom: 0;
	}
	
	.moveup {
		bottom: 150px;
	}

	.owl-nav {
		font-size: inherit;
	}

	.banner-left {
		width: 350px !important;
		max-width: 100%;
		margin-top: 80px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.banner-left.mobilebanner {
		margin-top: 0px;
	}
	
	.mobile-home-box {
		position: relative;
	}

	.mobile-home-box-title {
		background: #F6AE1C;
		padding: 10px 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 100%;
		position: relative;
		left: 1px;
	}
	
	.mobile-home-box-title p {
		font-size: 14px;
		color: #fff;
		margin: 0;
	}
	
	 .mobile-home-box .owl-dots {
		position: absolute;
		bottom: 5px;
		left: 5px;
	 }
	 
	 .mobile-home-box p {
		position: absolute;
		bottom: 0px;
		right: 0px;
		background: #fff;
		padding: 3px 8px;
		font-size: 12px;
		z-index: 1;
		margin: 0;
		text-align: right;
	 }
	
	.footer-title {
		font-size: 20px;
	}

	.talk-time p {
		font-size: 22px;
	}

	.talk-time p:nth-of-type(3) {
		font-size: 21px;
	}
	
	.talk-txt p {
	font-size: 19px; 
	}
	
	.talk-txt p:last-of-type {
	font-size: 14px; 
	}
		
  .btn {
	display: block;
  }
  
  .icon-box {
	top: 5px;
	width: 1rem;
	height: 1rem;
  }
  
  .low-btn .icon-box {
	top: 0;
  }
		  
  .icon-box i {
	width: 1rem;
  }
  
  .info-bar {
	padding: 275px 0px !important;
  }
  
  .square-bottom {
	padding-top: 20px !important;
	padding-bottom: 100px !important;
  }
  
  .mobile-only {
	display: block;
  }
  
  .mobile-only-flex {
	display: flex;
  }
  
  .desktop-only {
	display: none !important;
  }
  
  .social-btns-top a {
	margin-right: 3px !important;
	font-size: 14px;
  }
  
  .social-btns-top i.fa-phone {
	font-size: 20px !important;
  }
  
  .social-btns-top i {
	font-size: 22px !important;
	top: 0 !important;
  }

  .social-btns img {
	height: 25px;
	margin-right: 3px;
  }
  
  .info-ext {
	text-align: left;
  }
  
  .mobile-padding {
	padding: 0;
  }  
  
}