.entry-content {
	color: #666;
	font-size: 17px;
	font-weight: 400;
	line-height:24px;
}
.begin-quotes {
    padding: 0 66px;
    position: relative;
    text-align: center;
}
.milestones {
    position: relative;
}
.entry-content p {
	margin-top: 0;
	margin-bottom:17px;
	color: #666;
 }
.begin-quotes::before {
    border-radius: 2px 0 0 2px;
    left: 8px;
}
.begin-quotes::before, .begin-quotes::after {
    top: 0;
}
.begin-quotes::before, .begin-quotes::after, .end-quotes::before, .end-quotes::after {
    content: "";
    position: absolute;
    background-color: #3dae2b;
    display: inline-block;
    height: 50px;
    width: 18px;
    transform: skewX(-17deg);
}
.begin-quotes::after {
    border-radius: 0 2px 2px 0;
    left: 32px;
}
.begin-quotes::before, .begin-quotes::after {
    top: 0;
}
.end-quotes::after {
    border-radius: 0 2px 2px 0;
    right: 8px;
}
.end-quotes::before {
    border-radius: 2px 0 0 2px;
    right: 32px;
}
.end-quotes::before, .end-quotes::after {
    bottom: 0;
}
.milestones .ort_hkmz {
	padding-left:15px;
	padding-right:15px;
	z-index:1;
	-ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
	-ms-flex-order: 2;
    order: 2;
}

.milestones .km-date {
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    width: 120px; 
    height: 120px;
	font-size: 1.5rem;
    -ms-flex-align: center!important;
    align-items: center!important;
	-ms-flex-pack: center!important;
    justify-content: center!important;
}
.milestones .km-date h3.h6 {
	font-size:16px;
}
h1.infor_baslik {
    margin-bottom: 1.5rem;
    text-align: center;
	   color: #3dae2b;
	   font-size: 2.3rem;
    font-weight: 600;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #3dae2b;
    font-weight: bold;
}

.order-1 {
    -ms-flex-order: 1;
    order: 1;
}
.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
	margin-left: auto;
    margin-right: auto;
}

.milestones::before {
    content: "";
    background: #3dae2b;
    border-radius: 5px;
    position: absolute;
    left: 50%; 
    top: 0;
    width: 4px;
    height: 100%;
    margin-left: -2px;
}
.sag_hkmz {
 	width:42%;
	font-size:17px; 
	padding-left:15px;
	padding-right:15px;
    -ms-flex-order: 3;
    order: 3;
}
.sol_hkmz  {
 	width:42%;
	font-size:17px; 
	padding-left:15px;
	padding-right:15px;
    -ms-flex-order: 1;
    order: 1;
}
.h1  {
font-size: 2.3rem;
font-weight:700;
}
img.product {
    max-width: 350px;
}
.sag_hkmz img {
    height: auto;
    padding: 10px 0px;
}
.sol_hkmz img {
    height: auto;
    padding: 10px 0px;
}
img.logo {
    max-width: 250px;
}
h2.p-3 {
	    font-size: 2rem;
		font-weight:600;
}
.about-count-icon {
    width: 80px; 
    height: 80px;
    border-radius: 100%;
    padding: 20px;
    line-height: 40px;
    text-align: center;
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #3dae2b;
	margin-left:auto;
	margin-right:auto;
    display: inline-block;
}



@media (max-width: 890px) {
	.sag_hkmz {
		width:100%;
		font-size:17px; 
		padding-left:15px;
		text-align:center;
		padding-right:15px;
		background-color:#FFFFFF;
		z-index:1;
		-ms-flex-order: 2;
		order: 2;
	}
	.milestones .ort_hkmz {
		padding-left:15px;
		padding-right:15px;
		z-index:1;
		max-width: 100%;
		width:100%;
		-ms-flex-order: 1;
		order: 1;
	}
	.sol_hkmz  {
		width:100%;
		font-size:17px; 
		padding-left:15px;
		padding-right:15px;
		text-align:center; 
		background-color:#FFFFFF; 
		z-index:1;
		-ms-flex-order: 2;
		order: 2;
	}
	.milestones .km-date {
		margin-left:auto;
		margin-right:auto;
	}
	.begin-quotes::before, .begin-quotes::after, .end-quotes::before, .end-quotes::after {
		display:none;
	}
	.begin-quotes {
		padding: 0 26px;
		position: relative;
		text-align: center;
	}
	.resmoln {
		margin-top:20px;
	}
	.sag_hkmz.text-right {
		text-align:center !important;
	}
	.sol_hkmz.text-right {
		text-align:center !important;
	}
	
	.iconlar_althkmz .col-sm-3 {
flex: 0 0 50%;
    width: 100%;
    max-width: 50%;
	text-align:center;
 	}	
}
 
.about-count-icon div {
    font-size: 40px;
}

@font-face {
  font-family:"icons";
  src:url("../fonts/icons.eot");
  src:url("../fonts/icons.eot?#iefix") format("embedded-opentype"),
  url("../fonts/icons.ttf") format("truetype"),
  url("../fonts/icons.svg#icons") format("svg");
  font-weight:normal;
  font-style:normal
}

[class^="vi-"],
[class*=" vi-"] {
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1;
  font-family:"icons" !important;
  font-style:normal !important;
  font-weight:normal !important;
  font-variant:normal !important;
  text-transform:none !important
}

[class^="vi-"]:before,
[class*=" vi-"]:before {
  content:attr(data-icon)
}
 .vi-eczane:before {
      content:"\68"
}
.vi-bayi:before {
  content:"\e098"
}
.vi-deneyim:before {
  content:"\e096"
}
.vi-spor-salonu:before {
  content:"\e097"
}