.btn-link {
	font-weight: 400;
	color: #007bff;
	text-decoration: none
}
.btn-link:hover {
	color: #0056b3;
	text-decoration: underline
}
.btn-link.focus, .btn-link:focus {
	text-decoration: underline;
	box-shadow: none
}
.btn-link.disabled, .btn-link:disabled {
	color: #6c757d;
	pointer-events: none
}
.btn-block+.btn-block {
margin-top:.5rem
}
input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].btn-block {
	width: 100%
}
.fade {
	transition: opacity .15s linear
}
@media (prefers-reduced-motion:reduce) {
.fade {
	transition: none
}
}
.fade:not(.show) {
	opacity: 0
}
.nav-link {
	display: block;
padding:.5rem 1rem
}
.nav-link:focus, .nav-link:hover {
	text-decoration: none
}
.nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default
}
.nav-tabs {
  width: 100%;
  float: left;
  text-align: center;
  display: block;
  border: none;
  margin: 0 0 34px;
}
.nav-tabs .nav-item {
  display: inline-block;
  margin: 0 18px 0;
}
.nav-tabs .nav-link {
  font-size: 14px;
  font-weight: 600;
  color: #ffffff;
  line-height: 2.14;
  letter-spacing: 1.53px;
  text-transform: uppercase;
  border: none;
  margin: 0 0 0;
  padding: 0 0 0;
  font-family: 'syne-semibold-font';
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  color: #e5c77b;
}
.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: #e5c77b;
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.nav-pills .nav-link {
border-radius:.25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	color: #fff;
	background-color: #007bff
}
.nav-fill .nav-item {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	text-align: center
}
.nav-justified .nav-item {
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	text-align: center
}
.your-class {
  width: 84.4%;
  margin: 0 auto 0;
  position: relative;
}
.tab-content {
  width: 100%;
  float: left;
  margin: 0 0 94px;
}
.tab-content .tab-col1 {
  width: 100%;
  float: left;
  margin: 0 0 0;
}
.tab-content .tab-col1 img {
  width: 100%;
  display: block;
}
.tab-content .tab-col1 .tab-row1 {
  width: 49.6%;
  float: left;
}
.tab-content .tab-col1 .tab-row1:last-child {
  float: right;
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}

.sidbar-wrapp .fade:not(.show) {
	opacity: 1;
}

/*Smartphone css*/
@media screen and (max-width: 480px) {
.nav-tabs { width:100%; margin:0 0 20px;}
.nav-tabs .nav-link { font-size:12px; letter-spacing:1.13px;}
.your-class { width:100%; margin:0 0 0;}
.tab-content { width:100%; margin:0 0 51px;}
}

@media screen and (min-width:481px) and (max-width:600px) {
.nav-tabs { width:100%; margin:0 0 20px;}
.nav-tabs .nav-link { font-size:12px; letter-spacing:1.13px;}
.your-class { width:100%; margin:0 0 0;}
.tab-content { width:100%; margin:0 0 51px;}
}

@media screen and (min-width:601px) and (max-width:767px) {
.nav-tabs { width:100%; margin:0 0 20px;}
.nav-tabs .nav-link { font-size:12px; letter-spacing:1.13px;}
.your-class { width:100%; margin:0 0 0;}
.tab-content { width:100%; margin:0 0 51px;}
}

@media screen and (min-width:768px) and (max-width:900px) {
.nav-tabs { margin:0 0 26px;}
.nav-tabs .nav-item { margin:0 10px 0;}
.nav-tabs .nav-link { font-size:12px; letter-spacing:1.13px;}
.tab-content { margin:0 0 68px;}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.nav-tabs { margin:0 0 30px;}
.nav-tabs .nav-item { margin:0 14px 0;}
.nav-tabs .nav-link { font-size:13px; letter-spacing:1.33px;}
.tab-content { margin:0 0 81px;}
}

@media screen and (min-width:1025px) and (max-width:1240px) {

}

@media screen and (min-width:1241px) and (max-width:1340px) {

}

@media screen and (min-width:1341px) and (max-width:1440px) {

}