@media (max-width: 1300px) {
	.portfolio-box.fullwidth .portfolio-container .project-post {
		width: 25%;
	}
}

@media (max-width: 1199px) {


	.portfolio-container {
		width: 970px;
	}

	.with-4-col .portfolio-container .project-post {
		width: 212px;
	}

	.with-3-col .portfolio-container .project-post {
		width: 293px;
	}

	.with-2-col .portfolio-container .project-post {
		width: 455px;
	}

	.tempcore-line:after {
		display: none;
	}

	.horizontal-tabs .nav.nav-tabs li a {
		padding: 30px 15px;
	}

	.horizontal-tabs .nav.nav-tabs li a i {
		margin-right: 7px;
	}

	.shop-navbar li a {
		font-size: 11px;
	}

	.shop-navbar li span {
		width: 30px;
		height: 30px;
		margin-right: 4px;
	}

	.shop-navbar li span i {
		line-height: 30px;
	}

	.shop-navbar {
		position: relative;
		margin-left: 24px;
		margin-top: 7px;
		margin-bottom: -33px;
		z-index: 3;
	}

	ul.product-list li a {
		padding: 10px 6px;
	}

	ul.product-list li.price {
		padding: 10px 8px;
	}

	.portfolio-box.fullwidth .portfolio-container .project-post {
		width: 33.3%;
	}
}

@media (max-width: 991px) {

	ul.top-menu {
		float: none;
		text-align: center;
		margin-bottom: 12px;
	}

	ul.top-menu li {
		margin-bottom: 3px;
	}

	ul.social-icons {
		float: none;
		text-align: center;
		margin-bottom: 8px;
	}

	.navbar-default .navbar-nav > li > a {
		font-size: 14px;
		padding: 44px 8px;
	}

	header .navbar-default .navbar-nav > li.drop > a {
		padding-right: 8px;
	}

	.navbar-default .navbar-nav > li.drop > a:after {
		display: none !important;
	}

	.navbar-brand {
		padding: 34px 15px;
	}

	.navbar-brand img {
		max-width: 220px;
	}

	#container {
		padding-top: 197px;
	}

	.tp-caption.modern_medium_light {
	    padding: 10px 20px;
	    text-align: center;
	    width: 200px;   
	}

	.services-box1 .services-post {
		margin-bottom: 10px;
	}

	.image-sect {
		text-align: center;
	}

	.footer-widgets {
		margin-bottom: 30px;
	}

	ul.flickr-list li {
		margin-right: 7px !important;
	}

	.footer-line p {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	ul.footer-social-icons {
		float: none;
		text-align: center;
	}

	.vertical-tabs .nav-tabs {
		float: none;
		width: 100%;
	}

	.vertical-tabs .tab-content {
		margin-left: 0;
	}

	.nav.nav-tabs li a {
		padding: 15px;
	}

	.tab-content .tab-pane img,
	.tab-content .tab-pane iframe {
		float: none;
		max-width: 100%;
		margin: 0 0 15px;
	}

	.horizontal-tabs .nav.nav-tabs li a i {
		margin-right: 0px;
	}

	.horizontal-tabs .nav.nav-tabs li a span {
		display: none;
	}

	.portfolio-container {
		width: 750px;
	}

	.with-4-col .portfolio-container .project-post {
		width: 220px;
	}

	.with-3-col .portfolio-container .project-post {
		width: 220px;
	}

	.with-2-col .portfolio-container .project-post {
		width: 345px;
	}

	ul.currency {
		float: none;
		text-align: center;
		margin-bottom: 10px;
		margin-top: 5px;
	}

	ul.shop-account-list {
		float: none;
		text-align: center;
		margin-bottom: 10px;
	}

	.portfolio-box.fullwidth .portfolio-container .project-post {
		width: 50%;
	}

	.statistic-post {
		margin-bottom: 10px;
	}

	.contact-info-list {
		margin-bottom: 40px;
	}

	header.header6 .navbar-default .navbar-nav > li a i {
		display: none;
	}

}

@media (max-width: 767px) {

	.navbar-toggle {
		margin-top: 15px;
	}

	header.active .navbar-brand,
	.navbar-brand {
		padding: 20px 15px 10px;
	}

	#container {
		padding-top: 60px;
	}

	.navbar-collapse {
	    border-bottom: 1px solid #e1e1e1;
	}

	.navbar-default .navbar-nav > li > a {
	    font-size: 15px;
	    padding: 7px;
	}

	.navbar-default .navbar-nav > li > a span {
	    display: none;
	}

	.navbar-default .navbar-nav > li > a:hover {
	    color: #54babb;
	}

	.navbar-default .navbar-nav > li > ul.drop-down {
		position: relative;
		visibility: visible;
		opacity: 1;
		margin-left: 10px;
		width: auto;
		-webkit-transform: rotateX(0deg);
		-moz-transform: rotateX(0deg);
		-ms-transform: rotateX(0deg);
		-o-transform: rotateX(0deg);
		transform: rotateX(0deg);
		-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
		-moz-transition: -moz-transform 0.4s, opacity 0.1s;
		-mos-transition: -mos-transform 0.4s, opacity 0.1s;
		-o-transition: -o-transform 0.4s, opacity 0.1s;
		transition: transform 0.4s, opacity 0.1s;
	}

	.navbar-default .navbar-nav > li > ul.drop-down li {
	}

	.navbar-default .navbar-nav > li > ul.drop-down li a {
		background: none;
		padding: 6px;
		color: #646464;
		border: none !important;
	}

	.navbar-default .navbar-nav > li > ul.drop-down li a:hover {
		color: #54babb;
	}

	ul.drop-down li ul.drop-down.level3 {
		position: relative;
		left: 0;
	    visibility: visible;
	    opacity: 1;
	    -webkit-transform: rotateY(0deg);
	      -moz-transform: rotateY(0deg);
	      -ms-transform: rotateY(0deg);
	      -o-transform: rotateY(0deg);
	      transform: rotateY(0deg);
	      -webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	      -moz-transition: -moz-transform 0.4s, opacity 0.1s;
	      -mos-transition: -mos-transform 0.4s, opacity 0.1s;
	      -o-transition: -o-transform 0.4s, opacity 0.1s;
	      transition: transform 0.4s, opacity 0.1s;
  	}

  	.tp-caption.modern_small_text_dark {
  		display: none;
  	}

	.tp-caption.modern_medium_light {
	    display: none;  
	}

	.tp-rightarrow.default,
	.tp-leftarrow.default {
		display: none !important;
	}

	.tempcore-line p {
		margin-right: 0;
	}

	.tempcore-line a {
		float: none;
		margin-bottom: 10px;
	}

	ul.clients-logo li a {
	    display: block;
	    height: 120px;
	    padding: 45px 10px 0;
	    text-align: center;
	    background: rgba(0,0,0,0.2);
	}

	.portfolio-container {
		width: 100%;
		margin-left: 0;
	}

	.with-4-col .portfolio-container .project-post,
	.with-3-col .portfolio-container .project-post,
	.with-2-col .portfolio-container .project-post {
		width: 100%;
		margin: 15px 0;
	}

	.shop-navbar {
		position: relative;
		margin-left: 0px;
		margin-top: 7px;
		margin-bottom: 0px;
		z-index: 3;
	}

	.portfolio-box.fullwidth .portfolio-container .project-post {
		width: 100%;
	}

	ul.depth {
		margin-left: 0px;
	}

	ul.depth li:before {
		display: none;
	}

	.flex-direction-nav {
		display: none;
	}

	header.header2 .navbar-default .navbar-nav > li:hover > a,
	header.header2 .navbar-default .navbar-nav > li > a.active {
	    color: #54babb;
	}

	header.header4 .navbar-default .navbar-nav > li:hover > a,
	header.header4 .navbar-default .navbar-nav > li > a.active {
	    color: #54babb;
	}

	
	/*-------------------------------------------------*/
	/* =  FTHSC CODES */
	/*-------------------------------------------------*/


	.faq-section { padding: 60px 0; }
	.faq-title-area { text-align: center; margin-bottom: 40px; }
	.faq-title-area h2 { color: #428bca; font-weight: 700; }
	.faq-title-area p { color: #666; font-size: 16px; }

	.faq-item {
		background: #fff;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		margin-bottom: 15px;
		box-shadow: 0 2px 5px rgba(0,0,0,0.02);
	}
	.faq-question {
		padding: 20px;
		cursor: pointer;
		display: flex;
		justify-content: space-between;
		align-items: center;
		font-weight: 600;
		color: #333;
		margin: 0;
		transition: background-color 0.3s ease;
	}
	.faq-question:hover { background-color: #effaff; }
	.faq-question.active { color: #428bca; background-color: #effaff; border-bottom: 1px solid #e0e0e0; }

	.faq-icon {
		font-size: 24px;
		font-weight: 300;
		line-height: 1;
		transition: transform 0.3s ease;
	}
	.faq-question.active .faq-icon { transform: rotate(45deg); }

	.faq-answer {
		padding: 0 20px;
		max-height: 0;
		overflow: hidden;
		transition: all 0.3s ease-in-out;
		color: #555;
		line-height: 1.6;
	}
	.faq-answer.open {
		padding: 20px;
		max-height: 500px; /* İçeriğin yüksekliğine göre yetecek bir değer */
	}

	.blog-item-wrapper { margin-bottom: 30px; }

	.blog-post-card {
		border: 1px solid #e0e0e0; 
		border-radius: 8px; 
		overflow: hidden; 
		background: #fff; 
		transition: box-shadow 0.3s ease;
	}
	.blog-post-card:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,0.08);
	}

	.blog-image img {
		width: 100%; 
		height: 220px; 
		object-fit: cover; 
		border-bottom: 1px solid #eee;
	}

	.blog-content { padding: 20px; }

	.blog-date {
		color: #888; 
		font-size: 13px; 
		display: block; 
		margin-bottom: 10px;
	}

	.blog-title {
		margin-top: 0; 
		font-size: 18px; 
		font-weight: 700; 
		line-height: 1.4;
	}
	.blog-title a {
		color: #428bca; 
		text-decoration: none;
	}
	.blog-title a:hover {
		color: #266296 !important; 
	}

	.blog-excerpt {
		color: #666; 
		font-size: 14px; 
		line-height: 1.6; 
		margin-bottom: 15px;
	}

	.blog-read-more {
		color: #428bca; 
		border: 1px solid #428bca; 
		border-radius: 4px; 
		padding: 5px 15px; 
		font-weight: 600; 
		text-decoration: none;
		display: inline-block;
		transition: all 0.3s ease;
	}
	.blog-read-more:hover {
		background-color: #428bca;
		color: #fff !important;
	}

	.blog-empty-alert {
		padding: 20px; 
		border-radius: 8px;
	}

	.blog-detail-wrapper { margin-bottom: 60px; }
		
	.blog-detail-image { 
		width: 100%; 
		max-height: 500px; 
		object-fit: cover; 
		border-radius: 8px; 
		margin-bottom: 30px; 
	}

	.blog-detail-meta { 
		color: #888; 
		font-size: 14px; 
		margin-bottom: 25px; 
		border-bottom: 1px solid #eee; 
		padding-bottom: 15px; 
		display: flex;
		gap: 20px;
	}

	.blog-detail-meta i { 
		color: #428bca; 
		margin-right: 5px; 
	}

	.blog-detail-content { 
		font-size: 16px; 
		line-height: 1.8; 
		color: #444; 
	}

	.blog-detail-content img, .blog-detail-content iframe { 
		max-width: 100%; 
		height: auto; 
		border-radius: 8px; 
		margin: 20px 0; 
	}

	/* Yan Menü (Sidebar) CSS */
	.sidebar-widget {
		background: #effaff;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		padding: 25px 20px;
		margin-bottom: 30px;
	}

	.sidebar-title {
		font-size: 18px;
		font-weight: 700;
		color: #428bca;
		margin-top: 0;
		margin-bottom: 20px;
		padding-bottom: 10px;
		border-bottom: 2px solid #effaff;
	}

	.recent-post-item {
		display: flex;
		align-items: center;
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dashed #ddd;
	}

	.recent-post-item:last-child {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}

	.recent-post-thumb {
		width: 70px;
		height: 70px;
		flex-shrink: 0;
		margin-right: 15px;
		border-radius: 6px;
		overflow: hidden;
	}

	.recent-post-thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 0.3s ease;
	}

	.recent-post-item:hover .recent-post-thumb img {
		transform: scale(1.1);
	}

	.recent-post-info h5 {
		margin: 0 0 5px 0;
		font-size: 14px;
		font-weight: 600;
		line-height: 1.4;
	}

	.recent-post-info h5 a {
		color: #333;
		text-decoration: none;
		transition: color 0.3s;
	}

	.recent-post-info h5 a:hover {
		color: #428bca;
	}

	.recent-post-date {
		font-size: 12px;
		color: #888;
	}

	.main-service-img {width: 100%; height: auto;}

	.category-sidebar {
		background: #f9fdfa;
		border: 1px solid #e0e0e0;
		border-radius: 8px;
		padding: 0;
		overflow: hidden;
		margin-bottom: 30px;
	}
	.category-sidebar-header {
		background-color: #428bca;
		color: #fff;
		padding: 15px 20px;
		margin: 0;
		font-size: 18px;
		font-weight: 600;
		text-align: center;
	}
	.category-sidebar-list {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	.category-sidebar-list li {
		border-bottom: 1px solid #e0e0e0;
	}
	.category-sidebar-list li:last-child {
		border-bottom: none;
	}
	.category-sidebar-list a {
		display: block;
		padding: 15px 20px;
		color: #444;
		text-decoration: none;
		font-weight: 500;
		transition: all 0.3s ease;
		position: relative;
	}
	.category-sidebar-list a:hover {
		background-color: #effaff;
		color: #428bca;
		padding-left: 25px;
	}
	.category-sidebar-list a.active {
		background-color: #effaff;
		color: #428bca;
		font-weight: 700;
		border-left: 4px solid #428bca;
	}
	.category-sidebar-list a.active::after {
		content: '\f105';
		font-family: 'FontAwesome';
		position: absolute;
		right: 20px;
		top: 50%;
		transform: translateY(-50%);
	}

	.content-item-card {
		border: 1px solid #eee;
		border-radius: 8px;
		overflow: hidden;
		background: #fff;
		transition: box-shadow 0.3s ease;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.content-item-card:hover {
		box-shadow: 0 10px 20px rgba(0,0,0,0.08);
	}
	.content-item-image img {
		width: 100%;
		height: 200px;
		object-fit: cover;
	}
	.content-item-body {
		padding: 20px;
		flex-grow: 1;
		display: flex;
		flex-direction: column;
	}
	.content-item-title {
		font-size: 18px;
		font-weight: 700;
		margin-top: 0;
		margin-bottom: 15px;
		color: #333;
	}
	.content-item-text {
		font-size: 14px;
		color: #666;
		line-height: 1.6;
		flex-grow: 1;
	}
	.content-item-btn {
		margin-top: 15px;
		color: #428bca;
		border: 1px solid #428bca;
		padding: 8px 15px;
		border-radius: 4px;
		text-align: center;
		text-decoration: none;
		font-weight: 600;
		display: inline-block;
		transition: all 0.3s;
	}
	.content-item-btn:hover {
		background: #428bca;
		color: #fff;
	}

	.fullwidthbanner-container {
		width: 100% !important;
		position: relative;
		padding: 0;
		height: calc(100vh - 110px);
		max-height: 100vh !important;
		overflow: hidden !important;
	}

	.slide-text {
		position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2; color: #ffffff; text-align: left; z-index: 1;
	}

	.slide-text h1 {
		color: #ffffff; border-left: 5px solid #5b9dde; text-align: left; font-weight: 900; font-size: 2.5em; padding-left: 10px; 
	}

	.slide-text p {
		color: #ffffff; text-align: left; font-weight: 400; font-size: 0.8em; margin-top: 10px;
	}

	.slide-text a.blue {
		display: inline-block; background-color: #5b9dde; border: 1px solid #5b9dde; color: #ffffff; padding: 10px 50px 10px 20px; text-decoration: none; margin-top: 30px; position: relative; transition: all 0.2s ease-in-out;
	}

	.slide-text a.blue:hover {
		display: inline-block; background-color: transparent; border: 1px solid #ffffff; color: #ffffff; padding: 10px 50px 10px 20px; text-decoration: none; margin-top: 30px; position: relative; transition: all 0.2s ease-in-out;
	}

	.slide-text a.transparency {
		display: inline-block; background-color: transparent; border: 1px solid #ffffff; color: #ffffff; padding: 9px 50px 9px 20px; text-decoration: none; margin-top: 30px; position: relative; margin-left: 10px; transition: all 0.2s ease-in-out;
	}

	.slide-text a.transparency:hover {
		display: inline-block; background-color: #5b9dde; border: 1px solid #5b9dde; color: #ffffff; padding: 9px 50px 9px 20px; text-decoration: none; margin-top: 30px; position: relative; margin-left: 10px; transition: all 0.2s ease-in-out;
	}

	.slide-text a span {
		position: absolute; top: 50%; right: 20px; transform: translateY(-50%);
	}

	.main-about-us {
		padding: 100px 0 0 0;
		background-image: none;
		background-size: contain;
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.main-aboutus-title h1 {
		font-size: 28px; color: #183553; position: relative;
		font-weight: 500; margin-bottom: 20px; width: fit-content;
		margin: auto;
	}

	.main-aboutus-title h1::before {
		content: "";
		position: absolute;
		width: 40%;
		height: 3px;
		background-color: #5b9dde;
		margin: auto;
		left: 0; right: 0; top: 0px;
	}

		.main-aboutus-title h2 {
		font-size: 24px; color: #a3a09e;
		font-weight: 300; margin-bottom: 20px;
	}

	.main-about-us-content p {
		font-size: 14px; color: #a3a09e;
		font-weight: 300; margin-bottom: 20px;
	}

	.main-about-us-content a {
		font-size: 14px; color: #a3a09e;
		font-weight: 300;
		display: block; padding: 10px 20px;
		border: 1px solid #a3a09e; width: fit-content; margin-top: 40px; transition: all 0.2s ease-in-out;
		margin: auto
	}

	.main-about-us-content a span {
		margin-left: 10px;
	}

	.main-about-us-content a:hover {
		color: #ffffff;
		border: 1px solid #a3a09e; background-color: #a3a09e; transition: all 0.2s ease-in-out;
		text-decoration: none;
	}

	.main-about-us-images {
		width: 100%;
		height: auto;
		margin-top: 50px;
		display: block;
		margin-bottom: 100px;
		position: relative;
	}

	.maui-image-text {
		position: absolute; z-index: 1;
	}

	.maui-image-text p {
		margin: 0; padding: 0;
	}

	.mit-1 {
		bottom: 30px; left: 50px;
	}

	.mit-1 h2 {
		color: #ffffff; font-size: 20px; font-weight: 500;
	}

	.mit-1 p {
		color: #ffffff; font-size: 12px; font-weight: 400;
	}

	.mit-2 {
		width: 70%; top: 30px; left: 40px;
	}

	.mit-2 h2 {
		color: #000000; font-size: 20px; font-weight: 500;
	}

	.mit-2 p {
		color: #000000; font-size: 12px; font-weight: 400;
	}

	.mit-3 {
		width: auto; bottom: -100px; left: 0px; background-color: #5b9dde; padding: 10px 40px; 
	}

	.mit-3 h2 {
		color: #ffffff; font-size: 20px; font-weight: 500;
	}

	.mit-3 p {
		color: #ffffff; font-size: 12px; font-weight: 400;
	}

	.main-about-us-images .maui-left-image {
		width: 100%; float: none; padding-right: 0; position: relative;
	}

	.main-about-us-images .maui-right-images {
		width: 100%; float: none; position: relative;
	}

	.main-about-us-images .maui-right-images figure:first-child img {
		margin-bottom: 0;
	}

	.main-about-us-images img {
		width: 100%; height: auto;
		transition: all 0.2s ease-in-out;
	}

	.main-services {
		padding: 100px 0 250px 0;
		background-image: url(../assets/main/main-services-bg.jpg);
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
	}

	.main-services-title {
		text-align: center; margin-bottom: 40px;
	}

	.main-services-title h1 {
		font-size: 28px; color: #ffffff; position: relative;
		font-weight: 500; margin-bottom: 20px; width: fit-content;
		margin: auto;
	}

	.main-services-title h1::before {
		content: "";
		position: absolute;
		width: 40%;
		height: 3px;
		background-color: #5b9dde;
		margin: auto;
		left: 0; right: 0; top: -10px;
	}

	.main-services-title h2 {
		font-size: 24px; color: #ffffff;
		font-weight: 300; margin: 20px 0;
	}

	.main-services-content p {
		font-size: 14px; color: #ffffff;
		font-weight: 300; margin-bottom: 20px;
	}

	.main-services-content a {
		font-size: 14px; color: #ffffff;
		font-weight: 300;
		display: block; padding: 10px 20px;
		border: 1px solid #a3a09e; width: fit-content; margin-top: 40px; transition: all 0.2s ease-in-out;
		margin: auto
	}

	.main-services-content a span {
		margin-left: 10px;
	}

	.main-services-content a:hover {
		color: #ffffff;
		border: 1px solid #a3a09e; background-color: #a3a09e; transition: all 0.2s ease-in-out;
		text-decoration: none;
	}

	.main-services-items {
		display: flex;
		gap: 40px;
		flex-wrap: nowrap;
		justify-content: space-evenly;
		margin-top: 40px;
		flex-direction: column;
	}

	.main-services-items li {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		text-align: center;
	}

	.main-services-items li figure {
		width: 110px;
		height: 110px;
		padding: 25px;
		border: 2px solid #ffffff;
		border-radius: 50%;
	}

	.main-services-items li figure img {
		height: 60px;
	}

	.main-services-items li h2 {
		font-size: 18px; color: #ffffff; margin-top: 20px;
	}

	.main-services-items li h3 {
		font-size: 16px; color: #ffffff; margin-top: 20px;
	}

	.main-services-items li p {
		display: none;
	}

	.main-services-items li a {
		display: inline-block; background-color: #5b9dde; border: 1px solid #5b9dde; color: #ffffff; padding: 10px 20px; text-decoration: none; margin-top: 30px; position: relative; transition: all 0.2s ease-in-out;
	}

	.main-services-items li a:hover {
		background-color: transparent; border: 1px solid #ffffff; color: #ffffff; text-decoration: none; transition: all 0.2s ease-in-out;
	}

	.main-faq {
		clear: both;
		position: relative;
		width: 100%;
	}

	.main-faq-left-bg {
		background-color: #f6f8fd;
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		z-index: 2;
	}

	.main-faq-left {
		position: relative;
		z-index: 3;
		padding: 60px 20px;
		top: 0;
	}

	.main-faq-title {
		position: relative;
		text-align: left;
		z-index: 3;
	}

	.main-faq-title h1 {
		font-size: 28px; color: #183553; position: relative;
		font-weight: 500; margin-bottom: 20px; width: fit-content;
	}

	.main-faq-title h1::before {
		content: "";
		position: absolute;
		width: 20%;
		height: 3px;
		background-color: #5b9dde;
		left: 0; right: 0; top: -10px;
	}

	.main-faq-title h2 {
		font-size: 18px; color: #a3a09e;
		font-weight: 200; margin-bottom: 20px;
	}

	.main-faq-content h3 {
		font-size: 24px; color: #183553;
		font-weight: 600; margin-bottom: 20px;
	}

	.main-faq-content h4 {
		font-size: 24px; color: #183553;
		font-weight: 300; margin-bottom: 20px;
	}

	.main-faq-content a {
		display: inline-block; background-color: #5b9dde; border: 1px solid #5b9dde; color: #ffffff; padding: 10px 20px; text-decoration: none; margin-top: 30px; position: relative; transition: all 0.2s ease-in-out;
	}

	.main-faq-content a:hover {
		background-color: transparent; border: 1px solid #a3a09e; color: #a3a09e; text-decoration: none; transition: all 0.2s ease-in-out;
	}

	.main-faq-content a span {
		margin-left: 10px;
	}

	.main-faq-right-bg {
		display: none;
	}

		.main-blog-title h1 {
		font-size: 28px; color: #183553; position: relative;
		font-weight: 500; margin-bottom: 20px; width: fit-content;
		margin: auto;
	}

	.main-blog-title h1::before {
		content: "";
		position: absolute;
		width: 40%;
		height: 3px;
		background-color: #5b9dde;
		margin: auto;
		left: 0; right: 0; top: -10px;
	}

		.main-blog-title h2 {
		font-size: 24px; color: #a3a09e;
		font-weight: 300; margin-bottom: 20px;
	}

}

@media (max-width: 581px) {
	.tp-caption.big_white {
		display: none;
	}

	.top-bar {
		height: auto;
		text-align: center;
	}

	.top-bar .left-block {
		float: none;
		margin-bottom: 15px;
	}

	.top-bar .right-block {
		float: none;
	}
}